/* Theme Name: Three H 2024 Author: Leo Burnett Canada Author URI: https://leoburnett.ca Description: Custom theme. Text Domain: English Version: 2024.01 */ /*************************** ************************ **** **** **** override "global-styles" begin **** ***/ h1,h2,h3,h4,h5,h6 { margin-block-end:unset; margin-block-start:unset; } :where(.wp-block-columns) { margin-bottom:unset; } :where(.wp-site-blocks) > * { margin-block-start:unset; } :where(body .is-layout-flow) > * { margin-block-start:unset; } :where(body .is-layout-constrained) > * { margin-block-start:unset; } body .is-layout-flex { align-items:center;} :where(body .is-layout-flex) { gap:0; } :where(body .is-layout-grid) { gap:0; } .is-layout-flex.is-content-justification-stretch { justify-content:space-between; } .is-layout-flex.is-content-justification-space-between { justify-content:space-between; } .is-layout-flex.is-vertical { height:100%; flex-direction:column; align-items:stretch; } .is-layout-flex.is-content-justification-left { align-items:flex-start; } .wp-block-column { box-sizing:border-box; } /*** **** **** override "global-styles" end **** **** **************************** ***********************/ .aural:not(:focus) { position:fixed !important; top:-100vw !important; left:-100vw !important; width:0px !important; height:0px !important; opacity:0 !important; overflow:hidden !important; } @font-face { font-style:normal; font-family:'site-sans'; src:url('fonts/Antarctica-VF.ttf.woff2') format('woff2'), src:url('fonts/Antarctica-VF.ttf') format('truetype'); } html { --vw:12.6px; --svh:calc(var(--vw) / 14 * 8); --fullwidth:calc(100vw - var(--scrollbar-width, 0)); --bold:500; } body { --bodywidth:calc(100 * var(--vw)); width:var(--bodywidth); --bodymarginleft:max(0px, calc(50vw - var(--scrollbar-width) / 2 - 50 * var(--vw))); --bodymarginright:calc(var(--bodywidth) + var(--bodymarginleft)); margin-left:var(--bodymarginleft); --xscrollbar-width:0px !important; overflow:auto scroll; } @media(max-width: 782px) { html { --vw:max(3.6px, 1vw); --svh:1svh; } body { overflow-x:hidden; width:unset; }} @media(max-width: 360px) { body { overflow:auto; min-width:calc(100 * var(--vw)); }} :root :where(body), body { font-family: site-sans, Arial, sans-serif; font-weight: 400; } h1,h2,h3,h4,th,strong { font-weight:var(--bold); } /* CE - lowered font weight 500 -> 400, 06-20-24 readjusted back to 500 */ .has-large-font-size { /* CE -overriding style for heavier weighting */ line-height: 1.06em; font-weight: var(--bold) !important; } span.lb-include-standard-finishes .icon-download-arrow { /*position: absolute; right: 1rem;*/ } html { --max-page-width:calc(4 * 1920px); font-size:clamp(0.875rem, 1.375rem + calc(-0.417 * var(--vw)), 1rem); --hovertime:0.4s; --hoverfade:0.65; } /* clamp= 14px<>16px / 1440px<>1920px */ /* CE updated font-size:max(12px, min(16px, calc(0.833 * var(--vw)))); roughly 2% smaller site wide */ @media (max-width: 782px) { body { font-size:max(12px, calc(3 * var(--vw))) !important; --wp--preset--spacing--paragrapgh:1rem; } } @media (max-width: 782px) { html, body { font-size:26px !important; } } @media (orientation: landscape) and (max-width: 782px) { html, body { font-size:13px !important; } } @media (max-width: 781px) { body.safari header { font-size:min(1vw, max(12px, calc(3 * var(--vw)))) !important; } } html, body, * { scroll-behavior:auto; } /*@media (max-width: 782px) { html { font-size:calc(4.25 * var(--vw)) !important; } }*/ /* CE removed, was conflicting with my code above.. */ @media (max-width: 782px) { body { --wp--preset--font-size--large: max(14px, calc(6 * var(--vw))); --wp--preset--font-size--x-large: var(--wp--preset--font-size--large); } } header { margin:0px auto; position:relative; box-sizing:border-box; } main { margin:0px auto; position:relative; width:100%; padding-top:calc(2em + 2 * var(--wp--preset--spacing--grid-margin)); } @media (max-width: 781px) { body.safari main { padding-top:calc(2 * min(1vw, max(12px, calc(3 * var(--vw)))) + 2 * var(--wp--preset--spacing--grid-margin)); } } @media (max-width: 781px) { body.safari main .lbcar-slide { --wp--preset--font-size--large: min(2vw, max(14px, calc(6 * var(--vw)))); font-size:min(1.5vw, max(12px, calc(3 * var(--vw)))) !important; } } h1 { text-align:center; margin:var(--wp--preset--spacing--grid-margin) auto; } h2:not(:is(.gridcell-container h2, .legalpage h2)) { padding-top:var(--wp--preset--spacing--between-sections); padding-bottom:var(--wp--preset--spacing--grid-margin); padding-left:var(--wp--preset--spacing--grid-margin); border-bottom:1px solid var(--wp--preset--color--black, #000); } a { text-decoration:none !important; color:var(--wp--preset--color--black, #000); } a:not(:active) { transition:color var(--hovertime); } a:active { text-decoration:none; color:var(--wp--preset--color--yellow); } a:hover { text-decoration:none; color:var(--wp--preset--color--yellow); } a.hover { text-decoration:none; color:var(--wp--preset--color--yellow); } /* CE - change hyperlinks from grey to yellow hover */ figure { margin:0; } ul { list-style-type: disc; } ul li { margin-left:1.5em; } @media (max-width: 782px) { #footer .wp-block-group p { text-align:left; } } @media (max-width: 782px) { #footer .wp-block-group p.has-text-align-center { text-align:center; } } /* CE 062424 - added this line. centered p tags were being left aligned by default. */ #footer figure.coverimage div { background-size:contain !important; } @media (max-width: 782px) { #footer figure.coverimage { padding-bottom:1rem; } } p { margin:0; } /* CE - 062524 Site needed more consistant padding/margin spacing. For unique highly specific cases use WordPress editor to adjust padding where needed. */ /* CE - 062524 Forcing more consistant padding across paragraph elements */ /* DF - 062724 removed padding-bottom */ p:not(:first-child) { padding-top: 1rem; /* padding-bottom: 0.5rem !important; */ } /* CE - 062524 Remove top padding from the first

within .wp-block-group */ .wp-block-group > p:first-of-type, .wp-block-group p:first-of-type ~ p:first-of-type { padding-top: 0; } /* CE - 062524 Remove bottom padding from the last

within .wp-block-group */ /* DF - 062724 removed padding-bottom */ .wp-block-group p:last-of-type, .wp-block-group p:last-of-type ~ p:last-of-type:last-child { /* padding-bottom: 1rem !important; */ } /* CE - 062524 solving issue with misaligned bottoms of p tags that contain buttons */ .wp-block-group p:last-of-type a.buttons-from-italic-links-firefox115fix { /* CE - 070224 - no longer necessary.. sticking to P top padding approach */ /* margin-bottom: -1rem !important;*/ } .is-layout-flow > p + p { padding-top:1rem; } .is-layout-constrained > p + p { padding-top:1rem; } :is(a:has(em), em:has(a)) + :is(a:has(em), em:has(a)) { margin-left:1em; } @media (max-width: 782px) { p > :is(a:has(em), em:has(a)) :is(em,a) { display:block !important; text-align:center !important; } } :is(.grid2col,.grid2colalt,.grid2colimglt,.grid2colimgrt,.grid3col,.grid4col):not(.gridncol) > ul { display:none; } .grid2colalt .wp-block-image img { width:100%; } .gridncol > ul > li.gridcell-container { text-align:left; } .gridncol > ul > li.gridcell-container div:first-child:last-child { height:100%; } @media (max-width: 782px) { .gridncol.grid3col > ul > li { min-height:calc(59 * var(--vw)); } } .gridncol > ul > li .grid-inner { width:100%; height:100%; position:relative; display:inline-block; vertical-align:bottom; padding:var(--wp--preset--spacing--grid-margin); box-sizing:border-box; } .gridncol > ul > li .grid-inner .grid-badge { z-index:2; position:absolute; left:0; pointer-events:none; padding:var(--wp--preset--spacing--grid-margin) calc(2 * var(--wp--preset--spacing--grid-margin)); color:var(--wp--preset--color--black, #000); } .gridncol > ul > li .grid-inner .grid-img { z-index:1; white-space:nowrap; aspect-ratio:4 / 3; position:relative; display:block; } .gridncol.grid4col > ul > li .grid-inner .grid-img { aspect-ratio:1 / 1; } .gridncol > ul > li .grid-inner .grid-img:not(:last-element) { margin-bottom:var(--wp--preset--spacing--grid-margin); } .gridncol > ul > li .grid-inner .grid-img .img { background-size:cover; background-repeat:no-repeat; background-position:center 80%; width:100%; height:100%; display:inline-block; position:absolute; left:0; } .gridncol > ul > li .grid-inner .grid-img .img img { display:none; } .gridncol > ul > li.imgcount2 .grid-inner .grid-img > .img { width:calc((100% - var(--wp--preset--spacing--grid-margin)) / 2); } .gridncol > ul > li.imgcount2 .grid-inner .grid-img a .img { width:calc((100% - var(--wp--preset--spacing--grid-margin)) / 2); } .gridncol > ul > li.imgcount2 .grid-inner .grid-img > .img:nth-child(1) { left:0; } .gridncol > ul > li.imgcount2 .grid-inner .grid-img a:nth-child(1) .img { left:0; } .gridncol > ul > li.imgcount2 .grid-inner .grid-img > .img:nth-child(2) { left:unset; right:0; } .gridncol > ul > li.imgcount2 .grid-inner .grid-img a:nth-child(2) .img { left:unset; right:0; } .gridncol.contain > ul > li .grid-inner .grid-img .img { background-size:contain; background-repeat:no-repeat; background-position:center 80%; } .gridncol > ul > li .grid-inner .grid-name { color:var(--wp--preset--color--black, #000); } .gridncol > ul > li .grid-inner .grid-name img { width:0.6em; min-width:0.75rem; height:auto; padding-right: 3rem;} .gridncol > ul > li .grid-inner .grid-name:not(:empty) { display:block; margin-top:var(--wp--preset--spacing--grid-margin); float:left; text-align:left; white-space:normal; } .gridncol > ul > li .grid-inner .grid-name.grid-name-linkshavebuttons { padding-top:calc(1px + var(--button-padding-v)); min-height:calc(var(--button-font-size) + var(--button-padding-v) * 2); } .gridncol > ul > li .grid-inner .grid-name.grid-name-linkshavebuttons .grid-name-label > span { display:flex; align-items:center; min-height:calc(var(--button-font-size) + var(--button-padding-v) * 2); } .gridncol > ul > li .grid-inner .grid-links:not(:empty) { margin-top:var(--wp--preset--spacing--grid-margin); display:block; /* margin-right: 1rem; spacing for arrow icon */ position:absolute; z-index:1; right:var(--wp--preset--spacing--grid-margin); bottom:var(--wp--preset--spacing--grid-margin); height:calc(var(--linksheight) - var(--wp--preset--spacing--grid-margin)); display:flex; align-items:end; max-width:max(9rem, calc(100% - 9rem)); } .gridncol .gridcell-container .wp-block-group.is-vertical.is-content-justification-stretch .wp-block-columns:last-child { align-items: end !important; } @media (max-width: 1160px) { /* Changed this because buttons were touching headlines on mid-range viewport widths */ /* left align CTA buttons in product grid on mobile to create a stacking effect */ .gridncol > ul > li .grid-inner .grid-links:not(:empty) { /*text-align: left; */ } /* except for when we're on a product page, keep them fixed to the right.. */ div.productnav-tab .gridncol > ul > li .grid-inner .grid-links:not(:empty) { /*text-align: left;*/ } .gridncol > ul > li .grid-inner .grid-name:not(:empty) { /* padding-right: 100%;*/ } div.productnav-tab .gridncol > ul > li .grid-inner .grid-links:not(:empty) .buttons-from-italic-links-firefox115fix { /*padding-top: 1rem;*/ } } .gridncol.grid2col > ul > li .grid-inner .grid-name { font-size:var(--wp--preset--font-size--large); margin-top:0; max-width:calc(100% - var(--linkswidth) - 1em); white-space:normal; font-weight:var(--bold) !important; display:inline-flex; align-items:end; } /*@media (max-width: 1160px) { .gridncol.grid2col > ul > li .grid-inner .grid-name:not(:empty) { max-width: 100% !important; float:none; white-space:normal; } }*/ .gridncol > ul > li .grid-inner .grid-name { max-width:calc(100% - var(--linkswidth) - 1em); white-space:normal; } .gridncol.grid2colimgrt > ul > li .grid-inner .grid-name { font-size:var(--wp--preset--font-size--large); margin-top:0.5rem; } .gridncol.grid2colimglt > ul > li .grid-inner .grid-name { font-size:var(--wp--preset--font-size--large); margin-top:0.5rem; } .gridncol.grid4col > ul > li .grid-inner .grid-img { border:1px solid rgba(0,3,40,0.25); } .gridncol.grid4col > ul > li .grid-inner .grid-name { margin-top:calc(var(--wp--preset--spacing--grid-margin) / 2); } .gridncol.grid4col > ul > li .grid-inner .grid-links { margin-top:calc(var(--wp--preset--spacing--grid-margin) / 2); } .gridncol > ul > li .grid-inner:not(.grid-name-linkshavebuttons) .grid-links > span { min-height:var(--labelheight); display:flex; align-items:center; } @media (max-width: 782px) { .gridncol .has-text-align-center { text-align:left; } } @media (max-width: 782px) { .gridncol + .lb-carousel * { text-align:left; } } .gridncol a { white-space:nowrap; } @media (max-width: 782px) { .grid-inner:has(.grid-links em) :is(a:has(em), em:has(a)) :is(em, a) { display:block !important; text-align:center !important; } } @media (max-width: 782px) { .grid-inner:has(.grid-links em) .grid-name { float:none; max-width:unset; } } figure.wp-block-table table thead { border:none; } figure.wp-block-table table th { border-top:none; border-left:none; border-right:none; border-bottom:1px solid var(--wp--preset--color--black, #000); padding:var(--wp--preset--spacing--grid-margin); } figure.wp-block-table table td { border-top:none; border-left:none; border-right:none; border-bottom:1px solid var(--wp--preset--color--black, #000); padding:var(--wp--preset--spacing--grid-margin); } .grid-name-label { position:absolute; bottom:var(--wp--preset--spacing--grid-margin); width:calc(100% - var(--linkswidth) - 1em - 2 * var(--wp--preset--spacing--grid-margin)); height:calc(var(--linksheight) - var(--wp--preset--spacing--grid-margin)); display:flex; align-items:end; } /* //////// TABLE STYLES BEGIN ///////// */ /* figure.wp-block-table th:nth-child(1), figure.wp-block-table td:nth-child(1) { width: 50%; } figure.wp-block-table th:nth-child(n+2), figure.wp-block-table td:nth-child(n+2) { width: auto; } */ /* force tables to display left-aligned columns */ /* if we decide to use right alignment again remove this */ figure.wp-block-table th.has-text-align-right, figure.wp-block-table td.has-text-align-right, figure.wp-block-table th.has-text-align-center, figure.wp-block-table td.has-text-align-center { text-align: left; } /* //////// TABLE STYLES END ///////// */ body div#site-titlebar { display:flex; justify-content: space-between; align-items:center; position:fixed; /*** header wide begin ***/ left:0; width:calc(100vw - var(--scrollbar-width)); /* width:calc(var(--bodywidth) + 1px); left:var(--bodyfixedleft); */ /*** header wide end ***/ z-index:11; border-bottom:1px solid var(--wp--preset--color--black, #000); background:rgba(255,255,255,1); } @media (max-width: 782px) { body div#site-titlebar { width:max(calc(100 * var(--vw)), calc(100vw - var(--scrollbar-width))); } } body div#site-titlebar:not(.scrolled-down) { } @media(max-width: 360px) { body div#site-titlebar { left:min(0px, var(--bodyleft)); } } body div#site-titlebar a { color:inherit; } body div#site-titlebar span#site-menu-search { width:calc(50% - 10em); position:relative; white-space:nowrap; } @media (max-width: 782px) { body div#site-titlebar span#site-menu-search { width:calc(50vw - 6em); } } body div#site-titlebar span#site-menu-search a#search-button { padding:0; position:absolute; display:none; } body div#site-titlebar span#site-menu-search a#search-button img { width:1.25em; height:auto; } body div#site-titlebar span#site-menu-search:not(.empty) a#search-button { display:inline; } body div#site-titlebar span#site-menu-search label { position:absolute; padding:0.25em var(--wp--preset--spacing--grid-margin); pointer-events:none; display:none; } body div#site-titlebar span#site-menu-search.empty label { display:block; } body div#site-titlebar span#site-menu-search input#search-query-input { font-size:inherit; width:calc(100% - 2em); height:100%; padding:0.25em; margin-left:calc(var(--wp--preset--spacing--grid-margin) - 0.1em); box-sizing:border-box; border:none; font-family:inherit; font-weight:inherit; border-bottom:1px solid transparent; } body div#site-titlebar span#site-menu-search input#search-query-input:focus { border-bottom-color:var(--wp--preset--color--black, #000); } body div#site-titlebar span#site-menu-search:not(.empty) input#search-query-input { border-bottom-color:var(--wp--preset--color--black, #000); } body div#site-titlebar span#site-menu-search svg { fill:var(--wp--preset--color--black, #000); height:1.4em; width:auto; display:inline-block; vertical-align:bottom; transition:fill var(--hovertime); position: absolute; margin-top: -0.1rem; margin-left: 0.15rem; } /* CE */ body div#site-titlebar span#site-menu-open { width:calc(50% - 10em); position:relative; display:block; text-align:right; } @media (max-width: 782px) { body div#site-titlebar span#site-menu-open { width:calc(50vw - 6em); margin-right:var(--scrollbar-width); } } body div#site-titlebar span#site-menu-open a { text-decoration: none; }/* CE removed underline on non-hover state */ body div#site-titlebar span#site-menu-logo a { display:block; position:relative; } body div#site-titlebar span#site-menu-logo a #site-menu-logo-up svg { fill:var(--wp--preset--color--black, #000); } body div#site-titlebar span#site-menu-logo a #site-menu-logo-up svg { opacity:1; transition:opacity 0.25s; } body div#site-titlebar span#site-menu-logo a #site-menu-logo-down { opacity:0; transition:opacity 0.25s; position:absolute; width:10em; top:calc(50% - 0.5em); left:calc(50% - 5em); line-height:1em; text-align:center; } body div#site-titlebar:not(.scrolled-down) span#site-menu-logo a #site-menu-logo-up { opacity:1; } body div#site-titlebar:not(.scrolled-down) span#site-menu-logo a #site-menu-logo-down { opacity:0; } body div#site-titlebar.scrolled-down span#site-menu-logo a #site-menu-logo-up { } body div#site-titlebar.scrolled-down span#site-menu-logo a #site-menu-logo-up svg { opacity:0; } body div#site-titlebar.scrolled-down span#site-menu-logo a #site-menu-logo-down { opacity:1; } body div#site-titlebar span#site-menu-logo a svg { transition:opacity var(--hovertime); display:block; height:2em; width:auto; } body div#site-titlebar a { padding:var(--wp--preset--spacing--grid-margin); display:inline-block; } body div#search-results { padding-top:var(--site-titlebar-height); display:none; } body.searchresults div#search-results { display:block; } body.searchresults main { padding-top:0px; } body.searchresults main >:not(#footer) { display:none; } body span#site-menu-close { width:calc(var(--vw) * 33.33 - var(--scrollbar-width)); display:block; text-align:right; position:absolute; top:0; z-index:1; background-color:var(--wp--preset--color--white); border-bottom: 1px solid var(--wp--preset--color--black, #000); opacity:1; } @media (max-width: 782px) { body span#site-menu-close { width:100%; } } body span#site-menu-close a { padding:var(--wp--preset--spacing--grid-margin); height:calc(2em - 1px); display:inline-flex; align-items:center; width:calc(100% - var(--wp--preset--spacing--grid-margin) * 2); justify-content:flex-end; text-decoration:none; height:2em; } body span#site-menu-close-reserve { display:block; text-align:right; } body span#site-menu-close-reserve span { padding:var(--wp--preset--spacing--grid-margin); height:calc(2em - 1px); display:block; align-items:center; width: calc(100% - var(--wp--preset--spacing--grid-margin) * 2); justify-content:flex-end; } body span#site-search-close { display:block; text-align:right; position:absolute; width:100%; top:0; z-index:1; background-color:var(--wp--preset--color--white); border-bottom: 1px solid var(--wp--preset--color--black, #000); opacity:1; } body span#site-search-close a { padding:var(--wp--preset--spacing--grid-margin); height:calc(2em - 1px); display:inline-flex; align-items:center; width:calc(100% - var(--wp--preset--spacing--grid-margin) * 2); justify-content:flex-end; text-decoration:none; } body span#site-search-close-reserve { display:block; text-align:right; } body span#site-search-close-reserve span { padding:var(--wp--preset--spacing--grid-margin); height:calc(2em - 1px); display:block; align-items:center; width: calc(100% - var(--wp--preset--spacing--grid-margin) * 2); justify-content:flex-end; } body div#site-search { position:fixed; z-index:20; display:none; } body div#site-search div#site-search-blocker { position:fixed; top:var(--wp-admin--admin-bar--height, 0px); left:0; width:var(--bodywidth); bottom:0; background-color:transparent; opacity:0; pointer-events:none; transition:background-color 0.7s; } body.site-search div#site-search div#site-search-blocker { background-color:var(--wp--preset--color--gray); pointer-events:auto; } body div#site-search div#site-search-outer { width:min(100%); left:0px; position:fixed; box-sizing:border-box; top:var(--wp-admin--admin-bar--height, 0px); bottom:0px; pointer-events:none; } body div#site-search div#site-search-outer div#site-search-inner { opacity:0.0; width:calc(var(--vw) * 33.33); transition:left 0.7s, opacity 0.4s; left:calc(var(--vw) * -33.33); position:absolute; background-color:var(--wp--preset--color--white); top:0; bottom:0; overflow-y:auto; overflow-x:hidden; border-right:1px solid var(--wp--preset--color--black, #000); } @media (max-width: 782px) { body div#site-search div#site-search-outer div#site-search-inner { width:100%; } } body.site-search div#site-search div#site-search-outer div#site-search-inner { opacity:1; left:0px; pointer-events:auto; } body div#site-menu { position:fixed; top:var(--wp-admin--admin-bar--height, 0px); left:0; right:0; bottom:0; z-index:20; pointer-events:none; display:none; } body div#site-menu div#site-menu-blocker { position:absolute; left:0; right:0; bottom:0; top:0; background-color:transparent; pointer-events:none; transition:background-color 0.7s; } body.site-menu div#site-menu div#site-menu-blocker { pointer-events:auto; } body div#site-menu div#site-menu-blocker2 { position:fixed; left:calc(var(--bodyfixedleft) + var(--bodywidth) + 1px); top:var(--wp-admin--admin-bar--height, 0px); bottom:0; right:0; background-color:white; z-index:99999; pointer-events:none; /*** header wide begin ***/ display:none; /*** header wide end ***/ } body div#site-menu div#site-menu-outer { width:100%; left:0px; position:absolute; box-sizing:border-box; top:0px; bottom:0px; pointer-events:none; /*** header wide begin ***/ /* width: var(--bodywidth); left: var(--bodymarginleft); */ /*** header wide end ***/ } body div#site-menu div#site-menu-outer div#site-menu-inner { opacity:0; position:absolute; top:0; right:calc(var(--vw) * -33.33 - 1px); width:calc(var(--vw) * 33.33); bottom:0; overflow-x:hidden; overflow-y:scroll; background:var(--wp--preset--color--white); white-space:nowrap; transition:right 0.7s, opacity 0.4s; display:flex; flex-direction:column; border-left:1px solid var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner .is-layout-flex.is-vertical .is-layout-flex.is-vertical { height:unset !important; gap:2em; } body.site-menu div#site-menu div#site-menu-outer div#site-menu-inner { opacity:1; right:0px; pointer-events:auto; } /* CE updating opacity to 1 */ @media (max-width: 782px) { body div#site-menu div#site-menu-outer div#site-menu-inner { width:100%; } } body div#site-menu div#site-menu-outer div#site-menu-inner > ul > li { margin-bottom:3em; } body div#site-menu div#site-menu-outer div#site-menu-inner :not(span#site-menu-close) > a + a { font-size:75%; color:blue; vertical-align:middle; margin-left:5em; position:absolute; top:var(--wp--preset--spacing--grid-margin); left:50%; flex-grow:0; } body div#site-menu div#site-menu-outer div#site-menu-inner img:not(:is(figure img)) { padding-left:0.25em; width:0.6em; min-width:0.75rem; height:auto; } body div#site-menu div#site-menu-outer div#site-menu-inner p { margin:0; padding:0; position:relative; } body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion { position:relative; } body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion p { margin:0; padding:0; position:initial; } body div#site-menu div#site-menu-outer div#site-menu-inner div.is-vertical > div:first-child p:not(:is(.lb-accordion p)):not(:last-of-type) { border-bottom:1px solid var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner div.is-vertical > div:first-child p:not(:is(.lb-accordion p)) > a { display:block; padding:var(--wp--preset--spacing--grid-margin); } body div#site-menu div#site-menu-outer div#site-menu-inner div.is-vertical > div:first-child p:not(:is(.lb-accordion p)) > a { padding-left:calc(3 * var(--wp--preset--spacing--grid-margin)); } body div#site-menu div#site-menu-outer div#site-menu-inner div.is-vertical > div:first-child > div > div > p:not(:is(.lb-accordion p)) > a { padding-left:var(--wp--preset--spacing--grid-margin); } body div#site-menu div#site-menu-outer div#site-menu-inner a { text-decoration:none !important; } html.keyed :focus svg.lb-accordion-icon rect { fill: rgba(217,217,217,1); } body div#site-menu div#site-menu-outer div#site-menu-inner a { color:var(--wp--preset--color--black, #000); transition:color var(--hovertime); } body div#site-menu div#site-menu-outer div#site-menu-inner:hover a { color:var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner.hover a { color:var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner a:hover { color:var(--wp--preset--color--yellow); } /* CE changed from grey to yellow */ body div#site-menu div#site-menu-outer div#site-menu-inner a.hover { color:var(--wp--preset--color--yellow); } /* CE changed from grey to yellow */ body div#site-menu div#site-menu-outer div#site-menu-inner img { transition:opacity var(--hovertime); } body div#site-menu div#site-menu-outer div#site-menu-inner div:hover > figure img { opacity:var(--hoverfade); } body div#site-menu div#site-menu-outer div#site-menu-inner div.hover > figure img { opacity:var(--hoverfade); } body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion { color:var(--wp--preset--color--black, #000); transition:color var(--hovertime); } body div#site-menu div#site-menu-outer div#site-menu-inner:hover .lb-accordion { color:var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner.hover .lb-accordion { color:var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion:hover { color:var(--wp--preset--color--yellow); } /* CE changed from grey to yellow */ body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion.hover { color:var(--wp--preset--color--yellow); } /* CE changed from grey to yellow */ body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion svg.lb-accordion-icon line { stroke:var(--wp--preset--color--black, #000); transition:stroke var(--hovertime); } body div#site-menu div#site-menu-outer div#site-menu-inner:hover .lb-accordion svg.lb-accordion-icon line { stroke:var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner.hover .lb-accordion svg.lb-accordion-icon line { stroke:var(--wp--preset--color--black, #000); } body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion:hover svg.lb-accordion-icon line { stroke:var(--wp--preset--color--yellow); } /* CE changed from grey to yellow */ body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion.hover svg.lb-accordion-icon line { stroke:var(--wp--preset--color--yellow); } /* CE changed from grey to yellow */ body div#site-menu div#site-menu-outer div#site-menu-inner .lb-accordion a { text-decoration:underline !important; } body.site-menu { overflow:hidden; margin-right:var(--scrollbar-width, 0px); } body.site-menu div#site-menu { pointer-events:auto; } body #wpadminbar { position:fixed !important; } body.site-menu #wpadminbar { width:calc(100% - var(--scrollbar-width, 0px)); } body #wpadminbar .quicklinks { float:none !important; display:flex; white-space:nowrap; justify-content:space-between; } body #wpadminbar .quicklinks ul:not(#wp-admin-bar-user-actions) { float:none !important; display:flex; white-space:nowrap; } body #wpadminbar .quicklinks *:not(is(#wp-admin-bar-user-actions *)) { float:none !important; display:inline-block; } .stickycontainer { transition:background-color 0.8s, border 0.8s, margin 0.3s; margin-top:-1px; } .stickycontainer.sticky-locked { background:rgba(255,255,255,1); } .stickycontainer.sticky-after { background:rgba(255,255,255,1); } .stickycontainer#productnav-links-stickycontainer { z-index:10; background:rgba(255,255,255,1); } /*.stickycontainer#productnav-links-stickycontainer.sticky-before { border-bottom:1px solid var(--wp--preset--color--black, #000); } .stickycontainer#productnav-links-stickycontainer.sticky-locked { border-bottom:1px solid var(--wp--preset--color--black, #000); } */ .productnav-links { --linkspacing:calc(max(1em, var(--wp--preset--spacing--grid-margin) * 0.25)); text-align:center; border-top:1px solid var(--wp--preset--color--black, #000); overflow:hidden; } .productnav-links.productnav-scroll > div { width:calc(100% - 2 * var(--wp--preset--spacing--grid-margin) - 3em); margin:0 auto; overflow:hidden; } .productnav-links div div { display:flex; gap:0; align-items:center; width:max-content; } .productnav-links div div a { white-space:normal !important; display:inline-block; padding:var(--wp--preset--spacing--grid-margin) var(--linkspacing); max-width:calc(40 * var(--vw)); text-align:center; flex-grow:0; flex-shrink:0; user-select:none; } .productnav-links div div a:first-child { padding-left:var(--wp--preset--spacing--grid-margin); } .productnav-links div div a:last-child { padding-right:var(--wp--preset--spacing--grid-margin); } #productnav-links { /*** header wide begin ***/ margin-left:calc(0px - var(--bodymarginleft)); width:var(--fullwidth); /*max-width:var(--fullwidth);*/ /*** header wide end ***/ border-bottom:1px solid var(--wp--preset--color--black, #000); margin-bottom:-1px; background-color:#fff; } .productnav-links a#productnav-links-prev { line-height:1em; position:absolute; left:0; padding:var(--wp--preset--spacing--grid-margin) 0.35em; padding-right:0.35em; top:calc(50% - 0.75em - var(--wp--preset--spacing--grid-margin)); display:none; } .productnav-links a#productnav-links-next { line-height:1em; position:absolute; right:0; padding:var(--wp--preset--spacing--grid-margin) 0.35em; padding-left:0.35em; top:calc(50% - 0.75em - var(--wp--preset--spacing--grid-margin)); display:none; } .productnav-links a#productnav-links-prev img { height:1.5em; width:auto; } .productnav-links a#productnav-links-next img { height:1.5em; width:auto; } .productnav-links .productnav-arrow-disabled { opacity:0.25; } .productnav-links .productnav-arrow-disabled:hover { text-decoration:none !important; } .productnav-links .productnav-arrow-disabled.hover { text-decoration:none !important; } .productnav-links.productnav-scroll a#productnav-links-prev { display:block; } .productnav-links.productnav-scroll a#productnav-links-next { display:block; } body.productnav-drag, body.productnav-drag * { cursor:grabbing; user-select:none; } .productguideimage { width:100%; aspect-ratio:4 / 3; position:relative; height:100% !important; width:auto !important; display:block; margin:0 auto; margin-bottom:var(--wp--preset--spacing--paragrapgh); background-size:contain; background-repeat:no-repeat; background-position:center bottom; } @media (max-width: 782px) { .leftonlymobile thead { display:none; } } @media (max-width: 782px) { .leftonlymobile td:not(:first-child) { display:none; } } @media (max-width: 782px) { .h3-mobile + .lb-accordionbody > :first-child { border-top:1px solid var(--wp--preset--color--black, #000); } } @media (max-width: 782px) { .h3-mobile p:first-child { font-size:1.5rem; } } @media (max-width: 782px) { .blockmobile { display:block !important; } } @media (max-width: 782px) { .bordertopmobile + .lb-accordionbody > div:first-child { border-top:1px solid var(--wp--preset--color--black, #000) !important; } } @media (max-width: 782px) { .lb-accordionmobile p { padding-bottom:0 !important; } } .productnav-tab { display:none; } .productnav-tab.selected { display:block; } .productnav-link.selected { color:var(--wp--preset--color--gray); } .productnav-tab > :first-child { margin-top:0px !important; padding-top:0px !important; border-top:none !important; } .productnav-tab > div:first-of-type { margin-top:0px !important; padding-top:0px !important; border-top:none !important; } .productnav-tab > h2:first-child { margin-top:var(--wp--preset--spacing--grid-margin) !important; } @media (max-width: 782px) { #modal-inner { max-height:100dvh; height:100dvh; max-width:var(--bodywidth); width:var(--bodywidth); } } html.modal-open body { overflow:hidden; margin-right:var(--scrollbar-width, 0px); } html.modal-open #wpadminbar { width:calc(100% - var(--scrollbar-width, 0px)); } /* ///// CAROUSEL SPRITESHEET CODE START ///// */ /* CE - 070324 - setting up a carousel spritesheet object */ #carousel__spritesheet { display: none; background-image: url('./sheet__logo.webp'); background-repeat: no-repeat; display: block; width: 960px; height: 540px; height: auto; aspect-ratio: 16 / 9; transform-origin: top left; margin:0 auto; } body div.lb-carousel iframe { width: 100%; height: 100%; } @media (orientation: landscape) and (max-width: 782px) { body div.lb-carousel iframe { width: 100%; height: 75%; } } /* ///// CAROUSEL SPRITESHEET CODE END ///// */ body div.lb-carousel { height:calc(37.5 * var(--vw) - 2em - 2 * var(--wp--preset--spacing--grid-margin)) !important; } /* CE - 062424 disabling the carousel gallery */ :is(.lb-carousel, .lb-gallery) { --lbcar-thumbscale:0 !important; --lbcar-thumbmarginy:var(--wp--preset--spacing--grid-margin) !important; } :is(.lb-carousel, .lb-gallery) .lbcar-thumbs { display:none; } div#modal-inner .lb-carousel-modalwrapper .grid-inner .grid-img .img { background-position:center center; } body div.lb-carousel.news-carousel { height:20.67em !important; } /* body main > div:first-child.lb-carousel { height:calc(100 * var(--svh) - var(--wp-admin--admin-bar--height, 0px) - 13.1rem) !important; margin-left:calc(0px - var(--bodymarginleft)); width:max(var(--fullwidth), var(--bodywidth)); border-bottom:1px solid var(--wp--preset--color--black, #000); margin-bottom:-1px; } body.home main > div:first-child.lb-carousel { height:calc(100 * var(--svh) - var(--wp-admin--admin-bar--height, 0px) - 2em - 2 * var(--wp--preset--spacing--grid-margin)) !important; aspect-ratio:unset !important; } */ body main > div:first-child.lb-carousel { /*** header wide begin ***/ /* height:calc(50 * var(--vw)) !important; */ height:calc(75svh) !important; margin-left:calc(0px - var(--bodymarginleft)); width:max(var(--fullwidth), var(--bodywidth)); /*** header wide end ***/ border-bottom:1px solid var(--wp--preset--color--black, #000); margin-bottom:-1px; } body.home main > div:first-child.lb-carousel { height:calc(100svh - var(--wp-admin--admin-bar--height, 0px) - 2em - 2 * var(--wp--preset--spacing--grid-margin)) !important; /*** header wide begin ***/ /*height:calc(60 * var(--vw)) !important;*/ /*** header wide end ***/ aspect-ratio:unset !important; } @media (max-width: 782px) { body.home main > div:first-child.lb-carousel { height:min(calc(100 * var(--vw)), calc(101svh - (2em + 2 * var(--wp--preset--spacing--grid-margin)))) !important; } } body main > div:first-child.lb-carousel + div.wp-block-group { border-top:none !important; } * { scroll-margin-top:max(5em, 10dvh); scroll-margin-bottom:5em; } a.aural { color:black !important; } html.keyed .aural:focus { outline:1px solid rgba(0,0,128,0.25) !important; outline-offset:-2px !important; outline-width:2px !important; background:rgba(217,217,217,1) !important; } html.keyed div.lb-carousel-slide:focus figure div { outline:2px solid rgba(0,0,0,0.95) !important; outline-offset:-2px !important; outline-width:2px !important; } html.keyed .lb-carousel-modalwrapper div.lb-carousel-slide:focus { outline:none !important; } html.keyed .lb-carousel-modalwrapper div.lb-carousel-slide:focus figure div { outline:none !important; } .lb-carousel-modalwrapper { margin:0em 2rem; } .lb-carousel-modalwrapper .lb-carousel-closebtn { display:none; } .lb-carousel-modalwrapper .lb-carousel-skip { display:none !important; } .lb-carousel-modalwrapper .grid-inner { width:fit-content; display:block; height:100%; margin:0em auto; max-width:100%; position:relative; } .lb-carousel-modalwrapper .grid-inner .grid-img { display:block; width:fit-content; height:calc(100% - 6em); margin-bottom:2em; max-width:100%; } .lb-carousel-modalwrapper .grid-inner .grid-img:last-child { height:100%; margin-bottom:0em; } .lb-carousel-modalwrapper .grid-inner .grid-img .img { display:block; max-width:100%; height:100%; background-size:contain; background-position:center 80%; background-repeat:no-repeat; overflow:hidden; } .lb-carousel-modalwrapper .grid-inner .grid-img .img img { opacity:0; } .lb-carousel-modalwrapper .grid-badge { position:absolute; font-size:150%; margin-left:1em; margin-top:1em; } .lb-carousel-modalwrapper .grid-name { width:45%; position:absolute; bottom:0em; left:0em; min-height:3.75em; } .lb-carousel-modalwrapper .grid-links { width:45%; position:absolute; bottom:0em; right:0em; min-height:3.75em; text-align:right; } @media not (max-width: 782px) { .lb-carousel-modalwrapper .grid-name { font-size:150%; } .lb-carousel-modalwrapper .grid-links { font-size:150%; } } html.keyed a:focus .grid-img .img { outline:2px solid var(--wp--preset--color--black, #000); outline-offset:-2px; } html.keyed .grid-img a:focus .img { outline:2px solid var(--wp--preset--color--black, #000); outline-offset:-2px; } html.keyed a:focus:has(.grid-img) { outline:none !important; } html a .grid-img .img { transition:opacity var(--hovertime); } html a:not(:hover) .grid-img .img { opacity:1; } html .grid-img a .img { transition:opacity var(--hovertime); } html .grid-img a:not(:hover) .img { opacity:1; } /*html a:hover .grid-img .img { opacity:var(--hoverfade); }*/ /*html .grid-img a:hover .img { opacity:var(--hoverfade); }*/ html.keyed a:focus .grid-img .img { transition:none !important; } html.keyed .grid-img a:focus .img { transition:none !important; } sup { display:inline-block; font-size:38%; vertical-align:top; padding-top:0.7em; line-height:0; } .lb-breadcrumb { color:var(--wp--preset--color--gray); } .lb-breadcrumb a { color:var(--wp--preset--color--gray); } .lb-breadcrumb a:hover { color:var(--wp--preset--color--black, #000); } a :is(em,i) { transition:background-color var(--hovertime), color var(--hovertime); } .lb-carousel-zoommodal { height:calc(90dvh - 12rem); } @media (max-width: 782px) { .lb-carousel-zoommodal { height:calc(100dvh - 10rem); } } .lb-carousel-modalwrapper .lb-carousel-a { outline:none; } .lb-carousel-modalwrapper .aural { display:none; } .lb-carousel-modalwrapper .lbcar-slide:focus { background: none; outline: none; } body.home .grid2colalt figure.coverimage img { aspect-ratio:6 / 4; } div#overview-productnav-tab figure.coverimage img { aspect-ratio:6 / 4; } .hiddenonsite { display:none !important; width:0px; height:0px; position:fixed; opacity:0; } .zoom-center-0 div { background-position:center 0%; } .zoom-center-10 div { background-position:center 10%; } .zoom-center-20 div { background-position:center 20%; } .zoom-center-30 div { background-position:center 30%; } .zoom-center-40 div { background-position:center 40%; } .zoom-center-50 div { background-position:center 50%; } .zoom-center-60 div { background-position:center 60%; } .zoom-center-70 div { background-position:center 70%; } .zoom-center-80 div { background-position:center 80%; } .zoom-center-90 div { background-position:center 90%; } .zoom-center-100 div { background-position:center 100%; } figure.transformed { display:flex; } .blueinvert { filter:invert(1); background-color:#ffebcd; } /* /////////////// MODAL STYLES START /////////////////// */ #modal-outer { background-color: rgba(88,88,101,0.25); position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99999999; display: flex; align-items: center; justify-content: center; opacity: 0; } #modal-inner { background-color: white; opacity: 0; max-width: calc(90 * var(--vw)); max-height: 100dvh; overflow-x: hidden; overflow-y: auto; min-width: calc(20 * var(--vw)); min-height: 20dvh; height:fit-content; border: 1px solid var(--wp--preset--color--black, #000); } .lbinclude-newsletter-signup { /* CE 070224 updated from min(60em, calc(80 * var(--vw))) */ width: min(40em, calc(80 * var(--vw))); display:block; } .lbinclude-newsletter-signup p { /* CE 070224 trying to fix weird spacing issues on newsletter modal */ padding-top: 0 !important; padding-bottom: 1rem !important; } .lbinclude-newsletter-signup div.wp-block-group > div.wp-block-columns.is-layout-flex > div.wp-block-column.is-layout-flow > p { font-size: 0.7rem; } .lbinclude-newsletter-signup p em.buttons-from-italic-links-firefox115fix { width: calc(100% - var(--wp--preset--spacing--paragrapgh) / 1.75 ); } span.lbinclude-request-a-quote + div { padding-bottom:1em; } span.lbinclude-request-a-quote + div a.buttons-from-italic-links-firefox115fix { width: calc(90% - var(--wp--preset--spacing--paragrapgh) / 1.75 ); } span.lbinclude-request-a-quote p.has-large-font-size { padding-bottom: 1rem; } .lbinclude-newsletter-signup p em.buttons-from-italic-links-firefox115fix a { padding-top: 1.12rem; padding-bottom: 1.12rem; } .lb-modal-close-btn { z-index:999; position:absolute; right:0; font-size:2rem; padding:1.25rem; display:inline-block; text-decoration:none !important; } /* Mobile close button should have more padding.. */ @media (max-width: 782px) { .lb-modal-close-btn { padding: 2.15rem; } } /* Make the CTA buttons wider to match the content */ .lbinclude-newsletter-signup p em.buttons-from-italic-links-firefox115fix a, span.lbinclude-request-a-quote + div a.buttons-from-italic-links-firefox115fix em { width: 100%; } @media (max-width: 782px) { span.lbinclude-newsletter-signup > p:first-child { padding-top:1rem !important; } span.lbinclude-newsletter-signup p.has-large-font-size { padding-right:2rem; } } span.lbinclude-request-a-quote { display: inline-block; width: 22rem; text-align:center; } @media (max-width: 782px) { span.lbinclude-request-a-quote { width: unset; padding-left: 1.25rem; padding-right: 1.25rem; } } /* Granular control for modal form fields */ .mc-field-group { position:relative; display:block; padding:0.5em 0em; z-index:1; box-sizing:content-box; } @media (max-width: 782px) { .mc-field-group { padding:0.5em 0em 0.0em 0em; } } .mc-field-group .xfield { font-size:1.12rem; padding:0.5em; width:100%; box-sizing:border-box; border:none; border-bottom:1px solid var(--wp--preset--color--black, #000); background-color:transparent; } .mc-field-group label { font-size:1.12rem; padding:0.5em; position:absolute; z-index:-1; pointer-events:none; top:0.5em; left:0em; color:var(--wp--preset--color--black, #000); } .mc-field-group .xfield[xvalue]:not([xvalue=""]) + label { display:none; } .mc-field-group .xfield.required + label:after { content:'*'; color:var(--wp--preset--color--orange, #f00); } .mc-field-group .xfield.error { outline:2px solid var(--wp--preset--color--orange, #f00); } /* /////////////// MODAL STYLES END /////////////////// */ .legalpage h2 { font-size:1rem; font-size:2.625rem; margin-top:1rem; } @media (max-width: 782px) { p.has-text-align-center > .buttons-from-italic-links-firefox115fix { display:block !important; margin:0 auto; padding-bottom:1em; width: var(--button-min-width);} } /* CE - forcing centered buttons to have fixed width */ @media (max-width: 782px) { .buttonsstackmobile > .buttons-from-italic-links-firefox115fix { display:block !important; margin:0 auto; padding-bottom:1em; } } @media (max-width: 782px) { .tablefromcolumns > .wp-block-columns:first-child { font-size:0.8rem; } } .tablefromcolumns .wp-block-columns div.wp-block-column { align-self:center; } @media (max-width: 782px) { /* logo centered on mobile devices - CE */ body div#site-titlebar span#site-menu-logo { margin-right: 0.2rem; } body div#site-titlebar span#site-menu-logo span#site-menu-logo-down { margin-left: 0.6rem; } } @media (max-width: 782px) { .carousel-zoom-link { cursor:default; } } @media (max-width: 782px) { li.imgcount1.gridcell-1clickwired:has(.carousel-zoom-link) { cursor:default; } } .hpvideo video { height:calc(100% - 10rem); position:absolute; } .lbinclude-menu { min-height:calc(100% - 4em); } .sitemenunewarrival, .sitemenunewarrival *, .sitemenunewarrival:hover *, .sitemenunewarrival *:hover { opacity:1 !important; color:inherit !important; } #footer .social img { height:1em !important; width:auto !important; margin-left:0.25em; } figure.wp-block-table.leftonlymobile :is(td,th):not(:first-child) { width:8em; } ul { padding-inline-start:0; } :root :where(body) { --wp--style--root--padding-top: 0px; --wp--style--root--padding-right: 0px !important; --wp--style--root--padding-bottom: 0px; --wp--style--root--padding-left: 0px !important; } * { margin-block-start:unset !important; } @media not (max-width: 782px) { .gridncol .titlepositionfix { justify-content:flex-start !important; gap:0 !important; } .gridncol .titlepositionfix > :first-child { padding-top:calc(6.18 * var(--vw)) !important; padding-bottom:calc(6.18 * var(--vw) - 1em) !important; } .customspacedthreestack > :nth-child(1) { position:absolute; } .customspacedthreestack > :nth-child(2) { padding-top:calc(6.18 * var(--vw)) !important; padding-bottom:calc(6.18 * var(--vw) - 1em) !important; } } #search-results { } #search-results #search-results-all { display:none; } #search-results #search-results-pages { display:none; } #search-results #search-results-files { display:none; } #search-results #search-results-nothing { display:none; } #search-results[tab="all"] #search-results-all { display:block; } #search-results[tab="pages"] #search-results-pages { display:block; } #search-results[tab="files"] #search-results-files { display:block; } #search-results.search-results-hasnothing #search-results-nothing { display:block; } #search-results[tab="all"] a#search-results-button-all { color:var(--wp--preset--color--gray); } #search-results[tab="pages"] a#search-results-button-pages { color:var(--wp--preset--color--gray); } #search-results[tab="files"] a#search-results-button-files { color:var(--wp--preset--color--gray); } #search-results:not(.search-results-hasall) a#search-results-button-all { display:none; } #search-results:not(.search-results-haspages) a#search-results-button-pages { display:none; } #search-results:not(.search-results-hasfiles) a#search-results-button-files { display:none; } #search-results.search-results-hasnothing #search-results-buttons { display:none; } /*** header wide begin ***/ #search-results-header { margin-left:calc(0px - var(--bodymarginleft)); width:max(var(--bodywidth), var(--fullwidth)); } /*** header wide end ***/ .search-results-sticky { text-align:center; border-bottom:1px solid var(--wp--preset--color--black, #000); } .search-results-sticky :is(span, a) { padding:var(--wp--preset--spacing--grid-margin) calc(max(1em, var(--wp--preset--spacing--grid-margin) * 0.25)); display:inline-block; } #search-results-sticky-stickycontainer { background:white; z-index:2; width:max(var(--bodywidth), var(--fullwidth)) !important; /*** header wide begin ***/ left:0px !important; /*width:var(--bodywidth) !important;*/ /*** header wide end ***/ } #search-results-nothing { padding:var(--wp--preset--spacing--between-sections) var(--wp--preset--spacing--grid-margin) var(--wp--preset--spacing--between-sections) var(--wp--preset--spacing--grid-margin); border-bottom:1px solid var(--wp--preset--color--black, #000); } .search-img { display:inline-block; width:1.5em; height:1.5em; background-size:cover; } .search-img-hover { display:none; width:1.5em; height:1.5em; background-size:cover; position:absolute;} tr:hover .search-img-hover { display:block; } tr:hover .search-img { opacity:0; } /*.searchtable tr:hover .search-img { opacity:0.25; }*/ /*** header wide begin *** margin-left:calc(0px - var(--bodymarginleft)); width:var(--fullwidth); /*#productnav-links-stickycontainer { max-width:min(var(--fullwidth), var(--bodywidth)); }*/ /*** header wide end ***/ .alwayscenter { text-align:center !important; } @media (max-width: 782px) { #footer footer div.is-layout-flex { display:block; } #footer footer .wp-block-group p { text-align:center; } } .zoomrel { padding:4rem 3rem 4rem 3rem; position:relative; } .zoomrel .grid-name span[aria-hidden="true"] { position:absolute; } .zoomrel .grid-name .grid-name-label { bottom:unset; } .page-id-1743 .wp-block-group.rightblock em.buttons-from-italic-links-firefox115fix:hover, .page-id-1743 .wp-block-group a.buttons-from-italic-links-firefox115fix:hover, .page-id-2837 .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.footer-hover-highlight a:hover, .is-layout-constrained .wp-block-group-is-layout-constrained.footer-hover-highlight a:hover, .page-id-3863 .wp-block-group.footer-hover-highlight.titlepositionfix a.buttons-from-italic-links-firefox115fix:hover, p.site-wrap-button-hover em.buttons-from-italic-links-firefox115fix a:hover { background-color: #ffaa00 !important; color: #001432 !important; pointer-events: none; } .page-id-7 .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.footer-hover-highlight a:hover, .page-id-7 .wp-block-group.customspacedthreestack a.buttons-from-italic-links-firefox115fix em:hover, .page-id-5320 p.has-text-align-center.site-wrap-footer-button a.buttons-from-italic-links-firefox115fix:hover { background-color: #001432 !important; color: #ffffff !important; } div#footer p.has-text-align-center.site-wrap-footer-button a.buttons-from-italic-links-firefox115fix:hover, p.site-wrap-button-hover em.buttons-from-italic-links-firefox115fix a:hover, p.has-text-align-center.site-wrap-footer-button a.buttons-from-italic-links-firefox115fix em:hover { background-color: #001432 !important; color: #ffffff !important; } tr.transformed.table-hover-highlight td.has-text-align-left a:hover{ pointer-events: none; }