/* ========================================================================== Innoway header redesign (Aug 2026) — namespaced .iwh-* Loaded after style.min.css so these win. ========================================================================== */ /* Self-hosted Mulish (Aug 2026) — replaces the Google Fonts request so the font is available immediately (no flash / jump on load). Preloaded in . */ @font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/mulish/mulish-latin-400-normal.woff2') format('woff2');} @font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/mulish/mulish-latin-500-normal.woff2') format('woff2');} @font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/mulish/mulish-latin-600-normal.woff2') format('woff2');} @font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/mulish/mulish-latin-700-normal.woff2') format('woff2');} @font-face{font-family:'Mulish';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/mulish/mulish-latin-800-normal.woff2') format('woff2');} .iwh-header{ --iwh-green:#7BBB47; --iwh-green-d:#69a73a; --iwh-green-deep:#3b6d11; --iwh-ink:#1f242a; --iwh-muted:#68727d; --iwh-line:#e7ebee; --iwh-util:#2d3a1f; --iwh-navbg:#f4f8ee; position:sticky; top:0; z-index:200; background:#fff; background-image:none; margin-bottom:34px; font-family:'Mulish',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; } .iwh-header a{text-decoration:none;} /* Sit below the WP admin bar when logged in */ .admin-bar .iwh-header{top:32px;} @media screen and (max-width:782px){ .admin-bar .iwh-header{top:46px;} } /* Kill any inherited gradient / shadow from the old header styles */ .iwh-header,.iwh-header .iwh-main{background-image:none;box-shadow:none;} .iwh-main{background:#fff;} /* Depth shadow under the menu band (the bottom of the sticky header) */ .iwh-header .iwh-nav{box-shadow:0 9px 18px -3px rgba(31,36,42,.22);} /* Site-wide font: Mulish */ body,.iwh-header,input,select,textarea,button{font-family:'Mulish',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;} h1,h2,h3,h4,h5,h6{font-family:'Mulish',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;} /* --- Band 1: utility bar --- */ .iwh-util{background:var(--iwh-util);color:#eef3e6;font-size:13.5px;font-weight:700;} .iwh-util__in{max-width:1240px;margin:0 auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;} .iwh-util a{color:#dfe7d4;} .iwh-util a:hover{color:#fff;} .iwh-util__left{display:flex;align-items:center;gap:22px;flex-wrap:wrap;} .iwh-util__right{display:flex;align-items:center;gap:18px;} .iwh-util__login{background:var(--iwh-green-d);color:#fff !important;font-weight:800;padding:7px 16px;border-radius:6px;white-space:nowrap;} .iwh-util__login:hover{background:var(--iwh-green-deep);color:#fff !important;} /* --- Band 2: logo + search + talk (more breathing room) --- */ .iwh-main__in{max-width:1240px;margin:0 auto;padding:24px 24px 16px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;} .iwh-logo{display:block;line-height:0;flex:0 0 auto;} .iwh-logo img{display:block;max-width:210px;width:100%;height:auto;} /* Search (scoped, pill) */ .iwh-search{flex:1 1 340px;max-width:660px;position:relative;} .iwh-search ul,.iwh-search li{list-style:none;margin:0;padding:0;} .iwh-searchform{display:flex;align-items:stretch;border:2px solid var(--iwh-green);border-radius:30px;overflow:hidden;background:#fff;margin:0;} .iwh-searchform .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} .iwh-scope{display:flex;align-items:center;position:relative;background:#f4f8ee;border-right:1px solid #e2ead6;} .iwh-scope select{border:0;background:transparent;padding:0 30px 0 16px;font-weight:700;color:#3b4a2b;font-size:14px;height:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;} .iwh-scope::after{content:"\25BE";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#3b4a2b;font-size:11px;} .iwh-searchform .search-field{flex:1 1 auto;width:100%;border:0;padding:13px 18px;font-size:15px;line-height:1.3;outline:none;background:#fff;font-family:inherit;color:var(--iwh-ink);} .iwh-searchform .easy-autocomplete{flex:1 1 auto;width:auto !important;} .iwh-searchform .easy-autocomplete input{width:100%;border:0;padding:13px 18px;font-size:15px;outline:none;background:#fff;font-family:inherit;} .iwh-search-btn{background:var(--iwh-green);color:#fff;border:0;padding:0 22px;display:flex;align-items:center;justify-content:center;cursor:pointer;} .iwh-search-btn:hover{background:var(--iwh-green-d);} /* Talk block */ .iwh-talk{margin-left:auto;text-align:right;line-height:1.2;} .iwh-talk__lbl{display:block;font-size:12px;color:var(--iwh-muted);} .iwh-talk__ph{display:block;font-size:20px;font-weight:800;color:var(--iwh-ink) !important;} .iwh-talk__btn{display:inline-block;margin-top:7px;background:#fff;border:2px solid var(--iwh-green);color:var(--iwh-green-deep) !important;font-weight:700;padding:6px 14px;border-radius:6px;font-size:13px;} .iwh-talk__btn:hover{background:var(--iwh-green);color:#10240a !important;} /* Burger (mobile) */ .iwh-burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto;} .iwh-burger span{display:block;width:26px;height:2px;background:var(--iwh-ink);border-radius:2px;} /* --- Band 3: primary nav + mega (flush under band 2) --- */ .iwh-nav{background:var(--iwh-navbg);border-bottom:1px solid #e2ead6;position:relative;margin:0;} .iwh-nav__in{max-width:1240px;margin:0 auto;padding:0 24px;} .iwh-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px;} .iwh-nav__spacer{flex:1;} .iwh-nav__item > a{display:flex;align-items:center;gap:6px;padding:15px 20px;font-weight:700;font-size:15.5px;color:var(--iwh-ink);border-bottom:3px solid transparent;} .iwh-nav__item > a:hover{color:var(--iwh-green-deep);} .iwh-nav__item.has-mega:hover > a{color:var(--iwh-green-deep);border-bottom-color:var(--iwh-green);background:#fff;} /* Active (current) page */ .iwh-nav__item.is-active > a{color:var(--iwh-green-deep);border-bottom-color:var(--iwh-green);} .iwh-nav__item--plain > a{font-weight:600;color:var(--iwh-muted);} .iwh-nav__item--plain > a:hover{color:var(--iwh-green-deep);} .iwh-nav__item--plain.is-active > a{color:var(--iwh-green-deep);} .iwh-car{font-size:11px;color:var(--iwh-muted);} /* Mega */ .iwh-mega{ position:absolute;left:0;right:0;top:100%; background:#fff;border-bottom:1px solid var(--iwh-line); box-shadow:0 18px 30px rgba(0,0,0,.08); opacity:0;visibility:hidden;transform:translateY(6px); transition:opacity .18s ease,transform .18s ease,visibility .18s ease; z-index:210; } .iwh-nav__item.has-mega:hover .iwh-mega{opacity:1;visibility:visible;transform:none;} .iwh-mega__in{max-width:1240px;margin:0 auto;padding:14px 24px 18px;display:grid;grid-template-columns:1fr 230px;gap:24px;max-height:calc(100vh - 140px);overflow-y:auto;} .iwh-mega__in--full{grid-template-columns:1fr;} /* Packed multi-column flow: category blocks fill gaps instead of rigid rows */ .iwh-mega__cats{columns:4;column-gap:26px;} .iwh-mega__col{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 12px;display:inline-block;width:100%;} .iwh-mega h4{margin:5px 0 5px;font-size:0.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--iwh-green-deep);border-bottom:2px solid #eef4e7;padding-bottom:4px;} .iwh-mega h4 a{color:var(--iwh-green-deep);} .iwh-mega ul{list-style:none;margin:0;padding:0;} .iwh-mega li{padding:1.5px 0;line-height:1.25;} .iwh-mega li a{color:#3c4650;font-size:0.92rem;} /* Active (currently viewed) category in the Products mega */ .iwh-mega__col.is-active > h4 a{color:var(--iwh-green-deep);} .iwh-mega li.is-active > a{color:var(--iwh-green-d);font-weight:700;} .iwh-mega li a:hover{color:var(--iwh-green-d);} .iwh-cols{columns:2;column-gap:26px;} .iwh-cols--brands{columns:4;} .iwh-cols li{break-inside:avoid;} .iwh-mega__promo{align-self:start;background:linear-gradient(150deg,#f0f7e8,#e2efd2);border-radius:10px;padding:18px;} .iwh-mega__promo .tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--iwh-green-deep);} .iwh-mega__promo strong{display:block;margin:8px 0 6px;font-size:16px;color:var(--iwh-ink);} .iwh-mega__promo p{margin:0 0 12px;font-size:12.5px;color:#4b5b3a;} .iwh-mega__promo a{background:var(--iwh-green);color:#10240a !important;font-weight:800;padding:8px 14px;border-radius:6px;font-size:12.5px;display:inline-block;} /* Childless categories grouped into a compact "More" column */ .iwh-mega__col--more h4{color:var(--iwh-green-deep);} /* --- Footer refresh (Aug 2026): gradient bg, aligned brand, inline SVG socials --- */ footer.bg_img{background:linear-gradient(180deg,#eef6fc 0%,#cfe4f5 100%) !important;} footer.bg_img:before,footer.bg_img:after{background-image:none !important;} footer .iwh-foot-brand{max-width:230px;text-align:left;} footer .iwh-foot-brand .footer_logo{display:inline-block;width:235px;max-width:100%;} footer .iwh-foot-brand .footer_logo svg{width:235px;max-width:100%;height:auto;display:block;} footer .iwh-foot-brand > *:not(.footer_logo){max-width:235px;margin:12px 0 0;} footer .iwh-foot-contact{margin-top:18px;max-width:380px;font-size:16px;line-height:1.65;color:#2b3640;} footer .iwh-foot-contact p{margin:0 0 12px;} footer .iwh-foot-contact a{color:#2b3640;} footer .iwh-foot-social{display:flex;align-items:center;gap:16px;margin-top:20px;} footer .iwh-social{display:inline-flex;color:#2f3b46;line-height:0;transition:color .15s ease,transform .15s ease;} footer .iwh-social:hover{color:var(--iwh-green-deep);transform:translateY(-1px);} footer .iwh-social svg{width:22px;height:22px;display:block;} footer .iwh-social--facebook svg{width:25px;height:25px;} /* Align footer credit row (Copyright ↔ Privacy Policy) */ footer .copyright .row{align-items:center;} footer .copyright p{margin-bottom:0;} footer .copyright .menu-terms{margin:0;} /* --- Modern category filter checkboxes (replaces the dated grey #DDD box) --- */ .filters ul li.item.cat:before, .filters ul.child li.item:before{ width:20px;height:20px;float:left;box-sizing:border-box; margin:1px 10px 8px 0; background:#fff; border:2px solid #cdd6dc;border-radius:5px; transition:border-color .15s ease,background-color .15s ease; } .filters ul li.item.cat:hover:before, .filters ul.child li.item:hover:before{border-color:#7BBB47;} .filters ul li.item.cat.active:before, .filters ul.child li.item.active:before{ background-color:#7BBB47;border-color:#7BBB47; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:center;background-size:13px 13px; } /* --- Predictive search dropdown --- */ .iwh-ac{ position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:250; background:#fff;border:1px solid var(--iwh-line);border-radius:12px; box-shadow:0 18px 40px rgba(31,36,42,.16); overflow:hidden;display:none;max-height:min(70vh,520px);overflow-y:auto; } .iwh-ac.is-open{display:block;} .iwh-ac__row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #f1f4f0;color:var(--iwh-ink);} .iwh-ac__row:last-of-type{border-bottom:0;} .iwh-ac__row:hover,.iwh-ac__row.is-active{background:var(--iwh-navbg);} .iwh-ac__img{flex:0 0 44px;width:44px;height:44px;border-radius:8px;background:#f5f7f4 center/contain no-repeat;border:1px solid #eef1ec;} .iwh-ac__body{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px;} .iwh-ac__title{font-size:14px;font-weight:600;line-height:1.25;color:var(--iwh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .iwh-ac__title mark{background:#eaf4dd;color:inherit;padding:0 1px;border-radius:2px;} .iwh-ac__meta{font-size:12px;color:var(--iwh-muted);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .iwh-ac__sku{margin-left:auto;font-weight:700;color:#8a94a0;} .iwh-ac__empty{padding:16px 14px;color:var(--iwh-muted);font-size:13.5px;} .iwh-ac__all{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:#f7faf3;border:0;border-top:1px solid #eef1ec;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--iwh-green-deep);cursor:pointer;} .iwh-ac__all:hover{background:#eef4e7;} /* --- Product loop card: "View details" as a text link under the SKU/code --- */ /* The SKU line floats its .sup/.inno spans, which collapses p.sku to zero height; contain the floats and clear the link so it drops onto its own row. */ .woocommerce li.product p.sku{overflow:hidden;} .woocommerce li.product p.sku:after{content:"";display:table;clear:both;} .woocommerce li.product .no_price{clear:both;margin:6px 0 0;} .woocommerce li.product .no_price .iwh-view-link{ display:inline-flex;align-items:center;gap:5px; background:none;border:0;padding:0; color:var(--iwh-green-deep);font-weight:700;font-size:13.5px;line-height:1.2; text-decoration:none; } .woocommerce li.product .no_price .iwh-view-link:hover{color:var(--iwh-green-d);text-decoration:underline;} .woocommerce li.product .no_price .iwh-view-arrow{transition:transform .15s ease;} .woocommerce li.product .no_price .iwh-view-link:hover .iwh-view-arrow{transform:translateX(3px);} /* --- Content alignment with the header (Aug 2026) --- */ /* Match the 1240px header width on large screens */ @media (min-width:1200px){ .container{max-width:1240px;} } /* Sticky header sits in flow now, so clear the old fixed-header offsets */ .site-main{padding-top:40px;} .vc_row.page_banner .img.img_cat img{margin-top:0 !important;} /* --- Responsive --- */ @media (max-width:991px){ .iwh-nav{display:none;} .iwh-talk{display:none;} .iwh-burger{display:flex;} .iwh-search{order:3;flex:1 1 100%;max-width:none;margin-top:4px;} .iwh-main__in{gap:16px;padding:18px 20px;} } @media (max-width:767px){ .iwh-hide-md{display:none;} .iwh-util__in{padding:8px 16px;font-size:12.5px;gap:10px;} .iwh-main__in{padding:14px 16px;} .iwh-logo img{max-width:170px;} }