/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme. Hook 13 Creations: the Splash world (her logo's paint splash as the only container).
Template: betheme
Version: 2.10.2
*/

/* =====================================================================
   Hook 13 Creations, the Splash world (design/comps is the contract, chosen 2026-10-13).
   Her logo's white paint splash is the page's only container: no boxes, no outlined cards. Sunflower on the header and
   every page opener; the other bands alternate cream and white; one pastel-blue quiet band per page. The logo's own
   colours do the work: its blue for buttons and links, its orange for the yarn and small markers, its green for the hook.
   No crochet symbol charts anywhere: she writes her patterns in words (her ask, 2026-10-16).
   Fredoka display, Montserrat body, Ms Madi for her signature.

   Where things live:
     Band colours, spacing, section backgrounds   BeBuilder section and wrap settings (tools/setup/build-pages.php writes them)
     Fonts, header, buttons, forms                Theme Options
     Text and links                               element fields in BeBuilder; shows in Craft Shows; store notes in WooCommerce > Settings > Products
     Looks (this file)                            through these classes only:

   Set in a section's "Classes" field
     h13-hero            home hero (sunflower, her gallery wall of framed photos on the right)
     h13-opener          top of an inner page (sunflower, her hook and yarn as its Background image, top right)
     h13-quiet           the pastel-blue band (set the colour in the section settings; this class colours the pills)
     h13-band-sun        a section on sunflower (the shows strip badges go white on it)
     h13-ig              the Instagram row band
     h13-footer          footer template band (chain-stitch rule along its top)
     h13-band-cream      a cream band (the builder adds it to any section whose background is cream): the faint yarn scatter (hearts, daisies, loops)
   Set in a wrap's "Classes" field
     h13-hero-copy / h13-hero-art   the two halves of the hero;  h13-wall  on the art wrap: the gallery wall (daisies and yarn drawn around it)
     h13-center          a wrap whose inline buttons sit centred (the heading above them centred in its own field)
     h13-friend          a photo with a caption and an ask link (home handmade grid, gallery)
     h13-berry           one of the three strawberries
     h13-ig-tile         one square of the Instagram row
     h13-narrow          keeps a reading column narrow
     h13-map-side        the column beside the show list (sticky on desktop, first on phones)
   Set in an element's "Custom CSS class" field
     h13-ig-feed         the wrap holding the live Instagram feed: its photos take the splash shapes
     h13-photo           an Image clipped to the splash shape;  h13-photo-b / -c / -d  other shapes;  h13-photo-sq  square;  h13-photo-wide  16:10
     h13-frame           a framed photo on the gallery wall, plus its frame and slot:  h13-frame-oval / -blue / -cream / -orange / -scallop
     h13-sig             Jennifer's signature (Text element);  h13-sig-lg  larger
     h13-by              the small line under the signature
     h13-hero-title      the big home headline (all in her Bright Fuchsia)
     h13-h2-xl / h13-h2-sm   a band heading at full strength (with the yarn rule under it) / a smaller one
     h13-lede            larger intro paragraph (a link in it is bold and underlined);  h13-muted  quieter paragraph;  h13-todo  a placeholder Jennifer still has to fill in
     h13-center          a centred Text element (the builder adds it when the text is centred): its paragraph sits mid-column
     h13-quote           words pulled out (hers on the quiet band);  h13-quote-sm  a smaller one, in a text column
     h13-soh-logo        The Sea of Hope Foundation's logo (Image element);  h13-soh-logo-lg  large, in the opener
     h13-legend          the abbreviations key (List element, text only: the abbreviation in bold, then its meaning), on a plain band
     h13-reach           pill links (List element with links): white pills with a blue rule
     h13-products        product grid (Shop element): photos clipped to splashes, the price as a sunflower tag
     h13-ask             a Text element holding one "Ask for one like this" link
     h13-foot-badge / h13-foot-menu / h13-foot-links / h13-foot-small
   Made by the Hook 13 Site plugin
     h13-shows, h13-show, h13-show-*   the craft show list (date badges are splashes);  h13-map, h13-pin*   the shows map;
     h13-buy-note, h13-etsy, h13-empty  store notes
   ===================================================================== */

:root {
	--h13-sun: #F9CF56; --h13-sun-light: #FFD868; --h13-sun-deep: #EDB92F; --h13-cream: #FBF3DC; --h13-white: #FFFFFF; --h13-patch: #F8F6F2;
	--h13-ink: #1B1714; --h13-ink-2: #3B342E; --h13-muted: #4D4640; --h13-rule: rgba(27, 23, 20, .16);
	--h13-sky: #0A6C93; --h13-sky-deep: #075672; --h13-sky-soft: #D6EAF3;
	--h13-fuchsia: #D63384; --h13-fuchsia-deep: #B0246A; --h13-plum: #6A2C91; --h13-plum-deep: #521F72; --h13-orange: #D8643F; --h13-orange-text: #B5461F; --h13-lime: #7BD854; --h13-lime-soft: #E4F6DA; --h13-yarn: #D8643F;
	--h13-display: "Fredoka", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
	--h13-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--h13-script: "Ms Madi", "Brush Script MT", cursive;
	--h13-ease: cubic-bezier(.16, 1, .3, 1);
	--h13-shadow: 0 22px 40px -28px rgba(80, 50, 0, .6);
	--h13-drop: drop-shadow(0 22px 30px rgba(80, 50, 0, .16));
	--h13-radius: 14px; --h13-radius-sm: 10px;
}

/* ---------- browser surfaces ---------- */
html { scrollbar-color: var(--h13-ink) var(--h13-cream); scroll-padding-top: 96px; }
::selection { background: var(--h13-ink); color: var(--h13-sun); }
body { -webkit-font-smoothing: antialiased; caret-color: var(--h13-sky); }
a { text-underline-offset: .22em; text-decoration-thickness: 1.5px; }
:focus-visible { outline: 3px solid var(--h13-ink); outline-offset: 3px; border-radius: 6px; }
#Wrapper a:focus-visible, #Wrapper .button:focus-visible, #Wrapper button:focus-visible, #Side_slide a:focus-visible { outline: 3px solid var(--h13-ink); outline-offset: 3px; }
#Side_slide a:focus-visible { outline-color: var(--h13-sun); }
.h13-skip { position: absolute; left: 16px; top: -120px; z-index: 10000; background: var(--h13-ink); color: var(--h13-sun); padding: 12px 20px; border-radius: 999px; font: 700 15px/1 var(--h13-body); text-decoration: none; }
.h13-skip:focus { top: 16px; outline-color: var(--h13-sun); }
.h13-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.h13-nowrap { white-space: nowrap; }
h1, h2, h3, h4, h5, h6, .title { text-wrap: balance; letter-spacing: -.01em; }
p { text-wrap: pretty; }
.price, .amount, .h13-show-day, .woocommerce-orders-table, .shop_table { font-variant-numeric: tabular-nums lining-nums; }
#Wrapper a:not(.button):not(.menu a) { color: var(--h13-sky); }
#Wrapper .column_attr a:hover { color: var(--h13-orange-text); }

/* ---------- header: sunflower, her whole mark overflowing the row ---------- */
#Top_bar, #Top_bar.is-sticky { background-color: var(--h13-sun) !important; border-bottom: 0; box-shadow: none !important; opacity: 1 !important; }   /* Betheme fades the sticky bar; ours stays solid */
/* the whole mark, 168px tall, hanging below the 90px row (Betheme's logo overflow lets it) */
#Top_bar #logo { height: 90px !important; line-height: 90px; padding: 0 !important; display: flex; align-items: flex-start; }
#Top_bar #logo img, .logo-overflow #Top_bar #logo img { height: 168px !important; max-height: none !important; width: auto !important; margin: -12px 0 0; filter: drop-shadow(0 10px 14px rgba(80, 50, 0, .18)); }
#Top_bar .top_bar_right, #Top_bar .menu_wrapper { line-height: 130px; }   /* the bar is the mark's 130px: the items and the button centre on it */
#Top_bar .menu > li { height: 130px; }
#Top_bar.is-sticky #logo { height: 60px !important; line-height: 60px; }
#Top_bar.is-sticky #logo img { height: 84px !important; margin: -4px 0 0; }   /* the splash mark, a little smaller, still hanging below the row */
#Top_bar.is-sticky .menu_wrapper, #Top_bar.is-sticky .top_bar_right { line-height: 60px; }
#Top_bar.is-sticky .menu > li { height: 60px; }   /* Betheme's sticky bar is 60px: the items fit it instead of painting below it */
#Top_bar .menu_wrapper, #Top_bar #menu, #Top_bar .menu > li, #Top_bar .menu > li > a { background: transparent !important; }
#Top_bar .menu > li > a { padding: 0; }
#Top_bar .menu > li > a span:not(.description) { font-weight: 600; font-size: 14.5px; line-height: 44px; padding: 0 11px; border-radius: 999px; transition: background-color .2s var(--h13-ease); }   /* sized so the mark, seven items and the button share one row from 1240px up */
#Top_bar .menu > li > a:hover span:not(.description), #Top_bar .menu > li.current-menu-item > a span:not(.description), #Top_bar .menu > li.current-menu-ancestor > a span:not(.description) { background: var(--h13-sun-light); }   /* a lighter sunflower, not white (Ben) */
#Top_bar .menu > li > a span:not(.description)::after { display: none; }
#Top_bar .menu > li { display: flex; align-items: center; }
/* the header action button (Theme Options > Header > Action button): the filled blue pill, right of the menu */
#Top_bar .top_bar_right .action_button, #Top_bar a.action_button { display: inline-flex; align-items: center; height: 44px; margin: 0 0 0 8px; padding: 0 22px; border-radius: 999px; background: var(--h13-fuchsia) !important; color: var(--h13-white) !important; font: 700 15px/1 var(--h13-body); text-decoration: none; transition: background-color .2s var(--h13-ease); }
#Top_bar .top_bar_right .action_button:hover, #Top_bar a.action_button:hover { background: var(--h13-fuchsia-deep) !important; color: var(--h13-white) !important; }
#Top_bar .top_bar_right .action_button i { display: none; }
#Top_bar .top_bar_right .top-bar-right-icon i, #Top_bar .top_bar_right a { color: var(--h13-ink); }
#Top_bar .top_bar_right .header-cart-count { background: var(--h13-sky); color: var(--h13-white); }
#Top_bar a.responsive-menu-toggle i { color: var(--h13-ink); font-size: 26px; }
#Side_slide { border-left: 2px solid var(--h13-sun); }
#Side_slide #menu ul li a { font-weight: 600; font-size: 17px; }
#Side_slide #menu ul li.current-menu-item > a { color: var(--h13-white); }

/* ---------- subheader (shop, categories, cart, checkout, account): the sunflower opener ---------- */
#Subheader { background: var(--h13-sun); border-bottom: 0; padding-top: 48px !important; padding-bottom: 40px !important; }
#Subheader .title { font-size: clamp(44px, 5.2vw, 72px); line-height: 1; letter-spacing: -.02em; font-weight: 700; color: var(--h13-ink); }
#Subheader ul.breadcrumbs, #Subheader ul.breadcrumbs a { color: var(--h13-muted); font-size: 14px; }
#Subheader::after { display: none; }

/* ---------- type ---------- */
.h13-sig .column_attr p { font: 400 clamp(44px, 4vw, 60px)/1 var(--h13-script); letter-spacing: 0; color: var(--h13-ink); margin: 0; }
.h13-sig-lg .column_attr p { font-size: 64px; }
.h13-by .column_attr p { font: 600 14px/1.3 var(--h13-body); color: var(--h13-ink-2); margin: 0; }
.h13-hero-title .title { font-size: clamp(44px, 5.6vw, 84px); line-height: 1; max-width: 12ch; letter-spacing: -.02em; color: var(--h13-plum); }   /* one colour, her pick (2026-10-19): Deep plum, 5.9:1 on the sunflower */
.h13-hero-title .title em { font-style: normal; color: inherit; }
.h13-h2-xl .title { font-size: clamp(36px, 4.4vw, 60px); line-height: 1.02; letter-spacing: -.02em; }
.h13-opener .column_heading h1, #Wrapper .h13-opener h1 { font-size: clamp(44px, 5.6vw, 84px); line-height: 1; letter-spacing: -.02em; }
.h13-h2-sm .title { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.08; }
.h13-lede .column_attr p { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.6; max-width: 48ch; }
.h13-lede .column_attr a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }   /* a link in an intro, e.g. the Gallery's "Reach out to me here" */
.h13-center .column_attr p, .h13-narrow .h13-lede .column_attr p { margin-left: auto; margin-right: auto; }
.h13-center > .mcb-wrap-inner { display: flex; flex-wrap: wrap; justify-content: center; }   /* a wrap of inline buttons under a centred heading: the buttons centre too */
.h13-center > .mcb-wrap-inner > .column_button { float: none; width: auto; }
.h13-muted .column_attr p { color: var(--h13-muted); max-width: 48ch; }
.column_attr p:last-child { margin-bottom: 0; }
.h13-todo .column_attr p { border: 2px dashed var(--h13-orange); border-radius: var(--h13-radius-sm); padding: 16px 20px; background: #FFF6EE; color: var(--h13-ink); font-size: 15px; max-width: 52ch; }
.h13-narrow > .mcb-wrap-inner { max-width: 760px; margin-left: auto; margin-right: auto; }
.h13-quote .column_attr p { font: 500 clamp(22px, 2.4vw, 32px)/1.35 var(--h13-display); max-width: 30ch; color: var(--h13-ink); }
.h13-quote .column_attr p small { display: block; margin-top: 14px; font: 600 14px/1 var(--h13-body); color: var(--h13-muted); }
.h13-quote-sm .column_attr p { font-size: clamp(19px, 1.7vw, 23px); max-width: 44ch; padding-left: 22px; border-left: 3px solid var(--h13-sky-soft); }
.h13-soh-logo .image_frame { border: 0; background: none; width: 150px; }
.h13-soh-logo img { width: 150px !important; height: auto; }
.h13-soh-logo-lg .image_frame { width: min(380px, 80%); margin: 0 auto; }
.h13-soh-logo-lg img { width: 100% !important; }   /* in the page opener, beside the title */
.h13-ask .column_attr p { font-size: 14px; margin: 0; }
.h13-ask .column_attr a { display: inline-block; padding: 4px 0; font-weight: 700; color: var(--h13-sky); text-decoration: underline; }

/* ---------- the splash shapes (assets/h13-splash-defs.svg, printed in the footer) clip photos, badges and price tags; text never sits on a shape ---------- */

/* a photo clipped to the shape */
.h13-photo .image_frame { border: 0; margin: 0; background: none; overflow: visible; filter: var(--h13-drop); }
.h13-photo .image_wrapper { clip-path: url(#sp-a); background: var(--h13-white); overflow: hidden; }
.h13-photo-b .image_wrapper { clip-path: url(#sp-b); } .h13-photo-c .image_wrapper { clip-path: url(#sp-c); } .h13-photo-d .image_wrapper { clip-path: url(#sp-d); }
.h13-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; transition: transform .5s var(--h13-ease); }
.h13-photo-sq img { aspect-ratio: 1; }
.h13-photo-wide img { aspect-ratio: 16 / 10; }
.h13-photo .image_frame .image_links { display: none; }
.h13-photo a { cursor: zoom-in; }
.h13-friend:hover .h13-photo img, .h13-ig-tile:hover .h13-photo img { transform: scale(1.04); }
/* the live Instagram feed in the Follow along bands (Smash Balloon, wrap h13-ig-feed): each photo in a splash shape like the gallery's,
   the four shapes in turn, the same shadow and hover zoom; the plugin's dark caption overlay and multi-photo icon off */
#Wrapper .h13-ig-feed #sb_instagram #sbi_images .sbi_item { overflow: visible; }   /* the plugin clips each item, which squared off the shadow */
.h13-ig-feed .sbi_inner_wrap { filter: var(--h13-drop); }
.h13-ig-feed .sbi_photo_wrap { clip-path: url(#sp-a); background: var(--h13-white); }
.h13-ig-feed .sbi_item:nth-child(4n+2) .sbi_photo_wrap { clip-path: url(#sp-b); }
.h13-ig-feed .sbi_item:nth-child(4n+3) .sbi_photo_wrap { clip-path: url(#sp-c); }
.h13-ig-feed .sbi_item:nth-child(4n) .sbi_photo_wrap { clip-path: url(#sp-d); }
.h13-ig-feed .sbi_photo img { transition: transform .5s var(--h13-ease); }
.h13-ig-feed .sbi_item:hover .sbi_photo img { transform: scale(1.04); }
.h13-ig-feed .sbi_link { background: none !important; opacity: 1 !important; }
.h13-ig-feed .sbi_hover_top, .h13-ig-feed .sbi_hover_bottom, .h13-ig-feed .sbi_carousel_icon, .h13-ig-feed .fa-clone { display: none !important; }

/* ---------- home hero: sunflower, her words on the left, the gallery wall on the right ----------
   Five Image elements in the art wrap (h13-wall), each in its own painted frame and slot; the wall keeps its shape at every width
   (aspect-ratio, slots in %), so a new photo only has to be swapped in its Image element. */
.h13-hero { overflow: hidden; }
.h13-hero .section_wrapper { align-items: center !important; }
.h13-hero-copy > .mcb-wrap-inner { position: relative; z-index: 3; }
.h13-wall > .mcb-wrap-inner { position: relative; aspect-ratio: 1 / 1.02; height: auto; z-index: 1; }
.h13-wall > .mcb-wrap-inner > .mcb-column.h13-frame { position: absolute; margin: 0 !important; z-index: 2; }
.h13-wall .h13-frame > .mcb-column-inner { height: 100%; margin: 0 !important; padding: 0; }
.h13-frame .image_frame { margin: 0; height: 100%; border: 0; overflow: visible; box-sizing: border-box; box-shadow: 0 22px 34px -16px rgba(80, 50, 0, .45); }
.h13-frame .image_wrapper { height: 100%; overflow: hidden; }
.h13-frame .image_frame .image_links { display: none; }
.h13-frame img { display: block; width: 100%; height: 100% !important; object-fit: cover; }
/* chippy painted wood: a flat coat with lighter brush streaks over it */
.h13-frame-blue .image_frame, .h13-frame-cream .image_frame, .h13-frame-orange .image_frame { padding: 14px; border-radius: 3px;
	background-image: repeating-linear-gradient(97deg, rgba(255, 255, 255, .0) 0 9px, rgba(255, 255, 255, .28) 9px 11px, rgba(255, 255, 255, 0) 11px 23px), repeating-linear-gradient(3deg, rgba(0, 0, 0, 0) 0 15px, rgba(0, 0, 0, .06) 15px 17px); }
.h13-frame-blue .image_frame { background-color: #4E97B5; }
.h13-frame-cream .image_frame { background-color: #F3E9D2; }
.h13-frame-orange .image_frame { background-color: #E0763F; }
.h13-frame-blue img, .h13-frame-cream img, .h13-frame-orange img { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); }
.h13-frame-oval .image_frame { padding: 7%; border-radius: 50%; background: url(assets/h13-frame-oval.svg) no-repeat center / 100% 100%; box-shadow: none; filter: drop-shadow(0 18px 22px rgba(80, 50, 0, .3)); }
.h13-frame-oval .image_wrapper { border-radius: 50%; }
.h13-frame-scallop .image_frame { border: 16px solid transparent; border-image: url(assets/h13-frame-scallop.svg) 30 round; background: #FFFDF7; background-clip: padding-box; box-shadow: none; filter: drop-shadow(0 18px 22px rgba(80, 50, 0, .3)); }
.h13-frame-scallop img { outline: 3px dotted var(--h13-sky); outline-offset: -10px; }
/* the slots, after her chosen concept (2026-10-16) */
.h13-frame-oval { left: 2%; top: 0; width: 40% !important; height: 54%; transform: rotate(-3deg); }
.h13-frame-blue { left: 47%; top: 2%; width: 46% !important; height: 44%; transform: rotate(4deg); }
.h13-frame-cream { left: 3%; top: 55%; width: 36% !important; height: 43%; transform: rotate(-5deg); z-index: 3 !important; }
.h13-frame-orange { left: 39%; top: 49%; width: 29% !important; height: 45%; transform: rotate(2deg); z-index: 3 !important; }
.h13-frame-scallop { left: 68%; top: 51%; width: 33% !important; height: 38%; transform: rotate(4deg); z-index: 4 !important; }
/* what's tucked around the frames: crocheted daisies, a yarn heart, a yarn ball, a little green heart, orange sparks */
.h13-wall > .mcb-wrap-inner::before, .h13-wall > .mcb-wrap-inner::after { content: ''; position: absolute; inset: 0; pointer-events: none; background-repeat: no-repeat; }
.h13-wall > .mcb-wrap-inner::before { z-index: 1;
	background-image: url(assets/h13-sparks.svg), url(assets/h13-yarn-heart.svg), url(assets/h13-heart-doodle.svg), url(assets/h13-sparks.svg);
	background-size: 12% auto, 17% auto, 8% auto, 10% auto;
	background-position: 0% 0%, 100% 24%, 1% 49%, 97% 0%; }
.h13-wall > .mcb-wrap-inner::after { z-index: 5;
	background-image: url(assets/h13-daisy.svg), url(assets/h13-daisy.svg), url(assets/h13-yarn-ball.svg);
	background-size: 12% auto, 9% auto, 34% auto;
	background-position: 0% 97%, 95% 1%, 100% 100%; }
@media (prefers-reduced-motion: no-preference) {
	.h13-frame .image_frame { animation: h13-hang .8s var(--h13-ease) both; }
	.h13-frame-blue .image_frame { animation-delay: .08s; } .h13-frame-cream .image_frame { animation-delay: .16s; }
	.h13-frame-orange .image_frame { animation-delay: .24s; } .h13-frame-scallop .image_frame { animation-delay: .32s; }
}
@keyframes h13-hang { from { opacity: .001; transform: translateY(18px) rotate(-2deg); } to { opacity: 1; transform: none; } }

/* ---------- the yarn and the stitches: the accents that carry the theme between the photos ---------- */
.h13-band-cream { background-image: url(assets/h13-yarn-tile.svg?v=2); background-repeat: repeat; background-size: 360px 360px; }   /* a whisper of yarn hearts, daisies and loops on cream */
.h13-h2-xl .title::after, .h13-opener h1.title::after { content: ''; display: block; width: 160px; height: 16px; margin-top: 14px; background: url(assets/h13-yarn-rule.svg) no-repeat 0 0 / 160px 16px; }   /* a strand of orange yarn under the big headings */
.h13-center .title::after { margin-left: auto; margin-right: auto; }
.h13-quiet { background-image: url(assets/h13-yarn-strand.svg); background-repeat: no-repeat; background-position: right -70px top -120px; background-size: 400px 277px; }   /* the top-right corner only, clear of the words and buttons */   /* a loose strand of yarn on the quiet band */
@media (max-width: 767px) { .h13-quiet { background-image: none; }   /* on phones the strand would cross the words */ .h13-h2-xl .title::after, .h13-opener h1.title::after { width: 120px; height: 12px; background-size: 120px 12px; } }

/* ---------- inner page opener: sunflower with her hook and yarn top right (the section's Background image) ---------- */
.h13-opener { overflow: hidden; }
@media (min-width: 1367px) {   /* on wide screens the hook follows the 1200px content column instead of the viewport edge */
	.h13-opener, .h13-shop-opener { background-position: right calc((100vw - 1200px) / 2 - 90px) top -20px !important; }
}
/* two photos in one wrap, the small one over the big one's lower right corner */
.h13-pair > .mcb-wrap-inner { position: relative; }
.h13-pair .h13-pair-small { position: absolute; right: -4%; bottom: -72px; width: 38%; z-index: 2; }
@media (max-width: 767px) { .h13-pair .h13-pair-small { right: 0; bottom: -40px; width: 40%; } }

/* ---------- the quiet band: pastel blue, ink type, white pills with a blue rule ---------- */
.h13-reach .mfn-list { display: grid; gap: 10px; }
.h13-reach .mfn-list .mfn-list-item { margin: 0; padding: 0; display: block; }
.h13-reach .mfn-list-desc { display: block; width: 100%; }
.h13-reach .mfn-list-desc a {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; min-height: 60px; padding: 14px 22px; box-sizing: border-box;
	border: 2px solid var(--h13-sky); border-radius: 999px; background: var(--h13-white); color: var(--h13-ink) !important; text-decoration: none; font-size: 15px; line-height: 1.3;
	overflow-wrap: anywhere; transition: background-color .2s var(--h13-ease), color .2s var(--h13-ease);
}
.h13-reach .mfn-list-desc a strong { font: 700 19px/1.2 var(--h13-display); color: var(--h13-sky); }
.h13-reach .mfn-list-desc a:hover { background: var(--h13-sky); color: var(--h13-white) !important; }
.h13-reach .mfn-list-desc a:hover strong { color: var(--h13-white); }
.h13-quiet :focus-visible { outline-color: var(--h13-ink); }

/* ---------- abbreviations key, centred on a plain band: each abbreviation on a small sunflower splash, its meaning under it ---------- */
.h13-legend .mfn-list { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 16px 20px; max-width: 1040px; margin: 0 auto; }
.h13-legend .mfn-list .mfn-list-item { margin: 0; padding: 0; display: grid; justify-items: center; text-align: center; }
.h13-legend .mfn-list-icon { display: none; }
.h13-legend .mfn-list-desc { font-size: 14px; color: var(--h13-muted); line-height: 1.3; text-align: center; }
.h13-legend .mfn-list-desc strong { position: relative; isolation: isolate; display: grid; place-items: center; width: 64px; height: 56px; margin: 0 auto 10px; font: 700 18px/1 var(--h13-display); color: var(--h13-ink); }
.h13-legend .mfn-list-desc strong::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--h13-sun); clip-path: url(#sp-c); }

/* ---------- photo grids: friends (handmade, gallery), berries, Instagram ---------- */
.h13-friend .column_column .column_attr p, .h13-berry .column_column .column_attr p { color: var(--h13-muted); font-size: 15px; line-height: 1.4; margin: 0; }
.h13-friend .column_column .column_attr strong, .h13-berry .column_column .column_attr strong { display: block; color: var(--h13-ink); font-size: 20px; font-family: var(--h13-display); font-weight: 700; line-height: 1.15; margin-bottom: 2px; }
.h13-friend > .mcb-wrap-inner > .mcb-column, .h13-berry > .mcb-wrap-inner > .mcb-column, .h13-ig-tile > .mcb-wrap-inner > .mcb-column { width: 100%; margin-left: 0; margin-right: 0; }
.h13-friend > .mcb-wrap-inner, .h13-berry > .mcb-wrap-inner { padding-left: 10px; padding-right: 10px; }   /* wider gutters between the photo columns (the wraps' own 1% margins are 24px) */
.h13-ig-tile > .mcb-wrap-inner { margin-left: 9px; margin-right: 9px; }

/* ---------- craft shows (Hook 13 Site plugin): date badges are small splashes ---------- */
.column_attr ul.h13-shows, .h13-shows { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; max-width: 880px; }
.column_attr ul.h13-shows-strip { max-width: none; }
.h13-show { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 20px; align-items: center; margin: 0; padding: 0; }
.h13-show-date { width: 104px; height: 104px; margin: 0; display: grid; place-content: center; text-align: center; line-height: 1; position: relative; z-index: 0; }
.h13-show-date::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--h13-sun); clip-path: url(#sp-c); }
.h13-show:nth-child(3n+2) .h13-show-date::before { background: var(--h13-sky-soft); clip-path: url(#sp-d); }
.h13-show:nth-child(3n+3) .h13-show-date::before { background: var(--h13-lime-soft); clip-path: url(#sp-a); }
.h13-band-sun .h13-show:nth-child(3n+1) .h13-show-date::before { background: var(--h13-white); }
.h13-show-mon { display: block; font: 700 12px/1 var(--h13-body); letter-spacing: .1em; text-transform: uppercase; color: var(--h13-ink-2); }
.h13-show-day { display: block; font: 700 40px/1 var(--h13-display); margin-top: 6px; color: var(--h13-ink); }
.h13-show-date-multi .h13-show-day { font-size: 26px; }
.h13-show-body > * { margin: 0; }
.h13-show-name { font-size: 24px; line-height: 1.1; margin-bottom: 4px !important; }
.h13-show-when { font-weight: 700; font-size: 15px; color: var(--h13-ink); }
.h13-show-where, .h13-show-booth, .h13-show-note { font-size: 15px; color: var(--h13-muted); line-height: 1.5; }
.h13-show-booth { color: var(--h13-sky-deep); font-weight: 600; }
.h13-show-note { margin-top: 8px !important; padding-top: 8px; border-top: 1.5px dashed var(--h13-rule); }
.h13-show-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px !important; }
.h13-show-links a { display: inline-block; padding: 4px 0; font-weight: 700; font-size: 15px; color: var(--h13-sky); text-decoration: underline; }
.h13-show-links a:hover { color: var(--h13-orange-text); }
.h13-shows-strip { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px 40px; }
.h13-shows-strip .h13-show { grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: start; }
.h13-shows-strip .h13-show-date { width: 84px; height: 84px; }
.h13-shows-strip .h13-show-day { font-size: 32px; }
.h13-shows-strip .h13-show-name { font-size: 20px; }
.h13-shows-past .h13-show-date::before { background: var(--h13-white); }
.h13-shows-past .h13-show-name, .h13-shows-past .h13-show-when { color: var(--h13-ink-2); }
.h13-shows-past .h13-show-name { font-size: 20px; }
.h13-show-date-pin { cursor: pointer; }
.h13-shows-empty { font-size: 16px; color: var(--h13-muted); max-width: 52ch; margin: 0; }

/* the shows map: Leaflet on OpenStreetMap tiles ([h13_shows_map]); pins repeat the date badge */
.h13-map { width: 100%; min-height: 240px; border-radius: var(--h13-radius); overflow: hidden; background: var(--h13-sky-soft); z-index: 0; font-family: var(--h13-body); clip-path: url(#sp-a); }
.h13-pin-wrap { background: none; border: 0; }
.h13-pin { display: grid; place-content: center; width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--h13-ink); background: var(--h13-sun); text-align: center; line-height: 1; color: var(--h13-ink); transition: transform .2s var(--h13-ease); }
.h13-pin-wrap:hover .h13-pin { transform: scale(1.08); }
.h13-pin-mon { display: block; font: 700 9px/1 var(--h13-body); letter-spacing: .08em; text-transform: uppercase; }
.h13-pin-day { display: block; font: 700 18px/1 var(--h13-display); margin-top: 2px; }
.h13-pin-town { border-style: dashed; background: var(--h13-white); }
.h13-map .leaflet-popup-content-wrapper { border-radius: var(--h13-radius-sm); border: 2px solid var(--h13-sky); color: var(--h13-ink); }
.h13-map .leaflet-popup-content { margin: 14px 16px; font-size: 14px; line-height: 1.45; }
.h13-map .leaflet-popup-tip { border: 2px solid var(--h13-sky); border-width: 0 2px 2px 0; }
.h13-map-pop { display: grid; gap: 2px; }
.h13-map-pop strong { font-size: 16px; line-height: 1.2; margin-bottom: 2px; }
.h13-map-pop em { color: var(--h13-muted); font-style: normal; }
.h13-map-pop-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.h13-map-pop-links a { font-weight: 700; color: var(--h13-sky-deep); text-decoration: underline; }
.h13-map .leaflet-control-attribution { font-size: 11px; }
.h13-map-side > .mcb-wrap-inner { position: sticky; top: 24px; align-self: flex-start; }
.h13-map-side { align-self: stretch; }

/* ---------- product cards (Shop element, shop and category pages): the photo on a splash, the price a sunflower tag ---------- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: none; border: 0; box-shadow: none; padding: 0 10px; text-align: left !important; box-sizing: border-box; position: relative; overflow: visible; }   /* 44px between cards */
ul.products li.product .image_frame { border: 0; margin: 0 0 16px; background: none; overflow: visible; filter: var(--h13-drop); }
ul.products li.product .image_frame .image_wrapper { clip-path: url(#sp-a); background: var(--h13-sky-soft); overflow: hidden; }   /* one shape for every card, so the row reads as a grid */
ul.products li.product .image_frame img { aspect-ratio: 1; object-fit: cover; width: 100%; transition: transform .5s var(--h13-ease); }
ul.products li.product:hover .image_frame img { transform: scale(1.04); }
ul.products li.product .image_frame .image_links { display: none; }
ul.products li.product .desc, .woocommerce ul.products li.product .desc { padding: 0; text-align: left; align-items: flex-start; }
ul.products li.product .mfn-woo-product-title { font-size: 18px; line-height: 1.2; margin-bottom: 8px; }
ul.products li.product .desc { position: static; }   /* the price is in .desc; the card (position: relative on the li) is its anchor, so the tag lands on the photo */
#Wrapper ul.products li.product .mfn-woo-product-title a { color: var(--h13-ink) !important; text-decoration: none; }
ul.products li.product .mfn-woo-product-title { max-width: 24ch; }
#Wrapper ul.products li.product .mfn-woo-product-title a:hover { color: var(--h13-sky) !important; }
ul.products li.product .price { position: absolute; right: calc(9% + 10px); top: 5%; z-index: 2; width: 68px; height: 68px; display: grid; place-content: center; text-align: center; font: 700 18px/1 var(--h13-display); color: var(--h13-ink) !important; margin: 0; }
ul.products li.product .price .amount, ul.products li.product .price bdi, ul.products li.product .price .woocommerce-Price-currencySymbol { color: var(--h13-ink) !important; font-weight: 700; }   /* ink, not the theme blue */
ul.products li.product .price::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--h13-sun); clip-path: url(#sp-c); filter: drop-shadow(0 4px 6px rgba(80, 50, 0, .18)); }
ul.products li.product .price del { display: none; }
ul.products li.product .mfn-li-product-row-button { padding-top: 16px; }   /* air between the title and the button (the row itself is pushed to the bottom of the card) */
ul.products li.product .mfn-li-product-row-button .button { margin: 0; min-height: 44px; padding: 10px 20px; font-size: 15px; }
ul.products li.product .onsale, .mfn-product-badges-left .onsale { background: var(--h13-orange); }
.h13-products ul.products, .woocommerce ul.products { display: flex; flex-wrap: wrap; align-items: stretch; }   /* the buttons line up along the bottom of a row, however long the titles run */
.h13-products ul.products li.product, .woocommerce ul.products li.product { display: flex; flex-direction: column; float: none; }
.h13-products ul.products li.product .desc, .woocommerce ul.products li.product .desc { display: flex; flex-direction: column; flex: 1 1 auto; }
.h13-products ul.products li.product .mfn-li-product-row-button, .woocommerce ul.products li.product .mfn-li-product-row-button { margin-top: auto; }

/* an empty category (Hook 13 Site plugin): one splash in the site's voice */
.h13-empty { flex: 0 0 100%; width: 100%; max-width: none; margin: 16px 0 32px; padding: 0 1%; box-sizing: border-box; }   /* plain, on its own row under the category description (the archive wrapper is a flex row): text never sits on a shape */
.h13-empty h2, .h13-empty p { max-width: 640px; }
.h13-empty h2 { font-size: 28px; line-height: 1.15; margin: 0 0 10px; }
.h13-empty p { margin: 0 0 20px; max-width: 44ch; }
.h13-empty .h13-empty-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }

/* ---------- single product: the pattern sheet ---------- */
body.single-product .product_wrapper .entry-summary .mcb-column-inner, body.single-product .product_wrapper .entry-summary .price { text-align: left; }
body.single-product #Subheader { display: none; }
#Subheader .title { padding-left: 12px; }   /* lines up with the content column (its 1% wrap margin) */
/* the shop and category opener (Hook 13 Site plugin, in place of Betheme's Subheader): the sunflower band with her hook and yarn, as on the inner pages */
.woocommerce.archive #Subheader { display: none; }
.h13-shop-opener { background: var(--h13-sun) url(assets/h13-hook-yarn.svg) no-repeat right -30px top -20px / auto 300px; padding: 64px 0 48px; overflow: hidden; }
.h13-shop-opener-inner { max-width: 1200px; margin: 0 auto; padding: 0 calc(1% + 12px); box-sizing: border-box; }
.h13-shop-opener h1.title { font-size: clamp(44px, 5.6vw, 72px); line-height: 1; margin: 0; }
.h13-shop-opener h1.title::after { content: ''; display: block; width: 160px; height: 16px; margin-top: 14px; background: url(assets/h13-yarn-rule.svg) no-repeat 0 0 / 160px 16px; }
.h13-shop-opener-lede { max-width: 48ch; margin-top: 20px; }
.h13-shop-opener-lede p { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.6; margin: 0; }
.woocommerce.archive #Content .content_wrapper { padding-top: 56px; }
.woocommerce.archive #Content .content_wrapper, .single-product #Content .content_wrapper { padding: 48px 0 72px; }   /* room under the page title and above the footer */
.woocommerce.archive .term-description, .woocommerce.archive .woocommerce-products-header__description { margin-bottom: 24px; }
.woocommerce-product-gallery { opacity: 1 !important; }   /* WooCommerce fades the gallery in by script; the photo is never invisible */
.single-product .upsells, .single-product .related { padding-top: 40px; }
.woocommerce .mfn-woo-filters-wrapper .mfn-woo-list-options, .woocommerce .mfn-woo-list-perpage { display: none; }
.single-product div.product .entry-summary .mcb-column-inner { padding-left: 16px; }
.single-product div.product .product_title { font-size: clamp(32px, 3.4vw, 48px); line-height: 1.05; }
.single-product div.product p.price, .single-product div.product span.price { font: 700 34px/1 var(--h13-display); color: var(--h13-ink); }
.single-product .woocommerce-product-gallery .flex-viewport, .single-product .woocommerce-product-gallery__image:first-child { clip-path: url(#sp-a); overflow: hidden; background: var(--h13-sky-soft); }
.single-product .woocommerce-product-gallery .flex-control-thumbs li img { border-radius: 8px; border: 2px solid transparent; }
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border-color: var(--h13-sky); }
.single-product .share-simple-wrapper { display: none; }
.single-product .product_meta { font-size: 14px; color: var(--h13-muted); }
.single-product form.cart .quantity { display: none; }
.single-product.woocommerce div.product form.cart .button, .single-product.woocommerce div.product p.cart .button { min-height: 52px; padding-left: 28px; padding-right: 28px; }
.single-product.woocommerce div.product p.cart .button.button_theme { background: var(--h13-fuchsia) !important; color: var(--h13-white) !important; border-color: var(--h13-fuchsia) !important; }   /* Buy on Etsy (Betheme's external-product link): filled fuchsia like every button */
.single-product.woocommerce div.product p.cart .button.button_theme:hover { background: var(--h13-fuchsia-deep) !important; border-color: var(--h13-fuchsia-deep) !important; }
.single-product.woocommerce div.product p.cart .button.button_theme .button_icon i { color: var(--h13-white) !important; }
.h13-buy-note { margin: 20px 0; padding: 16px 20px; background: var(--h13-sky-soft); border-radius: var(--h13-radius-sm); font-size: 15px; line-height: 1.5; }
.h13-buy-note p { margin: 0 0 8px; }
.h13-buy-note p:last-child { margin: 0; }
.h13-etsy { margin: 8px 0 0; font-size: 14px; }
.h13-etsy a { font-weight: 600; }
table.shop_attributes { border: 0 !important; border-top: 2px solid var(--h13-ink) !important; border-collapse: collapse; width: 100%; max-width: 760px; background: none; }
table.shop_attributes tr, table.shop_attributes tr:nth-child(2n) { background: none !important; }
table.shop_attributes th, table.shop_attributes td { border: 0 !important; border-bottom: 1.5px dashed var(--h13-rule) !important; background: none !important; padding: 12px 0 !important; vertical-align: top; text-align: left; }
table.shop_attributes th { width: 150px; font: 700 12px/1.6 var(--h13-body); letter-spacing: .08em; text-transform: uppercase; color: var(--h13-sky); padding-right: 16px !important; }
table.shop_attributes td p { margin: 0; font-size: 15.5px; line-height: 1.5; font-style: normal; padding: 0; }
.single-product .woocommerce-tabs .tabs, .single-product .jq-tabs .tabs { border: 0; background: none; }
/* Betheme's product tabs (fake-tabs): the tab names as pills, a rule under them, air between the rule and the text */
.single-product .product_tabs_wrapper.fake-tabs { margin-top: 48px; }
.single-product .fake-tabs .fake-tabs-nav { display: flex; justify-content: center; gap: 8px; margin: 0 0 32px; padding: 0 0 16px; border-bottom: 1.5px dashed var(--h13-rule); }
.single-product .fake-tabs .fake-tabs-nav li { margin: 0; }
.single-product .fake-tabs .fake-tabs-nav li a { display: inline-block; padding: 10px 20px; border-radius: 999px; font: 700 15px/1.2 var(--h13-body); color: var(--h13-ink) !important; text-decoration: none; background: transparent; }
.single-product .fake-tabs .fake-tabs-nav li.active a, .single-product .fake-tabs .fake-tabs-nav li a:hover { background: var(--h13-sky); color: var(--h13-white) !important; }
.single-product .fake-tabs .tab .the_content_wrapper, .single-product .fake-tabs .tab .section_wrapper { padding-top: 0; }
.single-product .fake-tabs .fake-tabs-nav li a, .single-product .fake-tabs .fake-tabs-nav li.active a { border: 0 !important; box-shadow: none !important; }   /* no underline under the active pill */
.single-product .fake-tabs .tab .section_product_tab_additional_information .section_wrapper { padding: 0; }
.single-product .fake-tabs .fake-tabs-nav li a::after { display: none !important; }   /* Betheme's blue underline */
.single-product .fake-tabs .tab { padding-top: 0 !important; }
.single-product .fake-tabs table.shop_attributes { width: 100%; max-width: 760px !important; margin: 0 !important; border-top: 0 !important; }
.single-product .woocommerce-tabs .tabs li, .single-product .jq-tabs .tabs li { border-radius: 999px; overflow: hidden; }
.upsells.products > h2, .related.products > h2 { font-size: clamp(26px, 2.6vw, 34px); }

/* the ways to reach her, as plain lines on the contact opener */
.h13-ways .column_attr p { margin: 0 0 14px; font-size: 15px; }
.h13-ways .column_attr strong { display: block; font: 700 20px/1.2 var(--h13-display); color: var(--h13-ink); }
.h13-ways .column_attr a { display: inline-block; padding: 4px 0; }
#Wrapper .h13-opener .column_attr a, #Wrapper .h13-hero .column_attr a { color: var(--h13-sky-deep) !important; }   /* links on the sunflower: the deeper blue reads 5.6:1 (the logo blue is 3.9:1) */
.h13-ways .column_attr br { display: none; }   /* the name is a block already; the break would add an empty line */

/* ---------- forms (Gravity Forms), on a splash ---------- */
.gform_wrapper.gravity-theme .ginput_container input, .gform_wrapper.gravity-theme .ginput_container select, .gform_wrapper.gravity-theme .ginput_container textarea { width: 100%; max-width: 100%; box-sizing: border-box; }
.gform_wrapper.gravity-theme .gfield_label { font-weight: 700; font-size: 15px; color: var(--h13-ink); }
.gform_wrapper .gfield_required, .gform_wrapper .gfield_required_text { color: var(--h13-ink-2) !important; font-weight: 600; }   /* ink, not red: the form sits on the sunflower */
.gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { padding: 14px 16px; font-size: 16px; background: var(--h13-cream) !important; border: 0 !important; border-radius: 12px !important; }
.gform_wrapper.gravity-theme input:focus, .gform_wrapper.gravity-theme select:focus, .gform_wrapper.gravity-theme textarea:focus { outline: 3px solid var(--h13-ink); outline-offset: 2px; }
.gform_wrapper.gravity-theme .gform_footer input[type="submit"], .gform_wrapper .gform_button { background: var(--h13-fuchsia); color: var(--h13-white); border: 0; border-radius: 999px; padding: 16px 28px; font: 700 16px/1.2 var(--h13-body); cursor: pointer; transition: background-color .2s var(--h13-ease); }
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_button:hover { background: var(--h13-fuchsia-deep); }
.gform_confirmation_message { background: var(--h13-sky-soft); border-radius: var(--h13-radius-sm); padding: 20px 24px; font-weight: 600; }
.gform_wrapper .cf-turnstile { margin: 4px 0 20px; }   /* the Cloudflare Turnstile check (Simple CAPTCHA with Cloudflare Turnstile plugin), above the send button */
.gform_wrapper .cf-turnstile iframe { border-radius: 12px; }

/* ---------- cart, checkout, account ---------- */
.woocommerce table.shop_table { background: var(--h13-white); border: 2px solid var(--h13-sky); border-radius: 12px; overflow: hidden; border-collapse: separate; }
.woocommerce-checkout #payment, .woocommerce .cart-collaterals .cart_totals { background: var(--h13-white); border: 2px solid var(--h13-sky); border-radius: 12px; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border-radius: var(--h13-radius-sm); }
.woocommerce-MyAccount-navigation ul li a { border-radius: 999px; }
.woocommerce-store-notice, p.demo_store { background: var(--h13-sky); color: var(--h13-white); }

/* ---------- QR landing ---------- */

/* ---------- footer template: cream, a chain-stitch rule along the top, her mark ---------- */
.h13-footer { background-image: url(assets/h13-chain.svg), url(assets/h13-yarn-tile.svg?v=2); background-repeat: repeat-x, repeat; background-position: 0 0, 0 0; background-size: 36px 14px, 360px 360px; }
#Footer a, .h13-footer a, .h13-foot-menu .mfn-footer-menu > li > a { color: var(--h13-ink) !important; }   /* ink on the footer: the blue link colour is 3.9:1 on sunflower */
.mfn-header-login .h13-login-title { font: 700 22px/1.2 var(--h13-display); margin: 0 0 12px; }
.mfn-header-login .show-password-input { min-width: 24px; min-height: 24px; }
.mfn-header-login .lost_password a, .mfn-header-login .create_account a, .mfn-header-login a { color: var(--h13-sky) !important; }
.mfn-header-login .show-password-input::after { font-size: 16px; }
.h13-foot-badge .image_frame { border: 0; background: none; overflow: visible; }
.h13-foot-badge img { width: 170px; height: auto; }
.h13-footer .column_attr p { font-size: 15px; color: var(--h13-ink-2); }
.h13-foot-small .column_attr p { font-size: 13.5px; color: var(--h13-ink-2); }
.h13-foot-menu .mfn-footer-menu { margin: 0; display: flex; flex-wrap: wrap; gap: 0 14px; }
.h13-foot-menu .mfn-footer-menu > li { margin: 0; padding: 0; }
.h13-foot-menu .mfn-footer-menu > li > a { color: var(--h13-ink); font-weight: 700; font-size: 14px; padding: 6px 0; display: inline-block; text-decoration: underline; text-decoration-color: rgba(27, 23, 20, .35); }
.h13-foot-menu .mfn-footer-menu > li > a:hover { text-decoration-color: var(--h13-ink); }
.h13-foot-links .mfn-list .mfn-list-item { margin: 0; padding: 4px 0; }
.h13-foot-links .mfn-list-desc a { color: var(--h13-ink) !important; font-weight: 700; font-size: 15px; }

/* ---------- tablet and phone ---------- */
@media (max-width: 959px) {
	.h13-ig-tile > .mcb-wrap-inner { margin-left: 6px; margin-right: 6px; }
}
@media (max-width: 767px) {
	.h13-sig .column_attr p { font-size: 44px; }
	.h13-hero-art { order: -1; }   /* the gallery wall on the first screen, before the headline */
	.h13-hero-art > .mcb-wrap-inner { margin: 0 0 8px; }
	.h13-frame-blue .image_frame, .h13-frame-cream .image_frame, .h13-frame-orange .image_frame { padding: 8px; }
	.h13-frame-scallop .image_frame { border-width: 10px; }
	.h13-frame-scallop img { outline-offset: -7px; outline-width: 2px; }
	html body, html #Wrapper .column_attr, html #Wrapper .the_content_wrapper, html #Wrapper .mfn-list, html #Wrapper .h13-shows { font-size: 16px; line-height: 1.6; }   /* Betheme's responsive scale drops body to 13px */
	.column_button .button { width: 100% !important; justify-content: center; text-align: center; box-sizing: border-box; }   /* stacked buttons: full width, one under the other */
	.column_button, .mcb-column.column_button.mfn-item-inline { width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; }
	.h13-opener { background-image: none !important; }   /* the hook would sit behind the words on a phone */
	#Top_bar a.responsive-menu-toggle, #Top_bar a.responsive-menu-toggle i { top: 30px !important; margin-top: -17px !important; line-height: 34px !important; }   /* the icon would inherit the desktop row's 130px line height and draw below its box */
	#Top_bar a.responsive-menu-toggle i { top: auto !important; margin-top: 0 !important; }
	#Top_bar .top_bar_right, #Top_bar .menu_wrapper { line-height: 60px; }
	#Subheader .title { padding-left: 4px; }
	.h13-friend > .mcb-wrap-inner, .h13-berry > .mcb-wrap-inner { padding-left: 0; padding-right: 0; }   /* two columns on a phone keep their full width */
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 0 4px; }
	ul.products li.product .price { right: calc(9% + 4px); }
	.h13-shop-opener { background-image: none; padding: 40px 0 32px; }
	.h13-shop-opener-inner { padding: 0 16px; }
	.h13-shop-opener h1.title::after { width: 120px; height: 12px; background-size: 120px 12px; }
	.h13-legend .mfn-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 8px; }
	.h13-map-side { order: -1; }
	.h13-map-side > .mcb-wrap-inner { position: static; }
	.h13-friend .column_column .column_attr strong { font-size: 17px; overflow-wrap: anywhere; }
	.h13-show { grid-template-columns: 80px minmax(0, 1fr); gap: 14px; }
	.h13-show-date { width: 80px; height: 80px; }
	.h13-show-day { font-size: 30px; }
	.h13-show-name { font-size: 19px; }
	.h13-quote .column_attr p { max-width: none; }
	table.shop_attributes th { width: 104px; }
	.h13-foot-badge img { width: 140px; }
	.woocommerce ul.products li.product .mfn-woo-product-title { font-size: 16px; overflow-wrap: anywhere; }
	ul.products li.product .price { width: 52px; height: 52px; font-size: 15px; }
	ul.products li.product .mfn-li-product-row-button .button { width: 100%; padding: 12px 8px; font-size: 14px; justify-content: center; box-sizing: border-box; }
	.single-product div.product .entry-summary .mcb-column-inner { padding-left: 0; }
	#Top_bar .top_bar_left { padding-left: 16px; box-sizing: border-box; }
	#Top_bar #logo { height: 72px !important; line-height: 72px; padding: 0 !important; box-sizing: border-box; display: flex; align-items: flex-start; }
	#Top_bar #logo img, #Top_bar #logo img.logo-mobile, #Top_bar #logo img.logo-mobile-sticky { height: 112px !important; max-height: none !important; width: auto !important; margin: -6px 0 0; }   /* the splash mark, hanging below the row on phones too */
	.h13-map-side .column_image, .h13-map-side .column_column:last-child { display: none; }   /* on phones the map leads and the list follows; the photo waits for a wider screen */
	.h13-foot-links .mfn-list { align-items: flex-start; }
	.h13-foot-links .mfn-list-item { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
	.h13-frame .image_frame, .h13-photo img, ul.products li.product .image_frame img { animation: none !important; transition: none !important; transform: none !important; }
}