/*
Theme Name: Hanghui Chemicals
Theme URI: https://hanghuichem.com
Author: Hanghui Chemicals
Description: Editable block theme for Hanghui Chemicals, including product, news and contact layouts.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: hanghui
*/

:root{--hh-navy:#082f60;--hh-blue:#1162a8;--hh-cyan:#19a8c0;--hh-ink:#132238;--hh-muted:#627286;--hh-pale:#f3f7fb;--hh-line:#dce6f0;--hh-white:#fff;--hh-radius:20px;--hh-shadow:0 20px 55px rgba(8,47,96,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--hh-ink);background:#fff}.wp-site-blocks{overflow:hidden}a{text-underline-offset:.18em}.hh-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hh-section{padding:96px 0}.hh-eyebrow{margin:0 0 12px!important;color:var(--hh-cyan);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hh-heading{margin:0 0 18px!important;color:var(--hh-navy);font-size:clamp(34px,4vw,52px)!important;line-height:1.12!important;letter-spacing:-.035em}.hh-header{position:relative;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(8,47,96,.08)}.hh-topbar{background:var(--hh-navy);color:#fff;font-size:13px}.hh-topbar a{color:#fff;text-decoration:none}.hh-header-main{min-height:84px}.hh-header .wp-block-site-logo img{width:245px;height:auto}.hh-header .wp-block-navigation-item__content{font-size:14px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.hh-header .wp-block-navigation__responsive-container.is-menu-open{padding:28px}.hh-header-cta{padding:11px 18px;border-radius:999px;background:var(--hh-blue);color:#fff!important}.hh-hero{min-height:675px;display:flex;align-items:center;position:relative}.hh-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,56,.95),rgba(8,47,96,.78) 48%,rgba(8,47,96,.08) 82%);z-index:1}.hh-hero .wp-block-cover__inner-container{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto}.hh-hero h1{max-width:820px;margin:0 0 24px;color:#fff;font-size:clamp(48px,6.2vw,80px);line-height:1.02;letter-spacing:-.05em}.hh-hero h1 mark{color:#a8e1eb!important}.hh-hero-copy{max-width:650px;color:#dae9f5;font-size:19px}.hh-buttons .wp-block-button__link{min-height:50px;padding:14px 25px;border-radius:8px;font-size:14px;font-weight:800}.hh-primary .wp-block-button__link{background:var(--hh-cyan);color:#fff}.hh-outline .wp-block-button__link{border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.08);color:#fff}.hh-stats{max-width:710px;margin-top:55px;padding-top:30px;border-top:1px solid rgba(255,255,255,.22)}.hh-stat strong{color:#fff;font-size:30px}.hh-stat p{margin:0;color:#c4d8e9;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hh-intro{text-align:center;max-width:780px;margin:0 auto 44px}.hh-intro>p:last-child{color:var(--hh-muted)}.hh-categories{gap:24px}.hh-category{min-height:420px;border-radius:var(--hh-radius);overflow:hidden;box-shadow:var(--hh-shadow)}.hh-category:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,28,57,.92));z-index:1}.hh-category .wp-block-cover__inner-container{position:relative;z-index:2;align-self:flex-end;padding:30px}.hh-category h3{margin:4px 0;color:#fff;font-size:40px}.hh-category p{color:#c6dfef}.hh-products{background:var(--hh-pale)}.hh-query ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important}.hh-product-card{height:100%;overflow:hidden;background:#fff;border:1px solid #e1e9f1;border-radius:16px;transition:.25s}.hh-product-card:hover{transform:translateY(-5px);box-shadow:var(--hh-shadow)}.hh-product-card .wp-block-post-featured-image{margin:0}.hh-product-card .wp-block-post-featured-image img{width:100%;aspect-ratio:1.35/1;object-fit:cover}.hh-product-body{padding:22px 24px 26px}.hh-product-card h3{font-size:21px;line-height:1.25;margin:0 0 9px}.hh-product-card h3 a{color:var(--hh-navy);text-decoration:none}.hh-product-card .wp-block-post-excerpt{color:var(--hh-muted);font-size:14px}.hh-product-card .wp-block-post-excerpt__more-link{color:var(--hh-blue);font-weight:800;text-decoration:none}.hh-about{gap:76px}.hh-about-image img{width:100%;aspect-ratio:1.18/1;object-fit:cover;border-radius:var(--hh-radius);box-shadow:var(--hh-shadow)}.hh-about-copy{color:var(--hh-muted)}.hh-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:24px;color:#30455c;font-weight:700}.hh-advantages{position:relative;background:linear-gradient(135deg,#061d39,#0a3971 62%,#105a96);color:#fff}.hh-advantages .hh-heading{color:#fff}.hh-advantage-grid{gap:18px}.hh-advantage{height:100%;padding:30px 25px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.055)}.hh-advantage h3{margin:12px 0 8px}.hh-advantage p{color:#c5d8ea;font-size:14px}.hh-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(25,168,192,.18);color:#8ee0ea;font-weight:800}.hh-news .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hh-news-card{height:100%;padding:26px;border:1px solid var(--hh-line);border-radius:15px;background:#fff}.hh-news-card .wp-block-post-date{color:var(--hh-blue);font-size:12px;font-weight:700}.hh-news-card h3{font-size:21px;line-height:1.3}.hh-news-card h3 a{color:var(--hh-navy);text-decoration:none}.hh-contact{background:var(--hh-pale)}.hh-contact-grid{gap:72px}.hh-contact-card{padding:30px;border:1px solid var(--hh-line);border-radius:var(--hh-radius);background:#fff}.hh-contact-card p{padding:14px 0;margin:0;border-bottom:1px solid var(--hh-line)}.hh-contact-card p:last-child{border:0}.hh-footer{padding:54px 0 25px;background:#061a31;color:#bdccdc}.hh-footer .wp-block-site-logo img{filter:brightness(0) invert(1);width:210px}.hh-footer a{color:#fff}.hh-footer-bottom{padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.hh-single{width:min(880px,calc(100% - 40px));margin:auto;padding:80px 0}.hh-single .wp-block-post-title{color:var(--hh-navy);font-size:clamp(38px,5vw,60px);line-height:1.1}.hh-single .wp-block-post-featured-image img{border-radius:var(--hh-radius)}
@media(max-width:900px){.hh-query ul,.hh-news .wp-block-post-template{grid-template-columns:repeat(2,1fr)}.hh-about,.hh-contact-grid{gap:38px}.hh-advantage-grid{display:grid!important;grid-template-columns:1fr 1fr}.hh-header .wp-block-navigation{gap:15px}.hh-header-cta{display:none}}
@media(max-width:680px){.hh-container,.hh-hero .wp-block-cover__inner-container{width:calc(100% - 28px)}.hh-section{padding:70px 0}.hh-topbar .wp-block-group{justify-content:center}.hh-topbar .hh-hide-mobile{display:none}.hh-header-main{min-height:72px}.hh-header .wp-block-site-logo img{width:185px}.hh-hero{min-height:720px}.hh-hero:before{background:rgba(4,30,60,.72)}.hh-hero h1{font-size:43px}.hh-hero-copy{font-size:17px}.hh-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:18px}.hh-categories,.hh-about,.hh-contact-grid{display:grid!important;grid-template-columns:1fr}.hh-category{min-height:330px}.hh-query ul,.hh-news .wp-block-post-template,.hh-advantage-grid{grid-template-columns:1fr}.hh-product-card{display:grid;grid-template-columns:115px 1fr}.hh-product-card .wp-block-post-featured-image{height:100%}.hh-product-card .wp-block-post-featured-image a,.hh-product-card .wp-block-post-featured-image img{height:100%}.hh-product-body{padding:17px}.hh-product-card .wp-block-post-excerpt__excerpt{display:none}.hh-checks{grid-template-columns:1fr}}