/* Footer links: hover highlight (footer only) */ .site-footer-v2 .fv2-col a,.site-footer-v2 .fv2-text a,.site-footer-v2 .fv2-legal-links a{transition:color .18s ease} .site-footer-v2 .fv2-col a:hover,.site-footer-v2 .fv2-text a:hover,.site-footer-v2 .fv2-legal-links a:hover{color:#ffffff !important;text-decoration:underline;text-underline-offset:3px} .site-footer-v2 .fv2-logo-chip a{transition:opacity .18s ease,transform .18s ease;display:inline-block} .site-footer-v2 .fv2-logo-chip a:hover{opacity:.85;transform:translateY(-2px)} /* Footer social icons: hover lift + brighten (footer only) */ .site-footer-v2 .fv2-social-row a{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease} .site-footer-v2 .fv2-social-row a:hover{transform:translateY(-3px);background-color:rgba(255,255,255,.18) !important;box-shadow:0 8px 18px rgba(0,0,0,.28)} .site-footer-v2 .fv2-social-row a:hover::before{filter:brightness(1.15)} .site-footer-v2 .fv2-social-row a[href*="facebook"]:hover svg{filter:brightness(1.2)} /* Footer social icons: real brand colors (footer only) */ .site-footer-v2 .fv2-social-row a[href*="linkedin"] img{display:none !important} .site-footer-v2 .fv2-social-row a[href*="linkedin"]::before{content:"";display:inline-block;width:18px;height:18px;vertical-align:middle;background:#0A66C2;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M20.45%2020.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85%200-2.14%201.45-2.14%202.94v5.66H9.35V9h3.42v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.13%202.06%202.06%200%200%201%200%204.13zM7.12%2020.45H3.56V9h3.56v11.45zM22.22%200H1.77C.8%200%200%20.78%200%201.75v20.5C0%2023.22.8%2024%201.77%2024h20.45c.98%200%201.78-.78%201.78-1.75V1.75C24%20.78%2023.2%200%2022.22%200z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M20.45%2020.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85%200-2.14%201.45-2.14%202.94v5.66H9.35V9h3.42v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.13%202.06%202.06%200%200%201%200%204.13zM7.12%2020.45H3.56V9h3.56v11.45zM22.22%200H1.77C.8%200%200%20.78%200%201.75v20.5C0%2023.22.8%2024%201.77%2024h20.45c.98%200%201.78-.78%201.78-1.75V1.75C24%20.78%2023.2%200%2022.22%200z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat} .site-footer-v2 .fv2-social-row a[href*="facebook"] svg{color:#1877F2 !important} .site-footer-v2 .fv2-social-row a[href*="instagram"] svg{display:none !important} .site-footer-v2 .fv2-social-row a[href*="instagram"]::before{content:"";display:inline-block;width:18px;height:18px;vertical-align:middle;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20448%20512%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20448%20512%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat} /* Explore DWC Prime hero button - improved contrast against purple hero background */ a.btn[href*="dividing-wall-column"] { background-color: rgb(233, 138, 43) !important; color: #1d2327 !important; font-weight: 700 !important; } a.btn[href*="dividing-wall-column"]:hover, a.btn[href*="dividing-wall-column"]:focus { background-color: rgb(210, 120, 30) !important; color: #ffffff !important; } /* Header search — collapsible field (expands to the left on hover/focus and pushes the menu left), purple, hidden on phones. */ .site-footer-v2 .fv2-search { display:none !important; } @media (min-width: 992px){ .topnav { align-items:center !important; } .topnav .searchBar { position:relative !important; transform:none !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; order:3 !important; margin:32px 0 0 16px !important; flex:0 0 auto !important; align-self:center !important; width:41px !important; max-width:41px !important; height:41px !important; z-index:20 !important; display:block !important; overflow:visible !important; } .topnav .searchBar .wp-block-columns { display:none !important; } .topnav .searchBar .wp-block-search__label { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; margin:0 !important; padding:0 !important; } .topnav .searchBar form.wp-block-search { position:static !important; height:41px !important; width:41px !important; margin:0 !important; padding:0 !important; } /* the field expands leftward and the main menu slides left to make room, so nothing gets covered */ .topnav .searchBar .wp-block-search__inside-wrapper { position:absolute !important; right:0 !important; top:50% !important; transform:translateY(-50%) !important; display:flex !important; align-items:center !important; height:41px !important; width:41px !important; border:1px solid transparent !important; border-radius:8px !important; background:transparent !important; overflow:hidden !important; margin:0 !important; padding:0 !important; box-shadow:none !important; max-width:none !important; transition:width .28s ease, border-color .2s ease, background .2s ease; } .topnav .searchBar .wp-block-search__input { flex:1 1 auto !important; width:auto !important; min-width:0 !important; opacity:0 !important; border:0 !important; background:transparent !important; color:#333 !important; height:100% !important; margin:0 !important; padding:0 !important; box-shadow:none !important; transition:opacity .2s ease, padding .2s ease; } .topnav .searchBar .wp-block-search__input::placeholder { color:#8a8aa0 !important; } .topnav .searchBar .wp-block-search__button { flex:0 0 41px !important; width:41px !important; height:41px !important; background:#4c318c !important; color:#fff !important; border:0 !important; margin:0 !important; border-radius:8px !important; padding:0 !important; cursor:pointer !important; } .topnav .searchBar .wp-block-search__button:hover { background:#3a2368 !important; } /* expand on hover, keyboard focus, or JS .search-open */ .topnav .searchBar:hover .wp-block-search__inside-wrapper, .topnav .searchBar:focus-within .wp-block-search__inside-wrapper, .topnav .searchBar.search-open .wp-block-search__inside-wrapper { width:140px !important; border-color:#4c318c !important; background:#fff !important; box-shadow:0 6px 18px rgba(30,20,70,.15) !important; } .topnav .searchBar:hover .wp-block-search__input, .topnav .searchBar:focus-within .wp-block-search__input, .topnav .searchBar.search-open .wp-block-search__input { opacity:1 !important; padding:0 12px !important; } .topnav .searchBar:hover .wp-block-search__button, .topnav .searchBar:focus-within .wp-block-search__button, .topnav .searchBar.search-open .wp-block-search__button { border-radius:0 8px 8px 0 !important; } /* push the menu bar to the left so the expanding search field never overlaps it */ .topnav .slimmenu { transition: transform .28s ease; } .topnav .searchBar:hover ~ .slimmenu, .topnav .searchBar:focus-within ~ .slimmenu, .topnav .searchBar.search-open ~ .slimmenu { transform: translateX(-95px); } } /* Hide search on phones / mobile menu */ @media (max-width: 991.98px){ .topnav .searchBar { display:none !important; } } /* Fix: homepage header logo renders smaller than on other pages. Placed at top of file to avoid a pre-existing brace-mismatch issue later in this stylesheet. */ .navbar-brand.logo img.logoimg { width: 192px !important; height: 75px !important; max-width: 100% !important; } .navbar-brand.logo { height: auto !important; } @media (min-width: 1200px) { .navbar-brand.logo img.logoimg { width: 222px !important; height: 87px !important; } } /* Fix: footer search widget wraps to a new line in Firefox because it relies on browser-dependent content width instead of a fixed share of the row like its siblings. */ @media (min-width: 1200px) { .footermenulogo > .wp-block-columns { flex: 0 0 25%; max-width: 25%; box-sizing: border-box; } } /* Fix: top navigation menu breaks into a vertical dropdown box on wide desktop screens (1391px and wider) because the theme's JS menu plugin sets display:block and the CSS overrides that restore horizontal layout only cover widths up to 1390px. This extends the same horizontal-layout fix to wider screens. */ @media (min-width: 1391px) { .slimmenu { display: flex !important; flex-direction: row !important; } .slimmenu li { display: list-item !important; } } /* --- Homepage visual polish (added by Claude) --- */ .title small { display: inline-block; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; color: #8a8a8a; } .title h4 { font-weight: 600; letter-spacing: 0.3px; } .ourcompany, .seeour, .footOurServices { padding-top: 15px; padding-bottom: 15px; } footer .copyright { padding-top: 15px !important; padding-bottom: 15px !important; } .articles-toolbar{display:flex;align-items:center;justify-content:space-between;margin:40px auto 10px;max-width:1140px;flex-wrap:wrap;gap:16px;padding:0 24px;} .articles-toolbar h2{margin:0;font-size:24px;color:#1e2a4a;} .articles-filters{display:flex;gap:10px;flex-wrap:wrap;} .articles-filters button{border:1px solid #e0e0e8;background:#fff;padding:8px 16px;border-radius:20px;font-size:13.5px;color:#1e2a4a;cursor:pointer;} .articles-filters button.active{background:#ef8b2c;border-color:#ef8b2c;color:#fff;} .articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:24px auto 70px;max-width:1140px;padding:0 24px;} .article-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(20,20,50,0.08);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s ease, box-shadow .15s ease;} .article-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(20,20,50,0.14);} .article-thumb{height:150px;background:linear-gradient(135deg,#6a5aad,#4b3f8f);display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center;} .article-thumb .doc-icon{width:46px;height:58px;background:#fff;border-radius:4px;opacity:.9;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.15);} .article-thumb .doc-icon:before{content:'';position:absolute;top:9px;left:7px;right:7px;height:4px;background:#c9c3e8;border-radius:2px;box-shadow:0 7px 0 #c9c3e8,0 14px 0 #c9c3e8,0 21px 0 #c9c3e8;} .article-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);color:#4b3f8f;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;} .article-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;} .article-meta{font-size:12.5px;color:#6b7280;margin-bottom:8px;} .article-card h3{font-size:16.5px;line-height:1.35;margin:0 0 10px;color:#1e2a4a;font-weight:600;} .article-card p{font-size:13px;line-height:1.55;color:#6b7280;margin:0 0 16px;flex:1;} .article-readmore{align-self:flex-start;font-size:13px;font-weight:600;color:#ef8b2c;} @media(max-width:980px){.articles-grid{grid-template-columns:repeat(3,1fr);}} @media(max-width:640px){.articles-grid{grid-template-columns:1fr;}} /* Fix: article image/PDF + text two-column layout does not stack on phones and small screens (theme markup uses
, not .entry-content). */ @media (max-width: 767px) { article .row[style*="flex"] { flex-direction: column !important; } article .row[style*="flex"] > [style*="flex:1 1 0"], article .row[style*="flex"] > [style*="flex: 1 1 0"] { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; } article .row[style*="flex"] > [class*="col-"] { margin-bottom: 24px; } article .row[style*="flex"] > [class*="col-"]:last-child { margin-bottom: 0; } article iframe, article embed, article object, article img { max-width: 100% !important; height: auto !important; } } /* Fix: hidden screen-reader-only search label in footer was pushed off to the right instead of off-screen, adding extra page width and causing a horizontal scrollbar on phones. */ .screen-reader-text { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } /* Fix: the PDF viewer plugin sets a fixed pixel width via inline style (computed from the desktop column width), which overflows on narrower screens. Force it to respect its container at all widths. */ .pdfemb-viewer { max-width: 100% !important; } /* Whitepapers hero styling - match Articles/Press Release hero design */ body.postid-4404 .bannerinner, body.postid-4402 .bannerinner, body.postid-4400 .bannerinner, body.postid-4398 .bannerinner, body.postid-4396 .bannerinner, body.postid-4394 .bannerinner, body.page-id-2405 .bannerinner { background-image: linear-gradient(120deg, rgba(58, 31, 102, 0.94), rgba(78, 42, 132, 0.86)), url("/wp-content/themes/DWC/assets/images/PageBannerImage.jpg.webp") !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; height: auto !important; min-height: 360px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 44px 62px !important; box-sizing: border-box !important; border-radius: 20px !important; overflow: hidden !important; position: relative !important; } body.postid-4404 .bannerinner h1, body.postid-4402 .bannerinner h1, body.postid-4400 .bannerinner h1, body.postid-4398 .bannerinner h1, body.postid-4396 .bannerinner h1, body.postid-4394 .bannerinner h1, body.page-id-2405 .bannerinner h1 { font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 40px !important; line-height: 1.15 !important; color: #ffffff !important; margin: 10px 0 0 0 !important; padding: 0 0 18px 0 !important; border-bottom: 2px solid rgba(255,255,255,.4) !important; max-width: 820px !important; } body.postid-4404 .bannerinner h1 span, body.postid-4402 .bannerinner h1 span, body.postid-4400 .bannerinner h1 span, body.postid-4398 .bannerinner h1 span, body.postid-4396 .bannerinner h1 span, body.postid-4394 .bannerinner h1 span, body.page-id-2405 .bannerinner h1 span { background: none !important; padding: 0 !important; } /* Kicker label - Whitepapers */ body.postid-4404 .bannerinner::before, body.postid-4402 .bannerinner::before, body.postid-4400 .bannerinner::before, body.postid-4398 .bannerinner::before, body.postid-4396 .bannerinner::before, body.postid-4394 .bannerinner::before, body.page-id-2405 .bannerinner::before { content: "WHITEPAPERS"; display: block; font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: .26em; text-transform: uppercase; color: #f6a24e; } /* ======================================================== * Press Release posts -- mobile hero fix + layout polish * (added by Claude, scoped to the 10 existing press-release * posts only; no text/content changed, styling only) * ======================================================== */ /* Hero banner: the postid rules above give press-release posts a * nice hero, but they use the SAME fixed padding (44px/62px) and * min-height (360px) on every screen size, which is oversized and * cramped-looking on phones. Right-size it for small screens. */ @media (max-width: 767.98px){ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .bannerinner{ min-height:190px !important; padding:26px 22px !important; border-radius:14px !important; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .bannerinner h1{ font-size:26px !important; line-height:1.3 !important; padding-bottom:12px !important; max-width:100% !important; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .bannerinner::before{ font-size:11px !important; } } /* Meta row (author / date / category) as a tidy pill row */ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .entry-content{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#8a8a8a; font-size:14px; margin:24px 0 20px; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .entry-content strong{ color:#d8d8d8; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .entry-content a{ background:#f6a24e; color:#fff !important; padding:4px 14px; border-radius:20px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; text-decoration:none; } /* Section pseudo-headings: short bold-only paragraphs used editorially * as section titles (e.g. "Project Objectives and Results") */ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist p:has(> strong:only-child){ margin-top:36px; margin-bottom:14px; padding-left:14px; border-left:4px solid #f6a24e; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist p:has(> strong:only-child) > strong{ font-family:'Space Grotesk', sans-serif; font-size:21px; color:#3a1f66; letter-spacing:.2px; } /* Body paragraphs: comfortable reading rhythm */ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist > p{ line-height:1.75; color:#333; margin-bottom:18px; } /* Bulleted scope/list items */ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist ul{ list-style:none; margin:0 0 24px; padding:0; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist ul li{ position:relative; padding:8px 0 8px 26px; line-height:1.6; border-bottom:1px solid #eee; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist ul li:last-child{ border-bottom:none; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .postcontentlist ul li::before{ content:"\2192"; position:absolute; left:0; color:#f6a24e; font-weight:700; } /* Embedded image/slider: soften with rounded corners + shadow to match site card style */ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .n2-section-smartslider{ border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(20,20,50,.12); margin-bottom:20px; } /* Related "Read more" link at the end: turn the plain outline box into a proper button */ body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .nav-item.readmore{ display:inline-block; background:#3a1f66; color:#fff !important; border:none !important; padding:14px 26px; border-radius:30px; font-weight:600; text-decoration:none; transition:background .15s ease, transform .15s ease; } body:is(.postid-3990,.postid-3971,.postid-3965,.postid-3941,.postid-3838,.postid-3812,.postid-3747,.postid-3736,.postid-1392,.postid-3750) .nav-item.readmore:hover{ background:#4e2a84; transform:translateY(-2px); } /* Fix: header logo appears stretched/distorted on mobile because the theme lets the browser's default image scaling apply width/height independently. Force the logo to always keep its native aspect ratio at every screen size. */ .logoimg, a.logo img, .navbar-brand.logo img, .f-logo img, .mob-standard-logo, .mob-retina-logo { object-fit: contain !important; height: auto !important; width: auto !important; max-width: 100%; } /* Fix: homepage header logo renders smaller than on other pages due to a flexbox sizing quirk. Force an explicit width so it matches the size used elsewhere. */ .navbar-brand.logo img.logoimg { width: 192px !important; height: 75px !important; max-width: 100% !important; } .navbar-brand.logo { height: auto !important; } @media (min-width: 1200px) { .navbar-brand.logo img.logoimg { width: 222px !important; height: 87px !important; } } /* Explore DWC Prime hero button - improved contrast against purple hero background */ a.btn[href*="dividing-wall-column"] { background-color: rgb(233, 138, 43) !important; color: #1d2327 !important; font-weight: 700 !important; } a.btn[href*="dividing-wall-column"]:hover, a.btn[href*="dividing-wall-column"]:focus { background-color: rgb(210, 120, 30) !important; color: #ffffff !important; } /* Mobile menu — tap-to-open search field (pushes the menu list down when open) */ .mobmenu-search-wrap { padding: 10px 10% 10px; overflow: hidden; border-bottom: 3px solid rgba(255, 255, 255, 0.83); } .mobmenu-search-toggle { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 4px; border: none; background: transparent; color: #4c318c; font-size: 15px; font-family: proxima_novaregular, "Segoe UI", Arial, Helvetica, sans-serif; cursor: pointer; } .mobmenu-search-toggle-label { line-height: 1; } .mobmenu-search-form { display: flex; align-items: center; max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; transition: max-height .28s ease, opacity .2s ease, margin-top .28s ease; } .mobmenu-search-wrap.search-open .mobmenu-search-form { max-height: 50px; opacity: 1; margin-top: 10px; } .mobmenu-search-input { flex: 1 1 auto; min-width: 0; height: 40px; border: 1px solid #4c318c; border-right: none; border-radius: 4px 0 0 4px; padding: 0 12px; font-size: 15px; outline: none; background: #fff; } .mobmenu-search-submit { flex: 0 0 auto; height: 40px; width: 44px; border: 1px solid #4c318c; background: #4c318c; color: #fff; border-radius: 0 4px 4px 0; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } /* Mobile menu search: remove toggle label/icon, show a smaller centered search box */ .mobmenu-search-toggle { display: none !important; } .mobmenu-search-wrap { display: flex !important; justify-content: center !important; } .mobmenu-search-wrap .mobmenu-search-form { max-height: none !important; opacity: 1 !important; overflow: visible !important; margin: 10px auto !important; max-width: 220px !important; width: 70% !important; } /* New hero banner style for Search Results page - matches the News/archive hero design used site-wide */ body.search-results .bannerinner { position: relative; overflow: hidden; display: flex; align-items: center; height: auto; min-height: 260px; padding: 44px 62px; margin-bottom: 20px; border-radius: 20px; background: #4c318c; font-family: 'IBM Plex Sans', sans-serif; } body.search-results .bannerinner::before { content: ""; position: absolute; inset: 0; z-index: 0; background: url('/wp-content/themes/DWC/assets/images/PageBannerImage.jpg.webp') center/cover no-repeat; opacity: .1; } body.search-results .bannerinner::after { content: "SEARCH"; position: absolute; top: 44px; left: 62px; z-index: 2; font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: .26em; text-transform: uppercase; color: #f6a24e; } body.search-results .bannerinner h1.page-title { position: relative; z-index: 2; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 36px; line-height: 1.15; margin: 30px 0 0; padding: 0 0 18px 0; color: #ffffff; max-width: 720px; border-bottom: 2px solid rgba(255,255,255,.4); } body.search-results .bannerinner h1.page-title span { background: none; color: #ffffff; } @media (max-width: 600px) { body.search-results .bannerinner { padding: 28px 24px; min-height: 200px; } body.search-results .bannerinner::after { top: 28px; left: 24px; } body.search-results .bannerinner h1.page-title { font-size: 24px; margin-top: 26px; } } footer.site-footer-v2 .fv2-mlab { color: #ffaf66 !important; } footer.site-footer-v2 .fv2-brand p, footer.site-footer-v2 .fv2-col ul li a, footer.site-footer-v2 .fv2-text, footer.site-footer-v2 .fv2-text a { color: #e7e2f7 !important; } footer.site-footer-v2 .fv2-bottom span, footer.site-footer-v2 .fv2-legal-links a { color: #b8aedd !important; } /* Touch target size/spacing fix for small stat links in hero mini-stats */ .mstat-group a { display: block !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24.75px !important; color: #ffffff !important; padding: 0 6px 10px !important; margin: 0 !important; } .mstat-group a:last-of-type { padding-top: 2px !important; } /* ===== Center post content column under hero (added via Cowork) ===== */ body.postid-4404 .row>.col-xs-12,body.postid-4402 .row>.col-xs-12,body.postid-4400 .row>.col-xs-12,body.postid-4398 .row>.col-xs-12,body.postid-4396 .row>.col-xs-12,body.postid-4394 .row>.col-xs-12,body.postid-3771 .row>.col-xs-12,body.postid-3688 .row>.col-xs-12,body.postid-3524 .row>.col-xs-12,body.postid-3457 .row>.col-xs-12,body.postid-1349 .row>.col-xs-12,body.postid-1319 .row>.col-xs-12{flex:0 0 100%!important;max-width:100%!important;width:100%!important} body.postid-4404 .tages.postcontentlist,body.postid-4402 .tages.postcontentlist,body.postid-4400 .tages.postcontentlist,body.postid-4398 .tages.postcontentlist,body.postid-4396 .tages.postcontentlist,body.postid-4394 .tages.postcontentlist,body.postid-3771 .tages.postcontentlist,body.postid-3688 .tages.postcontentlist,body.postid-3524 .tages.postcontentlist,body.postid-3457 .tages.postcontentlist,body.postid-1349 .tages.postcontentlist,body.postid-1319 .tages.postcontentlist{padding-left:15px!important;padding-right:15px!important} /* ===== end center fix ===== */ /* Light background frame behind the Editor's Pick featured image, using the page's own light bg + line color tokens */ .dwc-featured .dwc-feat-img { background-color: var(--bg, #f6f5fa); border: 1px solid var(--line, #e7e4ef); padding: 24px; } } /* Remove divider line below Editor's Pick image; round the corners of the image and its light background box */ .dwc-featured .dwc-feat-divider { display: none; } .dwc-featured .dwc-feat-img { border-radius: 18px; overflow: hidden; } .dwc-featured .dwc-feat-img img { border-radius: 12px; } } } } /* DWC scheme (anchor rules absorb stray-brace parser recovery) */ .dwci-anchor-a{color:inherit} .dwci-anchor-b{color:inherit} .inner_outer p{font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif !important;color:#2b2340;} .inner_outer li{font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif !important;color:#2b2340;} .inner_outer a{color:#4a2a86 !important;font-weight:600;} .inner_outer .dwc-svc-sub{color:#d8cff0 !important;} .dwc-cta p{color:#d8cff0 !important;} .dwc-banner-tabs a{color:#e7ddf5 !important;} .dwc-cta a{color:#fff !important;} /* Remove line below image in Editor's Pick card */ .dwc-feat-img { border-bottom: none !important; } /* Articles & Whitepapers: document preview box (.paper) + card (.doc-card) - applied to all articles/whitepapers using this template */ .paper { background: #F6F5FA !important; } .paper h3 { color: #4A2A86 !important; } .paper .psub { color: #3A3550 !important; } .doc-card { background-color: #ffffff !important; } /* Articles & Whitepapers: 'Open in new tab' ghost button was white-on-white against the new light box background. Match it to the adjacent 'Download' button's orange accent color for legibility. */ .paper .actions .btn.ghost { color: #E8892B !important; border-color: #E8892B !important; } .paper .actions .btn.ghost:hover, .paper .actions .btn.ghost:focus { color: #ffffff !important; background-color: #E8892B !important; border-color: #E8892B !important; } /* Body hyperlinks: remove bold, match surrounding text size — Optimization, Technology & Services submenu pages */ body.page-id-17 .entry-content a, body.page-id-809 .entry-content a, body.page-id-2172 .entry-content a, body.page-id-1260 .entry-content a, body.page-id-3713 .entry-content a, body.page-id-3642 .entry-content a, body.page-id-767 .entry-content a, body.page-id-772 .entry-content a, body.page-id-776 .entry-content a, body.page-id-4122 .entry-content a, body.page-id-778 .entry-content a, body.page-id-19 .entry-content a { font-weight: inherit !important; font-size: inherit !important; } /* Remove the divider line below the Editor's Pick featured image */ .dwc-featured .dwc-feat-divider { display: none !important; } /* Meet Our Team - fix circular photo alignment & distortion on tablet/mobile (overrides legacy .imageWrap rules) */ @media (max-width: 991.98px) { .dwc-team-col .imageWrap.dwc-img { float: none !important; width: 130px !important; height: 130px !important; display: block !important; margin: 0 auto 18px auto !important; } } /* Fix: 'Media contact' pill button on Press Release pages was clipped on narrow mobile screens because .btn forces white-space:nowrap. Allow it to wrap on small screens only. */ @media (max-width: 600px) { .contact .btn { white-space: normal; } } /* Fix: '.dwc-cta' CTA button (e.g. 'Discuss your project ->') was wrapping onto two lines on narrow mobile screens because its container is a couple px too narrow for the button at full desktop padding/font-size. This caused the orange background to split into a broken L-shape (inline element with wrapped text). Force it to stay a single inline-block box and shrink slightly to fit comfortably on small screens. */ @media (max-width: 480px) { .dwc-cta a { display: inline-block; white-space: nowrap; font-size: 15px; padding: 13px 20px; } } /* Fix: .dwc-hero has margin-left/right:24px added at max-width:1188px (theme CSS) but width remains 100%, causing 24px horizontal overflow (page scrolls sideways) on phone/tablet on pages using this hero component (e.g. Whitepapers, Articles, Careers, Contact Us). Reduce width to account for the added margins. */ @media (max-width: 1188px) { .dwc-hero { width: calc(100% - 48px) !important; } } /* Fix: .dwc-checklist is a 2-column grid (grid-template-columns:1fr 1fr) that only collapses to 1 column below 768px. On tablet widths (768px+) the two-column row layout (col-md-6) puts this checklist next to an image, but grid items don't shrink below their content's natural width by default, so the 2 columns overflow their narrow column and overlap the adjacent image (seen on iPad width on Detailed Engineering, and same shared component on Proposal & Feasibility, Basic Engineering, FEED Package, Technical Services, Process Consulting pages). Force columns to actually shrink to fit by using minmax(0,1fr) instead of 1fr. */ @media (min-width: 768px) { .dwc-checklist { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } } /* iPad fix v2: two-column text+image/slider sections (.dwc-gap rows) show a large empty gap around the image on iPad widths (768px portrait and 1024px landscape), because the row places a short image/slider column next to a much taller wrapped-text column. Covers both variants used on the site (align-items-center and align-items-start). Stack columns full-width in the tablet range, and center any image/slider that doesn't already fill the full column width once stacked. */ @media (min-width: 768px) and (max-width: 1024px) { .dwc-gap > [class*="col-md-"] { flex: 0 0 100% !important; max-width: 100% !important; } .dwc-gap > [class*="col-md-"]:first-child { margin-bottom: 24px; } .dwc-gap > [class*="col-md-"] img, .dwc-gap > [class*="col-md-"] .sliderframe, .dwc-gap > [class*="col-md-"] .n2-section-smartslider { margin-left: auto; margin-right: auto; display: block; } } /* iPad fix: press-release hero images (#claude-preview-hero-flex figure.pr-figure) force object-fit: cover into a fixed-height box, which badly crops any PORTRAIT/vertical photo down to a small zoomed-in sliver on tablet widths. In the iPad range, stack the image above the text at full width and let it keep its natural aspect ratio (object-fit: contain) instead of cropping. */ @media (min-width: 768px) and (max-width: 1024px) { #claude-preview-hero-flex { flex-direction: column !important; } #claude-preview-hero-flex figure.pr-figure { flex: 0 0 auto !important; width: 100% !important; } #claude-preview-hero-flex figure.pr-figure picture { height: auto !important; flex: 0 0 auto !important; } #claude-preview-hero-flex figure.pr-figure img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 620px !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; } } /* Primary menu hover: brand accent instead of invisible black */ .slimmenu > li > a:hover, .slimmenu > li > a:focus, .navbar-nav.slimmenu > li > a:hover, .navbar-nav.slimmenu > li > a:focus { color: #ffd9b0 !important; } /* Pagination: fix low-contrast numbers, clipped Prev/Next text, and specificity so it overrides .inner_outer a */ a.page-numbers, span.page-numbers { color: #ffffff !important; font-weight: bold; } span.page-numbers.current, a.page-numbers.current { color: #224189 !important; } a.page-numbers.prev, a.page-numbers.next { width: auto !important; min-width: 90px !important; height: auto !important; white-space: nowrap !important; padding: 15px 14px !important; box-sizing: content-box !important; } /* Product Brochures: center-align images and anchor to bottom of box; also fix image not filling variable-height box on narrow/mobile cards (was appearing shifted to top with blank space below) */ .res-broch .bcover { position: relative; } .res-broch .bcover picture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .res-broch .bcover img { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center bottom !important; } /* Product Brochures: on phone-width screens, stack image on top and text/link below instead of side-by-side, so the tall brochure cover image isn't squeezed into a narrow cropped sliver. */ @media (max-width: 600px) { .res-broch .bcard { flex-direction: column !important; } .res-broch .bcover { flex: 0 0 220px !important; width: 100% !important; } } /* Case Studies page redesign preview scoped to this page only (page-id-5145) */ body.page-id-5145 .cs-grid{gap:40px !important;row-gap:44px !important;} body.page-id-5145 .cs-ocard{border-left:4px solid #E8892B !important;} body.page-id-5145 .cs-metrics{background:#F3EEFB !important;border-radius:12px !important;padding:12px 8px !important;gap:0 !important;} body.page-id-5145 .cs-m{background:transparent !important;border-radius:0 !important;padding:0 6px !important;} body.page-id-5145 .cs-m:not(:first-child){border-left:1px solid #e3ddf3 !important;} /* === Nav recolour to match redesign (Cowork) === */ header nav.topnav ul.slimmenu{background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;border-radius:0 !important;} header nav.topnav ul.slimmenu > li,header nav.topnav ul.slimmenu > li > a{border:none !important;} header nav.topnav ul.slimmenu > li > a{color:#4C318C !important;font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif !important;font-size:15px !important;font-weight:600 !important;transition:color .18s ease !important;} header nav.topnav ul.slimmenu > li > a:hover,header nav.topnav ul.slimmenu > li > a:focus{color:#EE7A1B !important;} header .dwcs-hdr a.dwcs-contact{background:transparent !important;color:#4C318C !important;font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif !important;font-size:15px !important;font-weight:600 !important;padding:10px 7px !important;border-radius:0 !important;transition:color .18s ease !important;} header .dwcs-hdr a.dwcs-contact:hover,header .dwcs-hdr a.dwcs-contact:focus{color:#EE7A1B !important;} header .dwcs-hdr a.dwcs-contact svg{stroke:#4C318C !important;transition:stroke .18s ease !important;} header .dwcs-hdr a.dwcs-contact:hover svg{stroke:#EE7A1B !important;} header .dwcs-hdr button.dwcs-trigger{background:#ffffff !important;color:#4C318C !important;transition:background .18s ease !important;} header .dwcs-hdr button.dwcs-trigger svg{stroke:#4C318C !important;transition:stroke .18s ease !important;} header .dwcs-hdr button.dwcs-trigger:hover{background:#ffffff !important;} header .dwcs-hdr button.dwcs-trigger:hover svg{stroke:#EE7A1B !important;} /* === end nav recolour === */ /* === Header-hero gap (Cowork) === */ .entry-content > section.hero{margin-top:-25px !important;} /* === end gap === */ /* === Mega menu side borders (Cowork) === */ header nav.topnav ul.slimmenu li ul{border-left:0 !important;border-right:0 !important;} /* === end mega borders === */ /* ---- Visual polish pass (added via preview) ---- */ /* Fix justified paragraph text -> left align for cleaner reading rhythm */ .entry-content p, .entry-content li, .ourcompany p, .ourclients p, .ourservices p, .services_list ul li, .scard p, .panel p, .intro p, p { text-align: left !important; line-height: 1.7 !important; } /* Cards: consistent elevation + gentle hover lift */ .panel, .scard, .svc article, .achv-sec article, .sol article, .arts article { transition: transform .25s ease, box-shadow .25s ease !important; box-shadow: 0 4px 14px rgba(20,10,60,0.08) !important; border-radius: 14px !important; } .panel:hover, .scard:hover, .svc article:hover, .achv-sec article:hover, .sol article:hover, .arts article:hover { transform: translateY(-6px) !important; box-shadow: 0 16px 32px rgba(20,10,60,0.16) !important; } /* Buttons: nicer hover feedback */ .btn { transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important; } .btn:hover { transform: translateY(-2px) !important; filter: brightness(1.08) !important; box-shadow: 0 10px 20px rgba(20,10,60,0.25) !important; } .btn.ghost:hover { background: rgba(255,255,255,0.12) !important; } /* Images: soften corners */ img { border-radius: 10px; } /* Subtle letter spacing polish on stat numbers */ .stats * { letter-spacing: 0.2px; } } } } } } } /* ===== Claude visual polish: Food/Polymer Grade Hexane page ===== */ .dwc-svc-hero{ border-radius:20px !important; box-shadow:0 20px 45px -15px rgba(76,49,140,0.45), 0 4px 12px rgba(0,0,0,0.08) !important; overflow:hidden; position:relative; } .dwc-svc-hero::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 15%, rgba(255,255,255,0.10), transparent 55%); pointer-events:none; } .dwc-svc-title{ letter-spacing:0.2px; } .dwc-banner-tabs a{ transition:transform .25s ease, box-shadow .25s ease, filter .25s ease; border-radius:8px !important; } .dwc-banner-tabs a:hover{ transform:translateY(-3px); box-shadow:0 10px 20px -6px rgba(0,0,0,0.35); filter:brightness(1.05); } .dwc-card{ border-radius:16px !important; box-shadow:0 8px 24px -10px rgba(30,20,60,0.12) !important; transition:transform .3s ease, box-shadow .3s ease; border:1px solid rgba(76,49,140,0.08) !important; } .dwc-card:hover{ transform:translateY(-4px); box-shadow:0 16px 32px -12px rgba(30,20,60,0.20) !important; } .dwc-checklist li{ border-radius:10px; transition:background-color .2s ease, transform .2s ease; padding-top:4px; padding-bottom:4px; } .dwc-checklist li:hover{ background-color:rgba(76,49,140,0.05); transform:translateX(3px); } .dwc-img-frame{ display:inline-block; border-radius:14px !important; overflow:hidden; box-shadow:0 10px 28px -12px rgba(30,20,60,0.25) !important; transition:transform .35s ease, box-shadow .35s ease; } .dwc-img-frame:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -14px rgba(30,20,60,0.32) !important; } .dwc-vid2col{ border-radius:18px !important; overflow:hidden; box-shadow:0 16px 40px -16px rgba(30,20,60,0.30) !important; } .dwc-cta{ border-radius:20px !important; box-shadow:0 20px 45px -18px rgba(76,49,140,0.5) !important; position:relative; overflow:hidden; } .dwc-cta::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 10% 90%, rgba(255,255,255,0.08), transparent 60%); pointer-events:none; } a.dwcs-contact{ transition:transform .25s ease, box-shadow .25s ease; border-radius:8px !important; } a.dwcs-contact:hover{ transform:translateY(-3px); box-shadow:0 12px 22px -8px rgba(0,0,0,0.4) !important; } /* ===== Contact Page Visual Refresh (scoped to Contact Us page only) ===== */ /* Give the address/headquarters card the same elevated card treatment as the form */ body.page-id-15 .contactaddressblock{ background:#ffffff; border-radius:16px; box-shadow:0 10px 30px rgba(30,20,70,0.08); padding:30px 32px; margin-bottom:24px; transition:box-shadow .3s ease; } body.page-id-15 .contactaddressblock:hover, body.page-id-15 .contact-form-card:hover{ box-shadow:0 16px 40px rgba(30,20,70,0.14); } /* Subtle section separation behind the whole contact content area */ body.page-id-15 .contentPage.contactpages{ background:linear-gradient(180deg,#f7f6fc 0%,#ffffff 220px); } /* Improve spacing between the two columns */ body.page-id-15 .row{ row-gap:24px; } /* Typography hierarchy for labels and headings */ body.page-id-15 .contactaddressblock h2, body.page-id-15 .contactaddressblock h3{ color:#2E1F5E; } body.page-id-15 form.wpcf7-form label{ font-weight:600; color:#2E1F5E; letter-spacing:.2px; margin-bottom:10px; display:inline-block; } /* Refined form field styling */ body.page-id-15 form.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit){ border-radius:8px; border:1px solid #e3e0f0; background-color:#fbfaff; transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease; } body.page-id-15 form.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):focus{ border-color:#4C318C; box-shadow:0 0 0 3px rgba(76,49,140,0.15); outline:none; background-color:#ffffff; } /* Send button: switch from orange to brand purple/navy with hover effect */ body.page-id-15 input.wpcf7-submit{ background-image:linear-gradient(120deg,#4C318C,#2E1F5E); border-radius:10px; padding:14px 40px; letter-spacing:.5px; box-shadow:0 8px 20px rgba(46,31,94,0.35); transition:transform .2s ease, box-shadow .2s ease, background-image .2s ease; } body.page-id-15 input.wpcf7-submit:hover{ background-image:linear-gradient(120deg,#5b3ba3,#3a2778); transform:translateY(-2px); box-shadow:0 12px 26px rgba(46,31,94,0.45); cursor:pointer; } body.page-id-15 input.wpcf7-submit:active{ transform:translateY(0); } /* ===== DWC mega-menu polish ===== */ /* Top-level links: brand purple, orange on hover */ .topnav .navbar-nav > li > a{ color:#4c318c; font-weight:600; transition:color .15s; } .topnav .navbar-nav > li > a:hover, .topnav .navbar-nav > li.has-submenu:hover > a{ color:#ec6608; } /* Dropdown panel: deep-purple gradient, rounded, soft shadow */ .topnav .navbar-nav li.has-submenu > ul, .topnav .navbar-nav .sub-menu{ background:linear-gradient(180deg,#241546 0%,#1a0e3a 100%) !important; border:1px solid rgba(255,255,255,.08); border-radius:0 0 14px 14px; box-shadow:0 24px 48px rgba(36,21,70,.35); padding:8px 0 !important; overflow:hidden; } /* Dropdown links: light text, orange hover accent */ .topnav .navbar-nav .sub-menu li > a, .topnav .navbar-nav li.has-submenu ul li a{ color:#e9e3f6 !important; padding:11px 20px !important; border-left:3px solid transparent !important; transition:background .15s, color .15s, border-color .15s; } .topnav .navbar-nav .sub-menu li > a:hover{ background:rgba(236,102,8,.12) !important; color:#ffffff !important; border-left-color:#ec6608 !important; } /* Current page highlighted */ .topnav .navbar-nav .current-menu-item > a{ color:#f6a24e !important; } /* Fix: CSS radio-slider jump-to-top — both pages */ .sld{ position: relative !important; } .sld input[type="radio"]{ position: absolute !important; top: auto !important; bottom: 40px !important; left: 0 !important; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; z-index: -1; } @media (max-width:600px){ #dwc-home .track{ grid-template-columns:1fr !important; } } /* ========================================================== DWC Innovations — article archive layout (no featured images) Paste at the end of: Appearance → Customize → Additional CSS Applies to /category/awards/ and any other .articles-listing archive ========================================================== */ .articles-listing{ margin-top:38px; } /* ---- "Latest Awards" heading ---------------------------- */ .articles-listing .articles-toolbar{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 26px; padding-bottom:14px; border-bottom:1px solid #e4e8f0; } .articles-listing .articles-toolbar h2{ margin:0; font-size:1.55rem; line-height:1.2; font-weight:700; color:#16305c; letter-spacing:-.01em; } .articles-listing .articles-toolbar h2::after{ display:none; } /* ---- Grid: 3-up on desktop, fluid down to 1-up ---------- */ .articles-listing .articles-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:24px; align-items:stretch; } /* ---- Card ----------------------------------------------- */ .articles-listing .article-card{ position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #e4e8f0; border-radius:14px; padding:26px 24px 22px; overflow:hidden; text-decoration:none; color:inherit; box-shadow:0 1px 2px rgba(16,24,40,.05); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } /* accent bar replaces the empty image panel */ .articles-listing .article-card::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,#5b4ea8 0%,#e8730c 100%); } .articles-listing .article-card:hover, .articles-listing .article-card:focus-visible{ transform:translateY(-3px); border-color:#d5dbe6; box-shadow:0 14px 30px rgba(16,24,40,.10); } /* ---- Remove the empty image placeholder ----------------- */ .articles-listing .article-thumb, .articles-listing .doc-icon{ display:none !important; } /* ---- Card body: equal heights, link pinned to bottom ---- */ .articles-listing .article-body{ display:flex; flex-direction:column; flex:1 1 auto; padding:0; } .articles-listing .articles-grid .article-card .article-meta{ margin:0 0 10px !important; font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#7b879b; } .articles-listing .articles-grid .article-card h3{ margin:0 0 8px !important; font-size:1.1rem !important; line-height:1.35 !important; font-weight:700; color:#16305c; transition:color .18s ease; } .articles-listing .article-card:hover h3{ color:#e8730c; } /* excerpt: fixed 4-line box so every card lines up, soft fade at the cut */ .articles-listing .articles-grid .article-card .article-body p{ display:block !important; font-size:.95rem !important; line-height:1.6 !important; margin:0 0 16px !important; height:6.4em; overflow:hidden !important; -webkit-mask-image:linear-gradient(180deg,#000 84%,rgba(0,0,0,0) 100%); mask-image:linear-gradient(180deg,#000 84%,rgba(0,0,0,0) 100%); } .articles-listing .articles-grid .article-card .article-readmore{ display:flex !important; width:100%; justify-content:flex-start; align-items:center; gap:6px; margin-top:auto; padding-top:14px; border-top:1px solid #eef1f6; font-size:.85rem; font-weight:700; color:#e8730c; } /* ---- Pagination ----------------------------------------- */ .articles-listing .paginate-links{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:36px; padding-top:22px; border-top:1px solid #e4e8f0; } /* ---- Small screens -------------------------------------- */ @media (max-width:600px){ .articles-listing .articles-grid{ grid-template-columns:1fr; gap:18px; } .articles-listing .article-card{ padding:22px 20px 18px; } .articles-listing .articles-toolbar h2{ font-size:1.35rem; } } /* ========================================================== Section links: All Releases / Commissioning / Awards Markup: