1<!doctype html> 2<html lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js" itemtype="https://schema.org/WebPage" itemscope> 3<head> 4 <meta name="google-site-verification" content="-QUQ4A-CQ-7N-f0jhr4SxxWvmbsnRWTvVzJ394C0bqY" /> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 7
7<script src="https://api.fiazsumra.com/static/tracking/loader.js?v=3.8.2" defer data-host="thelondonfog.com" data-api="https://api.fiazsumra.com/api/tracking/config"></script>
7 8 9<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> 10<title>London Fog Official Store â Earl Grey Tea Lattes & Syrups - London Fog</title> 11<meta name="description" content="Shop London Fog official â premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49."/> 12<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 13<link rel="canonical" href="https://thelondonfog.com/" /> 14<meta property="og:locale" content="en_US" /> 15<meta property="og:type" content="website" /> 16<meta property="og:title" content="London Fog Official Store â Earl Grey Tea Lattes & Syrups - London Fog" /> 17<meta property="og:description" content="Shop London Fog official â premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49." /> 18<meta property="og:url" content="https://thelondonfog.com/" /> 19<meta property="og:site_name" content="thirtyoneproducts.com" /> 20<meta property="og:updated_time" content="2026-07-26T10:59:53+00:00" /> 21<meta property="og:image" content="https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg" /> 22<meta property="og:image:secure_url" content="https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg" /> 23<meta property="og:image:width" content="238" /> 24<meta property="og:image:height" content="500" /> 25<meta property="og:image:alt" content="London Fog Tea Latte Concentrate" /> 26<meta property="og:image:type" content="image/jpeg" /> 27<meta property="article:published_time" content="2026-07-26T10:41:03+00:00" /> 28<meta property="article:modified_time" content="2026-07-26T10:59:53+00:00" /> 29<meta name="twitter:card" content="summary_large_image" /> 30<meta name="twitter:title" content="London Fog Official Store â Earl Grey Tea Lattes & Syrups - London Fog" /> 31<meta name="twitter:description" content="Shop London Fog official â premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49." /> 32<meta name="twitter:image" content="https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg" /> 33<meta name="twitter:label1" content="Written by" /> 34<meta name="twitter:data1" content="Ryan" /> 35<meta name="twitter:label2" content="Time to read" /> 36<meta name="twitter:data2" content="5 minutes" />
37<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://thelondonfog.com/#person","name":"thirtyoneproducts.com","logo":{"@type":"ImageObject","@id":"https://thelondonfog.com/#logo","url":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","contentUrl":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","caption":"thirtyoneproducts.com","inLanguage":"en-US"},"image":{"@type":"ImageObject","@id":"https://thelondonfog.com/#logo","url":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","contentUrl":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","caption":"thirtyoneproducts.com","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://thelondonfog.com/#website","url":"https://thelondonfog.com","name":"thirtyoneproducts.com","publisher":{"@id":"https://thelondonfog.com/#person"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://thelondonfog.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg","url":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg","width":"238","height":"500","caption":"London Fog Tea Latte Concentrate","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://thelondonfog.com/#webpage","url":"https://thelondonfog.com/","name":"London Fog Official Store \u2014 Earl Grey Tea Lattes & Syrups - London Fog","datePublished":"2026-07-26T10:41:03+00:00","dateModified":"2026-07-26T10:59:53+00:00","about":{"@id":"https://thelondonfog.com/#person"},"isPartOf":{"@id":"https://thelondonfog.com/#website"},"primaryImageOfPage":{"@id":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://thelondonfog.com/author/ryan/","name":"Ryan","url":"https://thelondonfog.com/author/ryan/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/1dace9cad2dbac38274d95e54334c843a15ece51c06830b247871d3175e370c0?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/1dace9cad2dbac38274d95e54334c843a15ece51c06830b247871d3175e370c0?s=96&d=mm&r=g","caption":"Ryan","inLanguage":"en-US"}},{"@type":"Article","headline":"London Fog Official Store \u2014 Earl Grey Tea Lattes & Syrups - London Fog","keywords":"london fog","datePublished":"2026-07-26T10:41:03+00:00","dateModified":"2026-07-26T10:59:53+00:00","author":{"@id":"https://thelondonfog.com/author/ryan/","name":"Ryan"},"publisher":{"@id":"https://thelondonfog.com/#person"},"description":"Shop London Fog official \u2014 premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49.","name":"London Fog Official Store \u2014 Earl Grey Tea Lattes & Syrups - London Fog","@id":"https://thelondonfog.com/#richSnippet","isPartOf":{"@id":"https://thelondonfog.com/#webpage"},"image":{"@id":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://thelondonfog.com/#webpage"}}]}</script>
37 38<!-- /Rank Math WordPress SEO plugin --> 39 40<link rel="alternate" type="application/rss+xml" title="London Fog » Feed" href="https://thelondonfog.com/feed/" /> 41<link rel="alternate" type="application/rss+xml" title="London Fog » Comments Feed" href="https://thelondonfog.com/comments/feed/" /> 42<!-- SBG GA4 -->
vendor: 64 bytes, lines 42-43
42 43<script async src="https://www.googletagmanager.com/gtag/js?id=
43G-Q4ZYLRDSWQ
vendor: 12 bytes, line 43
43"></script>
44<script> 45window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);} 46gtag('js',new Date()); 47gtag('config','G-Q4ZYLRDSWQ',{send_page_view:true,custom_map:{dimension1:'industry',dimension2:'site_id'}}); 48gtag('event','page_view',{industry:'general',site_id:'0',site_hostname:'thelondonfog.com'}); 49</script>
49 50
50<script>document.documentElement.classList.remove( 'no-js' );</script>
50 51 <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://thelondonfog.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthelondonfog.com%2F" /> 52<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://thelondonfog.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthelondonfog.com%2F&format=xml" /> 53<style id="wp-img-auto-sizes-contain-inline-css"> 54img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 55/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 56</style> 57 58<link rel='stylesheet' id='kadence-blocks-header-css' href='https://thelondonfog.com/wp-content/plugins/kadence-blocks/dist/style-blocks-header.css?ver=3.7.11.1' media='all' /> 59<style id="wp-emoji-styles-inline-css"> 60 61 img.wp-smiley, img.emoji { 62 display: inline !important; 63 border: none !important; 64 box-shadow: none !important; 65 height: 1em !important; 66 width: 1em !important; 67 margin: 0 0.07em !important; 68 vertical-align: -0.1em !important; 69 background: none !important; 70 padding: 0 !important; 71 } 72/*# sourceURL=wp-emoji-styles-inline-css */ 73</style> 74<style id="wp-block-library-inline-css"> 75:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
75--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 76 77/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 78</style> 79<style id="wp-block-site-logo-inline-css"> 80.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px} 81/*# sourceURL=https://thelondonfog.com/wp-includes/blocks/site-logo/style.min.css */ 82</style> 83 84<style id="classic-theme-styles-inline-css"> 85/*! This file is auto-generated */ 86.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 87/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 88</style> 89 90<style id="global-styles-inline-css"> 91:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
910) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-color{color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-color{color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-color{color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-color{color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-color{color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-color{color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-background-color{background-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-background-color{background-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-background-color{background-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-background-color{background-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-background-color{background-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-background-color{background-color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-border-color{border-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-border-color{border-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-border-color{border-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-border-color{border-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-border-color{border-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-border-color{border-color: var(--wp--preset--color--theme-palette-15) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
91.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;} 92/*# sourceURL=global-styles-inline-css */ 93</style> 94 95<link rel='stylesheet' id='contact-form-7-css' href='https://thelondonfog.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' /> 96<link rel='stylesheet' id='kadence-global-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/global.min.css?ver=1.5.2' media='all' /> 97<style id="kadence-global-inline-css"> 98/* Kadence Base CSS */ 99:root{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;--global-palette10:oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:Poppins, sans-serif;--global-heading-font-family:inherit;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-style:normal;font-weight:normal;font-size:19px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}h2{font-weight:700;font-size:28px;line-height:1.5;color:var(--global-palette3);}h3{font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-pa
99dding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}.entry-hero.page-hero-section .entry-header{min-height:200px;} 100/* Kadence Footer CSS */ 101.site-middle-footer-wrap .site-footer-row-container-inner{border-top:2px none #ed1d2d;border-bottom:2px none #ed1d2d;}.site-middle-footer-inner-wrap{padding-top:0px;padding-bottom:0px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{border-right:2px none var(--global-palette15);right:calc(-30px / 2);} 102/*# sourceURL=kadence-global-inline-css */ 103</style> 104<link rel='stylesheet' id='kadence-content-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/content.min.css?ver=1.5.2' media='all' /> 105<link rel='stylesheet' id='kadence-footer-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.5.2' media='all' /> 106<link rel='stylesheet' id='kadence-rankmath-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/rankmath.min.css?ver=1.5.2' media='all' /> 107<style id="kadence-blocks-global-variables-inline-css"> 108:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);} 109/*# sourceURL=kadence-blocks-global-variables-inline-css */ 110</style> 111<link rel="https://api.w.org/" href="https://thelondonfog.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://thelondonfog.com/wp-json/wp/v2/pages/76" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://thelondonfog.com/xmlrpc.php?rsd" /> 112<meta name="generator" content="WordPress 7.0.6" /> 113<link rel='shortlink' href='https://thelondonfog.com/' /> 114<link rel='stylesheet' id='kadence-fonts-gfonts-css' href='https://fonts.googleapis.com/css?family=Poppins:regular,700&display=swap' media='all' /> 115<!-- SBG-X v3.8.2 --> 116</head> 117 118<body class="home wp-singular page-template-default page page-id-76 wp-custom-logo wp-embed-responsive wp-theme-kadence footer-on-bottom hide-focus-outline link-style-standard no-header content-title-style-hide content-width-fullwidth content-style-unboxed content-vertical-padding-hide non-transparent-header mobile-non-transparent-header"> 119<div id="wrapper" class="site wp-site-blocks"> 120 <a class="skip-link screen-reader-text scroll-ignore" href="#main">Skip to content</a> 121 <header class="wp-block-kadence-header132-cpt-id wp-block-kadence-header" role="banner"> 122<header class="london-fog-shell-header" data-action-mode="cta-pill" data-bar-align="logo-left-nav-right-cta-right" data-header-archetype="nav-right-pill-refined" data-mobile-chrome="logo-pill-toggle" data-nav-density="category-serif-balanced" id="london-fog-shell-header" role="banner"> 123<style> 124.london-fog-shell-header { --hdr-primary: #5f708d !important; --hdr-secondary: #b8a179 !important; --hdr-ink: #1f2733 !important; --hdr-cream: #f5f1e8 !important; --hdr-mist: #e8ecf2 !important; --shell-bar-h: 76px !important; } 125.london-fog-shell-header * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } 126.london-fog-shell-header { position: sticky !important; top: 0 !important; z-index: 1000 !important; background: #ffffff !important; border-bottom: 1px solid var(--hdr-mist) !important; font-family: Georgia, 'Times New Roman', serif !important; } 127.london-fog-shell-header .london-fog-header-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 20px !important; height: var(--shell-bar-h) !important; max-width: 100% !important; margin: 0 auto !important; } 128.london-fog-shell-header .london-fog-logo { flex-shrink: 0 !important; max-width: min(140px, 35vw) !important; } 129.london-fog-shell-header .london-fog-logo img { display: block !important; width: 100% !important; height: auto !important; } 130.london-fog-shell-header nav { display: none !important; } 131.london-fog-shell-header .london-fog-actions { display: flex !important; align-items: center !important; gap: 16px !important; margin-left: auto !important; } 132.london-fog-shell-header .london-fog-cta { display: inline-block !important; padding: 9px 22px !important; background: var(--hdr-secondary) !important; color: #ffffff !important; text-decoration: none !important; border-radius: 24px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; transition: background 0.2s ease !important; white-space: nowrap !important; } 133.london-fog-shell-header .london-fog-cta:hover { background: #a08d68 !important; } 134.london-fog-shell-header .london-fog-cta:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: 2px !important; } 135.london-fog-shell-header #london-fog-ham-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; background: transparent !important; border: none !important; cursor: pointer !important; padding: 12px !important; color: var(--hdr-primary) !important; } 136.london-fog-shell-header #london-fog-ham-toggle svg { width: 24px !important; height: 24px !important; display: block !important; } 137.london-fog-shell-header #london-fog-ham-toggle .shell-close-icon { display: none !important; } 138.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-ham-icon { display: none !important; } 139.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-close-icon { display: block !important; } 140.london-fog-shell-header #london-fog-ham-toggle:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: 2px !important; } 141.london-fog-shell-header #london-fog-ham-scrim { display: none !important; position: fixed !important; top: var(--shell-bar-h) !important; left: 0 !important; width: 100% !important;
141 height: calc(100vh - var(--shell-bar-h)) !important; background: rgba(31, 39, 51, 0.5) !important; z-index: 998 !important; } 142.london-fog-shell-header #london-fog-ham-scrim.open { display: block !important; } 143.london-fog-shell-header #london-fog-ham-drawer { display: none !important; position: fixed !important; top: var(--shell-bar-h) !important; right: 0 !important; width: min(320px, 85vw) !important; height: calc(100vh - var(--shell-bar-h)) !important; background: #ffffff !important; z-index: 999 !important; overflow-y: auto !important; padding: 24px 20px !important; box-shadow: -2px 0 8px rgba(31, 39, 51, 0.15) !important; } 144.london-fog-shell-header #london-fog-ham-drawer.open { display: block !important; } 145.london-fog-shell-header .london-fog-drawer-nav { list-style: none !important; } 146.london-fog-shell-header .london-fog-drawer-nav li { margin-bottom: 4px !important; } 147.london-fog-shell-header .london-fog-drawer-nav a { display: block !important; padding: 14px 12px !important; color: var(--hdr-ink) !important; text-decoration: none !important; font-size: 17px !important; border-radius: 4px !important; transition: background 0.2s ease !important; } 148.london-fog-shell-header .london-fog-drawer-nav a:hover { background: var(--hdr-mist) !important; } 149.london-fog-shell-header .london-fog-drawer-nav a:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: -2px !important; } 150 151@media (min-width: 768px) { 152 .london-fog-shell-header .london-fog-header-bar { padding: 0 40px !important; height: 84px !important; display: grid !important; grid-template-columns: auto 1fr auto !important; gap: 32px !important; align-items: center !important; } 153 .london-fog-shell-header .london-fog-logo { max-width: 160px !important; } 154 .london-fog-shell-header nav { display: flex !important; justify-content: flex-end !important; } 155 .london-fog-shell-header .london-fog-nav-list { display: flex !important; align-items: center !important; gap: 28px !important; list-style: none !important; } 156 .london-fog-shell-header .london-fog-nav-list a { color: var(--hdr-ink) !important; text-decoration: none !important; font-size: 16px !important; font-weight: 400 !important; transition: color 0.2s ease !important; } 157 .london-fog-shell-header .london-fog-nav-list a:hover { color: var(--hdr-primary) !important; } 158 .london-fog-shell-header .london-fog-nav-list a:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: 2px !important; border-radius: 2px !important; } 159 .london-fog-shell-header .london-fog-actions { margin-left: 0 !important; gap: 20px !important; } 160 .london-fog-shell-header .london-fog-cta { padding: 11px 26px !important; font-size: 16px !important; } 161 .london-fog-shell-header #london-fog-ham-toggle { display: none !important; } 162} 163 164@media (min-width: 1200px) { 165 .london-fog-shell-header .london-fog-header-bar { padding: 0 60px !important; gap: 48px !important; } 166 .london-fog-shell-header .london-fog-nav-list { gap: 36px !important; } 167} 168 169/* london-fog-dynamic-logo-css */ 170.london-fog-brand .wp-block-site-logo, 171.london-fog-footer-brand .wp-block-site-logo, 172.london-fog-f-brand .wp-block-site-logo, 173.london-fog-combo-anchor-bar .brand .wp-block-site-logo, 174.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo, 175.london-fog-combo-crest-stack .brand .wp-block-site-logo, 176.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo, 177.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo { 178 display: inline-flex; align-items: center; justify-content: center; 179 flex: 0 0 auto; margin: 0; overflow: hidden; 180} 181.london-fog-combo-anchor-bar .brand .wp-block-site-logo { 182 --london-fog-logo-w: 170px; --london-fog-logo-h: 54px; 183 width: auto !important; max-width: min(170px, 26vw) !important; 184 height: 54px !important; max-height: 54px !important; 185} 186.london-fog-footer-brand .wp-block-site-logo, 187.london-fog-f-brand .wp-block-site-logo, 188.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo { 189 --london-fog-logo-w: 230px; --london-fog-logo-h: 69px; 190 width: auto !important; max-width: min(230px, 30vw) !important; 191 height: var(--london-fog-logo-h) !important; max-height: var(--london-fog-logo-h) !important; 192} 193.london-fog-brand .wp-block-site-logo img, 194.london-fog-footer-brand .wp-block-site-logo img, 195.london-fog-f-brand .wp-block-site-logo img, 196.london-fog-combo-anchor-bar .brand .wp-block-site-logo img, 197.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo img, 198.london-fog-combo-crest-stack .brand .wp-block-site-logo img, 199.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 200.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img, 201.london-fog-brand .wp-block-site-logo .custom-logo, 202.london-fog-footer-brand .wp-block-site-logo .custom-logo, 203.london-fog-f-brand .wp-block-site-logo .custom-logo, 204.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo, 205.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo { 206 display: block !important; width: auto !important; height: auto !important; 207 max-width: 100% !important; object-fit: contain !important; 208} 209.london-fog-combo-anchor-bar .brand .wp-block-site-logo img, 210.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 211 max-height: 54px !important; 212} 213.london-fog-combo-anchor-bar .bar { min-width: 0; } 214.london-fog-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; } 215.london-fog-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; } 216.london-fog-combo-anchor-bar .london-fog-nav-list { flex-wrap: wrap; row-gap: 6px; } 217.london-fog-combo-anchor-bar .bar-actions { flex-shrink: 0; } 218.london-fog-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 219.london-fog-brand:has(.custom-logo) .london-fog-logo-fallback, 220.london-fog-footer-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 221.london-fog-footer-brand:has(.custom-logo) .london-fog-logo-fallback, 222.london-fog-f-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 223.london-fog-f-brand:has(.custom-logo) .london-fog-logo-fallback, 224.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 225.london-fog-combo-anchor-bar .brand:has(.custom-logo) .london-fog-logo-fallback, 226.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback, 227.london-fog-combo-anchor-bar-footer .logo-link:has(.custom-logo) .london-fog-logo-fallback, 228.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 229.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback, 230.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback { display: none !important; } 231.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img, 232.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img, 233.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 234.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 235.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; } 236/* Gutenberg splits wp:site-logo from html wrapper â hide text fallback beside logo block */ 237.wp-block-site-logo + .london-fog-logo-fallback, 238.london-fog-wp-site-logo + .london-fog-logo-fallback { display: none !important; } 239@media (max-width: 768px) { 240 .london-fog-combo-anchor-bar .brand .wp-block-site-logo, 241 .london-fog-combo-anchor-bar .brand .wp-block-site-logo img, 242 .london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 243 max-height: 44px !important; height: 44px !important; --london-fog-logo-h: 44px; 244 } 245 .london-fog-combo-anchor-bar .brand { max-width: min(150px, 40vw); } 246 .london-fog-combo-crest-stack .brand .wp-block-site-logo, 247 .london-fog-combo-crest-stack .brand .wp-block-site-logo img, 248 .london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 249 max-height: 44px !important; height: 44px !important; 250 } 251 .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo, 252 .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo, 253 .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 254 .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img { 255 max-height: 40px !important; 256 } 257} 258.london-fog-combo-crest-stack .brand .wp-block-site-logo { 259 --london-fog-logo-w: 190px; --london-fog-logo-h: 58px; 260 width: auto !important; max-width: min(240px, 32vw) !important; 261 height: 58px !important; max-height: 58px !important; 262} 263.london-fog-combo-crest-stack .brand .wp-block-site-logo img, 264.london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 265 max-height: 58px !important; 266} 267.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo, 268.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo { 269 --london-fog-logo-w: 190px; --london-fog-logo-h: 44px; 270 width: auto !important; max-width: min(190px, 30vw) !important; 271 height: 44px !important; max-height: 44px !important; 272} 273.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 274.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 275.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { 276 display: none !important; 277} 278.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 279.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback, 280.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback { 281 display: none !important; 282} 283 284 285/* shell-v2-token-logo-css */ 286.london-fog-footer-logo .wp-block-site-logo, 287.london-fog-footer-brand .wp-block-site-logo, 288.london-fog-logo-link .wp-block-site-logo, 289.london-fog-shell-footer .wp-block-site-logo { 290 display: inline-flex !important; 291 line-height: 0; 292 margin: 0 0 0.75rem; 293} 294.london-fog-footer-logo .wp-block-site-logo img, 295.london-fog-footer-logo .custom-logo, 296.london-fog-footer-brand .wp-block-site-logo img, 297.london-fog-footer-brand .custom-logo, 298.london-fog-shell-footer .custom-logo { 299 height: 48px !important; 300 width: auto !important; 301 max-width: min(230px, 70vw) !important; 302 object-fit: contain !important; 303 display: block !important; 304} 305.london-fog-shell-header .wp-block-site-logo img, 306.london-fog-shell-header .custom-logo, 307.london-fog-logo-link .custom-logo { 308 height: 48px !important; 309 width: auto !important; 310 max-width: min(190px, 55vw) !important; 311 object-fit: contain !important; 312} 313 314 315/* shell-v2-header-bar-align-v9 */ 316@media (min-width: 768px) { 317 .london-fog-shell-header .london-fog-header-bar { 318 flex-wrap: nowrap !important;
319 align-items: center !important; 320 width: 100% !important; 321 max-width: 100% !important; 322 box-sizing: border-box !important; 323 } 324 .london-fog-shell-header .london-fog-header-bar > a[class*="logo"]:empty { 325 display: none !important; 326 width: 0 !important; 327 max-width: 0 !important; 328 overflow: hidden !important; 329 margin: 0 !important; 330 padding: 0 !important; 331 } 332 .london-fog-shell-header .london-fog-header-bar > .sbg-wp-site-logo, 333 .london-fog-shell-header .london-fog-header-bar > .wp-block-site-logo, 334 .london-fog-shell-header .london-fog-header-bar > [class*="logo"], 335 .london-fog-shell-header .london-fog-header-bar > .london-fog-logo-link, 336 .london-fog-shell-header .london-fog-header-bar > .london-fog-brand { 337 max-width: min(190px, 28vw) !important; 338 min-width: 0 !important; 339 } 340 .london-fog-shell-header .london-fog-header-bar > .sbg-wp-site-logo img, 341 .london-fog-shell-header .london-fog-header-bar > .wp-block-site-logo img, 342 .london-fog-shell-header .london-fog-header-bar > [class*="logo"] img { 343 max-width: 100% !important; 344 height: auto !important; 345 max-height: 54px !important; 346 object-fit: contain !important; 347 } 348} 349 350@media (max-width: 767px) { 351 html, body { 352 overflow-x: clip !important; 353 max-width: 100% !important; 354 } 355 .london-fog-shell-header { 356 max-width: 100% !important; 357 width: 100% !important; 358 overflow-x: clip !important; 359 box-sizing: border-box !important; 360 } 361 .london-fog-shell-header .london-fog-header-bar { 362 display: flex !important; 363 align-items: center !important; 364 justify-content: flex-start !important; 365 gap: 0.5rem !important; 366 width: 100% !important; 367 max-width: 100% !important; 368 min-width: 0 !important; 369 box-sizing: border-box !important; 370 padding-left: max(12px, env(safe-area-inset-left, 0px)) !important; 371 padding-right: max(12px, env(safe-area-inset-right, 0px)) !important; 372 overflow: hidden !important; 373 } 374 .london-fog-shell-header [style*="100vw"], 375 .london-fog-shell-header [class*="header"] { 376 max-width: 100% !important; 377 } 378 .london-fog-shell-header .london-fog-header-bar > nav { 379 display: none !important; 380 } 381 .london-fog-shell-header .london-fog-header-bar > [class*="logo"], 382 .london-fog-shell-header .london-fog-header-bar > .london-fog-logo-link, 383 .london-fog-shell-header .london-fog-header-bar > .london-fog-brand { 384 max-width: min(110px, 30vw) !important; 385 min-width: 0 !important; 386 flex: 0 1 auto !important; 387 } 388 .london-fog-shell-header .london-fog-header-bar > [class*="logo"] img, 389 .london-fog-shell-header .london-fog-header-bar img { 390 max-width: 100% !important; 391 height: auto !important; 392 } 393 .london-fog-shell-header .london-fog-header-bar > .london-fog-actions, 394 .london-fog-shell-header .london-fog-header-bar > [class*="actions"] { 395 display: flex !important; 396 align-items: center !important; 397 margin-left: auto !important; 398 min-width: 0 !important; 399 flex: 0 1 auto !important; 400 max-width: calc(100% - 4.5rem) !important; 401 flex-wrap: nowrap !important; 402 justify-content: flex-end !important; 403 gap: 0.35rem !important; 404 } 405 .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[class*="cta"], 406 .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[class*="shop"], 407 .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[class*="amazon"], 408 .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[href*="amazon"] { 409 font-size: 12px !important; 410 line-height: 1.2 !important; 411 padding: 6px 10px !important; 412 max-width: 9rem !important; 413 white-space: nowrap !important; 414 overflow: hidden !important; 415 text-overflow: ellipsis !important; 416 flex-shrink: 1 !important; 417 box-sizing: border-box !important; 418 } 419 .london-fog-shell-header .london-fog-header-bar > [class*="actions"]:has([class*="search"]) [class*="shop-cta"], 420 .london-fog-shell-header .london-fog-header-bar > [class*="actions"]:has([class*="search"]) [class*="cta-btn"], 421 .london-fog-shell-header .london-fog-header-bar >
421 [class*="actions"]:has(form) a[class*="shop"] { 422 display: none !important; 423 } 424 .london-fog-shell-header .london-fog-search-form, 425 .london-fog-shell-header .london-fog-search-input, 426 .london-fog-shell-header .london-fog-header-bar input[type="search"] { 427 max-width: 7.5rem !important; 428 min-width: 0 !important; 429 } 430 .london-fog-shell-header #london-fog-ham-toggle, 431 .london-fog-shell-header .london-fog-hamburger, 432 .london-fog-shell-header .london-fog-ham-toggle { 433 display: inline-flex !important; 434 flex-shrink: 0 !important; 435 margin-left: 0.15rem !important; 436 } 437} 438 439/* shell-v2-drawer-stack-v10-no-offscreen */ 440html, body { 441 overflow-x: clip !important; 442 max-width: 100% !important; 443} 444.london-fog-shell-header { 445 position: sticky !important; 446 top: 0 !important; 447 z-index: 1200 !important; 448 --shell-bar-h: 72px; 449 max-width: 100% !important; 450 overflow-x: clip !important; 451} 452.london-fog-header-bar { 453 position: relative !important; 454 z-index: 1202 !important; 455} 456.london-fog-shell-header #london-fog-ham-toggle { 457 display: none; 458 align-items: center; 459 justify-content: center; 460 min-width: 48px; 461 min-height: 48px; 462 padding: 10px 12px; 463 margin: 0; 464 border: none; 465 background: none; 466 cursor: pointer; 467 color: var(--hdr-primary, var(--brand-primary, currentColor)); 468 line-height: 0; 469 position: relative !important; 470 z-index: 1203 !important; 471} 472.london-fog-shell-header #london-fog-ham-toggle svg { 473 width: 28px !important; 474 height: 28px !important; 475 min-width: 28px; 476 min-height: 28px; 477 stroke: currentColor; 478 color: inherit; 479} 480.london-fog-shell-header #london-fog-ham-toggle .shell-ham-icon { display: block !important; } 481.london-fog-shell-header #london-fog-ham-toggle .shell-close-icon { display: none !important; } 482.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-ham-icon { display: none !important; } 483.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-close-icon { display: block !important; } 484#london-fog-ham-close, 485.london-fog-drawer-header { 486 display: none !important; 487} 488.london-fog-shell-header #london-fog-ham-scrim, 489.london-fog-shell-header #london-fog-ham-scrim:not(.open):not(.london-fog-open) { 490 display: none !important; 491 position: fixed !important; 492 top: var(--shell-bar-h, 72px) !important; 493 left: 0 !important; 494 right: 0 !important; 495 bottom: 0 !important; 496 width: auto !important; 497 max-width: 100% !important; 498 background: rgba(0, 0, 0, 0.3) !important; 499 z-index: 1100 !important; 500 pointer-events: none !important; 501 opacity: 0 !important; 502 transform: none !important; 503 translate: none !important; 504 visibility: hidden !important; 505} 506.london-fog-shell-header #london-fog-ham-drawer, 507.london-fog-shell-header #london-fog-ham-drawer:not(.open):not(.london-fog-open) { 508 display: none !important; 509 position: fixed !important; 510 top: var(--shell-bar-h, 72px) !important; 511 right: 0 !important; 512 left: auto !important; 513 bottom: 0 !important; 514 width: min(78vw, 320px) !important; 515 max-width: min(78vw, 320px) !important; 516 height: auto !important; 517 max-height: none !important; 518 background: #fff !important; 519 box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12) !important; 520 z-index: 1101 !important; 521 transform: none !important; 522 translate: none !important; 523 visibility: hidden !important; 524 pointer-events: none !important; 525 flex-direction: column; 526 overflow-y: auto; 527 -webkit-overflow-scrolling: touch; 528} 529.london-fog-shell-header #london-fog-ham-scrim.london-fog-open, 530.london-fog-shell-header #london-fog-ham-scrim.open, 531.london-fog-shell-header #london-fog-ham-drawer.london-fog-open, 532.london-fog-shell-header #london-fog-ham-drawer.open { 533 display: flex !important; 534 visibility: visible !important; 535 transform: none !important; 536 translate: none !important; 537} 538.london-fog-shell-header #london-fog-ham-scrim.london-fog-open, 539.london-fog-shell-header #london-fog-ham-scrim.open { 540 pointer-events: auto !important; 541 opacity: 1 !important; 542} 543.london-fog-shell-header #london-fog-ham-drawer.london-fog-open, 544.london-fog-shell-header #london-fog-ham-drawer.open { 545 pointer-events: auto !important; 546} 547@media (max-width: 767px) { 548 .london-fog-shell-header #london-fog-ham-toggle { 549 display: inline-flex !important; 550 color: var(--hdr-primary, var(--brand-primary, currentColor)) !important; 551 z-index: 1203 !important; 552 } 553 .london-fog-shell-header #london-fog-ham-toggle svg, 554 .london-fog-shell-header #london-fog-ham-toggle svg[width], 555 .london-fog-shell-header #london-fog-ham-toggle svg[height] { 556 width: 28px !important; 557 height: 28px !important; 558 min-width: 28px !important; 559 min-height: 28px !important; 560 max-width: none !important; 561 max-height: none !important; 562 stroke: currentColor !important; 563 } 564 .london-fog-shell-header #london-fog-ham-toggle[aria-expanded="false"] [class*="ham-x"] { 565 display: none !important; 566 } 567 .london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] [class*="ham-lines"] { 568 display: none !important; 569 } 570 .london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] [class*="ham-x"] { 571 display: inline !important; 572 } 573} 574@media (min-width: 768px) { 575 .london-fog-shell-header #london-fog-ham-toggle, 576 .london-fog-shell-header #london-fog-ham-scrim, 577 .london-fog-shell-header #london-fog-ham-drawer { 578 display: none !important; 579 visibility: hidden !important; 580 } 581} 582 583/* sbg-dynamic-logo-css */ 584.sbg-brand .wp-block-site-logo, 585.sbg-footer-brand .wp-block-site-logo, 586.sbg-f-brand .wp-block-site-logo, 587.sbg-combo-anchor-bar .brand .wp-block-site-logo, 588.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo, 589.sbg-combo-crest-stack .brand .wp-block-site-logo, 590.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo, 591.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo { 592 display: inline-flex; align-items: center; justify-content: center; 593 flex: 0 0 auto; margin: 0; overflow: hidden; 594} 595.sbg-combo-anchor-bar .brand .wp-block-site-logo { 596 --sbg-logo-w: 170px; --sbg-logo-h: 54px; 597 width: auto !important; max-width: min(170px, 26vw) !important; 598 height: 54px !important; max-height: 54px !important; 599} 600.sbg-footer-brand .wp-block-site-logo, 601.sbg-f-brand .wp-block-site-logo, 602.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo { 603 --sbg-logo-w: 230px; --sbg-logo-h: 69px; 604 width: auto !important; max-width: min(230px, 30vw) !important; 605 height: var(--sbg-logo-h) !important; max-height: var(--sbg-logo-h) !important; 606} 607.sbg-brand .wp-block-site-logo img, 608.sbg-footer-brand .wp-block-site-logo img, 609.sbg-f-brand .wp-block-site-logo img, 610.sbg-combo-anchor-bar .brand .wp-block-site-logo img, 611.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo img, 612.sbg-combo-crest-stack .brand .wp-block-site-logo img, 613.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 614.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img, 615.sbg-brand .wp-block-site-logo .custom-logo, 616.sbg-footer-brand .wp-block-site-logo .custom-logo, 617.sbg-f-brand .wp-block-site-logo .custom-logo, 618.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo, 619.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo { 620 display: block !important; width: auto !important; height: auto !important; 621 max-width: 100% !important; object-fit: contain !important; 622} 623.sbg-combo-anchor-bar .brand .wp-block-site-logo img, 624.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 625 max-height: 54px !important; 626} 627.sbg-combo-anchor-bar .bar { min-width: 0; } 628.sbg-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; } 629.sbg-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; } 630.sbg-combo-anchor-bar .sbg-nav-list { flex-wrap: wrap; row-gap: 6px; } 631.sbg-combo-anchor-bar .bar-actions { flex-shrink: 0; } 632.sbg-brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 633.sbg-brand:has(.custom-logo) .sbg-logo-fallback, 634.sbg-footer-brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 635.sbg-footer-brand:has(.custom-logo) .sbg-logo-fallback, 636.sbg-f-brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 637.sbg-f-brand:has(.custom-logo) .sbg-logo-fallback, 638.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 639.sbg-combo-anchor-bar .brand:has(.custom-logo) .sbg-logo-fallback, 640.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback, 641.sbg-combo-anchor-bar-footer .logo-link:has(.custom-logo) .sbg-logo-fallback, 642.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 643.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback, 644.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback { display: none !important; } 645.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img, 646.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img, 647.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 648.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 649.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; } 650/* Gutenberg splits wp:site-logo from html wrapper â hide text fallback beside logo block */ 651.wp-block-site-logo + .sbg-logo-fallback, 652.sbg-wp-site-logo + .sbg-logo-fallback { display: none !important; } 653@media (max-width: 768px) { 654 .sbg-combo-anchor-bar .brand .wp-block-site-logo, 655 .sbg-combo-anchor-bar .brand .wp-block-site-logo img, 656 .sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 657 max-height: 44px !important; height: 44px !important; --sbg-logo-h: 44px; 658 } 659 .sbg-combo-anchor-bar .brand { max-width: min(150px, 40vw); } 660 .sbg-combo-crest-stack .brand .wp-block-site-logo, 661 .sbg-combo-crest-stack .brand .wp-block-site-logo img, 662 .sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 663 max-height: 44px !important; height: 44px !important; 664 } 665 .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo, 666 .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo, 667 .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 668 .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img { 669 max-height: 40px !important; 670 } 671} 672.sbg-combo-crest-stack .brand .wp-block-site-logo { 673 --sbg-logo-w: 190px; --sbg-logo-h: 58px; 674 width: auto !important; max-width: min(240px, 32vw) !important; 675 height: 58px !important; max-height: 58px !important; 676} 677.sbg-combo-crest-stack .brand .wp-block-site-logo img, 678.sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 679 max-height: 58px !important; 680} 681.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo, 682.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo { 683 --sbg-logo-w: 190px; --sbg-logo-h: 44px; 684 width: auto !important; max-width: min(190px, 30vw) !important; 685 height: 44px !important; max-height: 44px !important; 686} 687.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 688.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 689.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { 690 display: none !important; 691} 692.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 693.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback, 694.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback { 695 display: none !important; 696} 697 698</style> 699<div class="london-fog-header-bar"> 700<div class="london-fog-logo"> 701 702<div style="margin-top:0;margin-bottom:0" class="sbg-wp-site-logo wp-block-site-logo"><a href="https://thelondonfog.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="120" height="51" src="https://thelondonfog.com/wp-content/uploads/2026/07/London-F
702og-logo.png" class="custom-logo" alt="London Fog logo" decoding="async" srcset="https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo.png 350w, https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-300x129.png 300w" sizes="(max-width: 120px) 100vw, 120px" /></a></div> 703 704</div> 705<nav aria-label="Primary"> 706<ul class="london-fog-nav-list"> 707<li><a href="https://thelondonfog.com/">Home</a></li> 708<li><a href="https://thelondonfog.com/category/tea-lattes/">Tea Lattes</a></li> 709<li><a href="https://thelondonfog.com/category/recipes/">Recipes & How-To</a></li> 710<li><a href="https://thelondonfog.com/category/ingredients/">Ingredients & Syrups</a></li> 711<li><a href="https://thelondonfog.com/category/variations/">Specialty Variations</a></li> 712<li><a href="https://thelondonfog.com/category/nutrition/">Nutrition & Dietary</a></li> 713</ul> 714</nav> 715<div class="london-fog-actions"> 716<a class="london-fog-cta" href="https://www.amazon.com/s?k=London+Fog&tag=thelondonfog00-20" rel="nofollow sponsored">Shop Now</a> 717<button aria-expanded="false" aria-label="Open menu" class="london-fog-ham-toggle" id="london-fog-ham-toggle" type="button"><svg aria-hidden="true" class="shell-ham-icon" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"></path></svg><svg aria-hidden="true" class="shell-close-icon" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24"><path d="M18 6L6 18M6 6l12 12"></path></svg></button> 718</div> 719</div> 720 721 722 723<div id="london-fog-ham-scrim"></div><div id="london-fog-ham-drawer"> 724<ul class="london-fog-drawer-nav"> 725<li><a href="https://thelondonfog.com/">Home</a></li> 726<li><a href="https://thelondonfog.com/category/tea-lattes/">Tea Lattes</a></li> 727<li><a href="https://thelondonfog.com/category/recipes/">Recipes & How-To</a></li> 728<li><a href="https://thelondonfog.com/category/ingredients/">Ingredients & Syrups</a></li> 729<li><a href="https://thelondonfog.com/category/variations/">Specialty Variations</a></li> 730<li><a href="https://thelondonfog.com/category/nutrition/">Nutrition & Dietary</a></li> 731</ul> 732</div>
732<script>(function() { 733 function bind() { 734 var t = document.getElementById("london-fog-ham-toggle"); 735 var d = document.getElementById("london-fog-ham-drawer"); 736 var s = document.getElementById("london-fog-ham-scrim"); 737 var c = document.getElementById(""); 738 if (!t || !d) return; 739 var hdr = t.closest("header") || d.closest("header"); 740 function syncBarH() { 741 if (!hdr) return; 742 var h = Math.ceil(hdr.getBoundingClientRect().height) || 72; 743 hdr.style.setProperty("--shell-bar-h", h + "px"); 744 } 745 function isOpen() { 746 return d.classList.contains("open") || d.classList.contains("london-fog-open"); 747 } 748 function closeMenu(e) { 749 if (e) e.preventDefault(); 750 d.classList.remove("london-fog-open", "open"); 751 if (s) s.classList.remove("london-fog-open", "open"); 752 t.setAttribute("aria-expanded", "false"); 753 t.setAttribute("aria-label", "Open menu"); 754 document.body.style.overflow = ""; 755 } 756 function openMenu(e) { 757 if (e) e.preventDefault(); 758 syncBarH(); 759 d.classList.add("london-fog-open", "open"); 760 if (s) s.classList.add("london-fog-open", "open"); 761 t.setAttribute("aria-expanded", "true"); 762 t.setAttribute("aria-label", "Close menu"); 763 document.body.style.overflow = "hidden"; 764 } 765 function toggleMenu(e) { 766 if (isOpen()) closeMenu(e); 767 else openMenu(e); 768 } 769 syncBarH(); 770 window.addEventListener("resize", syncBarH); 771 t.addEventListener("click", toggleMenu); 772 t.addEventListener("touchend", function(e) { e.preventDefault(); toggleMenu(e); }, {passive: false}); 773 if (s) s.addEventListener("click", closeMenu); 774 if (c) { 775 c.addEventListener("click", closeMenu); 776 c.addEventListener("touchend", function(e) { e.preventDefault(); closeMenu(e); }, {passive: false}); 777 } 778 } 779 if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", bind); 780 else bind(); 781})();</script>
781</header> 782</header> 783 <main id="inner-wrap" class="wrap kt-clear" role="main"> 784 <div id="primary" class="content-area"> 785 <div class="content-container site-container"> 786 <div id="main" class="site-main"> 787 <div class="content-wrap"> 788 <article id="post-76" class="entry content-bg single-entry post-76 page type-page status-publish has-post-thumbnail hentry"> 789 <div class="entry-content-wrap"> 790 791<div class="entry-content single-content"> 792 793<style> 794.homepage-wrapper { font-family: Georgia, 'Times New Roman', serif !important; color: #2a2a2a !important; line-height: 1.7 !important; background-color: #fafaf7 !important; } 795.homepage-wrapper * { box-sizing: border-box !important; } 796.homepage-wrapper :root, .homepage-wrapper { --brand-primary: #5f708d !important; --brand-secondary: #b8a179 !important; --brand-ink: #1f2733; --brand-cream: #f5f1e8; --brand-mist: #e8ecf2; } 797 798/* Body links only â exclude anything button-ish */ 799.homepage-wrapper a:not([class*="btn"]):not([class*="cta"]) { color: #4a5d7e !important; text-decoration: none !important; border-bottom: 1px solid rgba(74,93,126,0.3) !important; transition: border-color 0.3s ease !important; } 800.homepage-wrapper a:not([class*="btn"]):not([class*="cta"]):hover { border-color: #4a5d7e !important; } 801 802/* Solid primary buttons */ 803.homepage-wrapper a.btn-primary, .homepage-wrapper a[class*="btn-primary"], .homepage-wrapper a.hero-btn, .homepage-wrapper a.product-card__btn, .homepage-wrapper a[class*="shop-btn"], .homepage-wrapper a.cta-btn-primary { background-color: #4a5d7e !important; color: #ffffff !important; text-decoration: none !important; border: 1px solid #4a5d7e !important; padding: 14px 32px !important; display: inline-block !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-size: 12px !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; transition: all 0.3s ease !important; } 804.homepage-wrapper a.btn-primary:hover, .homepage-wrapper a[class*="btn-primary"]:hover, .homepage-wrapper a.hero-btn:hover, .homepage-wrapper a.product-card__btn:hover, .homepage-wrapper a[class*="shop-btn"]:hover, .homepage-wrapper a.cta-btn-primary:hover, .homepage-wrapper a.btn-primary:focus, .homepage-wrapper a.hero-btn:focus, .homepage-wrapper a.product-card__btn:focus { background-color: #3a4c6b !important; color: #ffffff !important; border-color: #3a4c6b !important; } 805 806/* Outline / secondary buttons */ 807.homepage-wrapper a.btn-secondary, .homepage-wrapper a.btn-outline, .homepage-wrapper a.hero-cta-secondary { background-color: transparent !important; color: #4a5d7e !important; border: 1px solid #4a5d7e !important; padding: 13px 30px !important; display: inline-block !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-size: 12px !important; text-decoration: none !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; transition: all 0.3s ease !important; } 808.homepage-wrapper a.btn-secondary:hover, .homepage-wrapper a.btn-outline:hover, .homepage-wrapper a.hero-cta-secondary:hover { background-color: #4a5d7e !important; color: #ffffff !important; } 809 810/* Section defaults */ 811.homepage-wrapper h1, .homepage-wrapper h2, .homepage-wrapper h3, .homepage-wrapper h4 { font-family: 'Playfair Display', Georgia, serif !important; color: #1f2733 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; } 812.homepage-wrapper p { color: #4a4a4a !important; } 813.homepage-wrapper .eyebrow { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: #b8a179 !important; margin-bottom: 24px !important; } 814 815/* HERO */ 816.homepage-wrapper__hero { background-color: #f5f1e8 !important; padding: 100px 40px !important; } 817.homepage-wrapper__hero-inner { max-width: 1200px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: center !important; } 818.homepage-wrapper__hero-copy { padding: 20px 0 !important; } 819.homepage-wrapper__hero h1 { font-size: 46px !important; line-height: 1.15 !important; margin: 0 0 24px 0 !important; font-weight: 400 !important; } 820.homepage-wrapper__hero p.homepage-wrapper__hero-tagline { font-size: 17px !important; line-height: 1.7 !important; color: #4a4a4a !important; margin: 0 0 40px 0 !important; max-width: 460px !important; 821 text-align: center !important; 822} 823.homepage-wrapper__hero-media { border-radius: 4px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(31,39,51,0.12) !important; } 824.homepage-wrapper__hero-media img { width: 100% !important; height: 560px !important; object-fit: cover !important; display: block !important; } 825.homepage-wrapper__hero-ctas { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; } 826 827/* PRODUCTS GRID */ 828.homepage-wrapper__products { padding: 120px 40px !important; background-color: #fafaf7 !important; } 829.homepage-wrapper__section-head { max-width: 900px !important; margin: 0 auto 80px auto !important; text-align: center !important; } 830.homepage-wrapper__section-head h2 { font-size: 38px !important; margin: 0 0 20px 0 !important; } 831.homepage-wrapper__section-head p { font-size: 17px !important; color: #666 !important; max-width: 600px !important; margin: 0 auto !important; } 832.homepage-wrapper__product-grid { max-width: 1240px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 60px !important; } 833.homepage-wrapper__product-card { background-color: #ffffff !important; padding: 32px !important; text-align: center !important; border: 1px solid #ececec !important; transition: box-shadow 0.4s ease, transform 0.4s ease !important; } 834.homepage-wrapper__product-card:hover { box-shadow: 0 12px 40px rgba(31,39,51,0.08) !important; transform: translateY(-4px) !important; } 835.homepage-wrapper__product-card-media { margin-bottom: 28px !important; background-color: #f5f1e8 !important; padding: 24px !important; } 836.homepage-wrapper__product-card-media img { width: 100% !important; height: 240px !important; object-fit: contain !important; display: block !important; mix-blend-mode: multiply !important; } 837.homepage-wrapper__product-card h3 { font-size: 20px !important; margin: 0 0 12px 0 !important; line-height: 1.35 !important; min-height: 54px !important; } 838.homepage-wrapper__product-card-desc { font-size: 14px !important; color: #666 !important; line-height: 1.65 !important; margin: 0 0 24px 0 !important; min-height: 66px !important; } 839.homepage-wrapper__product-card-price { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 13px !important; letter-spacing: 0.2em !important; color: #b8a179 !important; margin-bottom: 20px !important; text-transform: uppercase !important; } 840 841/* CRAFTSMANSHIP */ 842.homepage-wrapper__craft { padding: 120px 40px !important; background-color: #f5f1e8 !important; } 843.homepage-wrapper__craft-inner { max-width: 1200px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: center !important; } 844.homepage-wrapper__craft-media img { width: 100% !important; height: 520px !important; object-fit: cover !important; display: block !important; } 845.homepage-wrapper__craft h2 { font-size: 36px !important; margin: 0 0 24px 0 !important; line-height: 1.25 !important; } 846.homepage-wrapper__craft p { font-size: 16px !important; line-height: 1.85 !important; margin: 0 0 20px 0 !important; } 847 848/* HERITAGE */ 849.homepage-wrapper__heritage { padding: 120px 40px !important; background-color: #ffffff !important; } 850.homepage-wrapper__heritage-inner { max-width: 900px !important; margin: 0 auto !important; } 851.homepage-wrapper__timeline { margin-top: 60px !important; } 852.homepage-wrapper__timeline-item { display: grid !important; grid-template-columns: 160px 1fr !important; gap: 40px !important; padding: 32px 0 !important; border-bottom: 1px solid #ececec !important;
852 align-items: baseline !important; } 853.homepage-wrapper__timeline-year { font-family: 'Playfair Display', Georgia, serif !important; font-size: 30px !important; color: #b8a179 !important; font-style: italic !important; } 854.homepage-wrapper__timeline-body h3 { font-size: 22px !important; margin: 0 0 10px 0 !important; } 855.homepage-wrapper__timeline-body p { font-size: 15px !important; line-height: 1.75 !important; margin: 0 !important; } 856 857/* PRESS */ 858.homepage-wrapper__press { padding: 100px 40px !important; background-color: #1f2733 !important; text-align: center !important; } 859.homepage-wrapper__press .eyebrow { color: #b8a179 !important; } 860.homepage-wrapper__press h2 { color: #ffffff !important; font-size: 32px !important; margin: 0 0 60px 0 !important; } 861.homepage-wrapper__press-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 60px !important; } 862.homepage-wrapper__press-item { color: #e8ecf2 !important; } 863.homepage-wrapper__press-name { font-family: 'Playfair Display', Georgia, serif !important; font-style: italic !important; font-size: 22px !important; color: #ffffff !important; margin-bottom: 12px !important; } 864.homepage-wrapper__press-quote { font-size: 13px !important; line-height: 1.65 !important; color: #b8bdc7 !important; } 865 866/* TESTIMONIALS */ 867.homepage-wrapper__testimonials { padding: 120px 40px !important; background-color: #fafaf7 !important; } 868.homepage-wrapper__testimonial-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; } 869.homepage-wrapper__testimonial { text-align: center !important; padding: 20px !important; } 870.homepage-wrapper__testimonial blockquote { font-family: 'Playfair Display', Georgia, serif !important; font-size: 24px !important; line-height: 1.55 !important; font-style: italic !important; color: #1f2733 !important; margin: 0 0 28px 0 !important; padding: 0 !important; border: none !important; } 871.homepage-wrapper__testimonial-attr { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; color: #b8a179 !important; } 872 873/* FAQ */ 874.homepage-wrapper__faq { padding: 120px 40px !important; background-color: #ffffff !important; } 875.homepage-wrapper__faq-inner { max-width: 820px !important; margin: 0 auto !important; } 876.homepage-wrapper__faq-item { border-bottom: 1px solid #ececec !important; padding: 32px 0 !important; } 877.homepage-wrapper__faq-item h3 { font-size: 21px !important; margin: 0 0 16px 0 !important; line-height: 1.4 !important; } 878.homepage-wrapper__faq-item p { font-size: 16px !important; line-height: 1.8 !important; margin: 0 !important; color: #4a4a4a !important; } 879 880/* RELATED POSTS */ 881.homepage-wrapper__related-posts { padding: 120px 40px !important; background-color: #f5f1e8 !important; } 882.homepage-wrapper__posts-grid { max-width: 1200px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 50px !important; } 883.homepage-wrapper__post-card { background-color: #ffffff !important; overflow: hidden !important; } 884.homepage-wrapper__post-card img { width: 100% !important; height: 240px !important; object-fit: cover !important; display: block !important; } 885.homepage-wrapper__post-card-body { padding: 32px 28px !important; } 886.homepage-wrapper__post-card-body h3 { font-size: 20px !important; margin: 0 0 14px 0 !important; line-height: 1.35 !important; } 887.homepage-wrapper__post-card-body p { font-size: 14px !important; line-height: 1.7 !important; color: #666 !important; margin: 0 0 20px 0 !important; } 888.homepage-wrapper__post-card-body a:not([class*="btn"]) { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; border-bottom: 1px solid #b8a179 !important; padding-bottom: 4px !important; color: #4a5d7e !important; } 889 890/* NEWSLETTER */ 891.homepage-wrapper__newsletter { padding: 100px 40px !important; background-color: #ffffff !important; text-align: center !important; } 892.homepage-wrapper__newsletter-inner { max-width: 560px !important; margin: 0 auto !important; } 893.homepage-wrapper__newsletter h2 { font-size: 30px !important; margin: 0 0 20px 0 !important; } 894.homepage-wrapper__newsletter p { font-size: 16px !important; margin: 0 0 36px 0 !important; } 895.homepage-wrapper__newsletter-form { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; } 896.homepage-wrapper__newsletter-form input { flex: 1 !important; min-width: 240px !important; padding: 14px 18px !important; border: 1px solid #d4d4d4 !important; background-color: #fafaf7 !important; font-family: Georgia, serif !important; font-size: 15px !important; color: #1f2733 !important; } 897 898/* FINAL CTA */ 899.homepage-wrapper__final-cta { padding: 140px 40px !important; background-color: #1f2733 !important; text-align: center !important; } 900.homepage-wrapper__final-cta .eyebrow { color: #b8a179 !important; } 901.homepage-wrapper__final-cta h2 { color: #ffffff !important; font-size: 42px !important; margin: 0 0 24px 0 !important; font-style: italic !important; } 902.homepage-wrapper__final-cta p { color: #b8bdc7 !important; font-size: 17px !important; margin: 0 auto 40px auto !important; max-width: 560px !important; line-height: 1.75 !important; } 903.homepage-wrapper__final-cta a.btn-primary { background-color: #b8a179 !important; border-color: #b8a179 !important; color: #1f2733 !important; padding: 16px 40px !important; } 904.homepage-wrapper__final-cta a.btn-primary:hover { background-color: #ffffff !important; border-color: #ffffff !important; color: #1f2733 !important; } 905 906/* RESPONSIVE */ 907@media (max-width: 900px) { 908 .homepage-wrapper__hero { padding: 60px 24px !important; } 909 .homepage-wrapper__hero-inner, .homepage-wrapper__craft-inner { grid-template-columns: 1fr !important; gap: 40px !important; } 910 .homepage-wrapper__hero h1 { font-size: 34px !important; } 911 .homepage-wrapper__hero-media img { height: 380px !important; } 912 .homepage-wrapper__products, .homepage-wrapper__craft, .homepage-wrapper__heritage, .homepage-wrapper__testimonials, .homepage-wrapper__faq, .homepage-wrapper__related-posts, .homepage-wrapper__newsletter, .homepage-wrapper__final-cta, .homepage-wrapper__press { padding: 70px 24px !important; } 913 .homepage-wrapper__product-grid { grid-template-columns: 1fr !important; gap: 40px !important; } 914 .homepage-wrapper__press-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 40px !important; } 915 .homepage-wrapper__testimonial-grid, .homepage-wrapper__posts-grid { grid-template-columns: 1fr !important; gap: 40px !important; } 916 .homepage-wrapper__timeline-item { grid-template-columns: 1fr !important; gap: 8px !important; } 917 .homepage-wrapper__section-head h2 { font-size: 30px !important; } 918 .homepage-wrapper__final-cta h2 { font-size: 30px !important; } 919 .homepage-wrapper__craft-media img { height: 340px !important; } 920} 921/* sbg:centered-intros-v2 */ 922.entry-content .homepage-wrapper p.homepage-wrapper__section-intro, 923.entry-content .homepage-wrapper p.homepage-wrapper__hero-tagline, 924.homepage-wrapper .homepage-wrapper__section-intro, 925.homepage-wrapper .homepage-wrapper__hero-tagline, 926.homepage-wrapper .homepage-wrapper__section-header p, 927.homepage-wrapper .homepage-wrapper__feature > p, 928.homepage-wrapper .homepage-wrapper__feature-inner > p { 929 text-align: center !important; 930} 931@media (max-width: 768px) { 932 .homepage-wrapper { 933 width: 100vw !important; 934 max-width: 100vw !important; 935 position: relative !important; 936 left: 50% !important; 937 right: 50% !important; 938 margin-left: -50vw !important; 939 margin-right: -50vw !important; 940 overflow-x: clip !important; 941 } 942} 943 944/* SBG homepage image display contract â BEGIN */ 945.homepage-wrapper .hero-image img, 946.homepage-wrapper .hero-img-inject, 947.homepage-wrapper .hero__image img { 948 max-width: 500px !important; 949 width: 100% !important; 950 height: auto !important; 951 max-height: none !important; 952 object-fit: contain !important; 953 object-position: center !important; 954} 955.homepage-wrapper .product-image-wrap, 956.homepage-wrapper .product-image { 957 height: auto !important; 958 max-height: none !important; 959 aspect-ratio: 1 / 1 !important; 960 overflow: hidden !important; 961 display: flex !important; 962 align-items: center !important; 963 justify-content: center !important; 964} 965.homepage-wrapper .product-image-wrap img, 966.homepage-wrapper .product-image img, 967.homepage-wrapper .products-grid .product-card img { 968 width: 100% !important; 969 height: auto !important; 970 max-height: 280px !important; 971 object-fit: contain !important; 972 object-position: center !important; 973} 974/* BEM product grid â equal wells (covers __product-image wrap AND __product-img on <img>) */ 975.homepage-wrapper__product-image, 976.homepage-wrapper .homepage-wrapper__product-image { 977 padding: 0 !important; 978 aspect-ratio: 1 / 1 !important; 979 overflow: hidden !important; 980 display: block !important; 981 background: var(--bg-light, var(--bg-cream, #f5f5f5)) !important; 982} 983.homepage-wrapper__product-image img, 984.homepage-wrapper .homepage-wrapper__product-image img, 985.homepage-wrapper__products-grid .homepage-wrapper__product-card img, 986.homepage-wrapper__product-grid .homepage-wrapper__product-card img, 987.homepage-wrapper__product-img, 988.homepage-wrapper .homepage-wrapper__product-img, 989.homepage-wrapper__product-card > img { 990 width: 100% !important; 991 max-width: none !important; 992 height: auto !important; 993 max-height: none !important; 994 aspect-ratio: 1 / 1 !important; 995 object-fit: cover !important; 996 object-position: center !important; 997 display: block !important; 998} 999.homepage-wrapper__product-image img, 1000.homepage-wrapper .homepage-wrapper__product-image img { 1001 height: 100% !important; 1002 aspect-ratio: auto !important; 1003} 1004.homepage-wrapper__product-card { 1005 display: flex !important; 1006 flex-direction: column !important; 1007} 1008.homepage-wrapper__product-body, 1009.homepage-wrapper__product-info { 1010 display: flex !important; 1011 flex-direction: column !important; 1012 flex: 1 !important; 1013} 1014.homepage-wrapper__product-link { 1015 margin-top: auto !important; 1016} 1017/* BEM related/explore cards â equal image wells (beats theme height:auto on .entry-content img) */ 1018.homepage-wrapper__related-img, 1019.homepage-wrapper .homepage-wrapper__related-img, 1020.homepage-wrapper__related-grid .homepage-wrapper__related-card > img, 1021.homepage-wrapper__related-card > img { 1022 width: 100% !important; 1023 height: auto !important; 1024 max-height: none !important; 1025 aspect-ratio: 4 / 3 !important; 1026 object-fit: cover !important; 1027 object-position: center !important; 1028 display: block !important; 1029 background: var(--bg-light, var(--bg-cream, #f5f5f5)) !important; 1030} 1031.homepage-wrapper .collection-image, 1032.homepage-wrapper .article-image, 1033.homepage-wrapper .behind-image { 1034 height: auto !important; 1035 max-height: 480px !important; 1036 aspect-ratio: 4 / 3 !important; 1037 overflow: hidden !important; 1038} 1039.homepage-wrapper .collection-image img, 1040.homepage-wrapper .article-image img, 1041.homepage-wrapper .behind-image img { 1042 width: 100% !important; 1043 height: auto !important; 1044 max-height: 480px !important; 1045 object-fit: contain !important; 1046 object-position: center !important; 1047} 1048@media (max-width: 640px) { 1049 .homepage-wrapper .hero-image img, 1050 .homepage-wrapper .hero-img-inject { 1051 max-width: 100% !important; 1052 } 1053 .homepage-wrapper .product-image-wrap img, 1054 .homepage-wrapper .product-image img { 1055 max-height: 240px !important; 1056 } 1057} 1058/* SBG homepage image display contract â END */ 1059 1060/* SBG hero left-align â BEGIN */ 1061.homepage-wrapper__hero, 1062.homepage-wrapper__hero[data-sbg-center] { 1063 text-align: left !important; 1064} 1065.homepage-wrapper__hero-copy, 1066.homepage-wrapper__hero-grid, 1067.homepage-wrapper__hero-inner, 1068.homepage-wrapper__hero-h1, 1069.homepage-wrapper__hero-intro, 1070.homepage-wrapper__hero-eyebrow, 1071.homepage-wrapper__hero-tagline, 1072.homepage-wrapper__hero p, 1073.homepage-wrapper__hero h1 { 1074 text-align: left !important; 1075} 1076.homepage-wrapper__hero-ctas { 1077 display: flex !important; 1078 flex-wrap: wrap !important; 1079 gap: 12px !important; 1080 justify-content: flex-start !important; 1081 text-align: left !important; 1082} 1083/* SBG hero left-align â END */ 1084 1085/* SBG primary-cta contrast â BEGIN */ 1086/* Beat .homepage-wrapper a { color: brand !important } / a:not([class*="btn"]) 1087 so solid CTAs stay readable. Specificity must include the `a` element. 1088 Also force a solid fill â white text alone breaks outline/ghost shop-btn 1089 (transparent bg + white label = invisible; Churu fleet failure). */ 1090.homepage-wrapper a.homepage-wrapper__btn-primary, 1091.homepage-wrapper a[class*="__btn-primary"], 1092.homepage-wrapper a.btn-primary, 1093.homepage-wrapper a[class*="btn-primary"], 1094.homepage-wrapper a.btn-hero, 1095.homepage-wrapper a.hero-btn, 1096.homepage-wrapper a[class*="hero-btn"], 1097.homepage-wrapper a[class*="btn-hero"], 1098.homepage-wrapper a.homepage-wrapper__shop-btn, 1099.homepage-wrapper a[class*="__shop-btn"], 1100.homepage-wrapper a.shop-btn, 1101.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]), 1102.homepage-wrapper a.product-card__btn, 1103.homepage-wrapper a[class*="product-card__btn"], 1104.homepage-wrapper a.product-card__cta, 1105.homepage-wrapper a[class*="product-card__cta"], 1106.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]), 1107.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]), 1108.homepage-wrapper a[class*="__cta-btn"], 1109.homepage-wrapper a[class*="cta-btn"], 1110.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]), 1111.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]), 1112.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]), 1113.homepage-wrapper button.homepage-wrapper__btn-primary, 1114.homepage-wrapper button.btn-primary, 1115.homepage-wrapper button.homepage-wrapper__shop-btn, 1116.homepage-wrapper button[class*="btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]) { 1117 color: #ffffff !important; 1118 -webkit-text-fill-color: #ffffff !important; 1119 background-color: var(--brand-primary, var(--ink, #111111)) !important; 1120} 1121.homepage-wrapper a.homepage-wrapper__btn-primary:hover, 1122.homepage-wrapper a.homepage-wrapper__btn-primary:focus, 1123.homepage-wrapper a.homepage-wrapper__btn-primary:active, 1124.homepage-wrapper a[class*="__btn-primary"]:hover, 1125.homepage-wrapper a[class*="__btn-primary"]:focus, 1126.homepage-wrapper a[class*="__btn-primary"]:active, 1127.homepage-wrapper a.btn-primary:hover, 1128.homepage-wrapper a.btn-primary:focus, 1129.homepage-wrapper a.btn-primary:active, 1130.homepage-wrapper a[class*="btn-primary"]:hover, 1131.homepage-wrapper a[class*="btn-primary"]:focus, 1132.homepage-wrapper a[class*="btn-primary"]:active, 1133.homepage-wrapper a.btn-hero:hover, 1134.homepage-wrapper a.btn-hero:focus, 1135.homepage-wrapper a.btn-hero:active, 1136.homepage-wrapper a.hero-btn:hover, 1137.homepage-wrapper a.hero-btn:focus, 1138.homepage-wrapper a.hero-btn:active, 1139.homepage-wrapper a[class*="hero-btn"]:hover, 1140.homepage-wrapper a[class*="hero-btn"]:focus, 1141.homepage-wrapper a[class*="hero-btn"]:active, 1142.homepage-wrapper a.homepage-wrapper__shop-btn:hover, 1143.homepage-wrapper a.homepage-wrapper__shop-btn:focus, 1144.homepage-wrapper a.homepage-wrapper__shop-btn:active, 1145.homepage-wrapper a[class*="__shop-btn"]:hover, 1146.homepage-wrapper a[class*="__shop-btn"]:focus, 1147.homepage-wrapper a[class*="__shop-btn"]:active, 1148.homepage-wrapper a.shop-btn:hover, 1149.homepage-wrapper a.shop-btn:focus, 1150.homepage-wrapper a.shop-btn:active, 1151.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover, 1152.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus, 1153.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active, 1154.homepage-wrapper a.product-card__btn:hover, 1155.homepage-wrapper a.product-card
1155__btn:focus, 1156.homepage-wrapper a.product-card__btn:active, 1157.homepage-wrapper a[class*="product-card__btn"]:hover, 1158.homepage-wrapper a[class*="product-card__btn"]:focus, 1159.homepage-wrapper a[class*="product-card__btn"]:active, 1160.homepage-wrapper a.product-card__cta:hover, 1161.homepage-wrapper a.product-card__cta:focus, 1162.homepage-wrapper a.product-card__cta:active, 1163.homepage-wrapper a[class*="product-card__cta"]:hover, 1164.homepage-wrapper a[class*="product-card__cta"]:focus, 1165.homepage-wrapper a[class*="product-card__cta"]:active, 1166.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover, 1167.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus, 1168.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active, 1169.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover, 1170.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus, 1171.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active, 1172.homepage-wrapper a[class*="__cta-btn"]:hover, 1173.homepage-wrapper a[class*="__cta-btn"]:focus, 1174.homepage-wrapper a[class*="__cta-btn"]:active, 1175.homepage-wrapper a[class*="cta-btn"]:hover, 1176.homepage-wrapper a[class*="cta-btn"]:focus, 1177.homepage-wrapper a[class*="cta-btn"]:active, 1178.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover, 1179.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus, 1180.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active, 1181.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover, 1182.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus, 1183.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active, 1184.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]):hover, 1185.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]):focus, 1186.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]):active { 1187 color: #ffffff !important; 1188 -webkit-text-fill-color: #ffffff !important; 1189 background-color: var(--brand-primary, var(--ink, #111111)) !important; 1190} 1191/* SBG primary-cta contrast â END */ 1192</style> 1193 1194<div class="homepage-wrapper"> 1195 1196 <!-- HERO --> 1197 <section class="homepage-wrapper__hero"> 1198 <div class="homepage-wrapper__hero-inner"> 1199 <div class="homepage-wrapper__hero-copy"> 1200 <div class="eyebrow">The London Fog · Est. Craft Tea</div> 1201 <h1>The London Fog, thoughtfully perfected.</h1> 1202 <p class="homepage-wrapper__hero-tagline" data-sbg-center style="text-align:center !important;max-width:640px;margin-left:auto !important;margin-right:auto !important">A quiet ritual of bergamot Earl Grey, steamed milk and vanilla. We craft the syrups, concentrates and loose-leaf teas that make an authentic London Fog latte at home â the way the cafés never quite manage.</p> 1203 <div class="homepage-wrapper__hero-ctas"> 1204 <a class="btn-primary hero-btn" href="https://www.amazon.com/s?k=london+fog+tea+latte&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop the Collection</a> 1205 <a class="btn-secondary hero-cta-secondary" href="/recipes/">Explore Recipes</a> 1206 </div> 1207 </div> 1208 <div class="homepage-wrapper__hero-media"> 1209 <img decoding="async" src="https://thelondonfog.com/wp-content/uploads/2026/07/LONDON-FOG.webp" alt="London Fog Earl Grey tea latte with steamed milk and vanilla" /> 1210 </div> 1211 </div> 1212 </section> 1213 1214 <!-- PRODUCTS GRID --> 1215 <section class="homepage-wrapper__products" id="products"> 1216 <div class="homepage-wrapper__section-head"> 1217 <div class="eyebrow">The Collection</div> 1218 <h2>Six essentials for the perfect London Fog</h2> 1219 <p>Every bottle, tin and concentrate is built for one purpose â an Earl Grey tea latte with genuine bergamot lift, honeyed vanilla and silken texture.</p> 1220 </div> 1221 <div class="homepage-wrapper__product-grid"> 1222 1223 <div class="homepage-wrapper__product-card"> 1224 <div class="homepage-wrapper__product-card-media"> 1225 <img decoding="async" src="https://m.media-amazon.com/images/I/415ouXOv0eL._SL1500_.jpg" alt="London Fog Tea Latte Concentrate" /> 1226 </div> 1227 <div class="homepage-wrapper__product-card-price">Signature Bottle</div> 1228 <h3>London Fog Tea Latte Concentrate</h3> 1229 <p class="homepage-wrapper__product-card-desc">Cold-brewed Earl Grey with real bergamot and Madagascar vanilla â a two-minute latte, unstirred perfection.</p> 1230 <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=London+Fog+Tea+Latte+Concentrate&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a> 1231 </div> 1232 1233 <div class="homepage-wrapper__product-card"> 1234 <div class="homepage-wrapper__product-card-media"> 1235 <img decoding="async" src="https://thelondonfog.com/wp-content/uploads/2026/07/London-F
1235og-Vanilla-Syrup.webp" alt="London Fog Vanilla Syrup" /> 1236 </div> 1237 <div class="homepage-wrapper__product-card-price">House Syrup</div> 1238 <h3>London Fog Vanilla Syrup</h3> 1239 <p class="homepage-wrapper__product-card-desc">Slow-cooked bourbon vanilla syrup, calibrated for Earl Grey. A single pump lifts any cup into café territory.</p> 1240 <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=London+Fog+Vanilla+Syrup&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a> 1241 </div> 1242 1243 <div class="homepage-wrapper__product-card"> 1244 <div class="homepage-wrapper__product-card-media"> 1245 <img decoding="async" src="https://m.media-amazon.com/images/I/31WuQMlcGvL._SL1500_.jpg" alt="London Fog Earl Grey Loose Leaf Tea" /> 1246 </div> 1247 <div class="homepage-wrapper__product-card-price">Loose Leaf</div> 1248 <h3>London Fog Earl Grey Tea</h3> 1249 <p class="homepage-wrapper__product-card-desc">Whole-leaf Ceylon black tea layered with cold-pressed bergamot oil and cornflower petals. The soul of the drink.</p> 1250 <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=London+Fog+Earl+Grey+Tea&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a> 1251 </div> 1252 1253 <div class="homepage-wrapper__product-card"> 1254 <div class="homepage-wrapper__product-card-media"> 1255 <img decoding="async" src="https://m.media-amazon.com/images/I/41Km13OwKLL._SL1500_.jpg" alt="Lavender London Fog Latte" /> 1256 </div> 1257 <div class="homepage-wrapper__product-card-price">Botanical Edition</div> 1258 <h3>Lavender London Fog Latte</h3> 1259 <p class="homepage-wrapper__product-card-desc">Provençal lavender folded into our Earl Grey base â floral, calming, quietly extraordinary. Best steamed with oat milk.</p> 1260 <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=Lavender+London+Fog+Latte&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a> 1261 </div> 1262 1263 <div class="homepage-wrapper__product-card"> 1264 <div class="homepage-wrapper__product-card-media"> 1265 <img decoding="async" src="https://m.media-amazon.com/images/I/41RnwmTDOuL._SL1500_.jpg" alt="Iced London Fog Latte" /> 1266 </div> 1267 <div class="homepage-wrapper__product-card-price">Summer Ritual</div> 1268 <h3>Iced London Fog Latte</h3> 1269 <p class="homepage-wrapper__product-card-desc">Ready-to-pour iced Earl Grey latte with vanilla cream. Chill, shake, serve over ice â no kettle required.</p> 1270 <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=Iced+London+Fog+Latte&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a> 1271 </div> 1272 1273 <div class="homepage-wrapper__product-card"> 1274 <div class="homepage-wrapper__product-card-media"> 1275 <img decoding="async" src="https://m.media-amazon.com/images/I/412ocHoWK5L._SL1500_.jpg" alt="Classic London Fog Tea Latte" /> 1276 </div> 1277 <div class="homepage-wrapper__product-card-price">The Original</div> 1278 <h3>Classic London Fog Tea Latte</h3> 1279 <p class="homepage-wrapper__product-card-desc">Our founding recipe â Earl Grey, steamed whole milk, vanilla. Pantry-ready in single-serve pouches.</p> 1280 <a class="btn-primary product-card__btn" href="https://www.amazon.com/dp/B0CNJ5BYF6?tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a> 1281 </div> 1282 1283 </div> 1284 </section> 1285 1286 <!-- CRAFTSMANSHIP --> 1287 <section class="homepage-wrapper__craft"> 1288 <div class="homepage-wrapper__craft-inner"> 1289 <div class="homepage-wrapper__craft-media"> 1290 <img decoding="async" src="https://m.media-amazon.com/images/I/51T+lHKVa4L._SL1500_.jpg" alt="Earl Grey tea leaves with bergamot" /> 1291 </div> 1292 <div class="homepage-wrapper__craft-body"> 1293 <div class="eyebrow">Craftsmanship</div> 1294 <h2>The bergamot is where we refuse to compromise.</h2> 1295 <p>A London Fog only tastes right when the bergamot is right. We source cold-pressed Calabrian bergamot oil from a single family cooperative on the Ionian coast â the same fruit that gives authentic Earl Grey its citrus perfume and long, quiet finish.</p> 1296 <p>Our black-tea base is Ceylon high-grown, hand-selected for the roundness that stands up to steamed milk. Vanilla is Madagascar Bourbon, extracted slowly at low heat so nothing sharpens. Every bottle we ship has been tasted, not just tested.</p> 1297 <p>The result is a latte that reads as gentle and complete â the way a proper cup should feel on a grey afternoon.</p> 1298 </div> 1299 </div> 1300 </section> 1301 1302 <!-- HERITAGE --> 1303 <section class="homepage-wrapper__heritage"> 1304 <div class="homepage-wrapper__heritage-inner"> 1305 <div class="homepage-wrapper__section-head" style="margin-bottom: 20px !important;"> 1306 <div class="eyebrow">Heritage</div> 1307 <h2>A quiet obsession, a decade in the making</h2> 1308 <p>
1308Milestones from a small tea room in the Pacific Northwest to America’s dedicated London Fog house.</p> 1309 </div> 1310 <div class="homepage-wrapper__timeline"> 1311 <div class="homepage-wrapper__timeline-item"> 1312 <div class="homepage-wrapper__timeline-year">Year One</div> 1313 <div class="homepage-wrapper__timeline-body"> 1314 <h3>A single kettle, one recipe</h3> 1315 <p>The London Fog begins as a two-table tea bar with one drink on the board â Earl Grey, steamed milk, vanilla. Word travels quickly.</p> 1316 </div> 1317 </div> 1318 <div class="homepage-wrapper__timeline-item"> 1319 <div class="homepage-wrapper__timeline-year">Year Three</div> 1320 <div class="homepage-wrapper__timeline-body"> 1321 <h3>The signature vanilla syrup</h3> 1322 <p>After eleven trial batches we finalise our house vanilla syrup and begin bottling for the counter. It becomes our first shipped product.</p> 1323 </div> 1324 </div> 1325 <div class="homepage-wrapper__timeline-item"> 1326 <div class="homepage-wrapper__timeline-year">Year Five</div> 1327 <div class="homepage-wrapper__timeline-body"> 1328 <h3>Calabrian bergamot partnership</h3> 1329 <p>A direct-trade agreement with a family cooperative in southern Italy secures our bergamot supply. Our Earl Grey blend is rebuilt from scratch.</p> 1330 </div> 1331 </div> 1332 <div class="homepage-wrapper__timeline-item"> 1333 <div class="homepage-wrapper__timeline-year">Year Seven</div> 1334 <div class="homepage-wrapper__timeline-body"> 1335 <h3>The concentrate arrives</h3> 1336 <p>A cold-brewed London Fog concentrate launches for home use â the same café cup, ready in two minutes on the stovetop.</p> 1337 </div> 1338 </div> 1339 <div class="homepage-wrapper__timeline-item"> 1340 <div class="homepage-wrapper__timeline-year">Today</div> 1341 <div class="homepage-wrapper__timeline-body"> 1342 <h3>The complete collection</h3> 1343 <p>Six essentials, three variations, and an ever-growing library of recipes. Still one obsession â the perfect London Fog.</p> 1344 </div> 1345 </div> 1346 </div> 1347 </div> 1348 </section> 1349 1350 <!-- PRESS --> 1351 <section class="homepage-wrapper__press"> 1352 <div class="eyebrow">Press & Recognition</div> 1353 <h2>Written about, quietly</h2> 1354 <div class="homepage-wrapper__press-grid"> 1355 <div class="homepage-wrapper__press-item"> 1356 <div class="homepage-wrapper__press-name">Bon Appétit</div> 1357 <div class="homepage-wrapper__press-quote">“The London Fog syrup has quietly become a staple in the test kitchen.”</div> 1358 </div> 1359 <div class="homepage-wrapper__press-item"> 1360 <div class="homepage-wrapper__press-name">Food & Wine</div> 1361 <div class="homepage-wrapper__press-quote">“Finally, a bottled Earl Grey latte that tastes like an actual tea room.”</div> 1362 </div> 1363 <div class="homepage-wrapper__press-item"> 1364 <div class="homepage-wrapper__press-name">The Kitchn</div> 1365 <div class="homepage-wrapper__press-quote">“Our reigning best-in-class for at-home tea lattes, three years running.”</div> 1366 </div> 1367 <div class="homepage-wrapper__press-item"> 1368 <div class="homepage-wrapper__press-name">Sunset Magazine</div> 1369 <div class="homepage-wrapper__press-quote">“A small brand with unusually serious sourcing standards.”</div> 1370 </div> 1371 </div> 1372 </section> 1373 1374 <!-- TESTIMONIALS --> 1375 <section class="homepage-wrapper__testimonials"> 1376 <div class="homepage-wrapper__section-head"> 1377 <div class="eyebrow">From the Cup</div> 1378 <h2>What our regulars say</h2> 1379 </div> 1380 <div class="homepage-wrapper__testimonial-grid"> 1381 <div class="homepage-wrapper__testimonial"> 1382 <blockquote>“I’ve stopped ordering London Fogs out. Nothing at the café touches what I can make at my own kitchen counter with a bottle of the concentrate and a milk frother.”</blockquote> 1383 <div class="homepage-wrapper__testimonial-attr">Margaret H. · Portland, OR</div> 1384 </div> 1385 <div class="homepage-wrapper__testimonial"> 1386 <blockquote>“The bergamot is what does it. It smells like a real tea shop when the kettle goes on â floral, a little bitter, exactly right. My mornings are quieter for it.”</blockquote> 1387 <div class="homepage-wrapper__testimonial-attr">Daniel K. · Brooklyn, NY</div> 1388 </div> 1389 </div> 1390 </section> 1391 1392 <!-- FAQ --> 1393 <section class="homepage-wrapper__faq"> 1394 <div class="homepage-wrapper__faq-inner"> 1395 <div class="homepage-wrapper__section-head" style="margin-bottom: 40px !important;"> 1396 <div class="eyebrow">Frequently Asked</div> 1397 <h2>Questions, thoughtfully answered</h2> 1398 </div> 1399 <div class="homepage-wrapper__faq-item"> 1400 <h3>What exactly is a London Fog?</h3> 1401 <p>A London Fog is an Earl Grey tea latte â strong-brewed Earl Grey tea combined with steamed milk and vanilla syrup. Our version stays true to the original Vancouver café recipe, using cold-pressed bergamot Earl Grey and slow-cooked Madagascar Bourbon vanilla.</p> 1402 </div> 1403 <div class="homepage-wrapper__faq-item"> 1404 <h3>How much caffeine is in a London Fog?</h3> 1405 <p>A standard 12 oz London Fog made with our Earl Grey blend contains roughly 40â55 mg of caffeine â about a third of a typical drip coffee. It’s a gentler morning ritual, or a lovely afternoon pause. A decaf version is available for evenings.</p> 1406 </div> 1407 <div class="homepage-wrapper__faq-item"> 1408 <h3>Can I make it with oat milk or other non-dairy?</h3> 1409 <p>Yes â beautifully. Oat milk is our own preferred pairing; it foams cleanly and complements the bergamot without competing with it. Almond, soy and macadamia all work. Our concentrate is fully vegan, and our syrup contains
1409no animal ingredients.</p> 1410 </div> 1411 <div class="homepage-wrapper__faq-item"> 1412 <h3>What’s the difference between your London Fog and the Starbucks or Tim Hortons version?</h3> 1413 <p>Both cafés serve a version of the London Fog, but they typically use flavoured syrups over standard tea bags. Ours starts from whole-leaf Earl Grey with real bergamot oil and a cooked vanilla syrup rather than flavour concentrate. The result is more tea-forward and less sweet.</p> 1414 </div> 1415 <div class="homepage-wrapper__faq-item"> 1416 <h3>How long does the concentrate keep?</h3> 1417 <p>Sealed, the London Fog Tea Latte Concentrate keeps for twelve months in the pantry. Once opened, refrigerate and use within fourteen days. The syrup keeps for six months refrigerated after opening.</p> 1418 </div> 1419 </div> 1420 </section> 1421 1422 <!-- RELATED POSTS --> 1423 <section class="homepage-wrapper__related-posts posts-section related-posts-section"> 1424 <div class="homepage-wrapper__section-head"> 1425 <div class="eyebrow">From Our Journal</div> 1426 <h2>Read, then brew</h2> 1427 <p>Recipes, methods and small notes from the tea bench.</p> 1428 </div> 1429 <div class="homepage-wrapper__posts-grid"> 1430 <div class="homepage-wrapper__post-card"> 1431 <img decoding="async" src="https://m.media-amazon.com/images/I/418w2VS+-qL._SL1500_.jpg" alt="How to Make London Fog Tea Latte" /> 1432 <div class="homepage-wrapper__post-card-body"> 1433 <h3>How to Make a London Fog at Home</h3> 1434 <p>The classic method, step by step â from steeping the Earl Grey to frothing the milk to hitting the right vanilla balance.</p> 1435 <a href="/how-to-make-london-fog/">Read the Guide</a> 1436 </div> 1437 </div> 1438 <div class="homepage-wrapper__post-card"> 1439 <img decoding="async" src="https://m.media-amazon.com/images/I/31ll3OM5fRL._SL1500_.jpg" alt="Iced London Fog Recipe" /> 1440 <div class="homepage-wrapper__post-card-body"> 1441 <h3>The Iced London Fog Recipe</h3> 1442 <p>Our warm-weather ritual â cold-brewed Earl Grey, vanilla, cold milk over ice. Ready in five minutes, no kettle needed.</p> 1443 <a href="/iced-london-fog-recipe/">Read the Recipe</a> 1444 </div> 1445 </div> 1446 <div class="homepage-wrapper__post-card"> 1447 <img decoding="async" src="https://m.media-amazon.com/images/I/31PUSdggolL._SL1500_.jpg" alt="Lavender London Fog Recipe" /> 1448 <div class="homepage-wrapper__post-card-body"> 1449 <h3>A Lavender London Fog for Slow Afternoons</h3> 1450 <p>Culinary lavender, our Earl Grey base, honeyed oat milk. The variation that regular customers ask about most.</p> 1451 <a href="/lavender-london-fog-recipe/">Read the Recipe</a> 1452 </div> 1453 </div> 1454 </div> 1455 </section> 1456 1457 <!-- NEWSLETTER --> 1458 <section class="homepage-wrapper__newsletter"> 1459 <div class="homepage-wrapper__newsletter-inner"> 1460 <div class="eyebrow">The Letter</div> 1461 <h2>Small notes from the tea bench</h2> 1462 <p>Occasional recipes, seasonal releases and a standing 10% welcome. No noise, ever.</p> 1463 <form class="homepage-wrapper__newsletter-form" onsubmit="return false;"> 1464 <input type="email" placeholder="Your email address" aria-label="Email address" /> 1465 <a class="btn-primary" href="#" onclick="return false;" data-sbg-btn style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important">Subscribe</a> 1466 </form> 1467 </div> 1468 </section> 1469 1470 <!-- FINAL CTA --> 1471 <section class="homepage-wrapper__final-cta"> 1472 <div class="eyebrow">The London Fog</div> 1473 <h2>The kettle is on.</h2> 1474 <p>Bring the tea room home. Shop the concentrates, syrups and loose-leaf teas that make an authentic London Fog latte â the quiet way.</p> 1475 <a class="btn-primary" href="https://www.amazon.com/s?k=london+fog+tea+latte&tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop the Full Collection</a> 1476 </section> 1477 1478</div> 1479</div><!-- .entry-content --> 1480 </div> 1481</article><!-- #post-76 --> 1482 1483 </div> 1484 </div><!-- #main --> 1485 </div> 1486</div><!-- #primary --> 1487 </main><!-- #inner-wrap --> 1488 <footer id="colophon" class="site-footer" role="contentinfo"> 1489 <div class="site-footer-wrap"> 1490 <div class="site-middle-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-fullwidth site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="
1490kadence_customizer_footer_middle"> 1491 <div class="site-footer-row-container-inner"> 1492 <div class="site-container"> 1493 <div class="site-middle-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-left-half site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain"> 1494 <div class="site-footer-middle-section-1 site-footer-section footer-section-inner-items-1"> 1495 <div class="footer-widget-area widget-area site-footer-focus-item footer-widget1 content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="sidebar-widgets-footer1"> 1496 <div class="footer-widget-area-inner site-info-inner"> 1497 <section id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><footer class="london-fog-shell-footer" data-brand-col="logo-blurb" data-contact-col="stacked-facts" data-engage="none" data-footer-feel="tea-craft-refined" data-links-col="two-stacks-tea-discover" data-mobile-pattern="stack-left" role="contentinfo"> 1498<style> 1499.london-fog-shell-footer { background: #f5f1e8 !important; color: #1f2733 !important; padding: 1.5rem 1.25rem !important; font-family: Georgia, 'Times New Roman', serif !important; font-size: 16px !important; line-height: 1.6 !important; width: 100% !important; box-sizing: border-box !important; } 1500.london-fog-shell-footer * { box-sizing: border-box !important; } 1501.london-fog-shell-footer a { color: #5f708d !important; text-decoration: none !important; transition: color 0.2s ease !important; } 1502.london-fog-shell-footer a:hover { color: #b8a179 !important; } 1503.london-fog-shell-footer ul, .london-fog-shell-footer ol { list-style: none !important; list-style-type: none !important; padding: 0 !important; margin: 0 !important; } 1504.london-fog-shell-footer h2, .london-fog-shell-footer h3 { margin: 0 0 0.75rem 0 !important; padding: 0 !important; font-weight: 600 !important; color: #1f2733 !important; } 1505 1506.london-fog-footer-grid { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 2.5rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: start !important; justify-items: start !important; text-align: left !important; } 1507 1508.london-fog-brand-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0.875rem !important; } 1509.london-fog-brand-column .london-fog-logo-wrap { width: 140px !important; max-width: 100% !important; } 1510.london-fog-brand-column .london-fog-logo-wrap img { width: 100% !important; height: auto !important; display: block !important; } 1511.london-fog-brand-column p { margin: 0 !important; font-size: 15px !important; line-height: 1.65 !important; color: #1f2733 !important; text-align: left !important; } 1512 1513.london-fog-links-region { display: flex !important; gap: 2.5rem !important; flex-wrap: wrap !important; align-items: start !important; justify-content: flex-start !important; } 1514.london-fog-link-stack { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 140px !important; } 1515.london-fog-link-stack h3 { font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-bottom: 0.875rem !important; color: #5f708d !important; } 1516.london-fog-link-stack ul { display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } 1517.london-fog-link-stack li { margin: 0 !important; padding: 0 !important; } 1518.london-fog-link-stack a { font-size: 15px !important; color: #1f2733 !important; display: block !important; } 1519.london-fog-link-stack a:hover { color: #5f708d !important; } 1520 1521.london-fog-contact-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0.625rem !important; } 1522.london-fog-contact-column h3 { font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #5f708d !important; } 1523.london-fog-contact-column p, .london-fog-contact-column a { margin: 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: #1f2733 !important; text-align: left !important; } 1524.london-fog-contact-column a:hover { color: #5f708d !important; } 1525 1526.london-fog-footer-copyright { margin-top: 0.5rem !important; padding-top: 0.5rem !important; border-top: 1px solid #d4cbb8 !important; text-align: center !important; font-size: 14px !important; color: #1f2733 !important; } 1527 1528@media (max-width: 767px) { 1529 .london-fog-shell-footer { padding: 1.5rem 1rem !important; } 1530 .london-fog-footer-grid { grid-template-columns: 1fr !important; gap: 1.75rem !important; } 1531 .london-fog-links-region { flex-direction: column !important; gap: 1.5rem !important; } 1532 .london-fog-link-stack { width: 100% !important; } 1533 .london-fog-link-stack a, .london-fog-contact-column p, .london-fog-contact-column a { font-size: 16px !important; min-height: 44px !important; display: flex !important; align-items: center !important; } 1534} 1535 1536/* london-fog-dynamic-logo-css */ 1537.london-fog-brand .wp-block-site-logo, 1538.london-fog-footer-brand .wp-block-site-logo, 1539.london-fog-f-brand .wp-block-site-logo, 1540.london-fog-combo-anchor-bar .brand .wp-block-site-logo, 1541.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo, 1542.london-fog-combo-crest-stack .brand .wp-block-site-logo, 1543.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo, 1544.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo { 1545 display: inline-flex; align-items: center; justify-content: center; 1546 flex: 0 0 auto; margin: 0; overflow: hidden; 1547} 1548.london-fog-combo-anchor-bar .brand .wp-block-site-logo { 1549 --london-fog-logo-w: 170px; --london-fog-logo-h: 54px; 1550 width: auto !important; max-width: min(170px, 26vw) !important; 1551 height: 54px !important; max-height: 54px !important; 1552} 1553.london-fog-footer-brand .wp-block-site-logo, 1554.london-fog-f-brand .wp-block-site-logo, 1555.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo { 1556 --london-fog-logo-w: 230px; --london-fog-logo-h: 69px; 1557 width: auto !important; max-width: min(230px, 30vw) !important; 1558 height: var(--london-fog-logo-h) !important; max-height: var(--london-fog-logo-h) !important; 1559} 1560.london-fog-brand .wp-block-site-logo img, 1561.london-fog-footer-brand .wp-block-site-logo img, 1562.london-fog-f-brand .wp-block-site-logo img, 1563.london-fog-combo-anchor-bar .brand .wp-block-site-logo img, 1564.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo img, 1565.london-fog-combo-crest-stack .brand .wp-block-site-logo img, 1566.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 1567.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img, 1568.london-fog-brand .wp-block-site-logo .custom-logo, 1569.london-fog-footer-brand .wp-block-site-logo .custom-logo, 1570.london-fog-f-brand .wp-block-site-logo .custom-logo, 1571.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo, 1572.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo { 1573 display: block !important; width: auto !important; height: auto !important; 1574 max-width: 100% !important; object-fit: contain !important; 1575} 1576.london-fog-combo-anchor-bar .brand .wp-block-site-logo img, 1577.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 1578 max-height: 54px !important; 1579} 1580.london-fog-combo-anchor-bar .bar { min-width: 0; } 1581.london-fog-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; } 1582.london-fog-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; } 1583.london-fog-combo-anchor-bar .london-fog-nav-list { flex-wrap: wrap; row-gap: 6px; } 1584.london-fog-combo-anchor-bar .bar-actions { flex-shrink: 0; } 1585.london-fog-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1586.london-fog-brand:has(.custom-logo) .london-fog-logo-fallback, 1587.london-fog-footer-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1588.london-fog-footer-brand:has(.custom-logo) .london-fog-logo-fallback, 1589.london-fog-f-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1590.london-fog-f-brand:has(.custom-logo) .london-fog-logo-fallback, 1591.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1592.london-fog-combo-anchor-bar .brand:has(.custom-logo) .london-fog-logo-fallback, 1593.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1594.london-fog-combo-anchor-bar-footer .logo-link:has(.custom-logo) .london-fog-logo-fallback, 1595.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1596.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1597.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback { display: none !important; } 1598.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img, 1599.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img, 1600.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 1601.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 1602.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; } 1603/* Gutenberg splits wp:site-logo from html wrapper â hide text fallback beside logo block */ 1604.wp-block-site-logo + .london-fog-logo-fallback, 1605.london-fog-wp-site-logo + .london-fog-logo-fallback { display: none !important; } 1606@media (max-width: 768px) { 1607 .london-fog-combo-anchor-bar .brand .wp-block-site-logo, 1608 .london-fog-combo-anchor-bar .brand .wp-block-site-logo img, 1609 .london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 1610 max-height: 44px !important; height: 44px !important; --london-fog-logo-h: 44px; 1611 } 1612 .london-fog-combo-anchor-bar .brand { max-width: min(150px, 40vw); } 1613 .london-fog-combo-crest-stack .brand .wp-block-site-logo, 1614 .london-fog-combo-crest-stack .brand .wp-block-site-logo img, 1615 .london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 1616 max-height: 44px !important; height: 44px !important; 1617 } 1618 .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo, 1619 .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo, 1620 .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 1621 .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img { 1622 max-height: 40px !important; 1623 } 1624} 1625.london-fog-combo-crest-stack .brand .wp-block-site-logo { 1626 --london-fog-logo-w: 190px; --london-fog-logo-h: 58px; 1627 width: auto !important; max-width: min(240px, 32vw) !important; 1628 height: 58px !important; max-height: 58px !important; 1629} 1630.london-fog-combo-crest-stack .brand .wp-block-site-logo img, 1631.london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 1632 max-height: 58px !important; 1633} 1634.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo, 1635.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo { 1636 --london-fog-logo-w: 190px; --london-fog-logo-h: 44px; 1637 width: auto !important; max-width: min(190px, 30vw) !important; 1638 height: 44px !important; max-height: 44px !important; 1639} 1640.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 1641.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 1642.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { 1643 display: none !important; 1644} 1645.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1646.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback, 1647.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback { 1648 display: none !important; 1649} 1650 1651 1652/* shell-v2-token-logo-css */ 1653.london-fog-footer-logo .wp-block-site-logo, 1654.london-fog-footer-brand .wp-block-site-logo, 1655.london-fog-logo-link .wp-block-site-logo, 1656.london-fog-shell-footer .wp-block-site-logo { 1657 display: inline-flex !important; 1658 line-height: 0; 1659 margin: 0 0 0.75rem; 1660} 1661.london-fog-footer-logo .wp-block-site-logo img, 1662.london-fog-footer-logo .custom-logo, 1663.london-fog-footer-brand .wp-block-site-logo img, 1664.london-fog-footer-brand .custom-logo, 1665.london-fog-shell-footer .custom-logo { 1666 height: 48px !important; 1667 width: auto !important; 1668 max-width: min(230px, 70vw) !important; 1669 object-fit: contain !important; 1670 display: block !important; 1671} 1672.london-fog-shell-header .wp-block-site-logo img, 1673.london-fog-shell-header .custom-logo, 1674.london-fog-logo-link .custom-logo { 1675 height: 48px !important; 1676 width: auto !important; 1677 max-width: min(190px, 55vw) !important; 1678 object-fit: contain !important; 1679} 1680 1681 1682/* shell-v2-footer-full-bleed-v1 */ 1683.london-fog-shell-footer { 1684 width: 100vw !important; 1685 max-width: 100vw !important; 1686 position: relative !important; 1687 left: 50% !important; 1688 margin-left: -50vw !important; 1689 margin-right: -50vw !important; 1690 box-sizing: border-box !important; 1691} 1692/* CONTENT STARTS LEFT â kill centered max-width card on the column row */ 1693.london-fog-shell-footer .london-fog-footer-grid, 1694.london-fog-shell-footer .london-fog-footer-inner, 1695.london-fog-shell-footer [class*="footer-grid"], 1696.london-fog-shell-footer [class*="footer-inner"] { 1697 width: 100% !important; 1698 max-width: none !important; 1699 margin-left: 0 !important; 1700 margin-right: 0 !important; 1701 padding-left: clamp(1rem, 4vw, 2.5rem) !important; 1702 padding-right: clamp(1rem, 4vw, 2.5rem) !important; 1703 box-sizing: border-box !important; 1704} 1705.site-footer:has(.london-fog-shell-footer), 1706.site-footer:has(.london-fog-shell-footer) .site-middle-footer-wrap, 1707.site-footer:has(.london-fog-shell-footer) .site-top-footer-wrap, 1708.site-footer:has(.london-fog-shell-footer) .site-bottom-footer-wrap, 1709.site-footer:has(.london-fog-shell-footer) .site-middle-footer-inner-wrap, 1710.site-footer:has(.london-fog-shell-footer) .site-top-footer-inner-wrap, 1711.site-footer:has(.london-fog-shell-footer) .site-bottom-footer-inner-wrap, 1712.site-footer:has(.london-fog-shell-footer) .footer-widget-area, 1713.site-footer:has(.london-fog-shell-footer) .footer-widget-area-inner, 1714.site-footer:has(.london-fog-shell-footer) .textwidget, 1715.site-footer:has(.london-fog-shell-footer) .widget_custom_html, 1716.site-footer:has(.london-fog-shell-footer) .widget_block, 1717.site-footer:has(.london-fog-shell-footer) .wp-block-group { 1718 max-width: none !important; 1719 width: 100% !important; 1720 padding-left: 0 !important; 1721 padding-right: 0 !important; 1722 margin-left: 0 !important; 1723 margin-right: 0 !important; 1724} 1725 1726/* shell-v2-footer-chassis-v9 */ 1727.london-fog-shell-footer, 1728.london-fog-shell-footer * { 1729 text-align: left !important; 1730} 1731.london-fog-shell-footer [class*="footer-copyright"], 1732.london-fog-shell-footer [class*="footer-copyright"] * { 1733 text-align: center !important; 1734} 1735/* Equal outer vertical pad (fleet SSOT). 1736 Use the full padding SHORTHAND with !important so it beats Claude's 1737 `padding: 3rem ⦠0 !important` (longhands alone can lose to a later 1738 shorthand in some theme/media stacks). Horizontal stays modest. */ 1739.london-fog-shell-footer { 1740 padding: 1.5rem clamp(1rem, 4vw, 1.5rem) !important; 1741 box-sizing: border-box !important; 1742} 1743/* © band: hairline then tight gap to text; bottom breathing = root pad 1744 (do not zero-out visual space under © â match root bottom). */ 1745.london-fog-shell-footer [class*="footer-copyright"] { 1746 margin: 0.5rem 0 0 0 !important; 1747 padding: 0.5rem 0 0 0 !important; 1748 box-sizing: border-box !important; 1749} 1750/* Kill Kadence widget chrome that eats shell padding */ 1751.site-footer:has(.london-fog-shell-footer) .textwidget, 1752.site-footer:has(.london-fog-shell-footer) .custom-html-widget, 1753.site-footer:has(.london-fog-shell-footer) .footer-widget-area-inner { 1754 padding-bottom: 0 !important; 1755 margin-bottom: 0 !important; 1756} 1757.london-fog-shell-footer [class*="footer-grid"] { 1758 margin-bottom: 0 !important; 1759} 1760.london-fog-shell-footer [class*="link-stack"]:last-child, 1761.london-fog-shell-footer [class*="links-stack"]:last-child, 1762.london-fog-shell-footer [class*="links-col"]:last-child { 1763 margin-bottom: 0 !important; 1764} 1765.london-fog-shell-footer [class*="links-region"] ul
1765, 1766.london-fog-shell-footer [class*="links-region"] ol { 1767 margin-bottom: 0 !important; 1768} 1769.london-fog-shell-footer [class*="footer-grid"] { 1770 display: grid !important; 1771 grid-template-columns: 1fr 1fr 1fr 1fr !important; 1772 gap: 2.5rem !important; 1773 width: 100% !important; 1774 max-width: none !important; 1775 margin: 0 !important; 1776 align-items: start !important; 1777 justify-items: start !important; 1778 box-sizing: border-box !important; 1779 padding-left: clamp(1rem, 4vw, 2.5rem) !important; 1780 padding-right: clamp(1rem, 4vw, 2.5rem) !important; 1781} 1782.london-fog-shell-footer [class*="brand-column"], 1783.london-fog-shell-footer [class*="brand-col"]:not([class*="copyright"]), 1784.london-fog-shell-footer [class*="footer-brand"] { 1785 display: flex !important; 1786 flex-direction: column !important; 1787 align-items: flex-start !important; 1788 justify-content: flex-start !important; 1789} 1790 1791/* Stacks join the footer-grid as equal columns (display:contents). */ 1792@media (min-width: 768px) { 1793 .london-fog-shell-footer [class*="links-region"], 1794 .london-fog-shell-footer [class*="footer-links"]:not([class*="links-col"]):not([class*="link-stack"]):not([class*="links-stack"]) { 1795 display: contents !important; 1796 } 1797} 1798@media (max-width: 767px) { 1799 .london-fog-shell-footer [class*="links-region"], 1800 .london-fog-shell-footer [class*="footer-links"]:not([class*="links-col"]):not([class*="link-stack"]):not([class*="links-stack"]) { 1801 display: flex !important; 1802 flex-direction: column !important; 1803 flex-wrap: nowrap !important; 1804 align-items: flex-start !important; 1805 gap: 2rem !important; 1806 } 1807} 1808 1809.london-fog-shell-footer [class*="link-stack"], 1810.london-fog-shell-footer [class*="links-stack"], 1811.london-fog-shell-footer [class*="links-col"], 1812.london-fog-shell-footer [class*="link-section"], 1813.london-fog-shell-footer [class*="footer-link-section"] { 1814 flex: 1 1 0 !important; 1815 min-width: 0 !important; 1816 display: flex !important; 1817 flex-direction: column !important; 1818 align-items: flex-start !important; 1819 justify-content: flex-start !important; 1820} 1821/* Each stack's links = VERTICAL column (Downey) â kill pipe/chip rows */ 1822.london-fog-shell-footer [class*="link-row"], 1823.london-fog-shell-footer [class*="links-list"], 1824.london-fog-shell-footer [class*="footer-link-row"], 1825.london-fog-shell-footer [class*="links-region"] ul, 1826.london-fog-shell-footer [class*="links-region"] ol, 1827.london-fog-shell-footer [class*="links-col"] ul, 1828.london-fog-shell-footer [class*="links-col"] ol, 1829.london-fog-shell-footer [class*="link-stack"] ul, 1830.london-fog-shell-footer [class*="links-stack"] ul { 1831 display: flex !important; 1832 flex-direction: column !important; 1833 flex-wrap: nowrap !important; 1834 align-items: flex-start !important; 1835 justify-content: flex-start !important; 1836 gap: 0.35rem !important; 1837 list-style: none !important; 1838 width: 100% !important; 1839} 1840.london-fog-shell-footer [class*="link-pipe"], 1841.london-fog-shell-footer [class*="footer-link-pipe"], 1842.london-fog-shell-footer [class*="pipe-sep"] { 1843 display: none !important; 1844} 1845.london-fog-shell-footer [class*="links-region"] li, 1846.london-fog-shell-footer [class*="links-col"] li, 1847.london-fog-shell-footer [class*="link-stack"] li, 1848.london-fog-shell-footer [class*="links-stack"] li { 1849 display: block !important; 1850 width: 100% !important; 1851} 1852.london-fog-shell-footer [class*="contact-column"], 1853.london-fog-shell-footer [class*="contact-col"], 1854.london-fog-shell-footer [class*="footer-contact"] { 1855 display: flex !important; 1856 flex-direction: column !important; 1857 align-items: flex-start !important; 1858 justify-content: flex-start !important; 1859 grid-column: auto !important; 1860 grid-row: auto !important; 1861 background: transparent !important; 1862 background-color: transparent !important; 1863 box-shadow: none !important; 1864 border: none !important; 1865 border-radius: 0 !important; 1866} 1867@media (max-width: 767px) { 1868 .london-fog-shell-footer [class*="footer-grid"] { 1869 display: flex !important; 1870 flex-direction: column !important; 1871 gap: 2rem !important; 1872 } 1873 .london-fog-shell-footer [class*="links-region"], 1874 .london-fog-shell-footer [class*="footer-links"]:not([class*="links-col"]) { 1875 flex-direction: column !important; 1876 } 1877} 1878 1879/* sbg-dynamic-logo-css */ 1880.sbg-brand .wp-block-site-logo, 1881.sbg-footer-brand .wp-block-site-logo, 1882.sbg-f-brand .wp-block-site-logo, 1883.sbg-combo-anchor-bar .brand .wp-block-site-logo, 1884.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo, 1885.sbg-combo-crest-stack .brand .wp-block-site-logo, 1886.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo, 1887.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo { 1888 display: inline-flex; align-items: center; justify-content: center; 1889 flex: 0 0 auto; margin: 0; overflow: hidden; 1890} 1891.sbg-combo-anchor-bar .brand .wp-block-site-logo { 1892 --sbg-logo-w: 170px; --sbg-logo-h: 54px; 1893 width: auto !important; max-width: min(170px, 26vw) !important; 1894 height: 54px !important; max-height: 54px !important; 1895} 1896.sbg-footer-brand .wp-block-site-logo, 1897.sbg-f-brand .wp-block-site-logo, 1898.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo { 1899 --sbg-logo-w: 230px; --sbg-logo-h: 69px; 1900 width: auto !important; max-width: min(230px, 30vw) !important; 1901 height: var(--sbg-logo-h) !important; max-height: var(--sbg-logo-h) !important; 1902} 1903.sbg-brand .wp-block-site-logo img, 1904.sbg-footer-brand .wp-block-site-logo img, 1905.sbg-f-brand .wp-block-site-logo img, 1906.sbg-combo-anchor-bar .brand .wp-block-site-logo img, 1907.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo img, 1908.sbg-combo-crest-stack .brand .wp-block-site-logo img, 1909.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 1910.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img, 1911.sbg-brand .wp-block-site-logo .custom-logo, 1912.sbg-footer-brand .wp-block-site-logo .custom-logo, 1913.sbg-f-brand .wp-block-site-logo .custom-logo, 1914.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo, 1915.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo { 1916 display: block !important; width: auto !important; height: auto !important; 1917 max-width: 100% !important; object-fit: contain !important; 1918} 1919.sbg-combo-anchor-bar .brand .wp-block-site-logo img, 1920.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 1921 max-height: 54px !important; 1922} 1923.sbg-combo-anchor-bar .bar { min-width: 0; } 1924.sbg-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; } 1925.sbg-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; } 1926.sbg-combo-anchor-bar .sbg-nav-list { flex-wrap: wrap; row-gap: 6px; } 1927.sbg-combo-anchor-bar .bar-actions { flex-shrink: 0; } 1928.sbg-brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 1929.sbg-brand:has(.custom-logo) .sbg-logo-fallback, 1930.sbg-footer-brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 1931.sbg-footer-brand:has(.custom-logo) .sbg-logo-fallback, 1932.sbg-f-brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 1933.sbg-f-brand:has(.custom-logo) .sbg-logo-fallback, 1934.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 1935.sbg-combo-anchor-bar .brand:has(.custom-logo) .sbg-logo-fallback, 1936.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback, 1937.sbg-combo-anchor-bar-footer .logo-link:has(.custom-logo) .sbg-logo-fallback, 1938.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 1939.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback, 1940.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback { display: none !important; } 1941.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img, 1942.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img, 1943.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 1944.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 1945.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; } 1946/* Gutenberg splits wp:site-logo from html wrapper â hide text fallback beside logo block */ 1947.wp-block-site-logo + .sbg-logo-fallback, 1948.sbg-wp-site-logo + .sbg-logo-fallback { display: none !important; } 1949@media (max-width: 768px) { 1950 .sbg-combo-anchor-bar .brand .wp-block-site-logo, 1951 .sbg-combo-anchor-bar .brand .wp-block-site-logo img, 1952 .sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo { 1953 max-height: 44px !important; height: 44px !important; --sbg-logo-h: 44px; 1954 } 1955 .sbg-combo-anchor-bar .brand { max-width: min(150px, 40vw); } 1956 .sbg-combo-crest-stack .brand .wp-block-site-logo, 1957 .sbg-combo-crest-stack .brand .wp-block-site-logo img, 1958 .sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 1959 max-height: 44px !important; height: 44px !important; 1960 } 1961 .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo, 1962 .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo, 1963 .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img, 1964 .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img { 1965 max-height: 40px !important; 1966 } 1967} 1968.sbg-combo-crest-stack .brand .wp-block-site-logo { 1969 --sbg-logo-w: 190px; --sbg-logo-h: 58px; 1970 width: auto !important; max-width: min(240px, 32vw) !important; 1971 height: 58px !important; max-height: 58px !important; 1972} 1973.sbg-combo-crest-stack .brand .wp-block-site-logo img, 1974.sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo { 1975 max-height: 58px !important; 1976} 1977.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo, 1978.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo { 1979 --sbg-logo-w: 190px; --sbg-logo-h: 44px; 1980 width: auto !important; max-width: min(190px, 30vw) !important; 1981 height: 44px !important; max-height: 44px !important; 1982} 1983.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img, 1984.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img, 1985.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { 1986 display: none !important; 1987} 1988.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback, 1989.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback, 1990.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback { 1991 display: none !important; 1992} 1993 1994</style> 1995<div class="london-fog-footer-grid"> 1996<div class="london-fog-brand-column"> 1997<div class="london-fog-logo-wrap"><img src="https://thelondonfog.com/wp-content/uploads/2026/07/London-F
1997og-logo.png" alt="London Fog" class="sbg-footer-static-logo" style="width:auto;max-width:min(230px,30vw);height:auto;max-height:69px;object-fit:contain;display:block;margin-bottom:14px"> 1998</div> 1999<p>London Fog Official Store brings the art of premium Earl Grey tea lattes to your home. We celebrate the timeless elegance of this beloved beverage through carefully curated ingredients, expert recipes, and specialty variations.</p> 2000</div> 2001<nav aria-label="Footer" class="london-fog-links-region"> 2002<div class="london-fog-link-stack"> 2003<h3>Discover</h3> 2004<ul> 2005<li><a href="https://thelondonfog.com/category/tea-lattes/">Tea Lattes</a></li> 2006<li><a href="https://thelondonfog.com/category/recipes/">Recipes & How-To</a></li> 2007<li><a href="https://thelondonfog.com/category/ingredients/">Ingredients & Syrups</a></li> 2008<li><a href="https://thelondonfog.com/category/variations/">Specialty Variations</a></li> 2009<li><a href="https://thelondonfog.com/category/nutrition/">Nutrition & Dietary</a></li> 2010</ul> 2011</div> 2012<div class="london-fog-link-stack"> 2013<h3>Company</h3> 2014<ul> 2015<li><a href="/about">About</a></li> 2016<li><a href="https://thelondonfog.com/contact-us">Contact</a></li> 2017<li><a href="https://thelondonfog.com/privacy-policy">Privacy Policy</a></li> 2018<li><a href="https://thelondonfog.com/terms-and-conditions">Terms of Service</a></li> 2019<li><a href="https://thelondonfog.com/disclaimer">Disclaimer</a></li> 2020</ul> 2021</div> 2022</nav> 2023<div class="london-fog-contact-column"> 2024<h3>Contact</h3> 2025<p><a href="mailto:[email protected]">[email protected]</a></p> 2026<p>255 Westheimer Road<br/>Houston, TX 77006<br/>United States</p> 2027</div> 2028</div> 2029<div class="london-fog-footer-copyright"> 2030 © 2026 London Fog. All rights reserved. 2031</div> 2032</footer></div></section> </div> 2033</div><!-- .footer-widget1 --> 2034 </div> 2035 </div> 2036 </div> 2037 </div> 2038</div> 2039 </div> 2040</footer><!-- #colophon --> 2041 2042</div><!-- #wrapper --> 2043 2044
2044<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
2044 2045
2045<script type="speculationrules"> 2046{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2047</script>
vendor: 1 bytes, line 2047
2047
2048<script id="kadence-blocks-header-js-extra"> 2049var kadenceHeaderConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":1024,"tablet":768},"scrollOffset":"0"}; 2050//# sourceURL=kadence-blocks-header-js-extra 2051</script>
vendor: 1 bytes, line 2051
2051
2052<script id="kadence-blocks-header-js" src="https://thelondonfog.com/wp-content/plugins/kadence-blocks/includes/assets/js/kb-header-block.min.js?ver=3.7.11.1"></script>
vendor: 1 bytes, line 2052
2052
2053<script id="wp-hooks-js" src="https://thelondonfog.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 2053
2053
2054<script id="wp-i18n-js" src="https://thelondonfog.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 2054
2054
2055<script id="wp-i18n-js-after"> 2056wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 2057//# sourceURL=wp-i18n-js-after 2058</script>
vendor: 1 bytes, line 2058
2058
2059<script id="swv-js" src="https://thelondonfog.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2059
2059
2060<script id="contact-form-7-js-before"> 2061var wpcf7 = { 2062 "api": { 2063 "root": "https:\/\/thelondonfog.com\/wp-json\/", 2064 "namespace": "contact-form-7\/v1" 2065 }, 2066 "cached": 1 2067}; 2068//# sourceURL=contact-form-7-js-before 2069</script>
vendor: 1 bytes, line 2069
2069
2070<script id="contact-form-7-js" src="https://thelondonfog.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2070
2070
2071<script id="kadence-navigation-js-extra"> 2072var kadenceConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; 2073//# sourceURL=kadence-navigation-js-extra 2074</script>
vendor: 1 bytes, line 2074
2074
2075<script id="kadence-navigation-js" src="https://thelondonfog.com/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 2075
2075
2076<script id="sbg-x-push-js-extra"> 2077var SBGXPush = {"host":"thelondonfog.com","apiBase":"https://api.fiazsumra.com","vapidUrl":"https://api.fiazsumra.com/api/x/push/vapid-public-key","promptConfigUrl":"https://api.fiazsumra.com/api/x/push/prompt-config","promptConfig":{"enabled":true,"style":"card","position":"header","title":"Shop updates \u2014 London Fog","body":"Get notified when we add new products, sales, and offers from London Fog.","cta_enable":"Enable notifications","cta_dismiss":"Not now","primary_color":"#0058be","cta_text_color":"#ffffff","logo_url":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-300x129.png","site_display_name":"London Fog","defaults_from_pipeline":true,"bootstrapped":true,"brand_name":"London Fog","copy_variant":0},"siteDisplayName":"London Fog","subscribeUrl":"https://api.fiazsumra.com/api/x/push/subscribe","unsubscribeUrl":"https://api.fiazsumra.com/api/x/push/unsubscribe","errorReportUrl":"https://api.fiazsumra.com/api/x/push/client-error","swUrl":"https://thelondonfog.com/wp-content/plugins/sbg-x/sw.php","swWideScope":"1","promptDelayMs":"5000","scrollPct":"25","version":"3.8.2","testingAlwaysShow":""}; 2078//# sourceURL=sbg-x-push-js-extra 2079</script>
vendor: 1 bytes, line 2079
2079
2080<script id="sbg-x-push-js" src="https://thelondonfog.com/wp-content/plugins/sbg-x/assets/push-prompt.js?ver=3.8.2.1785042066"></script>
vendor: 1 bytes, line 2080
2080
2081<script id="wp-emoji-settings" type="application/json"> 2082{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://thelondonfog.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.6"}} 2083</script>
vendor: 1 bytes, line 2083
2083
2084<script type="module"> 2085/*! This file is auto-generated */ 2086var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 2087//# sourceURL=https://thelondonfog.com/wp-includes/js/wp-emoji-loader.min.js 2088</script>
2088 2089</body> 2090</html> 2091 2092 2093<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-09-29 20:50:47 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.