@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//essentialshoodiecanada.ca/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//essentialshoodiecanada.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(0,35,1);
	--wd-alternative-color: rgb(153,153,153);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(112,112,112);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--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: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* ===== essentialshoodiecanada.ca — global category-content styles =====
   Paste ONCE in Appearance > Customize > Additional CSS. Reused by every category.
   Fonts intentionally inherit from WoodMart so content matches the theme. */
.ehc{--ehc-ink:#1c1b19;--ehc-mute:#6b655d;--ehc-line:#e4ded4;--ehc-sand:#f3efe8;--ehc-stone:#d9d2c6;--ehc-r:14px;
  color:var(--ehc-ink);max-width:1180px;margin:0 auto;line-height:1.65;font-size:16px}
.ehc *{box-sizing:border-box}
.ehc p{margin:0 0 1em}
.ehc h2{font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin:0 0 14px;font-weight:600;letter-spacing:-.01em}
.ehc h3{font-size:18px;margin:0 0 8px;font-weight:600}
.ehc a{color:var(--ehc-ink);text-decoration:underline;text-underline-offset:3px}
.ehc a:hover{color:var(--ehc-mute)}
.ehc-lead{font-size:17px;max-width:70ch}
.ehc-section{padding:36px 0;border-top:1px solid var(--ehc-line)}
.ehc-section:first-child{border-top:0;padding-top:8px}

/* intro strip above product grid */
.ehc-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;padding:8px 0 28px}
.ehc-intro ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ehc-intro li{padding:12px 16px;background:var(--ehc-sand);border-radius:10px;font-size:15px}
.ehc-intro li b{display:block;font-size:13px;color:var(--ehc-mute);font-weight:500;margin-bottom:2px}

/* two-column split */
.ehc-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ehc-panel{background:var(--ehc-sand);border-radius:var(--ehc-r);padding:24px}
.ehc-panel ul{margin:10px 0 0;padding-left:18px}
.ehc-panel li{margin-bottom:6px}

/* colour guide */
.ehc-colours{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.ehc-colour{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--ehc-line);border-radius:12px}
.ehc-swatch{flex:0 0 44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.ehc-colour strong{display:block;margin-bottom:3px}
.ehc-colour span{font-size:14px;color:var(--ehc-mute)}

/* tables */
.ehc-table{width:100%;border-collapse:collapse;font-size:15px}
.ehc-table th,.ehc-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--ehc-line);vertical-align:top}
.ehc-table th{background:var(--ehc-sand);font-weight:600}
.ehc-note{background:#fff;border-left:3px solid var(--ehc-stone);padding:14px 18px;margin-top:16px;font-size:15px}

/* season / wear cards */
.ehc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ehc-card{border:1px solid var(--ehc-line);border-radius:var(--ehc-r);padding:22px}
.ehc-card h3{margin-bottom:10px}
.ehc-card p{margin:0;font-size:15px;color:#3a3732}
.ehc-card--dark{background:var(--ehc-ink);color:#f5f2ec;border-color:var(--ehc-ink)}
.ehc-card--dark p{color:#d9d4cb}

/* checklist */
.ehc-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.ehc-check li{padding-left:26px;position:relative}
.ehc-check li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:8px;border-left:2px solid var(--ehc-ink);border-bottom:2px solid var(--ehc-ink);transform:rotate(-45deg)}

/* faq */
.ehc-faq details{border-bottom:1px solid var(--ehc-line);padding:4px 0}
.ehc-faq summary{cursor:pointer;padding:14px 36px 14px 0;font-weight:600;list-style:none;position:relative;font-size:16px}
.ehc-faq summary::-webkit-details-marker{display:none}
.ehc-faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:22px;font-weight:300;color:var(--ehc-mute)}
.ehc-faq details[open] summary::after{content:"–"}
.ehc-faq details p{margin:0 0 16px;color:#3a3732;max-width:75ch}

/* related links */
.ehc-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ehc-links a{text-decoration:none;border:1px solid var(--ehc-ink);border-radius:999px;padding:9px 18px;font-size:14px}
.ehc-links a:hover{background:var(--ehc-ink);color:#fff}

@media(max-width:860px){
  .ehc-intro,.ehc-split,.ehc-check{grid-template-columns:1fr}
  .ehc-section{padding:28px 0}
  .ehc-table{display:block;overflow-x:auto}
}
@media(prefers-reduced-motion:no-preference){.ehc-faq details p{animation:ehcFade .25s ease}}
@keyframes ehcFade{from{opacity:0}to{opacity:1}}