/* * ========================================================================== * AUTO-GENERATED CSS FOR: Timken * DO NOT EDIT THIS FILE DIRECTLY. * Modify clients/4845/config.json or src/css/ files instead. * ========================================================================== */ /* --- File: src\css\01-base\02-base-layout.css --- */ /* ========================================================================== BASE LAYOUT ========================================================================== */ body, body[data-pagetype='CADPublisher'] { background: var(--clr-bg-main); margin: 0; } body .ui-widget { font-family: var(--font-main); font-size: 1em; } #plp-container { width: 80% !important; background: var(--clr-bg-main) !important; padding-bottom: 1rem !important; padding-top: 0rem !important; margin: 0 auto; } body[data-pagetype='Request'] #plp-container, body[data-pagetype='RequestConfirmation'] #plp-container, body[data-pagetype='Email'] #plp-container, body[data-pagetype='EmailConfirmation'] #plp-container { max-width: 65rem; } #plp-container > .ui-widget-content { background: transparent; border: none; } /* Column Layouts */ #plp-container .firstcolumn { width: 80% !important; } #plp-container .secondcolumn { width: 20% !important; } /* Global Link Styles */ #plp-anchors a, #plp-container .plp-page-rfi-switchbutton a, #plp-item-table-anchors a, #plp-list-description li div a, #plp-thumbs a, #plp-tree-description a, #recaptcha_privacy a, .plp-promo a, .plp-table-value a, .read-less-right a, .read-more-right a, .treeview a { text-decoration: none !important; color: var(--clr-link) !important; } #plp-anchors a:hover, #plp-container .plp-page-rfi-switchbutton a:hover, #plp-item-table-anchors a:hover, #plp-list-description li div a:hover, #plp-thumbs a:hover, #plp-tree-description a:hover, #recaptcha_privacy a:hover, .plp-promo a:hover, .plp-table-value a:hover, .read-less-right a:hover, .read-more-right a:hover, .treeview a:hover { text-decoration: underline !important; color: var(--clr-link-hvr) !important; } /* Hidden Elements / Resets */ a[href='/plp/htm/ibot.htm'], #plp-container > .plp-page-spacer12:first-child, #plp-container > .plp-page-spacer12:nth-of-type(2) { display: none; } /* Container Responsiveness (Base) */ @media (min-width: 1200px) { #plp-container, div[data-id='plp-searchbox'], #plp-terms { width: 80% !important; max-width: 1280px; } nav#plp-header-links { margin-right: max(10%, calc((100% - 1280px) / 2)) !important; } section#plp-cad-cartbench { padding-left: max(10%, calc((100% - 1280px) / 2)) !important; } } @media (max-width: 1199px) { #plp-container, div[data-id='plp-searchbox'], #plp-terms { width: 85% !important; } nav#plp-header-links { margin-right: 7.5%; } section#plp-cad-cartbench { padding-left: 7.5% !important; } } @media (max-width: 991px) { #plp-container, div[data-id='plp-searchbox'], #plp-terms { width: 90% !important; } nav#plp-header-links { margin-right: 5%; } section#plp-cad-cartbench { padding-left: 5% !important; } } @media (max-width: 767px) { #plp-container, div[data-id='plp-searchbox'], #plp-terms { width: 95% !important; } nav#plp-header-links { margin-right: 2.5%; } section#plp-cad-cartbench { padding-left: 2.5% !important; } } /* --- File: src\css\01-base\10-comp-buttons.css --- */ /* ========================================================================== COMP BUTTONS ========================================================================== */ /* --- Default Button Style (Secondary) --- */ .ui-button { transition: var(--btn-trans); background: var(--btn-sec-bg) !important; border: var(--btn-sec-brd) !important; color: var(--btn-sec-txt) !important; border-radius: var(--btn-rd); padding: var(--btn-pad) !important; font-size: var(--btn-fs) !important; box-shadow: var(--btn-shadow); font-weight: var(--btn-fw) !important; } .ui-button:hover, .ui-button:focus { background: var(--btn-sec-hvr-bg) !important; border: var(--btn-sec-hvr-brd) !important; color: var(--btn-sec-hvr-txt) !important; font-weight: 500; } /* --- Primary Button Style --- */ .ui-button-primary, button.ui-button[type='submit'], #plp-lnkDownload.ui-button .plp-button-download.ui-button { background: var(--btn-pri-bg) !important; border: var(--btn-pri-brd) !important; color: var(--btn-pri-txt) !important; } .ui-button-primary:hover, .ui-button-primary:focus, button.ui-button[type='submit']:hover, button.ui-button[type='submit']:focus, #plp-lnkDownload.ui-button .plp-button-download.ui-button:hover, #plp-lnkDownload.ui-button .plp-button-download.ui-button:focus { background: var(--btn-pri-hvr-bg) !important; border: var(--btn-pri-hvr-brd) !important; color: var(--btn-pri-hvr-txt) !important; } /* --- Dialog Close Buttons --- */ .ui-dialog-titlebar .ui-button { padding: 0 !important; border: none !important; } .ui-dialog-titlebar .ui-button:hover { background: none !important; } /* --- Custom Checkbox & Radio --- */ input[type='checkbox'], input[type='radio'] { appearance: none; -webkit-appearance: none; background: var(--clr-bg-surface); margin: 0 0 0 0; border: 1px solid var(--clr-border) !important; display: inline-grid; place-content: center; cursor: pointer; vertical-align: middle; } input[type='checkbox'] { width: 18px; height: 18px; border-radius: var(--rd-xs); position: relative; } input[type='checkbox']:checked { background: var(--clr-brand-primary); border-color: var(--clr-brand-primary) !important; } input[type='checkbox']::after { content: ''; width: 10px; height: 5px; border-left: 2px solid var(--clr-brand-primary-txt); border-bottom: 2px solid var(--clr-brand-primary-txt); transform: rotate(-45deg) translate(1px, -1px); opacity: 0; } input[type='checkbox']:checked::after { opacity: 1; } input[type='radio'] { width: 20px; height: 20px; border-radius: var(--rd-circle); } input[type='radio']:checked { border-color: var(--clr-brand-primary); } input[type='radio']::after { content: ''; width: 10px; height: 10px; border-radius: var(--rd-circle); background-color: var(--clr-brand-primary); transform: scale(0); transition: 120ms transform ease-in-out; } input[type='radio']:checked::after { transform: scale(1); } input[type='checkbox']:hover, input[type='radio']:hover { border-color: var(--clr-brand-primary); } input[type='checkbox']:focus-visible, input[type='radio']:focus-visible { outline: 2px solid var(--clr-brand-primary); outline-offset: 2px; } select.ui-widget-content { position: relative; display: inline-block; width: 100%; border: var(--brd-main); outline: none; border-radius: var(--rd-sm); padding: 0.5rem 0.75rem; font-size: 1rem; font-weight: 500; color: var(--clr-filter-txt); } select.ui-widget-content::after { content: ""; display: inline-block; margin-left: auto; width: 8px; height: 8px; border: solid var(--clr-brand-primary); border-width: 0 2px 2px 0; transform: rotate(45deg); } select.ui-widget-content option { padding: 0.25rem 0.5rem; /* Increase "tap" target and spacing */ margin-bottom: 0.25rem; border-radius: 0; cursor: pointer; } select.ui-widget-content option:checked, select.ui-widget-content option:hover { background: var(--clr-filter-hvr); color: var(--clr-filter-txt); } select.ui-widget-content option[data-selected="'selected'"] { background: var(--clr-filter-hvr); color: var(--clr-filter-txt); font-weight: 600; } /* --- File: src\css\01-base\11-comp-navigation.css --- */ /* ========================================================================== COMP NAVIGATION ========================================================================== */ #plp-bread-crumb { background: 0 0 !important; border: none !important; color: var(--clr-link-breadcrumb) !important; padding-left: 0 !important; font-weight: normal; padding: 1rem 0 !important; font-size: 0px; width: 100% !important; } #plp-bread-crumb a { color: var(--clr-link-breadcrumb) !important; text-decoration: none; font-size: var(--plp-breadcrumb-link-fs); } #plp-bread-crumb a:hover { color: var(--plp-breadcrumb-link-hvr-clr) !important; } #plp-bread-crumb a:not(:last-of-type)::after { content: var(--plp-breadcrumb-separator-content); color: var(--plp-breadcrumb-separator-clr); margin: 0em 0.5em 0em 0.5em; } #plp-bread-crumb a:first-child { margin-left: 0; } #plp-header-links { display: var(--plp-header-links-display); float: right; width: auto; box-sizing: border-box; color: var(--clr-link) !important; padding: 0.5rem 0.5rem!important; height: auto !important; } #plp-header-links > ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 1rem; padding: 0; margin: 0; margin-left: auto; list-style: none; } #plp-header-links > ul > li { display: flex; height: auto !important; margin: 0 !important; padding: 0 !important; flex-direction: row; align-items: center; color: var(--clr-brand-primary-txt) !important; font-weight: bold; } #plp-header-links > ul > li a { color: var(--clr-brand-primary-txt) !important; text-decoration: none !important; font-size: 1rem !important; line-height: initial !important; padding: 0.25rem 0rem 0.25rem 0.5rem!important; } #plp-header-links > ul > li a:hover { color: var(--clr-brand-primary-txt) !important; text-decoration: underline !important; } #plp-header-links > ul > li i { font-size: 1.5rem !important; color: var(--clr-brand-primary-txt) !important; top: initial !important; padding: 0 !important; margin: 0 !important; } /* Header Links pop-up window */ #ecomm-cart-info a#ecomm-view-cart, #ecomm-cart-info a#rfq-view-cart, #rfq-cart-info a#ecomm-view-cart, #rfq-cart-info a#rfq-view-cart { color: var(--btn-txt) !important; } #ecomm-cart-info a#ecomm-view-cart:hover, #ecomm-cart-info a#rfq-view-cart:hover, #rfq-cart-info a#ecomm-view-cart:hover, #rfq-cart-info a#rfq-view-cart:hover { color: var(--btn-pri-hvr-txt) !important; } #ecomm-cart-info img, #rfq-cart-info img { max-width: 50px; padding: 0 5px; } /* CAD Cart pop-up */ #plp-cad-cartbench ~ #plp-container > #plp-bread-crumb:first-child { margin-top: var(--plp-cad-cart-bread-crumb-margin-top); } #plp-cad-cartbench ~ #plp-container .ui-widget-content:not(#plp-page-actions) + #plp-bread-crumb { margin-top: 0; padding: 0 !important; } #plp-cad-cartbench { font-family: var(--font-main); padding: 0.5rem !important; width: 100%; box-sizing: border-box; position: absolute; background: var(--plp-cad-cart-bg); } #plp-cad-cartbench .filter-type { height: auto; margin: 0; } #plp-cad-cartbench .filter-button { padding: var(--btn-pad) !important; border-radius: var(--btn-rd) !important; background: var(--btn-pri-bg) !important; color: var(--btn-pri-txt) !important; margin: 0; border: none !important; font-weight: bold; } #plp-cad-cartbench .filter-button:hover { background: var(--btn-pri-hvr-bg) !important; color: var(--btn-pri-hvr-txt) !important; } #plp-cad-cartbench .filter-type-label { padding: 0rem; border: none; } #plp-cad-cartbench .filter-type-action { padding: 0rem; padding-left: 0.5rem; } #plp-cad-cartbench .plp-cadqueue > ul { width: max-content; min-width: 200px; margin: 0; } #plp-cad-cartbench .plp-cadqueue > ul > li { border-color: lightgray !important; border-radius: var(--rd-sm); margin: 0 0 0.25rem 0; border: var(--brd-main); padding: 0.5rem; } #plp-cad-cartbench .plp-cadqueue > ul li img { margin: 0; max-width: 64px; border-radius: var(--rd-sm); } #plp-cad-cartbench .plp-cadqueue > ul li a { color: var(--clr-link) !important; margin: 0 !important; font-size: 0.9rem; font-weight: bold; text-decoration: underline; } #plp-cad-cartbench menu.filter-list { background-color: #fff !important; border: none !important; border-radius: var(--rd-base); box-shadow: var(--shadow-widget); top: 1.6rem; padding: 0.75rem; } #plp-cad-cartbench .plp-cadqueue { color: #000; } #plp-cad-cartbench .plp-cadqueue + ol.all-container { height: auto; } #plp-cad-cartbench .plp-cadqueue + ol.all-container > li > .close { float: none; display: flex; } #plp-cad-cartbench .plp-cadqueue + ol.all-container > li > .close a { font-weight: 600; padding: var(--btn-pad); display: inline-block; margin: 0; transition: var(--btn-trans); border-radius: var(--btn-rd); background-color: var(--btn-pri-bg) !important; border-color: var(--btn-pri-brd) !important; color: var(--btn-pri-txt) !important; min-width: 200px; text-align: center; width: 100%; } #plp-cad-cartbench .plp-cadqueue + ol.all-container > li > .close a:hover { text-decoration: underline; background-color: var(--btn-pri-hvr-bg) !important; border-color: var(--btn-pri-hvr-brd) !important; color: var(--btn-pri-hvr-txt) !important; } /* --- File: src\css\01-base\12-comp-forms.css --- */ /* ========================================================================== COMP FORMS ========================================================================== */ input[type='text'] { padding: 0.5rem; border-radius: 8px; width: 100%; border-color: var(--clr-border) !important; } input[type='text']:focus { outline: 1px solid var(--clr-brand-primary) !important; border: 1px solid var(--clr-brand-primary) !important; } #formholder .plp-form-textfield, #formholder .plp-form-textfield input, #formholder .plp-form-textfield textarea, #formholder .plp-form-email-textfield, #formholder .plp-form-email-textfield input, #formholder .plp-form-email-textfield textarea { border: 1px solid var(--clr-border); } body[data-pagetype='Request'] .buttonBar.plp-form-button:first-child, body[data-pagetype='Email'] .buttonBar.plp-form-button:first-child, body[data-pagetype='EmailCart'] .buttonBar.plp-form-button:first-child, body[data-pagetype='UserData'] .buttonBar.plp-form-button:first-child { display: none; } body[data-pagetype='Request'] .buttonBar.plp-form-button, body[data-pagetype='Email'] .buttonBar.plp-form-button, body[data-pagetype='EmailCart'] .buttonBar.plp-form-button, body[data-pagetype='UserData'] .buttonBar.plp-form-button { border: none; padding: 0; width: 100%; margin: 1rem 0 0 0; } .plp-cadrfx-group-body { box-sizing: border-box; } .plp-request-info-form td.plp-form-heading, .plp-request-info-form td.plp-form-textfield, .plp-request-email-info-form td.plp-form-email-heading, .plp-cadrfx-group-body td.plp-cadrfx-left-panel, .plp-cadrfx-group-body td.plp-cadrfx-right-panel, .plp-cadrfx-group-body td.plp-form-heading { background: none; border: 1px solid var(--clr-border) !important; color: var(--clr-txt-main); padding: 8px; } .plp-cadrfx-group-body input { border: 1px solid var(--clr-border); border-radius: 3px; } .plp-cadrfx-group-body select { border-radius: 3px; font-size: 0.9rem; } /* Form Styles */ body[data-pagetype='Request'] .plp-request-info-form, body[data-pagetype='RequestConfirmation'] .plp-request-info-form:has(table), body[data-pagetype='Email'] .plp-request-email-info-form { box-shadow: var(--shadow-main); padding: 0; border-radius: var(--rd-base); width: -webkit-fill-available; width: -moz-available; background: var(--clr-bg-surface); overflow: auto; } body[data-pagetype='Request'] .plp-request-info-form .plp-product-info.ui-state-default, body[data-pagetype='RequestConfirmation'] .plp-request-info-form:has(table) .plp-product-info.ui-state-default, body[data-pagetype='Email'] .plp-request-email-info-form .plp-product-info.ui-state-default { background: var(--clr-brand-secondary); color: var(--clr-brand-secondary-txt); } #formholder { margin: 1rem 0; box-sizing: border-box; padding: 1rem; background: var(--clr-bg-main); font-weight: bold; font-size: 1.5rem; } #formholder > table { border-spacing: 0px; margin: 0 -1rem; width: calc(100% + 2rem) !important; } #formholder > table > tbody > tr > td { border: none !important; border-bottom: 1px solid var(--clr-bg-main) !important; border-radius: 0px !important; padding: 0.75rem 1.5rem; background: var(--clr-bg-surface) !important; font-size: 1rem; } #formholder > table > tbody > tr > td input[type='text'], #formholder > table > tbody > tr > td textarea { padding: 0.5rem; border-radius: 8px; width: 100%; border-color: var(--clr-border) !important; } #formholder > table > tbody > tr > td input[type='text']:focus, #formholder > table > tbody > tr > td textarea:focus { outline: 1px solid var(--clr-brand-primary) !important; border: 1px solid var(--clr-brand-primary) !important; } #formholder > table > tbody > tr:first-child > td { border: none !important; color: var(--clr-txt-muted); background: var(--clr-bg-main) !important; font-style: italic; } #formholder p { margin: 0; } #formholder a { text-decoration: underline; } /* --- File: src\css\01-base\13-comp-ui-elements.css --- */ /* ========================================================================== COMP UI ELEMENTS ========================================================================== */ /* JQuery UI Header Styles */ .header .ui-widget-header a strong { color: var(--plp-table-filter-header-color) !important; font-size: var(--plp-table-filter-header-fs); font-weight: var(--plp-table-filter-header-fw); } .ui-widget-header, .ui-state-default.ui-state-active > a, .ui-widget-header .ui-state-default.ui-state-active, .ui-state-active, .ui-state-active > a, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .filter-option a { background: var(--clr-brand-primary) !important; border: 1px solid var(--clr-brand-primary) !important; color: var(--clr-brand-primary-txt) !important; } .ui-widget-header.plp-action-bar, .ui-widget-header .ui-state-default, .ui-accordion .ui-accordion-header.ui-state-default, .ui-tabs-nav .ui-tabs-anchor { background: var(--clr-brand-secondary) !important; border: 1px solid var(--clr-brand-secondary) !important; color: var(--clr-brand-secondary-txt) !important; } /* Hover & Focus States */ .ui-widget-content .ui-state-hover:not(.ui-button), .ui-widget-content .ui-state-focus { background: var(--clr-table-hgl) !important; border: none; } .ui-state-highlight:not(.ui-pnotify) { background: var(--clr-bg-surface); border-color: var(--clr-brand-primary); border-radius: 10px; } /* Tabs & Panels */ .ui-tabs .ui-tabs-panel { padding: 0 !important; } .ui-widget-shadow { display: none; } /* Dialogs */ .ui-dialog { border: none !important; border-radius: 10px; box-shadow: 0 0.5rem 1rem var(--shadow-widget); } .ui-dialog .ui-dialog-titlebar { border: none !important; border-radius: var(--rd-sm) var(--rd-sm) 0 0; background: var(--plp-dialog-titlebar-bg) !important; color: var(--plp-dialog-titlebar-color) !important; } .ui-dialog .ui-dialog-content { padding: 1rem !important; border: none !important; border-radius: 0 0 var(--rd-sm) var(--rd-sm); } .ui-dialog.ui-front.ui-draggable { z-index: 1000000 !important; overflow: auto; max-height: 95vh; max-width: 95vw; } /* PNotify Notifications */ .ui-pnotify .ui-pnotify-container { border-radius: 10px; } .ui-pnotify .ui-pnotify-container.ui-state-error { background: var(--clr-err-bg); border-color: var(--clr-err-brd); color: var(--clr-err-txt); } .ui-pnotify.custom-success { border-radius: 10px; border: none; } .ui-pnotify.custom-success .ui-pnotify-container { border-radius: 10px; background: var(--clr-ok-bg) !important; border-color: var(--clr-ok-brd) !important; color: var(--clr-ok-txt) !important; } .ui-widget-overlay { background: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(1px); } /* --- File: src\css\01-base\14-comp-page-header.css --- */ /* ========================================================================== COMP PAGE HEADER ========================================================================== */ #plp-page-actions { width: auto !important; float: right !important; padding: 0.5rem; display: flex; gap: 1rem; flex-direction: row-reverse; background: transparent; line-height: initial !important; margin: 0.25rem 0rem; } #plp-page-actions a { color: var(--clr-txt-main) !important; margin: 0 !important; text-decoration: none !important; font-size: var(--plp-page-actions-fs) !important; font-weight: var(--plp-page-actions-fw) !important; } body:not(.invisible) #plp-page-actions a { visibility: hidden; width: 0; } body:not(.invisible) #plp-page-actions a:before { visibility: visible; } #plp-category-header { padding: var(--plp-category-header-pad); background: var(--clr-title-bg); display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; border-radius: var(--rd-base) var(--rd-base) 0 0; } #plp-category-header h1 { font-size: var(--plp-category-header-fs) !important; font-weight: var(--plp-category-header-fw); margin: 0 !important; } #plp-category-header .plp-cad-icon { content: url("cad_icon.gif"); width: 4rem; height: 4rem; margin-left: auto; } #plp-product-title { box-sizing: border-box; background: var(--plp-product-title-bg); border-radius: var(--rd-base); padding: var(--plp-product-title-pad); box-sizing: border-box; width: 100% !important; overflow: visible; } #plp-product-title h1, #plp-product-title h2, #plp-product-title h3 { font-size: var(--plp-title-fs) !important; font-weight: var(--plp-title-fw); } #plp-product-title h3 { margin-top: 0px; } #plp-product-title [itemprop="sku"] { display: block; font-size: 2.25rem; font-weight: 800; margin-bottom: 1rem; } #plp-product-title [itemprop="name"] { display: block; font-size: 1rem; font-weight: 400; color: var(--clr-txt-muted); } #plp-product-title [itemprop="brand"] { display: block; font-size: 1.25rem; font-weight: 800; margin-bottom: 1rem; } #plp-product-title .plp-categorydescription { background: none; font-weight: normal; font-style: normal; } #plp-product-title p { font-weight: normal; margin: 0; color: var(--clr-txt-muted); } body:not([data-pagetype="Category"]) #plp-product-title > br { display: none; } @media (min-width: 768px) { #plp-product-title { padding: var(--plp-product-title-pad-lg); } #plp-product-title h1 { font-size: var(--plp-title-fs-lg) !important; } } .ui-widget-content + #plp-product-title { border-top-left-radius: 0; border-top-right-radius: 0; } #plp-product-title:has(+ #plp-buttonbar), #plp-product-title:has(+ #plp-advSearch) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #plp-product-title:has(+ #plp-advSearch) { border-bottom: var(--brd-main); } #plp-product-title + #plp-buttonbar, #plp-advSearch + #plp-buttonbar { padding: var(--plp-buttonbar-pad); background: var(--clr-bg-surface); margin: 0; box-sizing: border-box; border-radius: 0 0 var(--rd-base) var(--rd-base); margin-bottom: 1rem; } #plp-buttonbar { margin: 0.5rem 0rem; display: flex; gap: 0.5rem; flex-wrap: wrap; } #plp-buttonbar #plp-rfi { color: var(--clr-rfi) !important; border-color: var(--clr-rfi) !important; } #plp-buttonbar #plp-rfi:hover { color: var(--clr-rfi-hvr) !important; border-color: var(--clr-rfi-hvr) !important; } #plp-buttonbar #scope-plp-si:has(#plp-advsi) { margin-left: auto; } #plp-buttonbar #plp-advsi { background: var(--clr-brand-primary) !important; color: var(--clr-brand-primary-txt) !important; border-color: var(--clr-brand-primary) !important; } /* --- File: src\css\01-base\15-comp-pagination.css --- */ /* ========================================================================== COMP PAGINATION ========================================================================== */ #plp-page-pagination .plp-action-bar { background: var(--clr-action-bar-bg) !important; color: var(--clr-table-pg-txt) !important; border: none !important; font-weight: 600; font-size: 0.9rem; box-sizing: border-box; margin: 0; padding: 0.25rem 1rem; width: 100%; display: flex; align-items: center; border-radius: 0; } #plp-page-pagination .plp-action-bar #plp-action-bar-left { margin: 0; display: flex; align-items: baseline; flex-direction: row; flex-wrap: wrap; gap: 0.25rem; } #plp-page-pagination .plp-action-bar #plp-action-bar-left .plp-pageRange { margin-left: 0.5rem; } #plp-page-pagination .plp-action-bar .plp-action-bar-seperator { color: var(--clr-action-bar-sep) !important; } #plp-page-pagination .plp-action-bar .plp-pagination { line-height: initial; margin-left: auto; display: flex; flex-wrap: nowrap; } #plp-page-pagination .plp-action-bar .plp-pagination * { padding: 0.1rem 0.3rem; border-radius: 4px; height: auto; line-height: initial; width: auto; color: var(--clr-table-pg-txt); } #plp-sidebar-compare + #plp-page-pagination { border-radius: var(--rd-sm) var(--rd-sm) 0 0; overflow: hidden; } #plp-2-column + #plp-page-pagination { border-radius: 0 0 var(--rd-sm) var(--rd-sm); overflow: hidden; } /* --- File: src\css\01-base\90-util-responsiveness.css --- */ /* ========================================================================== UTIL RESPONSIVENESS ========================================================================== */ @media (max-width: 992px) { .plp-page-divider:has(+ #plp-page-pagination-table), #plp-page-pagination-table { width: 100% !important; } } @media (max-width: 768px) { body[data-pagetype='CategoryResult'] .firstcolumn, body[data-pagetype='CategoryResult'] .secondcolumn, body[data-pagetype='CategoryResult'] .plp-2-column-right #plp-sidebar, body[data-pagetype='CategoryResult'] .plp-2-column-right #plp-main, body[data-pagetype='ItemDetail'] .firstcolumn, body[data-pagetype='ItemDetail'] .secondcolumn, body[data-pagetype='ItemDetail'] .plp-2-column-right #plp-sidebar, body[data-pagetype='ItemDetail'] .plp-2-column-right #plp-main { width: 100% !important; } body[data-pagetype='Request'] .plp-request-info-form, body[data-pagetype='Email'] .plp-request-email-info-form { max-width: 100%; margin: 12px 0% 12px 0%; } #plp-page-actions a { visibility: hidden; width: 0; } #plp-page-actions a:before { visibility: visible; } nav#plp-header-links ul li.cart-widget, #express-ordering-widget { margin: 0 5px !important; } nav#plp-header-links ul li.cart-widget a, #express-ordering-widget a { padding-left: 0px; } .plp-action-bar { height: auto !important; } } /* --- File: src\css\01-base\91-util-print.css --- */ /* ========================================================================== UTIL PRINT ========================================================================== */ body.printpdf { box-sizing: border-box; width: 100%; padding: 0.5rem; } body.printpdf #plp-container { background: #fff !important; } body.printpdf .plp-item-specs .ui-accordion-content { padding: 0 !important; } body.printpdf .print-fax, body.printpdf .print-website { display: none !important; } body.printpdf .plp-item-table { border-bottom-left-radius: var(--rd-sm); border-bottom-right-radius: var(--rd-sm); } body.printpdf .plp-item-table tr:last-child > td { border-bottom-left-radius: var(--rd-sm); border-bottom-right-radius: var(--rd-sm); } body.printpdf #plp-item-page-specs h3 { margin: 0; } body.printpdf .plp-item-table tr td { font-size: var(--fs-sm); padding: 0.5rem !important; } body.printpdf a, body.printpdf td { font-size: 14px !important; } /* --- File: src\css\01-base\92-util-icons.css --- */ /* ========================================================================== UTIL ICONS ========================================================================== */ /* Font Awesome 6 Free CDN (Reference only) */ /* --- Page Actions: Print, Download, Email --- */ #plp-page-actions a.print, #plp-page-actions a.pdf, #plp-page-actions a.email, #plp-page-actions a.plp-pdfspan { position: relative; background-image: none; } #plp-page-actions a.print:before, #plp-page-actions a.pdf:before, #plp-page-actions a.email:before, #plp-page-actions a.plp-pdfspan:before { font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; } #plp-page-actions a.print:before { content: '\f02f'; font-weight: 900; } #plp-page-actions a.pdf:before, #plp-page-actions a.plp-pdfspan:before { content: '\f1c1'; font-weight: 400; } #plp-page-actions a.email:before { content: '\f0e0'; font-weight: 400; } /* --- Button Bar Icons --- */ #plp-buttonbar #plp-rfi:before, #plp-buttonbar #plp-ci:before, #plp-buttonbar #plp-si:before, #plp-buttonbar #plp-prnt:before, #plp-buttonbar #plp-prntcancel:before, #plp-buttonbar #plp-advsi:before, #plp-buttonbar #plp-clear:before, #plp-buttonbar #plp-cancel:before, #plp-buttonbar #plp-cadcart:before, #plp-buttonbar #plp-pscart:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-buttonbar #plp-rfi .ui-icon, #plp-buttonbar #plp-ci .ui-icon, #plp-buttonbar #plp-si .ui-icon, #plp-buttonbar #plp-prnt .ui-icon, #plp-buttonbar #plp-prntcancel .ui-icon, #plp-buttonbar #plp-advsi .ui-icon, #plp-buttonbar #plp-clear .ui-icon, #plp-buttonbar #plp-cancel .ui-icon, #plp-buttonbar #plp-cadcart .ui-icon, #plp-buttonbar #plp-pscart .ui-icon { display: none; } #plp-buttonbar #plp-rfi:before { content: '\f05a'; font-weight: 900; } #plp-buttonbar #plp-ci:before { content: '\f24d'; font-weight: 400; } #plp-buttonbar #plp-si:before { content: '\f002'; font-weight: 900; } #plp-buttonbar #plp-prnt:before { content: '\f1c1'; font-weight: 400; } #plp-buttonbar #plp-prntcancel:before { content: '\f104'; font-weight: 900; } #plp-buttonbar #plp-advsi:before { content: '\f002'; font-weight: 900; } #plp-buttonbar #plp-clear:before { content: '\f2f9'; font-weight: 900; } #plp-buttonbar #plp-cancel:before { content: '\f00d'; font-weight: 900; } #plp-buttonbar #plp-cadcart:before { content: '\f067'; font-weight: 900; } #plp-buttonbar #plp-pscart:before { content: '\f067'; font-weight: 900; } /* --- Image Gallery & Zoom --- */ body:not(.invisible) #imageCarousel .plp-sprite-image-zoom { visibility: hidden; z-index: 99; } body:not(.invisible) #imageCarousel .plp-sprite-image-zoom:before { font-family: 'Font Awesome 6 Free'; content: '\f065'; font-weight: 900; visibility: visible; position: absolute; right: 0; bottom: 0; line-height: initial; } .plp-popup-close-buttons button:before { font-family: 'Font Awesome 6 Free'; content: '\f00d'; font-weight: 900; margin-right: 10px; } /* --- Configurator Button Bar --- */ #plp-buttonbar-configure #plp-reset:before, #plp-buttonbar-configure #plp-cancel:before, #plp-buttonbar-configure #plp-result:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-buttonbar-configure #plp-reset .ui-icon, #plp-buttonbar-configure #plp-cancel .ui-icon, #plp-buttonbar-configure #plp-result .ui-icon { display: none; } #plp-buttonbar-configure #plp-reset:before { content: '\f2f9'; font-weight: 900; } #plp-buttonbar-configure #plp-cancel:before { content: '\f00d'; font-weight: 900; } #plp-buttonbar-configure #plp-result:before { content: '\f022'; font-weight: 900; } /* --- Sidebar Filters --- */ #plp-sidebar #plp-clear .ui-button-icon, #plp-sidebar #plp-filter .ui-button-icon { display: none; } #plp-sidebar #plp-clear:before, #plp-sidebar #plp-filter:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-sidebar #plp-clear:before { content: '\f0e2'; font-weight: 900; } #plp-sidebar #plp-filter:before { content: '\f0b0'; font-weight: 900; } /* --- Pagination View Toggles --- */ body:not(.invisible) #plp-page-pagination #thumbnailView, body:not(.invisible) #plp-page-pagination #tableView { visibility: hidden; width: 20px; margin-left: 5px; } body:not(.invisible) #plp-page-pagination #thumbnailView:before, body:not(.invisible) #plp-page-pagination #tableView:before { font-family: 'Font Awesome 6 Free'; visibility: visible; color: var(--clr-table-pg-txt, white); position: absolute; left: 0; top: 0; font-size: 20px; transform: translateY(-8px); } body:not(.invisible) #plp-page-pagination #thumbnailView:hover::before, body:not(.invisible) #plp-page-pagination #tableView:hover::before { color: var(--clr-brand-primary); } body:not(.invisible) #plp-page-pagination #thumbnailView:before { content: '\f0ce'; font-weight: 900; } body:not(.invisible) #plp-page-pagination #thumbnailView.plp-sprite-grid-thumbnail-inactive:before { color: var(--clr-brand-primary); } body:not(.invisible) #plp-page-pagination #tableView:before { content: '\f022'; font-weight: 500; } body:not(.invisible) #plp-page-pagination #tableView.plp-sprite-grid-table-inactive:before { color: var(--clr-brand-primary); } /* --- Downloads Section Asset Icons --- */ .plp-sprite-asset-pdf { background: none !important; width: auto !important; } .plp-sprite-asset-pdf:before { content: '\f1c1'; font-weight: 400; font-family: 'Font Awesome 6 Free'; color: var(--clr-txt-muted); display: inline-block; } .plp-sprite-asset-link, .plp-sprite-asset-html { background: none !important; width: auto !important; } .plp-sprite-asset-link:before, .plp-sprite-asset-html:before { content: '\f0c1'; font-weight: 900; font-family: 'Font Awesome 6 Free'; color: var(--clr-txt-muted); display: inline-block; } #SalesDrawing:has(img[src$='pdf_icon.jpg']) img { display: none; } #SalesDrawing:has(img[src$='pdf_icon.jpg']):after { content: '\f1c1'; font-weight: 400; font-family: 'Font Awesome 6 Free'; color: var(--clr-txt-muted); margin-left: 5px; } /* --- Generic UI Icons (Plus, Minus, Arrows) --- */ .ui-button-icon-only .ui-icon { position: absolute; top: 0; left: 0; padding: 0.25rem; } .ui-icon.ui-icon-minus, .ui-icon.ui-icon-plus, .ui-icon.ui-icon-triangle-1-n, .ui-icon.ui-icon-triangle-1-s, .ui-icon.ui-icon-closethick { visibility: hidden; height: auto; width: auto; margin: 0 !important; } .ui-icon.ui-icon-minus:before, .ui-icon.ui-icon-plus:before, .ui-icon.ui-icon-triangle-1-n:before, .ui-icon.ui-icon-triangle-1-s:before, .ui-icon.ui-icon-closethick:before { font-family: 'Font Awesome 6 Free'; text-indent: 0px; visibility: visible; display: block; } .ui-icon.ui-icon-minus:before { content: '\f068'; font-weight: 900; } .ui-icon.ui-icon-plus:before { content: '\2b'; font-weight: 400; } .ui-icon.ui-icon-triangle-1-n:before { content: '\f106'; font-weight: 900; } .ui-icon.ui-icon-triangle-1-s:before { content: '\f107'; font-weight: 900; } .ui-icon.ui-icon-closethick:before { content: '\f00d'; font-weight: 900; } /* --- CAD Interface Icons --- */ #plp-cad-emaildownload #plp-lnkDownload:before, #plp-cad-emaildownload #plp-lnkEmail:before, #plp-cad-emaildownload #plp-cadupdateuser:before { font-family: 'Font Awesome 6 Free'; margin-right: 5px; } #plp-cad-emaildownload #plp-lnkDownload:before { content: '\f019'; font-weight: 900; } #plp-cad-emaildownload #plp-lnkEmail:before { content: '\f0e0'; font-weight: 900; } #plp-cad-emaildownload #plp-cadupdateuser:before { content: '\f4ff'; font-weight: 900; } /* --- Keyword Search Specifics --- */ body[data-pagetype='Keyword'] .plp-sprite-tableArrowDown, body[data-pagetype='Keyword'] .plp-sprite-tableArrowUp { visibility: hidden; } body[data-pagetype='Keyword'] .plp-sprite-tableArrowDown:before, body[data-pagetype='Keyword'] .plp-sprite-tableArrowUp:before { font-family: 'Font Awesome 6 Free'; visibility: visible; position: absolute; left: 0; top: 0; text-indent: 0px; margin: 0px 1px; } body[data-pagetype='Keyword'] .plp-sprite-tableArrowDown:before { content: '\f107'; font-weight: 900; } body[data-pagetype='Keyword'] .plp-sprite-tableArrowUp:before { content: '\f106'; font-weight: 900; } /* --- Forms: Request Info & UDC --- */ #plp-request-info .fileinput-button:before, #plp-request-info .fileinput-button:after, #plp-request-info .buttonBar.plp-form-button button:before, #plp-request-info .buttonBar.plp-form-button button:after, #plp-udc-form-direct .fileinput-button:before, #plp-udc-form-direct .fileinput-button:after, #plp-udc-form-direct .buttonBar.plp-form-button button:before, #plp-udc-form-direct .buttonBar.plp-form-button button:after { font-family: 'Font Awesome 6 Free'; } #plp-request-info .fileinput-button:before, #plp-udc-form-direct .fileinput-button:before { content: '\f574'; font-weight: 900; margin-right: 10px; } #plp-request-info .buttonBar.plp-form-button button.plp-form-cancel:before, #plp-udc-form-direct .buttonBar.plp-form-button button.plp-form-cancel:before { content: '\f00d'; font-weight: 900; margin-right: 10px; } #plp-request-info .buttonBar.plp-form-button button.plp-form-submit:after, #plp-udc-form-direct .buttonBar.plp-form-button button.plp-form-submit:after { content: '\f101'; font-weight: 900; margin-left: 10px; } /* --- Cart Dialogs & Header Links --- */ #plp-cart-dialog #edit-attr-continueshopping:before, #plp-cart-dialog #edit-attr-view-cart:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-cart-dialog #edit-attr-continueshopping:before { content: '\f053'; font-weight: 900; } #plp-cart-dialog #edit-attr-view-cart:before { content: '\f07a'; font-weight: 900; } #ecomm-cart-info #ecomm-view-cart:before, #rfq-cart-info #rfq-view-cart:before { font-family: 'Font Awesome 6 Free'; content: '\f07a'; font-weight: 900; margin-right: 10px; display: inline-block; } #plp-cad-cartbench .plp-cadqueue + ol.all-container > li > .close > a:before { font-family: 'Font Awesome 6 Free'; content: '\f15b'; font-weight: 900; margin-right: 10px; } /* --- Cart Page Actions --- */ #ecomm-review-order .ecomm-remove-item-link:before { font-family: 'Font Awesome 6 Free'; margin-right: 5px; margin-left: 5px; display: inline-block; } #ecomm-review-order .ecomm-remove-item-link[data-action='remove']:before { content: '\f1f8'; font-weight: 900; } #ecomm-review-order .ecomm-remove-item-link[data-action='edit']:before { content: '\f044'; font-weight: 900; } #ecomm-shipping-estimate-button:before { font-family: 'Font Awesome 6 Free'; content: '\f1ec'; font-weight: 900; margin-right: 10px; } .ecomm-buttonbar > .ui-button:first-child::before { font-family: 'Font Awesome 6 Free'; content: '\f053'; font-weight: 900; margin-right: 10px; } .ecomm-buttonbar .ecomm-button-save-cart:before { font-family: 'Font Awesome 6 Free'; content: '\f0c7'; font-weight: 900; margin-right: 10px; } .ecomm-buttonbar .ecomm-proceed-checkout-button:after { font-family: 'Font Awesome 6 Free'; content: '\f054'; font-weight: 900; margin-left: 10px; } /* --- Cart Email & Print Pages --- */ #plp-cart-emailpage a.plp-form-cancel:before { font-family: 'Font Awesome 6 Free'; content: '\f00d'; font-weight: 900; margin-right: 10px; } #plp-cart-emailpage button.plp-form-submit:before { font-family: 'Font Awesome 6 Free'; content: '\f0e0'; font-weight: 900; margin-right: 10px; } #scope-ecomm-cancel-print a:before, .ui-button.ecomm-cancel-print-btn:before { font-family: 'Font Awesome 6 Free'; content: '\f00d'; font-weight: 900; margin-right: 10px; } #scope-ecomm-print button:before, body[data-pagetype='CartPrint'] button.ecomm-print-btn:before { font-family: 'Font Awesome 6 Free'; content: '\f02f'; font-weight: 900; margin-right: 10px; } /* --- Express Ordering --- */ #plp-expressorder #plp-express-search-go:before, #plp-expressorder #plp-express-add-btn:before, #plp-expressorder a.plp-expresscart-remove:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-expressorder #plp-express-search-go:before { content: '\f002'; font-weight: 900; } #plp-expressorder #plp-express-add-btn:before { content: '\f217'; font-weight: 900; } #plp-expressorder a.plp-expresscart-remove:before { content: '\f1f8'; font-weight: 900; margin-left: 5px; margin-right: 5px !important; } #plp-express-viewcart:before { font-family: 'Font Awesome 6 Free'; content: '\f07a'; font-weight: 900; margin-right: 10px; } /* --- CAD Cart Management --- */ #plp-cadcartmanageitems #plp-cadpart-searchbtn:before, #plp-cadcartmanageitems #plp-removecadcart:before, #plp-cadcartmanageitems #plp-cadcart-removeall:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-cadcartmanageitems #plp-cadpart-searchbtn:before { content: '\f002'; font-weight: 900; } #plp-cadcartmanageitems #plp-removecadcart:before { content: '\f068'; font-weight: 900; } #plp-cadcartmanageitems #plp-cadcart-removeall:before { content: '\f1f8'; font-weight: 900; } #plp-cadcartuserinfo #plp-cadcart-cancel:before, #plp-cadcartuserinfo #plp-cadcart-submit:before { font-family: 'Font Awesome 6 Free'; margin-right: 10px; } #plp-cadcartuserinfo #plp-cadcart-cancel:before { content: '\f00d'; font-weight: 900; } #plp-cadcartuserinfo #plp-cadcart-submit:before { content: '\f0e0'; font-weight: 900; } /* --- Feedback & Notifications (PNotify) --- */ body:not(.invisible) .ui-state-highlight .ui-icon.ui-icon-info { visibility: hidden; height: auto; } body:not(.invisible) .ui-state-highlight .ui-icon.ui-icon-info:before { font-family: 'Font Awesome 6 Free'; content: '\f05a'; font-weight: 900; text-indent: 0px; visibility: visible; display: block; } /* --- CAD Sales Drawing Loading Spinner --- */ @keyframes plp-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } [id^="divPleaseWaitSalesDrawing"] img[src$="elipsis.gif"] { display: none; } [id^="divPleaseWaitSalesDrawing"]::after { font-family: 'Font Awesome 6 Free'; content: '\f1ce'; font-weight: 900; display: inline-block; margin-left: 0.4em; vertical-align: middle; animation: plp-spin 1s linear infinite; } body:not(.invisible) .ui-pnotify div .ui-icon { visibility: hidden; height: 20px; } body:not(.invisible) .ui-pnotify div .ui-icon:before { font-family: 'Font Awesome 6 Free'; text-indent: 0px; visibility: visible; left: 0px; position: absolute; } body:not(.invisible) .ui-pnotify div .ui-icon.ui-icon-alert:before { content: '\f071'; font-weight: 900; } body:not(.invisible) .ui-pnotify div .ui-icon.ui-icon-circle-check:before { content: '\f058'; font-weight: 900; } body:not(.invisible) .ui-pnotify div .ui-icon.ui-icon-close:before { content: '\f00d'; font-weight: 900; margin-left: 3px; } body:not(.invisible) .ui-pnotify div .ui-icon.ui-icon-pin-w:before { content: '\f08d'; font-weight: 900; } body:not(.invisible) .ui-pnotify div .ui-icon.ui-icon-pin-s:before { content: '\e68f'; font-weight: 900; margin-right: 3px; } /* --- File: src\css\01-base\reset-jqueryui.css --- */ /* --- File: src\css\01-base\web-components.css --- */ /* --- File: src\css\03-pages\20-page-category.css --- */ /* ========================================================================== PAGE CATEGORY ========================================================================== */ #plp-container > #plp-thumbs { width: 100%; box-sizing: border-box; margin: 0; padding: 1rem 0; background: var(--clr-bg-main); display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.25rem; } #plp-container > #plp-thumbs .plp-thumb-row { display: contents; } #plp-container > #plp-thumbs .plp-thumb { background: var(--plp-thumb-bg); position: relative; width: auto; display: flex; flex-direction: column; align-items: center; margin: 0; padding: var(--plp-thumb-pad); border: var(--plp-thumb-brd); border-radius: var(--plp-thumb-rd); box-shadow: var(--plp-thumb-shadow); overflow: hidden; transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.28s ease; text-align: center; } #plp-container > #plp-thumbs .plp-thumb:hover, #plp-container > #plp-thumbs .plp-thumb.ui-state-hover { transform: translateY(var(--plp-thumb-hover-offset-y)); background: var(--plp-thumb-hover-bg) !important; border-color: rgba(45, 55, 72, 0.14) !important; box-shadow: var(--plp-thumb-hover-shadow) !important; } #plp-container > #plp-thumbs .plp-thumb img { align-self: stretch; display: block; width: 100%; height: var(--plp-category-thumb-img-h); max-width: 100%; object-fit: contain; object-position: center; margin-bottom: 0.65rem; padding: 0.25rem; box-sizing: border-box; border-radius: var(--rd-base); background: linear-gradient(165deg, #f4f6f9 0%, #fafbfc 45%, #ffffff 100%); flex-shrink: 0; } #plp-container > #plp-thumbs .plp-thumb h2 { font-size: var(--fs-base); align-self: stretch; width: 100%; margin: 0.35rem 0 0.15rem; padding: 0 0.25rem; line-height: 1.3; letter-spacing: -0.02em; flex-shrink: 0; } #plp-container > #plp-thumbs .plp-thumb h2 a { text-decoration: none !important; color: var(--plp-thumb-link-clr) !important; font-weight: var(--plp-thumb-link-fw); font-size: var(--fs-base); transition: color 0.2s ease; } #plp-container > #plp-thumbs .plp-thumb h2 a:hover { color: var(--plp-thumb-link-hvr-clr) !important; text-decoration: none !important; } #plp-container > #plp-thumbs .plp-thumb ul { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; padding: 0.875rem 0.5rem 0; margin: 0; margin-top: 0.5rem; width: 100%; box-sizing: border-box; font-size: var(--fs-sm); font-weight: var(--fw-normal); line-height: 1.45; text-align: center; border-top: 1px solid rgba(45, 55, 72, 0.1); } #plp-container > #plp-thumbs .plp-thumb ul li { list-style: none; margin: 0; padding: 0; max-width: 100%; } #plp-container > #plp-thumbs .plp-thumb ul li > a[href="#"]:has(+ a), #plp-container > #plp-thumbs .plp-thumb ul li > a:empty { display: none; } /* Stub before the real link (:empty misses whitespace/  inside) */ #plp-container > #plp-thumbs .plp-thumb ul li a { display: inline-block; color: var(--plp-thumb-link-clr) !important; text-decoration: none !important; padding: 0.3125rem 0.75rem; border-radius: 999px; transition: color 0.18s ease, background-color 0.18s ease; } #plp-container > #plp-thumbs .plp-thumb ul li a:hover { color: var(--plp-thumb-link-hvr-clr) !important; text-decoration: none !important; background-color: rgba(49, 130, 206, 0.1) !important; } #plp-container > #plp-thumbs .plp-thumb br { display: none; } #plp-list-description, #plp-tree-description { border-color: var(--plp-thumb-brd-clr); border: none; background: var(--clr-bg-main); transition: all 0.25s ease-in-out; } #plp-list-description > li, #plp-tree-description > li { border: 1px solid var(--plp-thumb-brd-clr) !important; border-radius: var(--rd-base); margin-bottom: 1rem; background: var(--clr-bg-surface); padding: 1rem !important; box-shadow: var(--plp-thumb-shadow); display: flex; flex-direction: row; flex-wrap: nowrap; } #plp-list-description > li:hover, #plp-tree-description > li:hover { box-shadow: 0 0 15px #0000001a; } #plp-list-description .plp-list-info, #plp-tree-description .plp-list-info { padding: 0rem; } #plp-list-description .plp-list-name, #plp-tree-description .plp-list-name { font-size: 1.375rem; margin-bottom: 0.5rem; } #plp-list-description li .plp-list-thumb a img, #plp-tree-description li .plp-list-thumb a img { border-radius: var(--plp-thumb-img-rd); min-width: 200px; } #plp-list-description .plp-list-thumb.plp-list-thumb-left { width: auto; flex: 0 0 220px; align-self: center; } /* --- File: src\css\03-pages\21-page-results.css --- */ /* ========================================================================== PAGE RESULTS ========================================================================== */ #plp-container #plp-page-pagination-table, #plp-container #plp-advSearchResults { width: 100% !important; } table.floatThead-table[style*='table-layout: fixed'] { margin-top: 197px !important; box-shadow: none !important; } @media (max-width: 768px) { table.floatThead-table[style*='table-layout: fixed'] { margin-top: 59px !important; } } .cad-fixed-popup { /* top: 100px !important; Adjust if there is a floating header */ z-index: 999999 !important; } table#plp-table-filter>tbody>tr:nth-child(odd) { background: var(--clr-table-row-odd); } table#plp-table-filter>tbody>tr:nth-child(even) { background: var(--clr-table-row-even); } table#plp-table-filter>tbody>tr.ui-state-default, #plp-thumbs .plp-thumb.ui-state-hover { background: var(--clr-table-hgl); } .plp-table-wrapper { border-color: var(--clr-table-brd); border: 1px solid var(--clr-table-brd); border-bottom: none; border-top: none; border-radius: 0; margin: 0px !important; box-sizing: border-box; } img[name='ImageCADViewer'] { max-width: 2rem; } a[data-url*='&Revit']>img[name='ImageCADViewer'] { max-width: 2rem; } img[src*='revit_icon.gif'] { max-width: 22px; margin-left: -5px; } body[data-pagetype='CategoryResult'] .ui-accordion .ui-accordion-content { padding: 0; border-color: var(--clr-table-brd); border-bottom-left-radius: var(--rd-sm); border-bottom-right-radius: var(--rd-sm); } .plp-table-wrapper .header .ui-widget-header { background: var(--plp-table-filter-header-bg) !important; color: var(--plp-table-filter-header-color) !important; padding: var(--plp-table-filter-header-pad) !important; border-width: var(--plp-table-filter-header-brd-w) !important; border-style: var(--plp-table-filter-header-brd-style) !important; border-color: var(--plp-table-filter-header-brd-color) !important; font-weight: var(--plp-table-filter-header-fw); font-size: var(--plp-table-filter-header-fs); } .plp-table-wrapper .header>tr+tr:not(:has(td[data-sort])) { display: none; } .plp-table-wrapper .header td[data-sort] { background: linear-gradient(to right, var(--clr-brand-accent) 0%, color-mix(in srgb, var(--clr-brand-accent) 60%, white) 50%, var(--clr-brand-accent) 100%); } .plp-table-wrapper .header td[data-normal] { background-color: var(--clr-brand-accent); } .plp-table-wrapper .plp-pagination a:hover { color: var(--clr-brand-secondary) !important; } .plp-table-wrapper #plp-thumbs { border-spacing: 10px 5px; } .plp-table-wrapper #plp-thumbs .plp-thumb { background: var(--clr-bg-translucent); border: var(--clr-border); box-shadow: var(--shadow-small); } #plp-table-filter td { color: var(--clr-table-txt); font-size: var(--plp-table-cell-fs); border-bottom: var(--plp-table-cell-btm-brd) !important; } .plp-info div { background: var(--clr-bg-translucent); border-radius: 8px; border-color: var(--clr-brand-secondary); box-shadow: var(--shadow-small); } /* No Wrap for PN */ #plp-table-filter tr td:first-child>span[itemprop='sku'] { display: flex; align-items: center; } #plp-table-filter tr td:first-child>span[itemprop='sku'] input { margin-right: 5px; } #plp-table-filter tr td:first-child>span[itemprop='sku'] a { /* white-space: nowrap; */ margin: auto; } #plp-table-filter tr td:first-child a { text-decoration: none !important; border-bottom: 1px solid var(--clr-brand-primary); color: var(--clr-text-mail) !important; font-weight: normal; } #plp-table-filter tr td:first-child a:hover { text-decoration: none !important; font-weight: 600; } #plp-table-filter input[type='checkbox'] { appearance: none; -webkit-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 2px solid var(--clr-brand-primary) !important; background-color: #fff; cursor: pointer; flex-shrink: 0; transition: background-color 0.15s ease, border-color 0.15s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cline x1='12' y1='5' x2='12' y2='19' stroke='%23ff8200' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='5' y1='12' x2='19' y2='12' stroke='%23ff8200' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 55%; } #plp-table-filter input[type='checkbox']:checked { background-color: var(--clr-brand-primary); border-color: var(--clr-brand-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .plp-2-column-right #plp-main { width: 100% !important; margin-top: 0.5rem !important; } #plp-2-column #plp-sidebar { border-color: transparent; padding: 1rem; box-sizing: border-box; border-radius: var(--rd-base); background: var(--plp-sidebar-bg); box-sizing: border-box; border: none; margin: 0.5rem 0; width: 100% !important; overflow: hidden; transition: all 0.5s ease-in-out; max-height: auto; } #plp-2-column #plp-sidebar.collapsed { max-height: 50px; } #plp-2-column #plp-sidebar.collapsed::after { content: ''; } #plp-2-column #plp-sidebar.collapsed #plp-clear { display: none; } #plp-2-column #plp-sidebar.expanded { max-height: 1000px; } #plp-2-column #plp-sidebar.expanded::after { content: ''; } #plp-2-column #plp-sidebar #plp-toggle-filters { border: none !important; background: transparent !important; font-size: 1.1rem; color: var(--clr-text-main) !important; font-weight: bold; padding: 0 0 1rem 0.5rem !important; cursor: pointer; z-index: 2; } #plp-2-column #plp-sidebar #plp-toggle-filters:hover { color: var(--clr-brand-primary-ada) !important; } #plp-2-column #plp-sidebar:not(:has(*)) { padding: 0; } #plp-2-column #plp-sidebar::before { font-family: 'Font Awesome 6 Free'; content: '\f0b0'; font-weight: 900; } #plp-2-column #plp-sidebar::after { content: 'Filter Products'; font-weight: bold; font-size: 1rem; } #plp-2-column #plp-sidebar #plp-sidebar-info { display: flex; flex-wrap: wrap; gap: 0.5rem; } #plp-2-column #plp-sidebar #plp-sidebar-info>span { flex: 1 1; min-width: 275px; } #plp-2-column #plp-sidebar #plp-clear { float: right; border: none !important; padding: 0 0 1rem 1rem !important; color: var(--clr-brand-primary) !important; } #plp-2-column #plp-sidebar #plp-clear:hover { background: transparent !important; } #plp-2-column #plp-sidebar .plp-filter { display: flex; flex-direction: column; position: relative; margin-top: 0rem; border-radius: var(--rd-sm); padding-top: 0rem; background: var(--clr-bg-surface); } #plp-2-column #plp-sidebar .plp-filter:hover { border-color: var(--clr-brand-secondary); } #plp-2-column #plp-sidebar .ui-accordion h3.ui-accordion-header { border-radius: var(--rd-sm); border: none !important; font-weight: bold; display: inline-block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; pointer-events: none; } #plp-2-column #plp-sidebar .ui-accordion .ui-accordion-content { padding: 0; border: none; } #plp-2-column #plp-sidebar h3.ui-accordion-header .ui-icon { display: none; } #plp-2-column #plp-sidebar select.ui-widget-content.plp-advlistbox { width: 100%; border: none; outline: none; border-top: none; border-bottom-left-radius: var(--rd-sm); border-bottom-right-radius: var(--rd-sm); padding: 0px; background: transparent; font-size: 0.8rem; color: var(--clr-filter-txt); } #plp-2-column #plp-sidebar select.ui-widget-content.plp-advlistbox option { padding: 0.25rem 0.5rem; margin-bottom: 0.25rem; border-radius: 5px; cursor: pointer; } #plp-2-column #plp-sidebar select.ui-widget-content.plp-advlistbox option:checked, #plp-2-column #plp-sidebar select.ui-widget-content.plp-advlistbox option:hover { background: var(--clr-filter-hvr); color: var(--clr-filter-txt); } #plp-2-column #plp-sidebar select.ui-widget-content.plp-advlistbox option[data-selected="'selected'"] { background: var(--clr-filter-hvr); color: var(--clr-filter-txt); font-weight: 600; } #plp-2-column #plp-sidebar .adv-attributecontrol { width: 100%; padding: 0.5rem; background: var(--clr-bg-surface); box-sizing: border-box; } #plp-2-column #plp-sidebar .plp-filter .adv-attributecontrol>ul { padding-left: 15px; } #plp-2-column #plp-sidebar .plp-filter .adv-attributecontrol>ul>li { list-style: none; } /* Category Result / Adv Search / Group thumbs table */ #plp-page-pagination-table #plp-thumbs, #plp-advSearchResults #plp-thumbs, #plp-group-page-pagination-table #plp-thumbs { width: 100%; box-sizing: border-box; margin: 0; padding: 1rem; background: var(--clr-bg-surface); display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } #plp-page-pagination-table #plp-thumbs .plp-thumb-row, #plp-advSearchResults #plp-thumbs .plp-thumb-row, #plp-group-page-pagination-table #plp-thumbs .plp-thumb-row { display: contents; } #plp-page-pagination-table #plp-thumbs .plp-thumb, #plp-advSearchResults #plp-thumbs .plp-thumb, #plp-group-page-pagination-table #plp-thumbs .plp-thumb { background: var(--plp-thumb-bg); position: relative; width: auto; display: flex; flex-direction: column; align-items: center; justify-content: space-between; margin: 0; padding: var(--plp-results-thumb-pad); border: var(--plp-thumb-brd); border-radius: var(--plp-thumb-rd); box-shadow: var(--plp-thumb-shadow); transition: transform 0.2s ease, box-shadow 0.2s ease; text-align: center; } #plp-page-pagination-table #plp-thumbs .plp-thumb img, #plp-advSearchResults #plp-thumbs .plp-thumb img, #plp-group-page-pagination-table #plp-thumbs .plp-thumb img { max-width: 100%; height: auto; margin-bottom: 1rem; object-fit: contain; border-radius: var(--rd-sm); } #plp-page-pagination-table #plp-thumbs .plp-thumb h2, #plp-advSearchResults #plp-thumbs .plp-thumb h2, #plp-group-page-pagination-table #plp-thumbs .plp-thumb h2 { font-size: var(--fs-base); color: var(--clr-txt-muted); margin: 0.5rem 0; padding: 0; margin-top: auto; } #plp-page-pagination-table #plp-thumbs .plp-thumb h2 a, #plp-advSearchResults #plp-thumbs .plp-thumb h2 a, #plp-group-page-pagination-table #plp-thumbs .plp-thumb h2 a { color: var(--clr-txt-main) !important; text-decoration: none; font-weight: 600; } #plp-page-pagination-table #plp-thumbs .plp-thumb h2 a:hover, #plp-advSearchResults #plp-thumbs .plp-thumb h2 a:hover, #plp-group-page-pagination-table #plp-thumbs .plp-thumb h2 a:hover { text-decoration: underline; } #plp-page-pagination-table #plp-thumbs .plp-thumb .plp-itemlink, #plp-advSearchResults #plp-thumbs .plp-thumb .plp-itemlink, #plp-group-page-pagination-table #plp-thumbs .plp-thumb .plp-itemlink { font-weight: 600; color: var(--clr-txt-main) !important; text-decoration: none; font-size: 1rem; margin-top: auto; } #plp-page-pagination-table #plp-thumbs .plp-thumb:hover, #plp-advSearchResults #plp-thumbs .plp-thumb:hover, #plp-group-page-pagination-table #plp-thumbs .plp-thumb:hover { transform: translateY(var(--plp-thumb-hover-offset-y)); background: var(--plp-thumb-hover-bg); box-shadow: var(--plp-thumb-hover-shadow); } #plp-page-pagination-table #plp-thumbs .plp-thumb input[type='checkbox'], #plp-advSearchResults #plp-thumbs .plp-thumb input[type='checkbox'], #plp-group-page-pagination-table #plp-thumbs .plp-thumb input[type='checkbox'] { position: absolute; top: 6px; right: 6px; z-index: 2; cursor: pointer; width: 18px; height: 18px; } /* --- File: src\css\03-pages\22-page-item-detail.css --- */ /* ========================================================================== PAGE ITEM DETAIL ========================================================================== */ #plp-container #plp-item-page-specs { width: 100% !important; padding: 1rem; background: var(--clr-bg-surface); border-radius: var(--rd-base); box-sizing: border-box; } #plp-container #plp-item-page-specs #plp-item-table-anchors { display: none; } #plp-container #plp-item-page-specs .footnote { margin: 0; padding: 1rem 0 0 0 !important; } #plp-container #plp-item-page-specs .footnote ul { margin: 0; font-size: 0.8rem; } #plp-container #plp-item-page-specs .plp-item-specs { columns: 2; column-gap: 1rem; padding: 0; } #plp-container #plp-item-page-specs .plp-item-specs .group { break-inside: avoid; padding: 0; margin-bottom: 1rem; } #plp-container #plp-item-page-specs .plp-item-specs .group strong { font-weight: 600; } #plp-container #plp-item-page-specs .plp-item-specs .ui-accordion-header, #plp-container #plp-item-page-specs .plp-item-specs .group h3 { border-radius: var(--rd-sm) var(--rd-sm) 0 0; margin: 0; padding: 1rem 0.5rem; font-size: 1.5rem; background: none !important; color: var(--clr-txt-main) !important; font-weight: 900; border: none !important; border-bottom: 1px solid var(--clr-table-brd) !important; } #plp-container #plp-item-page-specs .plp-item-specs .ui-accordion-header .ui-icon, #plp-container #plp-item-page-specs .plp-item-specs .group h3 .ui-icon { font-size: 1rem; } #plp-container #plp-item-page-specs .plp-item-specs .ui-accordion-content { padding: 0rem; border: none; overflow: hidden !important; border-radius: 0 0 var(--rd-base) var(--rd-base); } #plp-container #plp-item-page-specs .plp-item-specs td { background-color: var(--clr-table-row-odd); border-bottom: 1px solid transparent; padding: 0.5rem; } #plp-container #plp-item-page-specs .plp-item-specs td.plp-oddrow { background-color: var(--clr-table-row-even); } #plp-item-table-tabs { border: none !important; } #plp-item-table-tabs .plp-tab-content table { border: 1px solid var(--clr-table-brd) !important; border-top: none !important; } #plp-item-table-tabs .plp-tab-content table td.plp-table-value:first-child { border-left: 1px solid var(--clr-table-brd) !important; } #plp-item-table-tabs .plp-tab-content table:not(td > table) tr:nth-child(odd) { background-color: #fff !important; } .ui-tabs .ui-tabs-nav { background: none !important; border: none !important; border-bottom: 1px solid var(--clr-table-brd) !important; padding-left: 0 !important; } .ui-tabs .ui-tabs-nav li { border-bottom-width: 1px !important; overflow: hidden; } .plp-item-table { border-bottom-right-radius: var(--rd-base); border-bottom-left-radius: var(--rd-base); } .plp-item-table tr:last-child td:first-of-type { border-bottom-left-radius: var(--rd-base); } .plp-item-table tr:last-child td:last-of-type { border-bottom-right-radius: var(--rd-base); } .plp-item-table .zoomPad { cursor: pointer; } .plp-item-table .zoomWindow, .plp-item-table .zoomPreload { display: none !important; } body[data-pagetype='ItemDetail'] .ui-iconbutton { background: var(--clr-brand-primary); border: none; height: 1.25em; } body[data-pagetype='ItemDetail'] .ui-iconbutton .ui-icon-image { padding-bottom: 7px; } body[data-pagetype='ItemDetail'] .ui-iconbutton.ui-state-hover { background: var(--clr-brand-secondary) !important; } /* Hiding image name text for attribute value images */ body[data-pagetype='ItemDetail'] .plp-attr-value-img > span:has(img) { font-size: 0; line-height: 0; } body[data-pagetype='ItemDetail'] .plp-attr-value-img > span > img { margin: 0px auto; display: block; } #plpprogress.cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal { padding: 0px !important; } #plpprogress.cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal iframe#cadiframe { min-height: var(--plp-cadiframe-min-h) !important; max-width: 100% !important; } .cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal { max-height: 730px !important; background: var(--clr-bg-main); height: auto !important; } .cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal iframe.plp-frame-1 { height: 730px !important; } @media (max-width: 768px) { .cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal { max-height: 95vh !important; height: 95vh !important; } .cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal iframe.plp-frame-1 { height: 730px !important; } } #cadviewer > iframe { height: 477px !important; width: 642px !important; border: 1px solid var(--clr-border) !important; border-bottom: none !important; } .cad-fixed-popup.ui-dialog { border-radius: 8px 8px 16px 16px; border: none; width: 700px !important; } .cad-fixed-popup.ui-dialog .ui-dialog-titlebar { font-size: 1rem !important; padding: 0.25rem 1rem !important; } .plp-image-ctn { width: 100% !important; border: none !important; margin: 0px !important; } #imageCarousel { border: 1px solid var(--clr-border); border-radius: var(--rd-base); overflow: hidden; } #imageCarousel .plp-image-carousel { background: var(--clr-bg-surface); padding: 1rem 1rem 0 1rem; position: relative; } #imageCarousel .caroufredsel_wrapper, #imageCarousel .plp-image-carousel li { width: var(--plp-desc-img-w) !important; height: var(--plp-desc-img-h) !important; background: transparent; } #imageCarousel img { border-radius: var(--rd-base); max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } #imageCarousel a.plp-sprite-image-zoom { right: 0.5rem !important; top: 0.5rem !important; position: absolute; margin: 0 !important; } #imageCarousel #pager2 { background-color: transparent; height: auto; } #imageCarousel #pager2 .plp-img-sprite { background: var(--clr-border); border-radius: 1rem; outline: none; margin: 0.25rem; } #imageCarousel #pager2 .plp-img-sprite.selected { background: var(--clr-brand-primary); } #imageGallery { box-sizing: border-box; z-index: 99999; padding: 1rem; border-radius: var(--rd-base); width: 80% !important; max-width: 1200px; margin: auto; background: var(--clr-bg-surface); box-shadow: var(--shadow-main); } #imageGallery #gallery { width: auto !important; } #imageGallery #adGalleryDiv { border-radius: var(--rd-base) var(--rd-base) 0 0; margin: 0; align-content: center; } #imageGallery #adGalleryDiv .ad-image { max-width: 100% !important; width: auto !important; top: initial !important; left: initial !important; padding: 0.5rem; height: auto !important; max-height: 100%; display: flex; justify-content: center; } #imageGallery #adGalleryDiv img { cursor: default; } #imageGallery .zoomImg { display: none !important; } #plp-image-cad-wrapper { display: flex; flex-direction: column; gap: 0; } #plp-image-cad-wrapper #imageCarousel { border-radius: var(--rd-base) var(--rd-base) 0 0; } #plp-image-cad-wrapper .plp-image-ctn { margin: 0 !important; } #plp-image-cad-wrapper #plp-cadlinks { background: var(--clr-bg-surface); border: 1px solid var(--clr-border); border-top: none; border-radius: 0 0 var(--rd-base) var(--rd-base); padding: 0.75rem 1rem; /* & .plp-promo-content { display: flex; flex-wrap: wrap; gap: 0.75rem; padding: 0 !important; background: transparent; border: none !important; } & .plp-page-divider { display: none; } & .plp-promo-item { flex: 1 1 auto; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-radius: var(--rd-sm); background: var(--clr-bg-main); border: 1px solid var(--clr-border); cursor: pointer; position: relative; margin: 0; & a { text-decoration: none; font-size: 0.85rem; font-weight: 600; color: var(--clr-txt-main); z-index: 2; } & a::before { content: ""; position: absolute; inset: 0; z-index: 1; } &:hover { border-color: var(--clr-brand-primary); background: var(--clr-bg-surface); } } & .plp-promo-thumb { width: auto; height: auto; max-width: 2.5rem; max-height: 2.5rem; } */ } #plp-image-cad-wrapper #plp-cadlinks h3 { font-size: 0.7rem !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--clr-txt-muted) !important; padding: 0 !important; margin: 0 0 0.5rem 0; background: transparent !important; border: none !important; border-radius: 0; pointer-events: none; } #plp-image-cad-wrapper #plp-cadlinks h3 .ui-icon { display: none; } #plp-image-cad-wrapper #plp-item-sidebar { display: contents; } #plp-item-sidebar { box-sizing: border-box; padding-left: 1rem; } #plp-downloads, #plp-promotions, #plp-cadlinks { flex: 1 1; padding: 1.25rem 1.5rem; min-width: 0; } #plp-downloads h3, #plp-promotions h3, #plp-cadlinks h3 { font-size: 0.7rem !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--clr-txt-muted) !important; padding: 0 0 0.5rem 0 !important; margin-bottom: 0.25rem; background: transparent !important; border: none !important; border-bottom: 1px solid var(--clr-border) !important; border-radius: 0; pointer-events: none; } #plp-downloads h3 .ui-icon, #plp-promotions h3 .ui-icon, #plp-cadlinks h3 .ui-icon { display: none; } #plp-downloads .plp-promo-content, #plp-promotions .plp-promo-content, #plp-cadlinks .plp-promo-content { padding: 0 !important; background: transparent; border: none !important; } #plp-downloads .plp-promo-content ul, #plp-promotions .plp-promo-content ul, #plp-cadlinks .plp-promo-content ul { padding: 0; } #plp-downloads .plp-promo-content li, #plp-promotions .plp-promo-content li, #plp-cadlinks .plp-promo-content li { padding: 0.65rem 0; border-bottom: 1px solid var(--clr-table-brd); font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; } #plp-downloads .plp-promo-content li:last-child, #plp-promotions .plp-promo-content li:last-child, #plp-cadlinks .plp-promo-content li:last-child { border-bottom: none; } #plp-downloads .plp-promo-content .plp-download-link, #plp-promotions .plp-promo-content .plp-download-link, #plp-cadlinks .plp-promo-content .plp-download-link { color: var(--clr-txt-main); text-decoration: none; } #plp-downloads .plp-promo-content .plp-download-link:hover, #plp-promotions .plp-promo-content .plp-download-link:hover, #plp-cadlinks .plp-promo-content .plp-download-link:hover { color: var(--clr-link-hvr); } #plp-downloads .plp-promo-item, #plp-promotions .plp-promo-item, #plp-cadlinks .plp-promo-item { position: relative; cursor: pointer; margin: 0; } #plp-downloads .plp-promo-item a, #plp-promotions .plp-promo-item a, #plp-cadlinks .plp-promo-item a { text-decoration: none; z-index: 2; } #plp-downloads .plp-promo-item a::before, #plp-promotions .plp-promo-item a::before, #plp-cadlinks .plp-promo-item a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #plp-downloads .plp-promo-item:hover .plp-promo-thumb, #plp-promotions .plp-promo-item:hover .plp-promo-thumb, #plp-cadlinks .plp-promo-item:hover .plp-promo-thumb { scale: 1.1; transition: scale 0.2s ease-in-out; } #plp-downloads .plp-promo-thumb, #plp-promotions .plp-promo-thumb, #plp-cadlinks .plp-promo-thumb { height: auto; width: auto; max-width: 4.5rem; max-height: 4.5rem; } #plp-downloads .plp-promo-thumb[title='3D'], #plp-promotions .plp-promo-thumb[title='3D'], #plp-cadlinks .plp-promo-thumb[title='3D'] { content: url("cad_icon.gif"); } #plp-downloads .plp-promo-thumb[title='2D Sales Drawing'], #plp-promotions .plp-promo-thumb[title='2D Sales Drawing'], #plp-cadlinks .plp-promo-thumb[title='2D Sales Drawing'] { content: url("sales_icon.png"); } #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D ISO View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Front View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Back View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Bottom View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Left View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Right View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Top View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Sectional View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Left Side View"]), #plp-downloads .plp-promo-item:has(.plp-promo-thumb[title="2D Right Side View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D ISO View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Front View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Back View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Bottom View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Left View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Right View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Top View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Sectional View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Left Side View"]), #plp-promotions .plp-promo-item:has(.plp-promo-thumb[title="2D Right Side View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D ISO View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Front View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Back View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Bottom View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Left View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Right View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Top View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Sectional View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Left Side View"]), #plp-cadlinks .plp-promo-item:has(.plp-promo-thumb[title="2D Right Side View"]) { display: none; } #plp-cadlinks .plp-promo-content { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; padding: 1rem !important; } #plp-cadlinks .plp-page-divider { display: none; } #plp-cadlinks .plp-promo-item { padding: 0; margin: 0; flex: 1 1; } #plp-cadlinks .plp-promo-item:last-child { flex-basis: 50px; } #plp-container #plp-description-with-image, #plp-container #plp-item-description-with-image { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; border-radius: var(--rd-base); background: var(--clr-bg-surface); padding: 2.5rem; box-sizing: border-box; width: 100% !important; gap: 2rem; } #plp-container #plp-description-with-image .plp-item-page-image-viewer, #plp-container #plp-item-description-with-image .plp-item-page-image-viewer { display: contents; } #plp-container #plp-description-with-image .plp-image-ctn, #plp-container #plp-item-description-with-image .plp-image-ctn { margin: 0; border: 0; grid-row: 1 / span 3; align-self: start; } #plp-container #plp-description-with-image #plp-image-cad-wrapper, #plp-container #plp-item-description-with-image #plp-image-cad-wrapper { grid-row: 1 / span 3; align-self: start; } #plp-container #plp-description-with-image #imageDescriptions, #plp-container #plp-item-description-with-image #imageDescriptions { margin: 0 0 1rem 0; width: auto; border-radius: 0 0 var(--rd-base) var(--rd-base); overflow: hidden; } #plp-container #plp-description-with-image #imageDescriptions .ad-image-description, #plp-container #plp-item-description-with-image #imageDescriptions .ad-image-description { padding: 0.25rem; font-size: 0.9rem; } #plp-container #plp-description-with-image .plp-popup-close-buttons button, #plp-container #plp-item-description-with-image .plp-popup-close-buttons button { padding: var(--btn-pad); margin: 0; } #plp-container #plp-description-with-image .plp-description, #plp-container #plp-description-with-image .plp-item-description, #plp-container #plp-item-description-with-image .plp-description, #plp-container #plp-item-description-with-image .plp-item-description { padding: 0; margin: 0; width: auto; grid-column: 1 / span 2; grid-row: 2; } #plp-container #plp-description-with-image .plp-description #plp-product-title, #plp-container #plp-description-with-image .plp-item-description #plp-product-title, #plp-container #plp-item-description-with-image .plp-description #plp-product-title, #plp-container #plp-item-description-with-image .plp-item-description #plp-product-title { padding: 0 0 1rem 0; border-radius: 0; } #plp-container #plp-description-with-image .plp-description:last-child, #plp-container #plp-description-with-image .plp-item-description:last-child, #plp-container #plp-item-description-with-image .plp-description:last-child, #plp-container #plp-item-description-with-image .plp-item-description:last-child { grid-column: 1 / span 2; } #plp-container #plp-description-with-image .plp-item-page-image-viewer, #plp-container #plp-item-description-with-image .plp-item-page-image-viewer { width: auto; padding: 0.75rem; margin: 0; } #plp-container #plp-description-with-image .plp-print-image-container, #plp-container #plp-item-description-with-image .plp-print-image-container { background: var(--clr-bg-surface); padding: 0.75rem; border-radius: var(--rd-sm); border: var(--brd-main); margin: 0; width: fit-content; } #plp-container #plp-description-with-image .plp-print-image-container img, #plp-container #plp-item-description-with-image .plp-print-image-container img { max-width: 100%; height: auto; border-radius: var(--rd-sm); } #plp-container #plp-description-with-image .plp-item-promotion, #plp-container #plp-item-description-with-image .plp-item-promotion { display: none; } #plp-title-actions-wrapper { grid-row: 1; display: flex; align-items: start; gap: 1rem; } #plp-title-actions-wrapper #plp-product-title { padding: 0; border-radius: 0; background: transparent; } #plp-title-actions-wrapper #plp-product-title h1 { font-size: var(--plp-title-fs) !important; } #plp-title-actions-wrapper #plp-page-actions { padding: 0; } #plp-description-sidebar-wrapper { grid-row: 2; display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; align-items: start; align-content: start; } #plp-description-sidebar-wrapper #plp-item-sidebar { width: auto !important; padding: 0; grid-column: 1 / -1; grid-row: 3; display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; box-sizing: border-box; } @media (max-width: 768px) { #plp-container #plp-description-with-image, #plp-container #plp-item-description-with-image { grid-template-columns: 1fr; grid-template-rows: auto; padding: 1.25rem; gap: 1rem; } #plp-container #plp-description-with-image #plp-image-cad-wrapper, #plp-container #plp-item-description-with-image #plp-image-cad-wrapper { grid-row: 2; grid-column: 1; } #plp-container #plp-description-with-image .plp-image-ctn, #plp-container #plp-item-description-with-image .plp-image-ctn { grid-row: unset; grid-column: unset !important; } #plp-container #plp-description-with-image .plp-description, #plp-container #plp-description-with-image .plp-item-description, #plp-container #plp-item-description-with-image .plp-description, #plp-container #plp-item-description-with-image .plp-item-description { grid-column: 1; grid-row: 1; } #plp-title-actions-wrapper { grid-row: 1; flex-wrap: wrap; } #plp-description-sidebar-wrapper { grid-row: 3; grid-template-columns: 1fr; } #plp-description-sidebar-wrapper #plp-item-sidebar { grid-row: 2; } #imageCarousel { width: 100%; } #imageCarousel .caroufredsel_wrapper, #imageCarousel .caroufredsel_wrapper ul, #imageCarousel .plp-image-carousel li { width: 100% !important; height: min(var(--plp-desc-img-h), 60vw) !important; } #plp-container #plp-item-page-specs .plp-item-specs { columns: 1; } } /* --- File: src\css\03-pages\23-page-search.css --- */ /* ========================================================================== PAGE SEARCH ========================================================================== */ body[data-pagetype='AdvancedSearch12'] select.plp-advlistbox, body[data-pagetype='AdvancedSearch12'] .adv-attributecontrol { width: 100%; } #plp-advSearch { box-sizing: border-box; border: none; border-radius: 0; padding: 1rem; margin: 0; background: var(--clr-bg-surface); border-bottom: var(--brd-main); } #plp-advSearch #plp-adv-search-accordion { padding: 0; } #plp-advSearch h3.plp-adv-group-header { border-radius: 0; background: var(--clr-bg-surface) !important; color: var(--clr-txt-main) !important; border: none !important; border-bottom: var(--brd-main) !important; font-size: 1.25rem; font-weight: 800; padding: 0.5rem; margin: 0; margin-bottom: 0.5rem; } #plp-advSearch h3.plp-adv-group-header a { background: transparent !important; border: none !important; color: var(--clr-txt-main) !important; } #plp-advSearch h3.plp-adv-group-header .ui-icon { font-size: 1rem; } #plp-advSearch h3.plp-adv-group-header:after { content: ''; width: 20%; background: var(--clr-brand-primary); height: 4px; position: absolute; bottom: 0; left: 0; border-radius: 1rem 1rem 0 0; } #plp-advSearch .plp-adv-group-body + h3.plp-adv-group-header { margin-top: 1rem; } #plp-advSearch .plp-adv-group-body { border: none !important; border-radius: 0 0 var(--rd-base) var(--rd-base); background: var(--clr-bg-surface) !important; overflow: hidden !important; } #plp-advSearch .plp-adv-group-body table { padding: 0rem 0rem; border-spacing: 0px 0.5rem; } #plp-advSearch .plp-adv-group-body table td { background: var(--clr-bg-main); border-radius: var(--rd-sm); color: var(--clr-txt-main); overflow: hidden; } #plp-advSearch .plp-adv-group-body table td input[type='text'], #plp-advSearch .plp-adv-group-body table td textarea { padding: 0.25rem; border-radius: var(--rd-sm); border-color: rgb(203 213 225) !important; } #plp-advSearch .plp-adv-group-body table td input[type='text']:focus, #plp-advSearch .plp-adv-group-body table td textarea:focus { outline: 1px solid var(--clr-brand-primary) !important; border: 1px solid var(--clr-brand-primary) !important; } #plp-advSearch .plp-adv-group-body table td.plp-adv-left-panel { border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0.75rem; border-right: none; } #plp-advSearch .plp-adv-group-body table td.plp-adv-right-panel:not(.footnote) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; padding: 0; } #plp-advSearch .plp-adv-group-body table .adv-attributecontrol { padding: 0.5rem; background: var(--clr-bg-main); color: var(--clr-filter-txt); font-size: 0.8rem; } #plp-advSearch .plp-adv-group-body table .adv-attributecontrol input { margin: 0.25rem; } #plp-advSearch .plp-adv-group-body table .adv-attributecontrol li { font-size: 0.8rem; } #plp-advSearch .plp-adv-group-body table select.ui-widget-content.plp-advlistbox { width: 100%; border: var(--brd-main); outline: none; border-radius: var(--rd-sm); padding: 0px; font-size: 0.8rem; color: var(--clr-filter-txt); } #plp-advSearch .plp-adv-group-body table select.ui-widget-content.plp-advlistbox option { padding: 0.25rem 0.5rem; /* Increase "tap" target and spacing */ margin-bottom: 0.25rem; border-radius: 0; cursor: pointer; transition: background 0.2s ease; } #plp-advSearch .plp-adv-group-body table select.ui-widget-content.plp-advlistbox option:checked, #plp-advSearch .plp-adv-group-body table select.ui-widget-content.plp-advlistbox option:hover { background: var(--clr-filter-hvr); color: var(--clr-filter-txt); } #plp-advSearch .plp-adv-group-body table select.ui-widget-content.plp-advlistbox option[data-selected="'selected'"] { background: var(--clr-filter-hvr); color: var(--clr-filter-txt); font-weight: 600; } #plp-advSearch .plp-adv-group-body table .footnote ul { font-size: 0.8rem; } .adv-attributecontrol[data-display="ImageCheckboxes"] tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.5rem; } .adv-attributecontrol[data-display="ImageCheckboxes"] tr { display: contents; } .adv-attributecontrol[data-display="ImageCheckboxes"] td { display: flex; background: var(--clr-bg-surface) !important; border: var(--brd-main) !important; border-radius: var(--rd-sm) !important; flex-direction: column; flex-wrap: wrap; align-items: center; gap: 0.25rem; padding: 0.5rem; } .adv-attributecontrol[data-display="ImageCheckboxes"] td a img { max-width: 100%; height: auto; object-fit: contain; border-radius: var(--rd-sm); } .adv-attributecontrol[data-display="ImageCheckboxes"] td a .zoomPad { cursor: pointer; } .adv-attributecontrol[data-display="ImageCheckboxes"] td a .zoomWindow, .adv-attributecontrol[data-display="ImageCheckboxes"] td a .zoomPreload { display: none !important; } .adv-attributecontrol[data-display="CheckboxesList"] ul { padding: 0 !important; margin: 0; } .adv-attributecontrol[data-display="CheckboxesList"] input[type="checkbox"] { margin-right: 0.5rem; } div[data-id='plp-searchbox'] { display: flow-root; width: auto; margin: auto; float: none !important; padding: 0.5rem 0; } div[data-id='plp-searchbox'] nav.plp-page-searchBox, div[data-id='plp-searchbox'] nav.plp-page-categorySelect { margin: 0rem 0px 0.5rem 5px; background-color: var(--clr-brand-primary); border-color: var(--clr-brand-primary); height: 28px; } div[data-id='plp-searchbox'] nav.plp-page-searchBox { display: flex; } div[data-id='plp-searchbox'] nav.plp-page-searchBox select, div[data-id='plp-searchbox'] nav.plp-page-searchBox input { padding: 4px; border-radius: 2px; margin: 0; } div[data-id='plp-searchbox'] nav.plp-page-searchBox select { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } div[data-id='plp-searchbox'] nav.plp-page-searchBox input { border-left: 1px solid var(--clr-brand-primary); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top: 0px; border-bottom: 0px; } div[data-id='plp-searchbox'] .plp-page-categorySelect { border-color: var(--clr-brand-primary); } div[data-id='plp-searchbox'] .plp-page-categorySelect select { border-radius: 2px; background-color: white; height: 28px; } body[data-pagetype='Keyword'] .plp-search-result-with-imgRight { border: none; } body[data-pagetype='Keyword'] .plp-search-result-with-imgRight .plp-search-row { width: 100%; border-bottom: 1px solid var(--clr-bg-main); } body[data-pagetype='Keyword'] .plp-search-result-with-imgRight .plp-search-row.ui-state-focus { background: linear-gradient(103deg, #e4e4e4 0%, #ffffff 75%) !important; } #plp-search-results-list .plp-action-bar { background: var(--clr-action-bar-bg) !important; color: var(--clr-table-pg-txt) !important; border: none !important; font-weight: 600; font-size: 0.9rem; box-sizing: border-box; margin: 0; padding: 0.25rem 1rem; width: 100%; display: flex; align-items: center; border-radius: var(--rd-sm) var(--rd-sm) 0 0; } #plp-search-results-list .plp-action-bar .plp-search-action-bar-right { display: inline-flex; gap: 0.5rem; } #plp-search-results-list .plp-action-bar .plp-pagination { line-height: initial; margin-left: auto; display: flex; flex-wrap: nowrap; } #plp-search-results-list .plp-action-bar .plp-pagination * { padding: 0.1rem 0.3rem; border-radius: 4px; height: auto; line-height: initial; width: auto; color: var(--clr-table-pg-txt); } #plp-search-results-list .plp-search-result-with-imgRight { margin: 0; } #plp-search-results-list .plp-search-result-with-imgRight .plp-search-row { display: flex; gap: 1rem; flex-wrap: nowrap; flex-direction: row; width: 100%; } #plp-search-results-list .plp-search-result-with-imgRight .plp-search-row input { display: none; } #plp-search-results-list .plp-search-result-with-imgRight + .plp-action-bar { border-radius: 0 0 var(--rd-sm) var(--rd-sm); } #plp-search-results-list .plp-search-selection.ui-checkboxradio-label { background: transparent !important; border: none !important; margin: 0 !important; padding: 0.65rem 0rem 0.25rem 0.75rem !important; } /* --- File: src\css\03-pages\24-page-cad.css --- */ /* ========================================================================== PAGE CAD PUBLISHER ========================================================================== */ body[data-pagetype='CADPublisher'] #plp-container { width: 644px !important; max-width: 100% !important; padding: 0 !important; } body[data-pagetype='CADPublisher'] #plp-container #plp-CAD-table-tabs { display: flex; width: inherit; max-width: 100%; } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload { margin-bottom: 0 !important; width: -webkit-fill-available !important; width: -moz-available !important; border-bottom: none !important; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 !important; background: var(--clr-bg-surface); } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload #cad-basic { width: -webkit-fill-available; width: -moz-available; padding: 0.5rem; box-sizing: border-box; display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap-reverse; } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload #cad-basic #divPlpDownloadList { height: auto; padding: 0; width: auto; margin: 0; } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload #cad-basic div:nth-child(2) { width: auto; padding: 0; display: flex; gap: 0.5rem; flex-wrap: wrap; } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload #cad-basic div:nth-child(2) #scope-plp-cadupdateuser { background: var(--btn-sec-bg); font-family: var(--font-main); font-size: var(--btn-fs); border: var(--btn-brd); border-radius: var(--btn-rd); padding: var(--btn-pad); align-content: center; font-weight: var(--btn-fw); } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload #cad-basic div a { margin: 0; } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload select { background: var(--btn-sec-bg); font-family: var(--font-main); font-size: var(--btn-fs); border: var(--btn-sec-brd); border-radius: var(--btn-rd); padding: var(--btn-pad); height: auto; padding-left: 0.5rem; font-weight: var(--btn-fw); width: auto; } body[data-pagetype='CADPublisher'] #plp-cad-emaildownload select option { font-weight: normal; } body[data-pagetype='CADPublisher'] #cad-model { margin-top: 0px; margin-bottom: 0px; height: 478px; } body[data-pagetype='CADPublisher'] #cad-model > article { padding-top: 0 !important; padding-bottom: 0 !important; } body[data-pagetype='CADPublisher'] #cad-model #cad-new-viewer { height: 478px; padding: 0px 0px !important; border-left: 1px solid var(--clr-border) !important; border-right: 1px solid var(--clr-border) !important; } body[data-pagetype='CADPublisher'] #cad-model #cad-new-viewer #new-cadviewer { height: 478px; } body[data-pagetype='CADPublisher'] #cad-info { line-height: 22px; width: -webkit-fill-available !important; width: -moz-available !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid var(--clr-border); margin-bottom: 6px; } body[data-pagetype='CADPublisher'] #cad-info .ui-widget-header { background: var(--clr-bg-surface) !important; color: var(--clr-txt-main) !important; } body[data-pagetype='CADPublisher'] #cad-info dt, body[data-pagetype='CADPublisher'] #cad-info dd { font-size: 14px; border: 0px solid !important; } body[data-pagetype='CADPublisher'] #cad-info dd { color: #707070; } body[data-pagetype='CADPublisher'] #cad-info dl:not(:last-child) { border-bottom: 1px solid var(--clr-border); } body[data-pagetype='CADPublisher'] #cad-info dl:last-child dt { border-bottom-left-radius: 9px; } body[data-pagetype='CADPublisher'] #cad-info dl:last-child dd { border-bottom-right-radius: 10px; } body[data-pagetype='CADPublisher'] #cad-info > article { width: -webkit-fill-available; width: -moz-available; } body[data-pagetype='CADPublisher'] input.plp-rfx { width: 100%; } body[data-pagetype='CADPublisher'] #plp-additional-downloads .lblAdditionalDownloads { padding-top: 0; } body[data-pagetype='CADPublisher'] .plp-page-spacer12 { display: none; } body[data-pagetype='CADPublisher'] .plp-cadrfx-right-panel { padding: 0px !important; } body[data-pagetype='CADPublisher'] .plp-cadrfx-right-panel input { padding: 5px; } body[data-pagetype='CADPublisher'] .plp-cadrfx-left-panel { padding: 0px !important; padding-left: 5px !important; } /* --- File: src\css\03-pages\30-page-request-email.css --- */ /* ========================================================================== PAGE REQUEST / EMAIL ========================================================================== */ body[data-pagetype='Request'] #plp-product-title, body[data-pagetype='Email'] #plp-product-title { border: 1px solid var(--clr-border); border-radius: var(--rd-base) var(--rd-base) 0 0 !important; } body[data-pagetype='RequestConfirmation'] #plp-product-title, body[data-pagetype='EmailConfirmation'] #plp-product-title { border-radius: var(--rd-base) var(--rd-base) 0 0 !important; box-shadow: var(--shadow-main); } #plp-request-information-list { padding: 1rem; background: var(--clr-bg-surface); box-sizing: border-box; border: 1px solid var(--clr-border); border-top: none; border-bottom: none; } #plp-request-information-list table { border-spacing: 0px 0.5rem; } #plp-request-information-list td { background: var(--clr-bg-main); border: var(--brd-main); color: var(--clr-txt-main); border-radius: var(--rd-sm); } #plp-request-information-list td a { color: var(--clr-txt-main); text-decoration: underline; } #plp-request-information-list .plp-product-number { background: var(--clr-bg-surface); padding: 1rem; border-radius: var(--rd-sm) 0 0 var(--rd-sm); border-right: none; vertical-align: middle; } #plp-request-information-list .plp-product-info { background: var(--clr-bg-surface); padding: 0.5rem 1rem; border-radius: 0 var(--rd-sm) var(--rd-sm) 0; } #plp-request-information-list .plp-product-info:first-child { border-radius: var(--rd-sm); } #plp-request-information-list .plp-product-info img { margin-right: 1rem; border-radius: var(--rd-sm); } #plp-attachmentcontrol { background: var(--clr-bg-surface); border-radius: 0 0 var(--rd-base) var(--rd-base); border: 1px solid var(--clr-border); padding: 1rem; box-sizing: border-box; display: flex; flex-direction: column; gap: 0.5rem; } #plp-attachmentcontrol .plp-product-attach-item-info { padding: 0; color: var(--clr-txt-main); width: 100%; } #plp-attachmentcontrol .plp-product-attach-button-holder { width: auto; border: none; margin: 0; padding: 1rem 0; } #plp-attachmentcontrol .attachments { display: flex; flex-direction: column; gap: 0.4rem; } #plp-attachmentcontrol .attachments .plp-product-attach-item-display { display: inline-flex; align-items: center; gap: 0.5rem; width: 100%; box-sizing: border-box; height: auto; padding: 0.4rem 0.6rem; margin: 0; border: 1px solid var(--clr-border) !important; border-radius: var(--rd-sm); background: var(--clr-bg-main) !important; font-size: 0.85rem; text-align: left; cursor: default; } #plp-attachmentcontrol .attachments .plp-product-attach-item-display span:first-child { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } #plp-attachmentcontrol .attachments .plp-product-attach-item-display span:nth-child(2) { flex-shrink: 0; color: var(--clr-txt-muted); font-size: 0.8rem; } #plp-attachmentcontrol .attachments .plp-product-attach-item-display .ui-icon-close { flex-shrink: 0; cursor: pointer; opacity: 0.4; margin: 0 !important; } #plp-attachmentcontrol .attachments .plp-product-attach-item-display .ui-icon-close:hover { opacity: 1; } #plp-attachmentcontrol .attachments .plp-product-attach-item-display:hover { border-color: var(--clr-brand-primary) !important; background: var(--clr-bg-surface) !important; } body[data-pagetype='Request'] #formholder > table > tbody > tr:last-child { display: none; } body[data-pagetype='Request'] #formholder .plp-form-heading, body[data-pagetype='Request'] table td.plp-product-info-blankspace, body[data-pagetype='Request'] table td.plp-product-number, body[data-pagetype='RequestConfirmation'] #formholder .plp-form-heading, body[data-pagetype='RequestConfirmation'] table td.plp-product-info-blankspace, body[data-pagetype='RequestConfirmation'] table td.plp-product-number { color: #333; border-radius: 3px; } body[data-pagetype='RequestConfirmation'] #plp-container > p { display: inline-block; } body[data-pagetype='RequestConfirmation'] .plp-page-spacer12 { display: none; } body[data-pagetype='RequestConfirmation'] #plp-product-title + input + .plp-request-info-form { border-top-left-radius: 0; border-top-right-radius: 0; clip-path: inset(0px -10px -10px -10px); } body[data-pagetype='RequestConfirmation'] #plp-product-title + input + .plp-request-info-form tr:first-child > td { padding: 1rem !important; border-top: 1px solid var(--clr-border) !important; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form { margin-bottom: 1.5rem; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form table { width: 100%; border-collapse: collapse !important; border-spacing: 0 !important; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form td { border: none !important; border-bottom: 1px solid var(--clr-border) !important; margin: 0 !important; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form td.plp-product-info-blankspace { background: transparent !important; padding: 1rem 0.5rem 0.35rem 0.5rem !important; font-size: 0.7rem !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.06em; color: var(--clr-txt-muted) !important; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form td.plp-form-heading { background: var(--clr-bg-main) !important; padding: 0.5rem 0.75rem !important; width: 35%; font-size: 0.875rem !important; color: var(--clr-txt-muted) !important; vertical-align: top; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form td.plp-form-textfield { background: var(--clr-bg-main) !important; padding: 0.5rem 0.75rem !important; font-size: 0.875rem !important; color: var(--clr-txt-main) !important; vertical-align: middle; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form td.plp-form-textfield p { margin: 0 !important; padding: 0 !important; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form tr:last-child td { border-bottom: none !important; } body[data-pagetype='RequestConfirmation'] nav.plp-request-info-form td.plp-product-number { background: var(--clr-bg-main) !important; padding: 0.5rem 0.75rem !important; width: 3rem; text-align: center; color: var(--clr-txt-muted) !important; font-size: 0.875rem !important; vertical-align: middle; } #plp-emailpage { box-sizing: border-box; } #plp-yourInfo { background: var(--clr-bg-surface); border-radius: 0 0 var(--rd-base) var(--rd-base); border: 1px solid var(--clr-border); border-top: none; padding: 0rem; } #plp-yourInfo .plp-product-email-attach-item-info { padding: 1rem; } #plp-yourInfo .plp-email-image-container { margin: 1rem; padding: 0.5rem; border-radius: var(--rd-base); pointer-events: none; } #plp-yourInfo .plp-email-image-container img { border-radius: var(--rd-base); } #plp-yourInfo .plp-email-image-container .zoomPad { cursor: pointer; } #plp-yourInfo .plp-email-image-container .zoomPreload, #plp-yourInfo .plp-email-image-container .zoomWindow { display: none !important; } body[data-pagetype='Email'] table td.plp-form-email-heading { background: none !important; border: 1px solid var(--clr-border); color: #333; } body[data-pagetype='Email'] table td.plp-form-email-heading .plp-email-image-container { border-radius: 8px; } .g-recaptcha > div { width: 100% !important; } .g-recaptcha > div iframe { width: 100% !important; } /* --- File: src\css\03-pages\31-page-carts.css --- */ /* ========================================================================== PAGE CARTS ========================================================================== */ #plp-viewcart #ecomm-item-summary { padding: 1rem 0 !important; } #plp-viewcart #ecomm-item-summary #ecomm-review-order .ui-widget-header { background: var(--clr-brand-secondary) !important; color: var(--clr-brand-secondary-txt) !important; border: none !important; } #view-cart-shipping-widget, #ecomm-tax-exempt { background: none !important; border: none !important; } #ecomm-item-summary-quote #ecomm-review-order { background: rgb(255, 255, 255, 80%); clip-path: inset(0% 0% 0% 0% round 8px 8px 15px 15px); } #ecomm-item-summary-quote #ecomm-review-order dl > dd:last-child { border-right: none; } #ecomm-item-summary-quote #ecomm-review-order dl > dd:first-child { border-left: none; } #ecomm-item-summary-quote #ecomm-review-order > dl:last-child > dd { border-bottom: none; } #plp-cadcartmanageitems input[type='text'], #plp-cadcartmanageitems input[type='email'], #plp-cadcartmanageitems textarea, #plp-cadcartfileoptions input[type='text'], #plp-cadcartfileoptions input[type='email'], #plp-cadcartfileoptions textarea, #plp-expressorder input[type='text'], #plp-expressorder input[type='email'], #plp-expressorder textarea { padding: 0.5rem; border-radius: var(--rd-sm); border: 1px solid var(--clr-border) !important; margin: 0; padding: 0.5rem; width: auto !important; min-width: 150px; flex: 1 1; height: auto; } #plp-cadcartmanageitems input[type='text']:focus, #plp-cadcartmanageitems input[type='email']:focus, #plp-cadcartmanageitems textarea:focus, #plp-cadcartfileoptions input[type='text']:focus, #plp-cadcartfileoptions input[type='email']:focus, #plp-cadcartfileoptions textarea:focus, #plp-expressorder input[type='text']:focus, #plp-expressorder input[type='email']:focus, #plp-expressorder textarea:focus { outline: 1px solid var(--clr-brand-primary) !important; border: 1px solid var(--clr-brand-primary) !important; } #plp-cadcart-search, #plp-cadcart-itemlist, #ecomm-search-part { padding: 1rem !important; border-radius: var(--rd-base); border: var(--brd-main); background: var(--clr-bg-surface); flex: 1 1; width: auto; display: flex; flex-direction: column; gap: 1rem; } #plp-cadcart-search > label, #plp-cadcart-search #ecomm-search-part-header > p, #plp-cadcart-itemlist > label, #plp-cadcart-itemlist #ecomm-search-part-header > p, #ecomm-search-part > label, #ecomm-search-part #ecomm-search-part-header > p { font-size: 1.125rem; margin: 0rem 0 0rem 0; display: block; font-weight: 800; padding-bottom: 0.5rem; border-bottom: var(--brd-main); } #plp-cadcart-search br, #plp-cadcart-itemlist br, #ecomm-search-part br { display: none; } #plp-cadcart-search #ecomm-search-part-header, #plp-cadcart-itemlist #ecomm-search-part-header, #ecomm-search-part #ecomm-search-part-header { display: flex; flex-direction: column; flex: 1 1; gap: 1rem; width: auto; background: var(--clr-bg-surface); } #plp-cadcartmanageitems, #plp-expressorder { padding: 0rem; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; width: 100%; } #plp-cadcartmanageitems .p-heading, #plp-expressorder .p-heading { display: none; } #plp-cadcartmanageitems .plp-cadpart-search-wrap, #plp-expressorder .plp-cadpart-search-wrap { display: flex; gap: 1rem; flex-wrap: wrap; } #plp-cadcartmanageitems .plp-cadpart-search-col2, #plp-expressorder .plp-cadpart-search-col2 { display: flex; flex-direction: column; gap: 1rem; flex: 1 1; } #plp-cadcartmanageitems .plp-cadpart-search-col2 #plp-cadpart-searchbtn, #plp-expressorder .plp-cadpart-search-col2 #plp-cadpart-searchbtn { margin: 0; } #plp-cadcartmanageitems .plp-cadpart-search-col2 #plp-cadpart-search-options-trig, #plp-expressorder .plp-cadpart-search-col2 #plp-cadpart-search-options-trig { margin: 0; } #plp-cadcartmanageitems .plp-cadpart-search-col2 .plp-cadpart-search-delimiters, #plp-expressorder .plp-cadpart-search-col2 .plp-cadpart-search-delimiters { margin: 0; font-weight: bold; } #plp-cadcartmanageitems .plp-cadpart-search-col2 .plp-cadpart-search-delimiters label, #plp-expressorder .plp-cadpart-search-col2 .plp-cadpart-search-delimiters label { padding: 0.25rem; font-weight: normal; } #plp-cadcartmanageitems .plp-cadpart-search-col2 .plp-cadpart-search-delimiters label input, #plp-expressorder .plp-cadpart-search-col2 .plp-cadpart-search-delimiters label input { margin-right: 0.25rem; } #plp-cadcartmanageitems #plp-cadcart-result, #plp-expressorder #plp-cadcart-result { display: flex; flex-direction: column; gap: 1rem; } #plp-cadcartmanageitems #plp-cadcart-error, #plp-expressorder #plp-cadcart-error { padding: 0.75rem; border-radius: var(--rd-base); background: var(--clr-warn-bg); color: var(--clr-warn); border: none; line-height: 1.4rem; font-size: 0.9rem; } #plp-cadcartmanageitems #plp-cadcart-itemlist #plp-cadcart-searchitems, #plp-expressorder #plp-cadcart-itemlist #plp-cadcart-searchitems { max-width: clamp(200px, calc(50% - 0.5rem), 100%); height: auto; max-height: 2.5rem; } #plp-cadcartmanageitems .plp-cadcart-btn { padding: 0; font-weight: bold; } #plp-cadcartmanageitems .plp-cadcart-btn input { margin-right: 0.25rem; } #plp-cadcartmanageitems .plp-cadcart-btn button { font-size: var(--btn-sm-fs) !important; font-weight: var(--btn-sm-fw) !important; padding: var(--btn-sm-pad) !important; border: var(--btn-sm-brd) !important; color: var(--btn-sm-txt) !important; } #plp-cadcartmanageitems .plp-cadcart-btn-div button:hover { background: var(--btn-sm-bg-hvr) !important; } #plp-cadcartmanageitems #plp-cadcart-page-pagination .plp-cadcart-pageinfo { box-sizing: border-box; width: 100%; background: var(--clr-brand-accent); color: var(--clr-txt-main); padding: 0.5rem 1rem; border: var(--brd-main); border-radius: var(--rd-sm); } #plp-cadcart-items, #plp-cadcart-searchresults, #plp-expresscart-searchresults { border: var(--brd-main); border-radius: var(--rd-sm); overflow: hidden; } #plp-cadcart-items li, #plp-cadcart-searchresults li, #plp-expresscart-searchresults ul { border: none; border-radius: 0 !important; display: flex !important; gap: 1rem; flex-direction: row; flex-wrap: nowrap; align-items: center; margin: 0; padding: 0.3rem 1rem; } #plp-cadcart-items li:not(:last-child), #plp-cadcart-searchresults li:not(:last-child), #plp-expresscart-searchresults ul:not(:last-child) { border-bottom: var(--brd-main); } #plp-cadcart-items li input, #plp-cadcart-searchresults li input, #plp-expresscart-searchresults ul input { margin: 0; } #plp-cadcart-items li span, #plp-cadcart-searchresults li span, #plp-expresscart-searchresults ul span { padding: 0; margin: 0; font-weight: bold; font-size: 0.9rem; } #plp-cadcart-items li a, #plp-cadcart-searchresults li a, #plp-expresscart-searchresults ul a { margin: 0 0 0 auto !important; text-decoration: underline; } #plp-cadcart-items li .plp-cadcart-view, #plp-cadcart-searchresults li .plp-cadcart-view, #plp-expresscart-searchresults ul .plp-cadcart-view { width: auto !important; max-width: 24px; } #plp-cadcart-items li li, #plp-cadcart-searchresults li li, #plp-expresscart-searchresults ul li { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 1rem; margin: 0; padding: 0; } #plp-cadcartfileoptions { padding: 1rem !important; border-radius: var(--rd-base); border: var(--brd-main); background: var(--clr-bg-surface); box-sizing: border-box; } #plp-cadcartfileoptions h2 { font-size: 1.125rem !important; margin: 0rem 0 1rem 0 !important; display: block !important; font-weight: 800; padding-bottom: 0.5rem; border-bottom: var(--brd-main); } #plp-cadcartfileoptions .plp-page-divider { display: none; } #plp-cadcartfileoptions #plp-cadcart-fileoptions { margin-bottom: 1rem; } #plp-cadcartfileoptions #plp-cadcart-fileoptions > div > div { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; } #plp-cadcartfileoptions #plp-cadcart-fileoptions > div > div div { flex: 1 1 calc(50% - 1rem); min-width: 250px; } #plp-cadcartfileoptions #plp-cadcart-fileoptions > div > div .plp-cadcart-fileoption { padding: 0.25rem 0; font-weight: bold; } #plp-cadcartfileoptions #plp-cadcart-fileoptions > div > div .plp-cadcart-fileoption input { margin-right: 0.25rem; } #plp-cadcartfileoptions #plp-cadcart-fileoptions > div > div select.plp-cadcart-fileoption-ddl { width: 100%; padding: 0.75rem; height: auto; background: var(--clr-bg-surface); border: var(--brd-main); border-radius: var(--rd-sm); font-size: 0.9rem; } #plp-cadcartfileoptions #plp-cadcartuserinfo { display: flex; flex-direction: column; font-size: 0; } #plp-cadcartfileoptions #plp-cadcartuserinfo label { font-weight: bold; font-size: 1rem; display: block; padding: 0.5rem 0; } #plp-cadcartfileoptions #plp-cadcartuserinfo .plp-cadcart-fileoption { font-size: 0.9rem; padding: 0.75rem; max-width: clamp(400px, calc(50% - 0.5rem), 100%); } .plp-form-button { width: 100% !important; border: none; padding: 0 !important; margin: 1rem 0 0 0 !important; border-top: var(--brd-main); } .plp-form-button button { margin-top: 1rem; } body[data-pagetype='RFP'] #plp-sc-search { background: rgba(255, 255, 255, 80%); border: none; border-radius: 10px; box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.25); } /* --- File: src\css\03-pages\32-page-misc.css --- */ /* ========================================================================== PAGE MISC ========================================================================== */ img[src*="placeholder_notavailable.gif"] { display: none !important; padding: 2rem 3rem !important; } #plp-sidebar-compare .plp-sidebar-compare-item { padding: 0.35rem 0.45rem !important; height: auto !important; margin: 0.5rem 0.25rem !important; border: 1px solid var(--clr-table-brd); border-radius: var(--rd-sm); background: var(--clr-table-hgl); } #plp-sidebar-compare .plp-sidebar-delete-item { padding-top: 0px !important; } body[data-pagetype='Compare'] #plp-compare-items table { border-spacing: 0.25rem 0.15rem; } body[data-pagetype='Compare'] #plp-compare-items table a { color: var(--clr-link) !important; text-decoration: underline !important; } body[data-pagetype='Compare'] #plp-compare-items table td { border-color: var(--clr-border); padding: 1rem !important; border-radius: var(--rd-sm); vertical-align: middle; color: var(--clr-txt-muted); } body[data-pagetype='Compare'] #plp-compare-items table td:first-child { color: var(--clr-txt-main); } body[data-pagetype='Compare'] #plp-compare-items table td.plp-compare-product.ui-state-default { background: var(--clr-table-hgl); } body[data-pagetype='Compare'] #plp-compare-items table tr:last-of-type { display: none; } body[data-pagetype='Compare'] #plp-compare-items table img { border-radius: var(--rd-sm); padding: 0.5rem; } body[data-pagetype='NotFound'] header, body[data-pagetype='NotFound'] footer, body[data-pagetype='NotFound'] div[data-id='plp-searchbox'] { display: none; } #plp-measurement { box-sizing: border-box; height: auto !important; width: fit-content !important; margin: 0.5rem auto !important; padding: 0.25rem 1rem !important; background: transparent !important; border: var(--brd-main) !important; border-radius: var(--rd-sm); color: var(--clr-text-main) !important; font-weight: 600; font-size: 1rem; float: none !important; } #plp-measurement select { padding-left: 0.5rem; margin-left: 0.5rem; } #plp-expressorder .ecomm-express-item { background: rgba(255, 255, 255, 80%); border: none; border-radius: 5px; } #plp-expressorder .ecomm-express-item input[type='checkbox'] { margin-right: 5px; margin-top: 0px; } #plp-signin { box-sizing: border-box; border: none; border-radius: 0 0 10px 10px; } .ui-widget.pcat-card { box-shadow: 0 0 10px -2px rgb(0, 0, 0, 0.3); border-radius: 0 0 10px 10px; } /* Configure page */ #plp-configure { margin-top: 1rem; box-sizing: border-box; } #plp-configure .ui-accordion-header { border: none; border-radius: var(--rd-sm) var(--rd-sm) 0 0; box-shadow: 0 0.5rem 1rem var(--shadow-widget); background: var(--clr-table-hgl); color: var(--clr-txt-main); } #plp-configure > #plp-configurator { padding: 1rem; border: var(--brd-main); border-radius: 0 0 var(--rd-base) var(--rd-base); box-shadow: 0 0.5rem 1rem var(--shadow-widget); } #plp-configure #plp-buttonbar-configure { margin: 5px 0px; } #plp-configure #plp-buttonbar-configure > span { margin-left: 6px; } #plp-configure #plp-configurator #plp-configure-accordion table td { background: 0 0; color: black; } /* --- File: src\css\02-variants\filters\filters-minimal.css --- */ /* ========================================================================== FEATURE VARIANT: FILTERS - MINIMAL STYLE ========================================================================== */ #plp-2-column #plp-sidebar .plp-filter { } #plp-2-column #plp-sidebar .ui-accordion h3.ui-accordion-header { background: var(--clr-bg-surface) !important; color: var(--clr-txt-main) !important; font-size: 0.85rem; font-weight: 700; padding: 0.25rem 0.5rem; } #plp-2-column #plp-sidebar .ui-accordion .ui-accordion-content { border: 1px solid var(--clr-table-brd); border-radius: var(--rd-sm); } #plp-2-column #plp-sidebar .adv-attributecontrol { padding: 0.2rem; } #plp-2-column #plp-sidebar .adv-attributecontrol[data-display="DropdownBox"] select { border: none; font-size: 0.9rem; } /* --- File: src\css\02-variants\layout\img-right.css --- */ #plp-container #plp-description-with-image .plp-image-ctn, #plp-container #plp-item-description-with-image .plp-image-ctn { grid-column: 2; } #plp-container #plp-description-with-image #plp-title-actions-wrapper, #plp-container #plp-item-description-with-image #plp-title-actions-wrapper { grid-column: 1; } #plp-container #plp-description-with-image #plp-description-sidebar-wrapper, #plp-container #plp-item-description-with-image #plp-description-sidebar-wrapper { grid-column: 1; } /* --- File: src\css\02-variants\layout\cadcart-basic.css --- */ section#plp-cad-cartbench { width: auto !important; padding: 0rem !important; background: transparent !important; border: none !important; position: relative; margin-right: 0.5rem !important; } section#plp-cad-cartbench .filter-button { padding-right: 0.5rem !important; } /* --- Global Default Variables --- */ :root { --font-main: Lato, sans-serif; --fs-base: 1rem; --fs-sm: 0.875rem; --fs-xs: 0.8rem; --fw-normal: 400; --fw-bold: 700; --fw-black: 900; --rd-base: 0.9375rem; --rd-sm: 0.5rem; --rd-xs: 3px; --rd-circle: 50%; --brd-main: 1px solid var(--clr-border); --shadow-main: 0px 0px 12px -2px rgba(0, 0, 0, 0.3); --shadow-small: 0px 0px 8px -2px rgba(0, 0, 0, 0.25); --shadow-widget: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --shadow-btn: none; --clr-brand-primary: #ff8200; --clr-brand-primary-ada: #e35202; --clr-brand-primary-txt: #ffffff; --clr-brand-secondary: #000; --clr-brand-secondary-txt: #ffffff; --clr-brand-accent: #C1D3DA; --clr-bg-main: #f8f8f8; --clr-bg-surface: #ffffff; --clr-bg-translucent: rgba(255, 255, 255, 0.8); --clr-border: #D0D3D4; --clr-txt-main: #000000; --clr-txt-muted: #555559; --clr-txt-disabled: #8c8c8c; --clr-txt-on-primary: #ffffff; --clr-link: #000000; --clr-link-hvr: #e35202; --clr-link-breadcrumb: #555559; --plp-header-links-display: block; --plp-breadcrumb-link-fs: 0.8rem; --plp-breadcrumb-link-hvr-clr: var(--clr-link-hvr); --plp-breadcrumb-separator-content: '//'; --plp-breadcrumb-separator-clr: var(--clr-link-breadcrumb); --clr-table-row-odd: #fefaf7; --clr-table-row-even: #ffffff; --clr-table-pg-txt: #555559; --clr-table-txt: #000000; --clr-table-hgl: #e0e9ec; --clr-table-brd: #E3E3E3; --plp-table-filter-header-bg: var(--clr-brand-secondary); --plp-table-filter-header-color: var(--clr-brand-secondary-txt); --plp-table-filter-header-pad: 0.75rem; --plp-table-filter-header-fs: 1rem; --plp-table-filter-header-fw: bold; --plp-table-filter-header-brd-w: 0; --plp-table-filter-header-brd-style: solid; --plp-table-filter-header-brd-color: transparent; --plp-table-cell-fs: 0.9rem; --plp-table-cell-btm-brd: 1px solid var(--clr-table-brd); --plp-sidebar-bg: var(--clr-bg-surface); --plp-dialog-titlebar-bg: var(--clr-brand-primary); --plp-dialog-titlebar-color: var(--clr-brand-primary-txt); --clr-action-bar-bg: #d0d3d4; --clr-action-bar-sep: #8c8c8c; --clr-filter-hvr: #E0E9EC; --clr-filter-txt: #020101; --clr-rfi: #005678; --clr-rfi-hvr: #00455a; --clr-title-bg: #fceee6; --clr-warn: #ffc845; --clr-warn-bg: #fff9e6; --clr-success: #005678; --clr-err-bg: #fdecea; --clr-err-brd: #a70404; --clr-err-txt: #a70404; --clr-ok-bg: #e0e9ec; --clr-ok-brd: #005678; --clr-ok-txt: #005678; --btn-fs: 1rem; --btn-fw: 700; --btn-pad: 0.5625rem 1.4375rem; --btn-rd: 5px; --btn-trans: all 0.1s ease-in-out; --btn-shadow: none; --btn-pri-bg: #000000; --btn-pri-txt: #ffffff; --btn-pri-brd: 1px solid #000000; --btn-pri-hvr-bg: #4b4a4f; --btn-pri-hvr-txt: #ffffff; --btn-pri-hvr-brd: 1px solid #4b4a4f; --btn-sec-bg: transparent; --btn-sec-txt: #000000; --btn-sec-brd: 1px solid #000000; --btn-sec-hvr-bg: #f8f8f8; --btn-sec-hvr-txt: #000000; --btn-sec-hvr-brd: 1px solid #000000; --btn-sm-fs: 0.875rem; --btn-sm-fw: 400; --btn-sm-pad: 0.35rem 0.75rem; --btn-sm-bg-hvr: var(--clr-bg-main); --btn-sm-txt: var(--clr-txt-main); --btn-sm-brd: var(--brd-main); --plp-thumb-brd-clr: #f8f8f8; --plp-thumb-img-rd: 10px; --plp-thumb-bg: var(--clr-bg-surface); --plp-thumb-pad: 1rem; --plp-thumb-rd: var(--rd-sm); --plp-thumb-brd: 1px solid var(--plp-thumb-brd-clr); --plp-thumb-shadow: none; --plp-thumb-hover-offset-y: -4px; --plp-thumb-hover-bg: var(--clr-bg-surface); --plp-thumb-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); --plp-thumb-link-clr: #2d3748; --plp-thumb-link-hvr-clr: #3182ce; --plp-category-thumb-img-h: 11rem; --plp-results-thumb-pad: 1.5rem; --plp-desc-img-w: 280px; --plp-desc-img-h: 265px; --plp-category-header-pad: 1rem; --plp-category-header-fs: 1.5rem; --plp-category-header-fw: 800; --plp-product-title-bg: var(--clr-title-bg); --plp-product-title-pad: 1rem 1rem 1rem 1rem; --plp-product-title-pad-lg: 1.125rem 4rem; --plp-buttonbar-pad: 1rem 2rem; --plp-title-fs: 1.5rem; --plp-title-fs-lg: 2.25rem; --plp-title-fw: 800; --plp-page-actions-fs: 1.25rem; --plp-page-actions-fw: 700; --rd-lg: 2rem; --plp-cad-cart-bg: var(--clr-brand-primary); --plp-cadiframe-min-h: 740px; --plp-cad-cart-bread-crumb-margin-top: 2.6875rem; --plp-thumb-link-fw: 800; } /* --- Client Theme Variables --- */ :root { --rd-lg: 2rem; --plp-cad-cart-bg: var(--clr-brand-primary); --plp-cad-cart-bread-crumb-margin-top: 2.6875rem; --plp-table-filter-header-color: var(--clr-txt-main); --plp-table-filter-header-pad: 1.125rem .625rem; --plp-table-filter-header-fw: 600; --plp-table-filter-header-fs: 1rem; --plp-table-filter-header-brd: 1px 0 1px 0 solid #E3E3E3; --plp-table-filter-header-brd-w: 1px 0; --plp-table-filter-header-brd-color: #E3E3E3; --plp-cadiframe-min-h: 940px; --clr-bg-main: #f8f8f8; --plp-dialog-titlebar-bg: var(--clr-bg-main); --plp-table-filter-header-brd-style: solid; --plp-table-cell-fs: 0.9rem; --plp-table-cell-btm-brd: 1px solid var(--clr-table-brd); --plp-thumb-link-fw: 800; --plp-desc-img-h: 300px; --plp-desc-img-w: 315px; --plp-product-title-bg: var(--clr-bg-surface); --plp-product-title-pad-lg: 1.125rem 4rem; --plp-category-header-fs: 2.75rem; --plp-category-header-pad: 1rem 4rem; --plp-title-fs-lg: 1.5rem; --plp-buttonbar-pad: 1rem 4rem; --plp-breadcrumb-separator-content: '>'; --plp-table-filter-header-bg: var(--clr-bg-surface); --plp-dialog-titlebar-color: var(--clr-txt-main); } /* --- Client Custom CSS --- */ body[data-pagetype="CADPublisher"] #new-cadviewer_webglcanvas { background-image: url("cad_background_option1.jpg") !important; border: 1px solid #ddd !important; } body[data-pagetype="CADPublisher"] .logo-img > img { float: left; margin: 18px 0px 0px 10px; } body[data-pagetype="CADPublisher"] .cadHeader > div { padding: 5px 10px; } body[data-pagetype="CADPublisher"] .cadHeader { font-family: lato, sans-serif; font-size: 14px; max-width: 100%; } body[data-pagetype="CADPublisher"] .cadHeader #techInfo { text-align: right; background: #fff; border-radius: 5px; margin: 4px 10px; font-weight: 300; color: #555559; } body[data-pagetype="CADPublisher"] .cad_footer p { font-family: lato, sans-serif !important; font-size: 14px; font-weight: 300; color: #555559; padding: 5px 10px 5px 17px; margin: 0; border-left: 1px solid var(--clr-border); border-right: 1px solid var(--clr-border); background: #fff; } body[data-pagetype="CADPublisher"] .cad_footer a { font-weight: 300; } #inner-text { padding: 0 0 0 10px; font-size: 0.875em; display: inline-block; width: 77%; } section#plp-cad-cartbench { display:none !important; }