/*
Theme Name: Novejot Industrial
Theme URI: https://novejotabrasives.com/
Author: Web Galaxy
Description: A bespoke industrial catalogue theme for Novejot Abrasives. Includes editable block pages, original product images, company customizer settings and an enquiry form. Run Appearance > Novejot setup after activation.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: novejot-industrial
Tags: custom-logo, custom-menu, featured-images, full-width-template, block-styles
*/
:root{--ink:#192725;--muted:#616c66;--paper:#f6f5f0;--line:#d9ddd4;--orange:#e96736;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c44c23;outline-offset:4px}.shell{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.topbar{background:var(--ink);color:#edf0e9;font-size:10px;font-weight:700;letter-spacing:1.6px}.topbar .shell{display:flex;justify-content:space-between;align-items:center;min-height:35px}.topbar a{font-size:12px;letter-spacing:.7px}.site-header{background:rgba(246,245,240,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.admin-bar .site-header{top:32px}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand a{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{font-size:27px;background:var(--orange);color:var(--ink);width:44px;height:44px;display:grid;place-items:center;font-weight:900;transform:skew(-8deg)}.brand strong{display:block;letter-spacing:2px;font-size:23px;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:2px}.custom-logo{max-width:250px;max-height:65px;width:auto}nav{display:flex;align-items:center;gap:30px}nav .menu{display:flex;gap:28px;align-items:center;margin:0;padding:0;list-style:none;font-size:13px;font-weight:700}nav .menu>li{position:relative}nav .current-menu-item>a{color:#b83f19}.sub-menu{display:none;position:absolute;left:0;top:100%;padding:18px;background:var(--white);list-style:none;min-width:210px;box-shadow:0 8px 30px #0002}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.sub-menu li+li{margin-top:8px}.button,.wp-block-button__link{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:var(--orange);color:#14231f;border:1px solid var(--orange);border-radius:0;padding:16px 24px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer}.button:hover,.wp-block-button__link:hover{background:#f17c50;text-decoration:none}.button.small{padding:13px 17px;font-size:12px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.wp-block-button{margin:0}.is-style-outline .wp-block-button__link{background:transparent;border:1px solid #7b8780;color:var(--ink)}.is-style-outline .wp-block-button__link:hover{background:#e6e8df}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 12px;font-size:13px}.skip-link{position:absolute;left:15px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.1;letter-spacing:-1.8px}h1{font-size:clamp(42px,5vw,68px);margin-bottom:24px}h2{font-size:clamp(32px,3.4vw,46px);margin-bottom:22px}h3{font-size:24px;letter-spacing:-.7px;margin-bottom:14px}p{margin-bottom:22px}p:last-child{margin-bottom:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;margin-bottom:24px}.eyebrow:before{content:'';display:inline-block;width:8px;height:8px;background:var(--orange);margin-right:10px}.lead{font-size:17px;color:var(--muted);line-height:1.75;max-width:620px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:52px;padding-top:58px;padding-bottom:55px;align-items:center}.hero-copy h1{font-size:clamp(48px,5.9vw,80px);letter-spacing:-4px;line-height:1.02;margin:25px 0}.hero-copy h1 em{font-style:normal;color:#b34b27}.hero-copy>.lead{max-width:450px}.hero .wp-block-buttons{margin-top:30px}.hero-stats{border-top:1px solid var(--line);margin-top:39px;padding-top:23px;display:flex;gap:30px}.hero-stats p{font-size:10px;color:var(--muted);margin:0;line-height:1.9}.hero-stats strong{font-size:25px;font-weight:600;color:var(--ink);letter-spacing:-1px}.hero-visual{background:#e9ece4;min-height:495px;padding:28px 28px 0;position:relative;border:1px solid #d7dcd2;overflow:hidden}.hero-label{font-size:9px;letter-spacing:1.5px;color:#4c5c52;border-bottom:1px solid #c8cfc4;padding-bottom:15px}.hero-visual>.wp-block-image{margin:28px -12px 8px;height:250px;display:flex;align-items:center}.hero-visual img{width:100%;object-fit:contain;mix-blend-mode:multiply}.hero-caption{display:grid;grid-template-columns:1fr auto;border-top:1px solid #c8cfc4;padding:20px 0}.hero-caption .eyebrow{grid-column:1/-1;margin-bottom:12px;font-size:9px}.hero-caption h3{font-size:29px;margin:0}.hero-caption>p:last-child{font-size:11px;align-self:end;text-decoration:underline}.industry-band{background:var(--ink);color:#d6ded6}.industry-list{display:flex;justify-content:space-between;gap:20px;padding-block:25px}.industry-list p{font-size:10px;letter-spacing:2px;margin:0;display:flex;align-items:center;gap:16px}.industry-list p:before{content:'+';color:var(--orange);font-size:19px;font-weight:300}.section{padding-top:78px;padding-bottom:78px}.section-heading{margin-bottom:36px}.section-heading .eyebrow{margin-bottom:16px}.section-heading .lead{margin-top:0;font-size:15px;max-width:none}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#9da99e}.product-card>.wp-block-image{height:180px;display:flex;align-items:center;justify-content:center;padding:20px;background:#edf0e9;margin:0;border-bottom:1px solid var(--line)}.product-card img{max-height:150px;object-fit:contain;mix-blend-mode:multiply;width:100%}.product-card:nth-child(3) img{width:auto}.card-body{padding:24px 21px;flex:1;display:flex;flex-direction:column}.card-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:13px}.card-body h3{font-size:22px;line-height:1.17;letter-spacing:-.8px;min-height:52px;margin-bottom:16px}.card-body>p:not(.card-kicker):not(.text-link){font-size:13px;line-height:1.7;color:var(--muted)}.card-body .text-link{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:12px;font-weight:700}.text-link a{display:flex;justify-content:space-between;gap:8px}.text-link span{font-size:19px;color:#c24f27}.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:70px;padding-bottom:85px;border-top:1px solid var(--line);align-items:start}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}.about-copy .wp-block-buttons{margin-top:28px}.feature{position:relative;padding-left:50px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:23px}.feature-number{position:absolute;left:0;top:0;font-size:12px;color:#b6512c}.feature h3{font-size:20px;letter-spacing:-.5px}.feature p:last-child{font-size:13px;line-height:1.7;color:var(--muted)}.cta{background:var(--ink);color:var(--paper);padding:52px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:80px}.cta h2{font-size:39px;margin-bottom:15px}.cta-text>p:last-child{max-width:590px;color:#c4cdc6;font-size:14px}.cta .wp-block-buttons{flex-shrink:0}.site-footer{padding-top:60px;background:#e9ece4}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:70px;padding-bottom:40px}.footer-brand{display:block;font-size:27px;letter-spacing:2px;font-weight:700;line-height:1.4;margin-bottom:20px}.footer-brand span{display:block;font-size:9px;letter-spacing:2px}.site-footer p{font-size:12px;color:#506057;line-height:1.9;overflow-wrap:anywhere}.site-footer h2{font-size:13px;letter-spacing:0;margin-bottom:20px}.site-footer .menu{list-style:none;margin:0;padding:0;font-size:12px;line-height:2.3}.footer-bottom{border-top:1px solid #cbd3c8;padding-block:20px;display:flex;justify-content:space-between;font-size:10px;color:#56675b}.page-intro{padding:65px 0;background:#e9ece4;border-bottom:1px solid var(--line)}.page-intro h1{max-width:850px}.page-intro .lead{max-width:750px;margin-bottom:0}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-bottom:30px}.detail-photo{background:#fff;border:1px solid var(--line);padding:35px;min-height:330px;display:grid;place-items:center}.detail-photo figure{margin:0;width:100%;text-align:center}.detail-photo img{max-height:300px;object-fit:contain}.detail-copy p{font-size:15px;color:var(--muted)}.detail-copy h2{font-size:36px}.detail-copy h3{font-size:20px;margin-top:26px}.detail-copy .wp-block-buttons{margin-top:30px}.detail-copy .wp-block-button__link{padding:14px 18px}.specs{padding-top:38px}.specs h2{font-size:32px}.wp-block-table{overflow-x:auto;margin:28px 0 20px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;background:#fff;text-align:left;font-size:14px}th{background:var(--ink);color:#fff;font-size:12px;font-weight:500;padding:18px}td{padding:15px 18px;border-bottom:1px solid var(--line)}tbody tr:nth-child(even){background:#eff1eb}.spec-note{font-size:12px;color:var(--muted);max-width:900px;border-left:2px solid var(--orange);padding-left:15px}.about-photo{padding:35px;background:#e9ece4}.about-photo img{mix-blend-mode:multiply}.caption{font-size:12px;color:var(--muted);margin-top:20px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.company-details p{margin-bottom:26px;font-size:15px;overflow-wrap:anywhere}.company-details strong{font-size:11px;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:8px;color:var(--muted)}.contact-tip{font-size:13px;padding:20px;border-left:2px solid var(--orange);background:#e9ece4;margin-top:30px}.contact-form{background:#fff;padding:35px;border:1px solid var(--line)}.contact-form h2{font-size:29px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.enquiry-form label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}.enquiry-form label span{color:#a63816}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{display:block;width:100%;border:1px solid #bac5bc;background:#fcfcfa;border-radius:0;padding:12px;margin-top:7px;color:var(--ink);font-size:14px;max-width:100%}.enquiry-form textarea{resize:vertical}.enquiry-form .consent{display:flex;gap:10px;font-weight:400;align-items:flex-start}.consent input{margin-top:4px}.form-help{font-size:11px;color:var(--muted);margin-top:12px}.nj-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-notice{padding:15px;background:#edf0e9;border-left:3px solid var(--orange);font-size:14px}.reading-page{padding-block:70px;min-height:55vh;max-width:900px}.reading-page a:not(.button){text-decoration:underline}.post-summary{padding:30px 0;border-bottom:1px solid var(--line)}.post-summary h2{font-size:32px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.alignwide,.alignfull{max-width:100%}.wp-block-group{box-sizing:border-box}.editor-styles-wrapper .shell{width:100%;max-width:1200px}.editor-styles-wrapper .hero{gap:30px}.comments-area{margin-top:40px}.comments-area textarea{max-width:100%}.bypostauthor{border-left:2px solid var(--orange)}
@media(min-width:1500px){.hero{padding-block:70px}.hero-visual{min-height:510px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}nav{gap:20px}nav .menu{gap:18px}.hero{gap:28px}.hero-copy h1{font-size:62px}.hero-visual{min-height:470px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card>.wp-block-image{height:210px}.card-body h3{min-height:0}.about-strip{gap:45px}.cta{padding:35px}.cta h2{font-size:34px}.contact-layout{gap:35px}.footer-grid{gap:35px}.hero-stats{gap:22px}}
@media(max-width:800px){.topbar .shell>span{font-size:8px;letter-spacing:.9px}.header-inner{height:78px}.brand strong{font-size:20px}.brand small{font-size:8px}.brand-mark{width:37px;height:37px;font-size:23px}.menu-toggle{display:block}#primary-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #0001;align-items:stretch}#primary-nav.open{display:flex;flex-direction:column}nav .menu{flex-direction:column;align-items:stretch;gap:0}nav .menu a{display:block;padding:12px}nav .sub-menu{position:static;box-shadow:none;display:block;padding:0 15px}.hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.hero-copy h1{font-size:64px}.hero-copy .lead{max-width:600px}.hero-visual{min-height:0;padding:25px}.hero-visual>.wp-block-image{height:220px;margin-block:18px}.hero-caption{padding-bottom:0}.hero-stats{justify-content:space-between;max-width:440px}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-block:20px}.industry-list p{font-size:9px}.section{padding-block:50px}.about-strip,.detail-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.about-strip{padding-block:50px}.cta{display:block;margin-bottom:50px}.cta .wp-block-buttons{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-intro{padding-block:40px}.page-intro h1{font-size:43px;letter-spacing:-2px}.detail-photo{min-height:240px}.admin-bar .site-header{top:46px}.specs{padding-top:0}.contact-form{padding:25px}.footer-bottom{gap:20px}}
@media(max-width:480px){.shell{width:calc(100% - 36px)}.topbar .shell>span{font-size:7px;max-width:180px;line-height:1.6}.topbar a{font-size:10px;letter-spacing:0}.hero-copy h1{font-size:52px;letter-spacing:-2.8px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero .wp-block-buttons{gap:10px}.wp-block-button__link{padding:14px 16px;font-size:12px}.hero-visual{padding:20px}.hero-visual>.wp-block-image{height:180px}.hero-caption h3{font-size:25px}.hero-caption>p:last-child{font-size:10px}.product-grid{grid-template-columns:1fr}.product-card>.wp-block-image{height:200px}.card-body{padding:25px}.section-heading .lead{font-size:14px}.industry-list p{letter-spacing:1px}.industry-list p:before{font-size:16px}.industry-list{gap:10px}.cta{padding:28px}.cta h2{font-size:32px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.contact-form{padding:20px}.page-intro h1{font-size:36px}.detail-copy h2{font-size:30px}.detail-photo{padding:20px}.wp-block-table{font-size:12px}table{font-size:12px}th,td{padding:12px;min-width:100px}.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}