:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #1B1B1A;
	--wd-text-font-size: 16px;
	--wd-title-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-color: #001F40;
	--wd-entities-title-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 800;
	--wd-entities-title-color: #001F40;
	--wd-entities-title-color-hover: #B34F12;
	--wd-alternative-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 800;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #001F40;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #001F40;
	--wd-alternative-color: #D4601A;
	--btn-default-bgcolor: #001F40;
	--btn-default-bgcolor-hover: #B34F12;
	--btn-accented-bgcolor: #B34F12;
	--btn-accented-bgcolor-hover: #001F40;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #B34F12;
	--wd-link-color-hover: #001F40;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #001F40;
	background-image: none;
	background-repeat: no-repeat;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd .product-label.onsale {
	background-color: #D4601A;
	color: #FFFFFF;
}
.wd .product-label.new {
	background-color: #001F40;
	color: #FFFFFF;
}
.wd .product-label.featured {
	background-color: #B34F12;
	color: #FFFFFF;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 5px;
}



.wd-page-title {
background-color: #001F40;
}

/* DoItCamper brand layer (loaded by the DoItCamper Demo Setup plugin; same text as woodmart/dic-custom.css) */
:root { --wd-text-font: 'DM Sans', sans-serif; --wd-title-font: 'Outfit', sans-serif; --wd-entities-title-font: 'Outfit', sans-serif; --wd-primary-font: 'DM Sans', sans-serif; }
body { overflow-x: clip; }
.dic-hero, .dic-trust, .dic-section.dic-alt, .dic-cta { width: 100vw; margin-left: calc(50% - 50vw); }
.dic-section { width: 100vw; margin-left: calc(50% - 50vw); }
.dic-section > .dic-wrap, .dic-trust > .dic-wrap, .dic-cta > .dic-wrap { }
/* DoItCamper: Woodmart custom CSS
   Paste into: Theme Settings > Custom CSS > Global Custom CSS
   Everything is scoped to .dic-* classes used by the page HTML, so it will not restyle the rest of the theme.
   Brand: doitcamper Etsy brand kit v6 (Navy, Plywood, Cut orange, Pine green, Paper, Charcoal).
   Fonts: Outfit (headings), DM Sans (text), IBM Plex Mono (specs). The first block sets brand colours; if your Woodmart version ignores the variables,
   set the same colours in Theme Settings > Styles and Colors. */

:root {
  --dic-navy: #001F40;      /* Navy */
  --dic-blue: #001F40;      /* primary buttons use navy */
  --dic-orange: #D4601A;    /* Cut orange (accents, big type) */
  --dic-orange-dk: #B34F12; /* small labels, hover */
  --dic-orange-lt: #F28A47; /* on dark backgrounds */
  --dic-wood: #E8D3AD;      /* Plywood */
  --dic-green: #1F3D33;     /* Pine green */
  --dic-bg: #F6F1E7;        /* Paper */
  --dic-ink: #1B1B1A;       /* Charcoal */
  --dic-muted: #5B5A55;
  --dic-line: rgba(0, 31, 64, .14);
  --wd-primary-color: #001F40;
  --wd-link-color: #B34F12;
  --wd-link-color-hover: #001F40;
}

.dic-wrap { box-sizing: border-box; max-width: 1160px; margin: 0 auto; padding: 0 16px; }
.dic-wrap *, .dic-hero, .dic-card { box-sizing: border-box; }
.dic-eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--dic-orange-dk); margin: 0 0 12px; font-weight: 600; }
.dic-section { padding: 64px 0; }
.dic-section.dic-alt { background: var(--dic-bg); }
body, .dic-section p, .dic-card p { font-family: 'DM Sans', sans-serif; }
.dic-section h2, .dic-section h3, .dic-hero h1, .dic-cta h2, .dic-steps h3, .dic-price { font-family: 'Outfit', sans-serif; letter-spacing: -0.02em; }
.dic-section h2, .dic-hero h1 { font-weight: 800; }
.dic-section h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.12; margin: 0 0 18px; color: var(--dic-ink); }
.dic-section h3 { font-size: 1.15rem; margin: 0 0 6px; color: var(--dic-ink); }
.dic-section p { color: var(--dic-muted); max-width: 68ch; }

/* buttons */
.dic-btn { display: inline-block; background: var(--dic-navy); color: var(--dic-bg) !important; font-weight: 700; padding: 13px 26px; border-radius: 999px; text-decoration: none !important; border: 2px solid var(--dic-blue); transition: filter .15s; }
.dic-btn:hover { background: var(--dic-orange-dk); border-color: var(--dic-orange-dk); }
.dic-btn.dic-ghost { background: transparent; color: var(--dic-navy) !important; border-color: var(--dic-navy); }
.dic-btn.dic-ghost:hover { background: var(--dic-navy); border-color: var(--dic-navy); color: var(--dic-bg) !important; }
.dic-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0 0; }

/* hero: the image is a real <img>, the text is live HTML.
   Desktop (1100 px and up): image behind the text, hero height follows the image ratio so the drawing never slides under the text.
   Below 1100 px: text first, drawing underneath, no overlap at any width. */
.dic-hero { position: relative; overflow: hidden; background: var(--dic-bg); color: var(--dic-navy); min-height: clamp(460px, 41.7vw, 800px); display: flex; align-items: center; }
.dic-hero-bg, .dic-hero-bg img { position: absolute; inset: 0; width: 100%; height: 100%; }
.dic-hero-bg img { object-fit: cover; object-position: right center; }
.dic-hero-inner { position: relative; z-index: 1; width: 100%; padding-top: 64px; padding-bottom: 64px; }
.dic-hero h1 { color: var(--dic-navy); font-size: clamp(2rem, 3.3vw, 3.2rem); line-height: 1.06; max-width: 14ch; margin: 0 0 18px; }
.dic-hero h1 em { color: var(--dic-orange); font-style: normal; }
.dic-hero .dic-eyebrow { color: var(--dic-orange-dk); }
.dic-hero .dic-lead { color: var(--dic-ink); font-size: 1.1rem; max-width: 34ch; }
.dic-hero .dic-btn.dic-ghost { color: var(--dic-navy) !important; border-color: var(--dic-navy); }
@media (max-width: 1099px) {
  .dic-hero { display: flex; flex-direction: column-reverse; align-items: stretch; min-height: 0; }
  .dic-hero-bg, .dic-hero-bg img { position: static; height: auto; }
  .dic-hero-bg img { max-width: 900px; margin: 0 auto; object-fit: initial; }
  .dic-hero-inner { padding-top: 48px; padding-bottom: 8px; }
  .dic-hero h1 { max-width: 16ch; }
}

/* trust bar */
.dic-trust { border-bottom: 1px solid var(--dic-line); background: #fff; }
.dic-trust strong { font-family: 'Outfit', sans-serif; }
.dic-trust ul { list-style: none; margin: 0; padding: 22px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px 28px; }
.dic-trust li { display: flex; align-items: center; gap: 14px; }
.dic-trust img { width: 48px; height: 48px; flex: none; }
.dic-trust strong { display: block; color: var(--dic-ink); }
.dic-trust span { color: var(--dic-muted); font-size: .92rem; }

/* steps */
.dic-steps { list-style: none; counter-reset: s; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 24px 0 0; padding: 0; }
.dic-steps li { counter-increment: s; }
.dic-steps li::before { content: counter(s); display: block; font-size: .85rem; color: var(--dic-orange); font-weight: 800; font-family: 'Outfit', sans-serif; font-size: 1.6rem; margin-bottom: 2px; }
.dic-section p.dic-strip { margin: 28px 0 0; max-width: none; } .dic-strip img { width: 100%; height: auto; border: 1px solid var(--dic-line); border-radius: 14px; }
@media (max-width: 720px) { .dic-steps { grid-template-columns: minmax(0, 1fr); } }

/* two-column block */
.dic-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.dic-media img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--dic-line); }
@media (max-width: 820px) { .dic-split { grid-template-columns: minmax(0, 1fr); gap: 28px; } }
.dic-check { list-style: none; padding: 0; margin: 16px 0; }
.dic-check li { padding-left: 28px; margin-bottom: 8px; position: relative; color: var(--dic-ink); }
.dic-check li::before { content: ""; position: absolute; left: 0; top: .45em; width: 14px; height: 14px; background: var(--dic-orange); border-radius: 50%; }
.dic-price { font-size: 1.8rem; font-weight: 800; color: var(--dic-ink) !important; margin: 18px 0 0; }
.dic-price small { font-size: .9rem; font-weight: 400; color: var(--dic-muted); }
.dic-section blockquote { border-left: 4px solid var(--dic-wood); padding-left: 18px; margin: 18px 0; color: var(--dic-ink); }

/* cards */
.dic-grid { display: grid; gap: 22px; }
.dic-grid-3 { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.dic-card { display: flex; flex-direction: column; background: #fff; border: 1.5px solid var(--dic-line); border-radius: 20px; overflow: hidden; text-decoration: none !important; color: inherit; }
.dic-card:hover { border-color: var(--dic-orange); }
.dic-card img { width: 100%; height: auto; display: block; border-bottom: 1px solid var(--dic-line); }
.dic-card-body { padding: 16px 18px 20px; }
.dic-card-body p { font-size: .95rem; margin: 6px 0 0; }
.dic-tag { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border: 1px solid var(--dic-line); border-radius: 4px; color: var(--dic-orange-dk); margin-bottom: 8px; }

/* link lists */
.dic-list { list-style: none; margin: 18px 0 0; padding: 0; }
.dic-list li { border-bottom: 1px solid var(--dic-line); }
.dic-list a { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; font-weight: 600; color: var(--dic-ink); text-decoration: none; }
.dic-list a:hover { color: var(--dic-orange-dk); }
.dic-list small { font-weight: 400; color: var(--dic-muted); white-space: nowrap; }
.dic-prose { max-width: 820px; }
.dic-prose h2 { margin-top: 32px; }
.dic-prose li { margin-bottom: .4em; color: var(--dic-muted); }

/* closing call to action */
.dic-cta { background: var(--dic-navy); color: var(--dic-bg); padding: 64px 0; text-align: left; }
.dic-cta h2 { color: var(--dic-bg); margin: 0 0 12px; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.dic-cta p { color: #D9DFE8; max-width: 60ch; }

/* header / footer logo helpers: keep logo sharp and stop it growing on large screens */
.whb-main-header .site-logo img, .wd-logo img { max-height: 56px; width: auto; }
.whb-sticked .wd-logo img { max-height: 44px; }

.dic-cta .dic-btn { background: var(--dic-orange); border-color: var(--dic-orange); color: #fff !important; }
.dic-cta .dic-btn:hover { background: var(--dic-orange-lt); border-color: var(--dic-orange-lt); color: var(--dic-navy) !important; }
.dic-check li::before { background: var(--dic-orange); border-radius: 50%; }
.dic-price { color: var(--dic-navy) !important; }
.dic-section blockquote { border-left-color: var(--dic-orange); }
.dic-media img, .dic-strip img { background: #fff; }

.dic-section p.dic-eyebrow, .dic-hero p.dic-eyebrow { color: var(--dic-orange-dk); font-family: 'IBM Plex Mono', monospace; max-width: none; }
.dic-section p.dic-lead { color: var(--dic-ink); }

/* Woodmart buttons and cards in brand style */
.btn, .button, .wd-btn, .single_add_to_cart_button, .woocommerce-Button, .wd-load-more { border-radius: 999px; }
.wd-product .product-wrapper, .wd-cat .wd-cat-inner, .blog-design-masonry .article-inner { border-radius: 20px; }
.product-image-summary .price, .summary .price { font-family: 'Outfit', sans-serif; font-weight: 800; color: #001F40; }
.page-title .entry-title { font-family: 'Outfit', sans-serif; font-weight: 800; }
.wd-nav > li > a { font-family: 'DM Sans', sans-serif; font-weight: 700; }
.woocommerce-breadcrumb, .wd-spec-label, .product_meta { font-family: 'IBM Plex Mono', monospace; font-size: .8rem; letter-spacing: .04em; }