/** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Fonts ============================================ */ @font-face { font-family: "Effra W01 Regular"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/22d5253a-df89-458b-b414-0191063f0b7f.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/22d5253a-df89-458b-b414-0191063f0b7f.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/07f98c09-a3b5-4ab3-a35e-9d9474d19279.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/c95fc487-48ab-48c1-b4da-f9478f900fdb.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/7edd076c-820b-4d62-8cda-94cbed70c375.svg#7edd076c-820b-4d62-8cda-94cbed70c375") format("svg"); font-display: swap; } @font-face { font-family: "Effra W01 Bold"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/bf129681-00b0-4e8b-afb9-03a5b3673b2e.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/bf129681-00b0-4e8b-afb9-03a5b3673b2e.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/d9c686bd-1b2c-4730-a0b4-9376d5cc0217.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/f6eb1dc4-bd7a-4ec7-8efa-af82ddea3829.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/51807340-4baf-41b5-a341-d06a17d6442a.svg#51807340-4baf-41b5-a341-d06a17d6442a") format("svg"); font-display: swap; } @font-face { font-family: "Effra W01 Light"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/b7efdc09-493c-4ece-9318-858f00453c42.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/b7efdc09-493c-4ece-9318-858f00453c42.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/751064cf-4abc-41a8-824e-4eaed9b85d23.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/5f22f65c-93cb-4f49-98f1-9cdcddbe0f49.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/edad0b27-2a7f-4689-a93e-893192afa06d.svg#edad0b27-2a7f-4689-a93e-893192afa06d") format("svg"); font-display: swap; } @font-face { font-family: "NewBaskervilleW01-Itali"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/7055b210-8d54-4a81-bcc1-927fb48b5af8.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/7055b210-8d54-4a81-bcc1-927fb48b5af8.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/b74f9e80-f9c2-45b4-9d5d-7f3aba245e3d.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/22b7afa3-0619-4c9c-b91f-22978be3f21f.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/70b35ac5-da0e-4238-87ce-f67818f47e8e.svg#70b35ac5-da0e-4238-87ce-f67818f47e8e") format("svg"); font-display: swap; } @font-face { font-family: "Baskerville-Italic"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Baskerville-Italic.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Baskerville-Italic.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Baskerville-Italic.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Baskerville-Italic.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Baskerville-Italic.svg#Baskerville-Italic") format("svg"); font-display: swap; } @font-face { font-family: "Montserrat-Light"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Light.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Light.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Light.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Light.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); font-display: swap; } @font-face { font-family: "Montserrat-Regular"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Regular.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Regular.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Regular.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Regular.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg"); font-display: swap; } /* ============================================ Global Styles ============================================ */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } * { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } body { font-size: 12px; color: #474747; background-color: #fff; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; overflow-x: hidden; } img { max-width: 100%; height: auto; } img.lazy { width: 100%; } .main { min-height: 650px; } .header-container .header-panel a.skipto { background: #000000; height: 30px; left: 45%; padding: 0 10px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; color: #fff; text-transform: uppercase; } .header-container .header-panel a.skipto:focus-visible, .header-container .header-panel a.skipto:focus { transform: translateY(0%); } .container { max-width: 1440px; width: 94%; margin: 0 auto; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; *zoom: 1; zoom: 1; } .container.wide { max-width: 1440px !important; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .header-container { position: relative; z-index: 9999; width: 100%; background-color: #fff; } .content-pane { margin: 140px auto 54px; } .checkout-onepage-index .content-pane { margin-top: 0; } .category-landing.clp-new .content-pane { width: 100%; max-width: none; } .category-landing.clp-new .breadcrumbs { max-width: 1440px; width: 94%; margin: 0 auto 30px; } .category-landing.clp-new .page .category-title { max-height: 444px; margin: 0 0 80px; padding: 0; border: 0 none; background-color: #F7F5F8; display: flex; flex-wrap: wrap; align-items: stretch; } .category-landing.clp-new .page .category-title .title-wrapper { order: 2; background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/gray-box-with-pattern.jpg") no-repeat top right; background-size: cover; display: flex; align-items: center; flex-grow: 2; width: 40%; } .category-landing.clp-new .page .category-title .title-wrapper h1 { text-align: left; margin: 0 15%; padding: 0; text-transform: initial; font-size: 5.5em; } .category-landing.clp-new .page .category-title .title-wrapper h1:before { content: ''; } .category-landing.clp-new .page .category-title .title-wrapper h1 a.shop-all-title { color: #747274; display: block; } .category-landing.clp-new .page .category-title .title-wrapper h1 a.shop-all-title span { display: block; } .category-landing.clp-new .page .category-title .title-wrapper h1 a.shop-all-title span:after { content: ''; width: 0; height: 0; display: inline-block; border: 0.3em solid transparent; border-left-color: #747274; margin-left: 30px; } .category-landing.clp-new .page .category-title .category-image { order: 1; width: 60%; background-repeat: no-repeat; background-size: cover; } .category-landing.clp-new .page .category-title .category-image a { display: block; } .category-landing.clp-new .page .category-title .category-image a img { max-height: 444px; visibility: hidden; } .category-landing.clp-new .page .categories-list-new ul { display: flex; flex-wrap: wrap; } .category-landing.clp-new .page .categories-list-new ul li.category { width: 100%; max-width: 22.4%; margin: 0 3.4% 3.4% 0; } .category-landing.clp-new .page .categories-list-new ul li.category:nth-child(4n) { margin-right: 0; } .category-landing.clp-new .page .categories-list-new ul li.category .category-name { display: inline-block; margin-top: 10px; width: 100%; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 1em; color: #493627; text-transform: capitalize; } .category-landing.clp-new .page .products-grid.listrak-recommendations { margin-bottom: 0; } .category-landing.clp-new .page .products-grid.listrak-recommendations .item { margin-bottom: 10px; } .category-landing.clp-new .widget-title { font-size: 4.5em; margin-bottom: 40px; display: block; font-family: "Effra W01 Light", arial, helvetica, sans-serif; color: #747274; text-transform: none; line-height: initial; } .category-landing.clp-new .widget-title.margin20 { margin-bottom: 20px; } .category-landing.clp-new .widget-text { font-size: 2.5em; font-family: "Effra W01 Light", arial, helvetica, sans-serif; line-height: 1em; margin: 0; letter-spacing: 1px; } .category-landing.clp-new .widget-text a { color: #747274; } .category-landing.clp-new .widget-text a.widget-link:after { content: ''; width: 0; height: 0; display: inline-block; border: 0.3em solid transparent; border-left-color: #747274; margin-left: 10px; } .category-landing.clp-new .grey-padding { padding: 50px 0; background: #F7F5F7; margin: 40px 0; color: #747274; } .category-landing.clp-new .grey-padding.cover-image { padding: 0; } .category-landing.clp-new .grey-padding.cover-image .shop-by-finish .left-side { margin: 0; padding: 50px 0 50px 0; background: #F7F5F7; } @media only screen and (min-width: 769px) { .category-landing.clp-new .grey-padding.cover-image .shop-by-finish .left-side { width: 60%; padding-right: 50px; } } .category-landing.clp-new .popular-products, .category-landing.clp-new .shop-by-finish { display: flex; align-items: center; } .category-landing.clp-new .popular-products .right-side, .category-landing.clp-new .shop-by-finish .right-side { width: 40%; order: 2; } .category-landing.clp-new .popular-products .left-side, .category-landing.clp-new .shop-by-finish .left-side { width: 55%; margin-right: 80px; } .category-landing.clp-new .popular-products .widget-products.inline ul.products-grid.listrak-recommendations, .category-landing.clp-new .shop-by-finish .widget-products.inline ul.products-grid.listrak-recommendations { margin: 0; padding: 0 20px; } .category-landing.clp-new .popular-products .widget-products.inline ul.products-grid.listrak-recommendations .item, .category-landing.clp-new .shop-by-finish .widget-products.inline ul.products-grid.listrak-recommendations .item { margin-right: 35px; } .category-landing.clp-new .rounded-images ul { display: flex; flex-wrap: wrap; } .category-landing.clp-new .rounded-images ul li { flex-grow: 1; width: calc(30% - 35px); margin: 0 35px 50px 0; } .category-landing.clp-new .rounded-images ul li:last-child, .category-landing.clp-new .rounded-images ul li:nth-child(3n) { margin-right: 0; } .category-landing.clp-new .rounded-images ul li:nth-child(n+4) { margin-bottom: 0; } .category-landing.clp-new .rounded-images ul li a span { display: block; text-align: center; margin-top: 10px; font-size: 1.3em; color: #747274; } .category-landing.clp-new .rounded-images img { border-radius: 50% 50%; } .category-landing.clp-new .nomargin ul li { margin-bottom: 0; } .category-landing.clp-new .cover-image { background-repeat: no-repeat; background-position: top right; background-size: contain; } .category-landing.clp-new .footer-before-container .widget-static-block .col2-left-layout .col-main { width: 100%; float: none; } .catalog-category-view a.product-image-link.not-loaded, .search-result-index a.product-image-link.not-loaded, .widget-products a.product-image-link.not-loaded, .listrak-recommendation a.product-image-link.not-loaded { display: block; height: 200px; text-align: center; } .catalog-category-view a.product-image-link.not-loaded img, .search-result-index a.product-image-link.not-loaded img, .widget-products a.product-image-link.not-loaded img, .listrak-recommendation a.product-image-link.not-loaded img { margin-top: 50%; display: inline-block !important; width: 30px !important; height: 30px; color: transparent; border: 5px solid #515151; border-top: 5px solid #fff; border-radius: 50%; animation: spin 2s linear infinite; } .widget-products a.product-image-link.not-loaded { height: 220px; } .listrak-recommendation a.product-image-link.not-loaded { height: 230px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ============================================ Grid ============================================ */ .col2-set { *zoom: 1; zoom: 1; } .col2-set:before, .col2-set:after { display: table; content: ""; line-height: 0; } .col2-set:after { clear: both; } .col2-set .col-1, .col2-set .col-2 { float: left; width: 50%; padding-right: 40px; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } .col2-set .col-1 { float: right; padding: 0 0 0 40px; border-left: 1px solid #d4cbc1; } .col2-left-layout .col-main { float: right; width: 82.96296296%; } .col2-left-layout .col-left { float: left; width: 14.81481481%; } /* ============================================ Typography ============================================ */ h1 { font-size: 24px; line-height: 1em; text-transform: uppercase; } h2 { font-size: 14px; line-height: 18px; text-transform: uppercase; } .page-title h1 { padding: 27px 0; } p, .std { font-size: 12px; margin-bottom: 21px; line-height: 21px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; } .std { margin-bottom: 0; } /* ============================================ Links/Buttons ============================================ */ a { color: #BC5136; text-decoration: none; -webkit-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -moz-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -o-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -webkit-transition: background-color 0.24s ease-out, color 0.24s ease-out; -moz-transition: background-color 0.24s ease-out, color 0.24s ease-out; -o-transition: background-color 0.24s ease-out, color 0.24s ease-out; transition: background-color 0.24s ease-out, color 0.24s ease-out; } a:hover, a:active { color: #fb8c6e; } button, .button, a.button { border: none; display: inline-block; cursor: pointer; vertical-align: top; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 29px; color: #fff; background-color: #BC5136; -webkit-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -moz-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -o-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -webkit-transition: background-color 0.24s ease-out, color 0.24s ease-out; -moz-transition: background-color 0.24s ease-out, color 0.24s ease-out; -o-transition: background-color 0.24s ease-out, color 0.24s ease-out; transition: background-color 0.24s ease-out, color 0.24s ease-out; padding: 2px; letter-spacing: 1px; } button > span, .button > span, a.button > span { display: inline-block; width: 100%; padding: 0 30px; border: 1px solid #fff; line-height: 31px; } button:focus-visible, .button:focus-visible, a.button:focus-visible { outline: 1px dotted #636363; } button[disabled], .button[disabled], a.button[disabled] { opacity: 50; filter: alpha(opacity=5000); opacity: 0.5; filter: alpha(opacity=50); } button[disabled]:hover, .button[disabled]:hover, a.button[disabled]:hover { background-color: #BC5136; } button:hover, .button:hover, a.button:hover { background-color: #fb8c6e; } button.large, .button.large, a.button.large { font-size: 15px; line-height: 38px; } button.large > span, .button.large > span, a.button.large > span { padding: 0 50px; line-height: 40px; } button.small, .button.small, a.button.small { font-size: 10px; line-height: 22px; color: #515151; background: #f0f0f0; border: 1px solid #b7bbbf; } button.small > span, .button.small > span, a.button.small > span { border: 1px solid #b7bbbf; line-height: 20px; padding: 0 20px; } button.small:hover, .button.small:hover, a.button.small:hover { background: #f7f7f7; } button.grey, .button.grey, a.button.grey { color: #515151; background: #f0f0f0; border: 1px solid #b7bbbf; } button.grey > span, .button.grey > span, a.button.grey > span { border: 1px solid #b7bbbf; line-height: 29px; } button.grey:hover, .button.grey:hover, a.button.grey:hover { background: #f7f7f7; } button.brown, .button.brown, a.button.brown { background-color: #6e6256; font-size: 15px; line-height: normal; padding: 17px 30px; } .catalog-product-view .share-this .facebook-button, .catalog-product-view .share-this .pintrest-button { display: inline-block; vertical-align: top; } .catalog-product-view .share-this .houzz-button { border-radius: 2px; } .catalog-product-view .share-this .print-btn { margin-top: 1px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -165px -45px; height: 20px; width: 60px; } .emailto-link { display: inline-block; float: right; margin-right: 2px; } .emailto-link a { display: inline-block; margin-top: 1px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -165px -67px; height: 20px; width: 60px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .emailto-link a { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/email-hires.png"); background-size: 61px 20px; background-position: 0 0; width: 61px; } } /* ============================================ Form Elements ============================================ */ .input-text, textarea { outline: none; padding: 5px 10px; margin: 0; width: 100%; background-color: #fff; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #493627; font-size: 12px; line-height: 18px; border: 1px solid #6e6256; vertical-align: top; -webkit-transition: all border-color 0.24s ease-out, opacity 0.24s ease-out ease-out; -moz-transition: all border-color 0.24s ease-out, opacity 0.24s ease-out ease-out; -o-transition: all border-color 0.24s ease-out, opacity 0.24s ease-out ease-out; transition: all border-color 0.24s ease-out, opacity 0.24s ease-out ease-out; -webkit-transition: border-color 0.24s ease-out, opacity 0.24s ease-out; -moz-transition: border-color 0.24s ease-out, opacity 0.24s ease-out; -o-transition: border-color 0.24s ease-out, opacity 0.24s ease-out; transition: border-color 0.24s ease-out, opacity 0.24s ease-out; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-text:focus-visible, textarea:focus-visible { outline: currentColor 1px dotted; } .input-text.validation-failed, textarea.validation-failed { border: 1px solid #BC5136; } .input-text[disabled], textarea[disabled] { opacity: 50; filter: alpha(opacity=5000); opacity: 0.5; filter: alpha(opacity=50); } .input-text { min-height: 30px; } /* Custom selects */ .select-wrap { vertical-align: top; } .select-wrap select { width: 100%; height: 30px; -webkit-appearance: none; cursor: pointer; } .select-wrap select:focus-visible { opacity: 1 !important; } .customStyleSelectBox, .swatch-select { padding: 0 30px 0 10px; line-height: 30px; height: 30px; background-color: #d4cbc1; width: 210px; -webkit-transition: all opacity 0.24s ease-out ease-out; -moz-transition: all opacity 0.24s ease-out ease-out; -o-transition: all opacity 0.24s ease-out ease-out; transition: all opacity 0.24s ease-out ease-out; -webkit-transition: opacity 0.24s ease-out; -moz-transition: opacity 0.24s ease-out; -o-transition: opacity 0.24s ease-out; transition: opacity 0.24s ease-out; position: relative; } .customStyleSelectBox:before, .swatch-select:before { position: absolute; content: ''; width: 0; height: 0; top: 50%; right: 12px; margin-top: -3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #493627; } .customStyleSelectBox .customStyleSelectBoxInner, .swatch-select .customStyleSelectBoxInner, .customStyleSelectBox .label, .swatch-select .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .customStyleSelectBox.disabled, .swatch-select.disabled { opacity: 50; filter: alpha(opacity=5000); opacity: 0.5; filter: alpha(opacity=50); pointer-events: none; } .swatch-select { display: inline-block; position: relative; cursor: pointer; line-height: normal; } .swatch-select .label { display: inline-block; vertical-align: top; color: #493627; padding-top: 7px; overflow: visible; width: auto; } .swatch-select .label .amconf-image { height: 16px; width: 42px; } .swatch-select .label .amconf-image-title { line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; } .swatch-select .amconf-images-container { display: none; background-color: #fff; border: 1px solid #f0f0f0; position: absolute; left: 0; top: 100%; min-width: 394px; z-index: 99; padding-bottom: 9px; } @media screen and (max-width: 990px) { .swatch-select .amconf-images-container { min-width: 343px; } } @media screen and (min-width: 1210px) and (max-width: 1399px) { .header-container .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) { width: 17%; } } @media screen and (min-width: 1010px) and (max-width: 1209px) { .header-container .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) { width: 16%; } } @media screen and (min-width: 810px) and (max-width: 1009px) { .header-container .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) { width: 20%; } } @media screen and (min-width: 741px) and (max-width: 809px) { .header-container .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) { width: 29%; } } .swatch-select .amconf-images-container li { *zoom: 1; zoom: 1; padding: 15px 10px 0; margin-top: 0 !important; height: 31px; display: block; } .swatch-select .amconf-images-container li:before, .swatch-select .amconf-images-container li:after { display: table; content: ""; line-height: 0; } .swatch-select .amconf-images-container li:after { clear: both; } .swatch-select .amconf-images-container li:first-child { padding-top: 10px; } .swatch-select.show .amconf-images-container { display: block; } .swatch-select .amconf-image { border: 1px solid #f0f0f0; margin-right: 10px; height: 16px; width: 42px; vertical-align: top; } .swatch-select .amconf-image-title { line-height: 16px; display: inline-block; vertical-align: top; width: 320px; width: calc(100% - 52px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Custom radios */ .style-radio { height: 16px; width: 16px; display: inline-block; vertical-align: middle; background-color: #d4cbc1; position: relative; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .style-radio input[type="radio"] { height: 16px; width: 16px; margin-top: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; } .style-radio.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-color: #d4cbc1; background-position: -120px 3px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .style-radio.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } /* Custom checkboxes */ .style-checkbox { height: 16px; width: 16px; display: inline-block; vertical-align: top; background-color: #d4cbc1; position: relative; } .style-checkbox input[type="checkbox"] { height: 16px; width: 16px; margin-top: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; } .style-checkbox input[type="checkbox"]:focus-visible { opacity: 1; } .style-checkbox.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-color: #d4cbc1; background-position: -138px 5px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .style-checkbox.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .form-list li, .form-list .field { margin-top: 8px; } .form-list .add-field { margin-top: 4px; } .form-list li:first-child, .form-list .fields { margin-top: 0; } .form-list li.newsletter label { font-size: 13px; line-height: 16px; margin: 0 0 0 4px; } .form-list li label { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 4px; } .form-list li label em, p.required { display: none; } .form-list .input-box { width: 210px; position: relative; } .form-list .control { padding-top: 12px; } .form-list .control .input-box { display: inline-block; vertical-align: top; width: 16px; } .form-list .control label { font-size: 13px; line-height: 16px; margin: 0 0 0 4px; } .form-list .note { margin-bottom: 16px; } .form-list li .optional { font-size: 12px; text-transform: none; } .validation-advice { line-height: 1em; padding-top: 3px; color: #BC5136; } .qty, .input-text.qty { width: 45px; text-align: center; } /*Inline Labels*/ .labelify .form-list li, .labelify .form-list .input-wrapper { position: relative; } .labelify .form-list label { position: absolute; top: 0; left: 10px; margin-bottom: 0; line-height: 30px; font-size: 12px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: none; z-index: 99; } /*Shipping Methods*/ .sp-methods dd > ul li { line-height: 16px; padding-top: 20px; } .sp-methods dt label, .sp-methods dt label span, .sp-methods ul li label, .sp-methods ul li label span { font-size: 13px; line-height: 16px; text-transform: uppercase; } .sp-methods ul li label, #co-payment-form dt label { margin: 0 0 0 4px; display: inline-block; vertical-align: middle; } .sp-methods dd .form-list li label { font-size: 14px; line-height: 21px; margin: 0 0 4px 0; } .sp-methods dd .form-list .control label { margin: 0 0 0 4px; } .sp-methods dd .form-list li { padding-top: 0; } .sp-methods ul li span.no-display { display: inline !important; } /*Form Buttons*/ .buttons-set .back-link { display: none; } /* ============================================ Data Tables ============================================ */ .data-table { width: 100%; } .data-table thead { background-color: #f0f0f0; } .data-table thead th { font-weight: normal; text-transform: uppercase; line-height: 36px; padding: 0 1.96560197%; white-space: nowrap; text-align: left !important; } .data-table tbody tr td { border-bottom: 1px solid #d6ccc3; padding: 10px 1.96560197%; line-height: 17px; text-align: left !important; } .data-table .product-image, .data-table .product-details { float: left; } .data-table .product-details { margin-left: 16px; } .data-table .product-details.ferguson-group .sku.simple { font-weight: bold; } .data-table .item-options { text-transform: uppercase; line-height: 16px; font-size: 12px; padding: 6px 0; list-style: disc; margin-left: 20px; } .data-table .item-options li { margin-top: 6px; text-transform: none; } .data-table .item-options li:first-child { margin-top: 0; } div.br-rp-qv-hide { display: none; } div.br-rp-qv-show { display: block; } /* ============================================ Accordion ============================================ */ .accordion > li { border-bottom: 1px solid #d4cbc1; } .accordion .trigger { display: block; text-transform: uppercase; font-size: 13px; line-height: 55px; cursor: pointer; position: relative; } .accordion .trigger:before { content: ''; width: 0; height: 0; position: absolute; top: 50%; right: 2px; margin-top: -2.5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; -webkit-transition: -webkit-transform 0.35s ease; -moz-transition: -moz-transform 0.35s ease; -o-transition: -o-transform 0.35s ease; transition: transform 0.35s ease; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } @media screen and (max-width: 770px) { .two-col-cart .accordion .trigger:before { right: 13px !important; } } .accordion .trigger.open:before { content: ''; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .two-col-cart .accordion .trigger.open:before { content: '' !important; /* font-size: 31px !important; */ background-color: #000 !important; height: 2px !important; width: 10px !important; right: 13px !important; top: 4px !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @media screen and (max-width: 770px) { .two-col-cart .accordion .trigger.open:before { right: 3px !important; } } .accordion .content { height: 0; position: relative; overflow: hidden; -webkit-transition: all height 0.35s ease ease-out; -moz-transition: all height 0.35s ease ease-out; -o-transition: all height 0.35s ease ease-out; transition: all height 0.35s ease ease-out; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .accordion .content.open { height: auto; } /* ============================================ Global Messages ============================================ */ .messages { margin: 16px 0; } .messages > li { margin-top: 8px; } .messages > li:first-child { margin-top: 0; } .messages > li > ul li { background-color: #fff; border-bottom: 1px solid #d4cbc1; border-top: 1px solid #d4cbc1; padding: 10px 1.96560197%; text-transform: uppercase; line-height: 15px; } /* ============================================ Breadcrumbs ============================================ */ .breadcrumbs { padding: 23px 0; font-size: 13px; } .breadcrumbs ul { *zoom: 1; zoom: 1; } .breadcrumbs ul:before, .breadcrumbs ul:after { display: table; content: ""; line-height: 0; } .breadcrumbs ul:after { clear: both; } .breadcrumbs li { float: left; text-transform: uppercase; } .breadcrumbs li a { color: #493627; } .breadcrumbs li a span { padding: 0; } .breadcrumbs li span { padding: 0 8px; } .breadcrumbs li strong { font-weight: normal; } .breadcrumbs li:nth-last-child(2) > span { display: inline-block !important; } .breadcrumbs .last { white-space: nowrap; width: 40%; overflow: hidden; text-overflow: ellipsis; display: block !important; } /* ============================================ Custom Scrollbars (tinyscrollbar) ============================================ */ .scrollbar-container { overflow: hidden; } .scrollbar-container .scroll { float: right; width: 5px; } .scrollbar-container .scrollbar { width: 5px; background-color: #d4cbc1; float: right; position: relative; } .scrollbar-container .scrollbar.disable { display: none; } .scrollbar-container .scrollbar .thumb { background-color: #fb8c6e; width: 5px; position: absolute; top: 0; left: 0; cursor: pointer; height: 20px; } .scrollbar-container .viewport { position: relative; margin-right: 5px; } .scrollbar-container .viewport .overview { position: absolute; left: 0; top: 0; } /* ============================================ Global Header ============================================ */ .header-container { background-color: #fcfaf7; border-bottom: 1px solid #f4f4f4; } .header-container.header--fixed { position: fixed; top: 0; left: 0; width: 100%; } .header-container .header-panel { height: 30px; background-color: #fff; line-height: 30px; *zoom: 1; zoom: 1; } .header-container .header-panel:before, .header-container .header-panel:after { display: table; content: ""; line-height: 0; clear: both; } .header-container .header-panel a { color: #8e8787; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .header-container .header-panel ul.links { float: right; cursor: default; } .header-container .header-panel ul.links .first a { margin-right: 7px; } .header-container .header-panel ul.links .last a { margin-left: 7px; } .header-container .header-panel ul.links + ul.links .last a { margin-right: 7px; } .header-container .header-panel ul.links li:not(.first):not(.last) a { margin: 0 7px; } .header-container .header-panel ul.links li + li:before { content: " | "; color: #515151; } .header-container .header-panel ul.links li.first.last:before { content: " | "; } .header-container .header-panel p.welcome-msg { float: right; margin: 0 12px 0 0; line-height: 28px; display: none; } .header-container .header-panel .customer-service .links { float: right; overflow: visible; cursor: default; } .header-container .header-panel .customer-service .links a { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: uppercase; } .header-container .header-panel .customer-service .links > li a { letter-spacing: 1px; font-size: 10px; color: #8e8787; } .header-container .header-panel .customer-service .links .service-block { position: relative; } .header-container .header-panel .customer-service .links .service-block:before { margin: 0 7px; } .header-container .header-panel .customer-service .links .service-block .service-link { padding-right: 5px; } .header-container .header-panel .customer-service .links .service-block .service-link:after { content: ''; position: relative; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; left: 5px; top: -1px; } .header-container .header-panel .customer-service .links .service-block .service-link.active:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-container .header-panel .customer-service .links .service-block .service-content { display: none; position: absolute; z-index: 99; overflow: hidden; background-color: #fff; border-width: 0; box-shadow: 0 1px 1px #bbb; padding: 10px 7px; padding-top: 5px; top: 20px; left: 18px; min-width: 130px; } .header-container .header-panel .customer-service .links .service-block .service-content a { text-transform: capitalize; font-size: 11px; cursor: pointer; } .header-container .header { margin: 5px 0; text-align: center; position: relative; } .header-container .branding, .header-container .logo { display: inline-block; } .header-container .logo { position: relative; display: block; z-index: 10; cursor: pointer; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/logo-full@1x.svg"); width: 341px; height: 39px; background-size: 341px 39px; background-repeat: no-repeat; margin-top: 12px; } .header-container .logo:focus-within { text-indent: 0; color: transparent; } .header-container .logo:focus-within strong { color: transparent; } .header-container .logo a:hover, .header-container .logo a:focus-visible { color: transparent; } .header-container .free-shipping-msg { float: left; margin: 0; display: inline-block; } .header-container .free-shipping-msg a { font-size: 12px; margin-bottom: 0; color: #BC5136; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1.2px; line-height: 18px; font-weight: 400; } .header-container .free-shipping-msg a span { position: relative; } .header-container .quick-access { float: right; margin-top: 9px; width: auto; text-align: left; } .header-container .quick-access .icon-group, .header-container .quick-access .account-links { display: inline-block; } .header-container .quick-access .icon-group { float: right; } .header-container .quick-access .icon-group .links { display: inline-block; vertical-align: middle; } .header-container .quick-access .icon-group .links li a { text-indent: -999em; display: inline-block; position: relative; width: 38px; height: 38px; margin: 1px; overflow: hidden; } .header-container .quick-access .icon-group .links li a:before { display: inline; width: 38px; height: 38px; content: ''; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/heart@1x.svg"); background-repeat: no-repeat; position: absolute; left: 0; top: 0; } .header-container .quick-access .top-cart { display: inline-block; vertical-align: middle; } .header-container .quick-access .top-cart .mini-cart { cursor: pointer; } .header-container .quick-access .top-cart .mini-cart > a { width: 44px; height: 38px; text-align: center; display: inline-block; color: #493627; position: relative; } .header-container .quick-access .top-cart .mini-cart .cart-icon { display: block; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/cart@1x.svg"); background-repeat: no-repeat; width: 34px; height: 34px; margin: 0; display: inline-block; vertical-align: top; } .header-container .quick-access .top-cart .mini-cart .cart-qty { font-size: 12px; display: inline-block; position: absolute; top: 0; right: 0; background: #BC5136; padding: 1px 0 1px 1px; border-radius: 10px; width: 18px; height: 18px; color: #fff; } .header-container .quick-access .account-links { line-height: 38px; margin-right: 20px; } @media only screen and (max-width: 960px) { .header-container .quick-access .account-links { margin-right: 4px; } } .header-container .quick-access .account-links:before { display: inline-block; width: 34px; height: 38px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/account@1x.svg"); vertical-align: top; } .header-container .quick-access .account-links .links { display: inline-block; cursor: default; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; letter-spacing: 1px; } .header-container .quick-access .account-links .links li + li:before { content: " | "; margin: 0 5px; color: #515151; } .header-container .quick-access .account-links .links li a { color: #515151; text-transform: uppercase; font-size: 11px; } /* Top & Footer links - shared styles */ ul.links { overflow: hidden; } ul.links li { display: inline; } /* ============================================ Navigation & Site Search ============================================ */ .search-result-index .rfk-widget-no-results, .catalog-category-view .rfk-widget-no-results { margin-bottom: 20px; } .search-result-index .rfk-widget-no-results .listrak-recommendations h2, .catalog-category-view .rfk-widget-no-results .listrak-recommendations h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; text-transform: capitalize; font-size: 24px; letter-spacing: 0.5px; padding: 20px 0; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation { margin-bottom: 40px; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .title-container, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .title-container { text-align: left; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .title-container a, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .title-container a { color: #515151; font-size: 11px; max-height: 4em; display: inline-block; overflow: hidden; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .price-box, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .price-box { text-align: left; font-size: 11px; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container { font-size: 10px; text-transform: uppercase; text-decoration: none; margin-top: 10px; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container a, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container a { color: #515151; } .search-result-index .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container .separator, .catalog-category-view .rfk-widget-no-results .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container .separator { margin: 0 5px; } .search-result-index #narrow-by-list .facet-filter-name, .catalog-category-view #narrow-by-list .facet-filter-name { font-size: 13px; position: relative; cursor: pointer; line-height: 15px; padding: 9px 0; background: none; text-transform: uppercase; font-weight: normal; display: block; } .search-result-index #narrow-by-list .facet-filter ol li label, .catalog-category-view #narrow-by-list .facet-filter ol li label { text-transform: capitalize; } .nav-search { background: #fff; *zoom: 1; zoom: 1; border-top: 2px solid #f4f4f4; position: relative; } .nav-search:before, .nav-search:after { display: table; content: ""; line-height: 0; } .nav-search:after { clear: both; } .nav-search .nav-container { float: left; width: 100%; } .nav-search .nav-container #main-nav { position: relative; display: flex; flex-direction: row; justify-content: space-between; } .nav-search .nav-container #main-nav .last-item { margin-right: 0; } .nav-search .nav-container #main-nav li.level-top { display: inline-block; padding: 0; z-index: 1; text-align: center; } .nav-search .nav-container #main-nav li.level-top.over { text-decoration: none; } .nav-search .nav-container #main-nav li.level-top a { color: #515151; } .nav-search .nav-container #main-nav li.level-top a.level-top { display: inline-block; padding: 13px 0; color: #515151; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 12px; line-height: 13px; text-align: left; text-transform: uppercase; letter-spacing: 1.1px; } .nav-search .nav-container #main-nav li.level-top a.level-top span { white-space: nowrap; padding: 0 5px; } .nav-search .nav-container #main-nav li.level-top.expanded a.level-top { color: #BC5136; } .nav-search .nav-container #main-nav li.level-top:first-child > a > span { padding-left: 0; } .nav-search .nav-container #main-nav li.level-top:last-child > a > span { padding-right: 0; } .nav-search .nav-container #main-nav li.level-top .dropdown { display: none; position: absolute; top: 100%; left: 0; min-width: 200px; opacity: 0; overflow: hidden; *zoom: 1; zoom: 1; width: 100%; text-align: left; } .nav-search .nav-container #main-nav li.level-top .dropdown:before, .nav-search .nav-container #main-nav li.level-top .dropdown:after { display: table; content: ""; line-height: 0; } .nav-search .nav-container #main-nav li.level-top .dropdown:after { clear: both; } .nav-search .nav-container #main-nav li.level-top .dropdown .container { background-color: #fcfaf7; padding: 50px 0 20px; width: 100%; overflow-y: auto; max-height: 100vh; -ms-overflow-style: none; scrollbar-width: none; /** firefox **/ } .nav-search .nav-container #main-nav li.level-top .dropdown .container::-webkit-scrollbar { display: none; } .nav-search .nav-container #main-nav li.level-top .dropdown .container.toppushed { padding: 15px 0 20px; } .nav-search .nav-container #main-nav li.level-top .dropdown .mobile-back { display: none; text-align: left; } .nav-search .nav-container #main-nav li.level-top .dropdown .mobile-back .back-link { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase; padding: 10px 10px 10px 42px; display: inline-block; line-height: 25px; width: 100%; position: relative; } .nav-search .nav-container #main-nav li.level-top .dropdown .mobile-back .back-link:before { display: inline-block; width: 38px; height: 38px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/arrow@1x.svg"); position: absolute; transform: scaleX(-1); left: 4px; top: 2px; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 { /*max-width: 1080px;*/ width: 100%; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 .shop-all { margin-top: -35px; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 .shop-all span:after { display: inline-block; width: 10px; height: 10px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg"); margin-left: 2px; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1 { margin-bottom: 20px; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) { width: 14%; min-width: 150px; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) > a { color: #515151; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 5px; border-bottom: 2px solid #ddd5cd; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1:not(.shop-all) > ul { margin-top: 15px; } .nav-search .nav-container #main-nav li.level-top .dropdown ul.level0 li.level1 .level-1 .level2 { margin: 5px 0; line-height: 16px; } .nav-search .nav-container #main-nav li.level-top .dropdown .level0, .nav-search .nav-container #main-nav li.level-top .dropdown .spiff { display: table-cell; vertical-align: top; padding-left: 10px; } .nav-search .nav-container #main-nav li.level-top .dropdown .level0:first-child, .nav-search .nav-container #main-nav li.level-top .dropdown .spiff:first-child { padding-left: 0; } .nav-search .nav-container #main-nav li.level-top .dropdown .level0 li a, .nav-search .nav-container #main-nav li.level-top .dropdown .spiff li a { color: #515151; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.5px; white-space: nowrap; } .nav-search .nav-container #main-nav li.level-top .dropdown .spiff a { display: block; } .nav-search .nav-container #main-nav li.level-top .dropdown .spiff img { max-width: none; } .form-search-mini { margin-top: 10px; float: left; } @media screen and (max-width: 740px) { .form-search-mini { position: relative; } } .form-search-mini form { border: 1px solid #d4cbc1; background: #f4f4f4; } .form-search-mini form label { float: left; display: block; line-height: 40px; text-transform: uppercase; padding: 2px 5px 0 10px; } .form-search-mini input[type="text"], .form-search-mini button[type="submit"] { background-color: #f4f4f4; height: 40px; } .form-search-mini input[type="text"] { border: 0 none; padding: 6px 14px; float: left; width: 150px; min-height: 30px; font-size: 14px; font-family: 'Montserrat-Light', arial, georgia, times, serif; letter-spacing: 0.3px; } .form-search-mini input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(91, 81, 81, 0.7); opacity: 0; } .form-search-mini input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(91, 81, 81, 0.7); opacity: 0; } .form-search-mini input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(91, 81, 81, 0.7); opacity: 0; } .form-search-mini input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(91, 81, 81, 0.7); opacity: 0; } .form-search-mini input[type="text"].loading { background: #f4f4f4 url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/loading.gif") right center no-repeat; } .form-search-mini button[type="submit"] { text-indent: -9999px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/search@1x.svg"); background-repeat: no-repeat; width: 40px; border: 0 none; padding: 0; } .form-search-mini .autosuggestions { position: absolute; width: 75%; border: 1px solid #d4cbc1; background-color: #fff; z-index: 10; display: flex; padding: 10px; max-width: 890px; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.02); left: 0px; } @media screen and (max-width: 768px) { .form-search-mini .autosuggestions { width: 100%; } } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions { flex-direction: column; } } .form-search-mini .autosuggestions.scrollable { height: 100vh; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; /** firefox **/ } .form-search-mini .autosuggestions.scrollable::-webkit-scrollbar { display: none; } .form-search-mini .autosuggestions p.ac-title { text-align: left; padding: 10px 10px 0; font-size: 15px; text-transform: uppercase; margin: 0; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions p.ac-title { font-size: 12px; padding: 10px 0 0; } } .form-search-mini .autosuggestions .autosuggestions-left { width: 30%; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions .autosuggestions-left { width: 100%; margin-bottom: 20px; overflow: hidden; } } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions .autosuggestions-left .text-suggest { max-height: 80px; } } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions .autosuggestions-left .articles-title, .form-search-mini .autosuggestions .autosuggestions-left .article-suggest { display: none !important; } } .form-search-mini .autosuggestions .autosuggestions-right { width: 70%; text-align: left; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions .autosuggestions-right { width: 100%; } } .form-search-mini .autosuggestions .autosuggestions-right button { margin-bottom: 10px; } .form-search-mini .autosuggestions ul.autosuggestions-list { margin-bottom: 10px; } .form-search-mini .autosuggestions ul.autosuggestions-list li { padding: 8px 10px; cursor: pointer; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 14px; color: #515151; text-align: left; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions ul.autosuggestions-list li { padding: 5px 0px; } } .form-search-mini .autosuggestions ul.autosuggestions-list li:hover, .form-search-mini .autosuggestions ul.autosuggestions-list li:focus-visible, .form-search-mini .autosuggestions ul.autosuggestions-list li:active, .form-search-mini .autosuggestions ul.autosuggestions-list li.active { background-color: #f4f4f4; } .form-search-mini .autosuggestions ul.autosuggestions-list li a { display: block; color: #515151; } .form-search-mini .autosuggestions ul.autosuggestions-list li a:focus-visible, .form-search-mini .autosuggestions ul.autosuggestions-list li a:active { background-color: #f4f4f4; } .form-search-mini .autosuggestions ul.autosuggestions-list li a img { display: block; } .form-search-mini .autosuggestions ul.autosuggestions-list li a span { display: inline-block; } .form-search-mini .autosuggestions ul.autosuggestions-list li a:after { display: table; content: ""; line-height: 0; clear: both; } .form-search-mini .autosuggestions ul.autosuggestions-list:after { display: table; content: ""; line-height: 0; clear: both; } .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest { display: flex; flex-wrap: wrap; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest { display: block; max-height: 240px; overflow: hidden; margin-bottom: 0; } } .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li { width: 33%; padding: 10px; margin-bottom: 10px; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li { width: 100%; padding: 0; margin-bottom: 15px; height: 67px; overflow: hidden; } } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li a:after { clear: both; display: table; content: ""; line-height: 0; } } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li a img { display: block; width: 20%; margin-right: 10px; float: left; } } .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li a span.price { color: #8c8c8c; font-size: 12px; font-weight: bold; text-transform: uppercase; } .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li a span.price .label { font-weight: normal; } .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li a span.product-name { height: 35px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 10px 0; } @media screen and (max-width: 480px) { .form-search-mini .autosuggestions ul.autosuggestions-list.visual-suggest li a span.product-name { width: 77%; display: inline-block; vertical-align: top; margin-top: 0; height: auto; } } /* ============================================ Mini-Cart ============================================ */ .top-cart { position: relative; } .top-cart #mini-cart .product-details table, .top-cart #mini-cart .product-details th, .top-cart #mini-cart .product-details td { display: inline-block; text-align: left; } .top-cart #mini-cart .product-details table th { padding-right: 5px; } .top-cart .block-content { position: absolute; top: 100%; right: 0; width: 326px; background-color: #fff; border: 1px solid #d4cbc1; text-align: left; text-transform: uppercase; padding-bottom: 10px; } .top-cart .cart-empty { padding: 10px 10px 0; margin-bottom: 0; text-align: center; } .top-cart li { *zoom: 1; zoom: 1; padding: 10px; position: relative; border-top: 1px solid #d4cbc1; } .top-cart li:before, .top-cart li:after { display: table; content: ""; line-height: 0; } .top-cart li:after { clear: both; } .top-cart li:first-child { border-top: none; } .top-cart li .product-name { margin-bottom: 0; line-height: 16px; } .top-cart li .product-name a { color: #493627; } .top-cart li .product-image { float: left; width: 22.08588957%; } .top-cart li .product-details { float: left; width: 67.48466258%; margin-left: 3.06748466%; line-height: 16px; } .top-cart li .price { color: #8c8c8c; } .top-cart li .btn-remove { display: block; width: 15px; height: 15px; position: absolute; top: 0; right: 0; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: left -254px; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .top-cart li .btn-remove { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .top-cart .subtotal { *zoom: 1; zoom: 1; padding: 0 10px; border-top: 1px solid #d4cbc1; border-bottom: 1px solid #d4cbc1; } .top-cart .subtotal:before, .top-cart .subtotal:after { display: table; content: ""; line-height: 0; } .top-cart .subtotal:after { clear: both; } .top-cart .subtotal a { float: left; display: block; line-height: 30px; } .top-cart .subtotal .total { float: right; line-height: 30px; } .top-cart .actions { *zoom: 1; zoom: 1; padding: 10px 10px 0; } .top-cart .actions:before, .top-cart .actions:after { display: table; content: ""; line-height: 0; } .top-cart .actions:after { clear: both; } .top-cart .actions .button { float: right; width: 136px; } .top-cart .actions .bolt-checkout-button img { display: none !important; } .top-cart .paypal-logo { width: 166px; float: left; margin-bottom: 0; } .top-cart .paypal-logo a { float: left; width: 136px; } .top-cart .paypal-logo .paypal-or { line-height: 30px; width: 30px; text-align: center; float: right; } /* ============================================ Reusable Social Media Icons ============================================ */ .social-icons { margin-right: 0; *zoom: 1; zoom: 1; margin-top: 45px; } .social-icons:before, .social-icons:after { display: table; content: ""; line-height: 0; } .social-icons:after { clear: both; } .social-icons ul { width: auto; } .social-icons ul li { display: inline-block; margin-bottom: 6px; } .social-icons .icon { background-repeat: no-repeat; display: block; width: 40px; height: 40px; text-indent: -9999px; margin-left: 9px; } .social-icons .icon.icon-pinterest { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/social-pinterest@1x.svg"); } .social-icons .icon.icon-facebook { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/social-facebook@1x.svg"); } .social-icons .icon.icon-instagram { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/social-instagram@1x.svg"); } .social-icons .icon.icon-houz { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/social-houz@1x.svg"); } /* ============================================ Footer ============================================ */ .footer { border-top: 1px solid #fbfbfb; background-color: #fcfaf7; *zoom: 1; zoom: 1; } .footer:before, .footer:after { display: table; content: ""; line-height: 0; } .footer:before { height: 1px; background: #f3f2f2; width: 100%; } .footer:after { clear: both; } .footer .footer-links { margin: 40px auto; } .footer .footer-links.container { max-width: 940px; } .footer .footer-links .footer-phone { display: none; } .footer .footer-links .middle-part { width: 69%; display: inline-block; margin-left: 3%; } .footer .spiffs { width: 23%; display: inline-block; vertical-align: top; text-align: center; margin-right: 3%; min-width: 190px; } .footer .spiffs .title { text-transform: lowercase; font-size: 30px; margin-bottom: 25px; font-family: 'Baskerville-Italic', georgia, times, serif; position: relative; letter-spacing: 1.3px; line-height: 37px; color: #515151; margin-top: -8px; } .footer .spiffs .title:after { content: ""; display: block; position: absolute; bottom: -10px; left: 0; width: 60px; height: 1px; background-color: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .footer .spiffs .images a { max-width: 120px; vertical-align: top; } .footer .spiffs .images a:nth-child(2n) { float: right; } .footer .spiffs .images a:nth-child(2n+1) { float: left; } .footer .spiffs .images a:hover, .footer .spiffs .images a:focus { border-bottom: 1px solid #515151; } .footer .spiffs .images img { max-width: 96px; } .footer .spiffs .images .label { display: block; text-transform: uppercase; color: #515151; margin-top: 10px; font-size: 10px; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; letter-spacing: 1px; } .footer .subscribe-social:after { clear: both; display: table; content: ""; line-height: 0; } .footer .subscribe-social .social-icons { float: right; } .footer .f-links ul li { display: inline-block; cursor: default; margin: 0 7px 0 0; } .footer .f-links ul li:first-child { margin-left: 0; } .footer .f-links ul li:last-child { margin-right: 0; } .footer .f-links ul li:after { content: ' | '; color: #515151; margin-left: 7px; } .footer .f-links ul li:last-child:after { content: ''; } .footer .f-links ul li a { color: #515151; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; line-height: 40px; } .footer .f-links ul li a:hover, .footer .f-links ul li a:focus { border-bottom: 1px solid #515151; } .footer .newsletter-form { float: left; } .footer .newsletter-form .form-subscribe { width: 100%; } .footer .newsletter-form .form-subscribe .form-subscribe-header label { color: #515151; font-family: 'Effra W01 Light', georgia, times, serif; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 20px; } .footer .newsletter-form .form-subscribe .form-subscribe-header label span { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; letter-spacing: 2px; } .footer .newsletter-form .form-subscribe .form-subscribe-header .g-reference { color: #515151; font-size: 10px; display: block; } .footer .newsletter-form .form-subscribe .field-wrapper { border: 1px solid #d4cbc1; display: inline-block; margin-top: 4px; } .footer .newsletter-form .form-subscribe .field-wrapper button { border: none; background-color: #f4f4f4; width: 38px; height: 38px; padding: 0; } .footer .newsletter-form .form-subscribe .field-wrapper button .airplane-icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/airplane@1x.svg"); background-repeat: no-repeat; display: block; width: 38px; height: 38px; text-indent: -9999px; border: 0 none; } .footer .newsletter-form .form-subscribe .field-wrapper .validation-advice { padding-top: 6px; } .footer .newsletter-form .form-subscribe .field-wrapper .input-box { float: left; width: 303px; width: -webkit-calc(100% - 38px); width: -moz-calc(100% - 38px); width: calc(100% - 38px); } .footer .newsletter-form .form-subscribe .field-wrapper .input-box input { border: none; padding: 6px 4.42478%; background-color: #f4f4f4; height: 38px; max-width: 380px; width: 380px; font-family: 'Montserrat-Light', arial, georgia, times, serif; font-size: 14px; letter-spacing: 0.3px; } .footer .newsletter-form .form-subscribe .field-wrapper .input-box input::-webkit-input-placeholder, .footer .newsletter-form .form-subscribe .field-wrapper .input-box input:-ms-input-placeholder, .footer .newsletter-form .form-subscribe .field-wrapper .input-box input::-moz-placeholder, .footer .newsletter-form .form-subscribe .field-wrapper .input-box input::placeholder { color: rgba(91, 81, 81, 0.7); } .footer .newsletter-form a:hover, .footer .newsletter-form a:focus { border-bottom: 1px solid #fb8c6e; } .legal-info { padding: 15px 0; text-align: center; border-top: 2px solid #f3f2f2; background-color: #fcfaf7; color: #515151; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.25px; line-height: 18px; } .legal-info .privacy-terms { margin-top: 10px; } .legal-info .privacy-terms a { color: #515151; } .legal-info .privacy-terms a:hover, .legal-info .privacy-terms a:focus { border-bottom: 1px solid #515151; } .legal-info .privacy-terms .separator { margin: 0 8px; } .legal-info .web-code { float: right; font-size: 14px; } .arrow-right { text-indent: -999em; width: 0; height: 0; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 6px solid #64594e; } .icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); display: block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } /* ============================================ Popup Dialog Block ============================================ */ .window-overlay { background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; position: fixed; top: 0; left: 0; min-height: 100%; background: #000; opacity: 0.5; width: 100%; z-index: 990; display: none; } .window-overlay.active { display: block; } .popup-block { border: 1px solid #cfcfcf; left: 50%; top: 40%; position: absolute; margin: -85px 0 0 -250px; width: 500px; text-align: left; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; z-index: 1000; position: fixed; display: none; } .popup-block.active { display: block; } .popup-block .block-title { background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/bkg_page-title.gif) repeat-x scroll 0 0 #F6F6F6; border-bottom: 1px solid #CFCFCF; padding: 10px 17px 10px; text-transform: uppercase; } .popup-block .block-title strong { font-size: 16px; color: #BC5136; font-weight: normal; } .popup-block div.btn-close { background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 19px; right: 17px; height: 15px; width: 15px; text-indent: -9999em; cursor: pointer; } .popup-block .block-content { padding: 17px 17px 5px; background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/bkg_block.gif) repeat-x 0 100% #fff; font-size: 12px; } .popup-block .block-content .form-list label { width: 180px; } .popup-block .block-content .form-list .input-text { width: 230px; } .popup-block .block-content .form-list .control .input-box { margin-left: 0; } .popup-block .block-content .form-buttons { width: auto; padding-left: 0; padding-top: 20px; text-align: right; } .popup-block .block-content .form-buttons .button + .button { margin-left: 20px; } .popup-block .block-content .form-buttons .button { margin-bottom: 10px; } .popup-block.loading .block-content * { text-align: left; text-indent: -99999em; overflow: hidden; position: relative; margin-left: -9999em; } .popup-block.loading .block-content:before { content: ''; display: block; background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/opc-ajax-loader.gif) no-repeat 0 50%; position: absolute; z-index: 99; top: 50%; left: 50%; line-height: 16px; padding: 16px; text-indent: 0 !important; } .widget-static-block:after { content: ''; display: block; clear: both; } .plp-seo-text { margin-top: 40px; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; } .plp-seo-text p { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 16pt; line-height: 25px; } .plp-seo-text h2 { font-size: 17pt; line-height: 25px; margin-bottom: 10px; } .category-landing .widget-static-block .plp-seo-text { margin: 0 0 60px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; } .text-assistive { -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); box-sizing: border-box; position: absolute; margin: 0; padding: 0; } .text-assistive.display-at-top-on-focus { top: 0; left: 0; width: 100%; } .text-assistive.display-at-top-on-focus:focus { -webkit-clip-path: none; clip-path: none; z-index: 11999; height: 80px; line-height: 80px; background: white; font-size: 1.2rem; text-decoration: none; color: #BC5136; text-align: center; } #skip-link-target:focus { background: #BC5136; color: white; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ @charset "UTF-8"; /* ============================================ Homepage ============================================ */ .cms-index-index .content-pane { max-width: none !important; width: 100%; margin-bottom: 0; } .cms-index-index .container { max-width: 1440px; } .cms-index-index .messages { margin: 0; text-align: center; } .cms-index-index .carousel-nav { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all opacity .2s linear, bottom .2s ease ease-out; -moz-transition: all opacity .2s linear, bottom .2s ease ease-out; -o-transition: all opacity .2s linear, bottom .2s ease ease-out; transition: all opacity .2s linear, bottom .2s ease ease-out; -webkit-transition: opacity .2s linear, bottom .2s ease; -moz-transition: opacity .2s linear, bottom .2s ease; -o-transition: opacity .2s linear, bottom .2s ease; transition: opacity .2s linear, bottom .2s ease; } .cms-index-index .carousel-nav.show { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .cms-index-index .carousel-control { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all opacity .2s linear, margin-top .2s ease ease-out; -moz-transition: all opacity .2s linear, margin-top .2s ease ease-out; -o-transition: all opacity .2s linear, margin-top .2s ease ease-out; transition: all opacity .2s linear, margin-top .2s ease ease-out; -webkit-transition: opacity .2s linear, margin-top .2s ease; -moz-transition: opacity .2s linear, margin-top .2s ease; -o-transition: opacity .2s linear, margin-top .2s ease; transition: opacity .2s linear, margin-top .2s ease; } .cms-index-index .carousel-control.show { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .cms-index-index .std .spiffs { *zoom: 1; zoom: 1; } .cms-index-index .std .spiffs:before, .cms-index-index .std .spiffs:after { display: table; content: ""; line-height: 0; } .cms-index-index .std .spiffs:after { clear: both; } .cms-index-index .std .spiffs li { float: left; width: 48.88888889%; margin-left: 2.22222222%; } .cms-index-index .std .spiffs li:first-child { margin-left: 0; } .cms-index-index .std .spiffs li img { display: block; } /* ============================================ Product Detail Page ============================================ */ .catalog-product-view .content-pane.container .product-collateral { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .catalog-product-view .content-pane.container .product-collateral .pdp-col-left { width: 50.40740741%; } .catalog-product-view .content-pane.container .product-main-info-container:after { display: block; content: ''; clear: both; } .catalog-product-view .content-pane.container .product-main-info-container .mobile-media { position: relative; } .catalog-product-view .content-pane.container .product-main-info-container .mobile-media .shop-look { bottom: 55px; } .catalog-product-view .content-pane.container .product-main-info-container .shop-look { display: none; cursor: pointer; position: absolute; z-index: 999; bottom: 15px; right: 15px; padding: 10px; background-color: rgba(255, 255, 255, 0.7); font: 11px 'Effra W01 Bold', arial, helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; } .catalog-product-view .content-pane.container .product-main-info-container .shop-look .shop-look-text { position: relative; padding: 10px; color: #6d7783; } .catalog-product-view .content-pane.container .product-main-info-container .shop-look .shop-look-text:hover { text-decoration: none; } .catalog-product-view .content-pane.container .product-main-info-container .shop-look .shop-look-text:before { position: absolute; content: ''; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg); width: 10px; height: 10px; background-repeat: no-repeat; right: -5px; top: 13px; } .catalog-product-view .content-pane.container .product-main-info-container .shop-look.hide { display: none; } .catalog-product-view .accordion--form .accordion--form__section.accordion--form__section-active .accordion--form__wrapper { margin: 15px auto !important; max-width: 380px; } .catalog-product-view .product-shop .options-container-big.hide { padding: 0; border-bottom: 0; } .catalog-product-view .product-shop .price-box .price-label, .catalog-product-view .product-shop .price-box .configurable-price-from-label { font: 14px/15px 'Baskerville-Italic', georgia, times, serif !important; text-transform: lowercase; letter-spacing: 0.3px; color: #515151; } .catalog-product-view .product-shop .pdp-price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 25px 0 0 0; } .catalog-product-view .product-shop .pdp-price-box .product-price-block { font-size: 34px; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; color: #515151; letter-spacing: -1.13px; font-size: 34px; } .catalog-product-view .product-shop .pdp-price-box .product-price-block sub { font-size: 15px; letter-spacing: 0px; line-height: 15px; position: relative; top: -0.7em; } .catalog-product-view .product-shop .bv-cv2-cleanslate .bv-summary-bar-minimalist-horizontal .bv-write-container { display: none !important; } .catalog-product-view .product-shop .bv-cv2-cleanslate .bv-summary-bar-minimalist-horizontal .bv-rating-ratio-count .bv-rating-ratio-count { display: none !important; } .catalog-product-view .product-shop .bv-cv2-cleanslate .pdp-review-info { font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif !important; font-weight: normal !important; color: rgba(91, 81, 81, 0.5) !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .catalog-product-view .product-shop .bv-cv2-cleanslate .bv-primarySummary-rating-container .bv-rating-stars-on { color: #BC5136 !important; } .catalog-product-view .product-shop .bv-cv2-cleanslate .bv-summary-bar .bv-rating-ratio-number { display: none !important; } .catalog-product-view .product-shop .options-box { margin: 10px 0 0 0; padding: 12px 0; border-top: 1px solid #d4cbc1; } .catalog-product-view .product-shop .options-box .estimated-delivery { padding: 2px 0 15px 0; max-width: 300px; width: 100%; text-align: right; font-family: 'Baskerville-Italic', georgia, times, serif; font-size: 16px; line-height: 24px; color: #515151; text-transform: lowercase; letter-spacing: 1px; } .catalog-product-view .product-shop .options-box .estimated-delivery a { color: #BC5136; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 12px; letter-spacing: 0.3px; } .catalog-product-view .product-shop .options-box .estimated-delivery a.edd-link { text-transform: uppercase; font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; line-height: 13px; color: #515151; letter-spacing: 1px; position: relative; padding: 0 10px 0 0; } .catalog-product-view .product-shop .options-box .estimated-delivery a.edd-link:before { content: ''; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg); width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; right: 0; top: 4px; } .catalog-product-view .product-shop .options-box .estimated-delivery strong { display: block; text-transform: uppercase; font: 16px/15px 'Baskerville-Italic', georgia, times, serif; padding: 6px 0; text-transform: initial; color: #515151; letter-spacing: 1.75px; font-weight: 600; } .catalog-product-view .product-shop .options-box .estimated-delivery .edd-details { color: #515151; font-family: "Effra W01 Bold", georgia, times, serif; font-size: 10px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; position: relative; padding: 0 10px 0 0; } .catalog-product-view .product-shop .options-box .estimated-delivery .edd-details:after { content: ''; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg); width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; right: 0; top: 4px; } .catalog-product-view .product-shop .options-box .estimated-delivery-disabled { padding: 0 0 15px 0; } .catalog-product-view .product-shop .options-box .estimated-delivery-popup { color: #515151; font-weight: 600; text-transform: uppercase; text-align: right; padding: 5px 10px; position: relative; } .catalog-product-view .product-shop .options-box .estimated-delivery-popup:before { content: ''; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg); width: 10px; height: 10px; position: absolute; background-repeat: no-repeat; right: 0; top: 4px; } .catalog-product-view .product-shop .free-shipping { text-align: right; border-top: 0; width: 100%; } .catalog-product-view .product-shop .free-shipping .free-shiping-link { display: block; } .catalog-product-view .product-shop .free-shipping .free-shiping-link.title strong { font: 16px/24px 'Baskerville-Italic', georgia, times, serif; color: #515151; text-transform: lowercase; letter-spacing: 1px; } .catalog-product-view .product-shop .free-shipping .free-shiping-link.details .freightDetails { text-transform: uppercase; font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; line-height: 13px; color: #515151; letter-spacing: 1px; position: relative; padding: 0 10px 0 0; } .catalog-product-view .product-shop .free-shipping .free-shiping-link.details .freightDetails:before { content: ''; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg); width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; right: 0; top: 4px; } .catalog-product-view .product-shop .affirm-as-low-as { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #515151; } .catalog-product-view .content-pane.container { max-width: 100%; width: 100%; } .catalog-product-view .content-pane.container .product-main-info-container, .catalog-product-view .content-pane.container .breadcrumbs-pdp, .catalog-product-view .content-pane.container .product-collateral, .catalog-product-view .content-pane.container .box-up-sell, .catalog-product-view .content-pane.container .box-related, .catalog-product-view .content-pane.container .pdp-review, .catalog-product-view .content-pane.container .rfk-container, .catalog-product-view .content-pane.container .messages { max-width: 1440px; margin: 0 auto; padding: 0 15px; } @media only screen and (min-width: 741px) { .catalog-product-view .content-pane.container .product-main-info-container, .catalog-product-view .content-pane.container .breadcrumbs-pdp, .catalog-product-view .content-pane.container .product-collateral, .catalog-product-view .content-pane.container .box-up-sell, .catalog-product-view .content-pane.container .box-related, .catalog-product-view .content-pane.container .pdp-review, .catalog-product-view .content-pane.container .rfk-container, .catalog-product-view .content-pane.container .messages { width: 94%; } } .catalog-product-view .content-pane.container .box-up-sell, .catalog-product-view .content-pane.container .box-related, .catalog-product-view .content-pane.container .pdp-review, .catalog-product-view .content-pane.container .rfk-container { margin: 30px auto; } .catalog-product-view .content-pane.container .messages { margin: 10px auto 30px; } .catalog-product-view .content-pane.container .pdp-review { padding: 0 15px 40px; } .catalog-product-view #product-details-container { margin-bottom: 55px; } .catalog-product-view .product-collateral .accordion { width: 45.37037037%; } .catalog-product-view .product-collateral .accordion > li { border-bottom: 0; width: 100%; } .catalog-product-view .product-collateral .accordion > li.Specifications { display: block; border-bottom: 1px solid #d4cbc1; margin-top: 50px; } .catalog-product-view .product-collateral .accordion > li.Specifications .trigger { width: 100%; } .catalog-product-view .product-collateral .accordion > li .trigger { border-top: 1px solid #d4cbc1; font: 16px "Effra W01 Light", arial, helvetica, sans-serif; letter-spacing: 1px; color: #6d7783; line-height: 55px; } .catalog-product-view .product-collateral .pdp-product-gallery .curalate-header { display: none; padding: 25px 0 15px; border-top: 1px solid #d4cbc1; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 15px; line-height: 20px; color: #515151; letter-spacing: 1px; max-width: 89%; } .catalog-product-view .product-collateral .pdp-product-gallery .curalate-header .title { margin-bottom: 10px; } .catalog-product-view .product-collateral .pdp-product-gallery .curalate-header .title .hashtag { font-family: 'Baskerville-Italic', georgia, times, serif; font-size: 30px; letter-spacing: 2px; } .catalog-product-view .product-collateral .pdp-product-gallery #crl8-product-carousel .iTIvCo { justify-content: right; padding: 0px 50px; } .catalog-product-view .product-collateral .product-videos, .catalog-product-view .product-collateral .collection-badge { margin-top: 30px; border-top: 1px solid #d4cbc1; padding-top: 30px; } .catalog-product-view .product-collateral .product-videos .owl-carousel { padding: 0; } .catalog-product-view .product-collateral .product-videos .owl-carousel .owl-video-tn { display: block; } .catalog-product-view .product-collateral .product-videos .owl-carousel .yt-video .owl-video-play-icon { height: 25px; width: 36px; margin-left: -18px; margin-top: -12px; opacity: 0.9; display: none; } .catalog-product-view .product-collateral .product-videos .owl-carousel .yt-video .owl-video-tn { display: none; } .catalog-product-view .product-collateral .collection-badge .cb-wrap { border: 1px solid #474747; background: #f0f0f0; padding: 1px; max-width: 100%; width: 86.5%; margin: 0 auto; } .catalog-product-view .product-collateral .collection-badge .cb-wrap .cb-content { color: #474747; border: 1px solid #474747; text-align: center; padding: 24px 10px; } .catalog-product-view .product-collateral .collection-badge .cb-wrap .cb-content .cb-article { font-family: 'Effra W01 Regular', georgia, times, serif; font-size: 20px; line-height: 22px; letter-spacing: 0.7px; text-transform: uppercase; } .catalog-product-view .product-collateral .collection-badge .cb-wrap .cb-content .cb-name { font-family: 'Baskerville-Italic', georgia, times, serif; font-size: 46px; line-height: 48px; letter-spacing: 0.7px; text-transform: capitalize; } .catalog-product-view .product-collateral .collection-badge .cb-wrap .cb-content .cb-shop-link { margin-top: 10px; } .catalog-product-view .product-collateral .collection-badge .cb-wrap .cb-content .cb-shop-link span { font-family: 'Effra W01 Regular', georgia, times, serif; font-size: 16px; color: #474747; text-transform: uppercase; position: relative; padding-right: 10px; } .catalog-product-view .product-collateral .collection-badge .cb-wrap .cb-content .cb-shop-link span:after { content: ''; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg"); width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; right: -5px; top: 7px; transform: scale(2); } .catalog-product-view .products-grid.listrak-recommendations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 45px 0; } .catalog-product-view .products-grid.listrak-recommendations[data-ltk-take="3"] .item { margin-left: 18.5483871%; } .catalog-product-view .products-grid.listrak-recommendations[data-ltk-take="3"] .item:first-child { margin-left: 0; } .catalog-product-view .products-grid.listrak-recommendations .item { width: 100%; } .catalog-product-view .products-grid.listrak-recommendations .item .item-container { margin: 0 10px; border: 1px solid #f3f3f2; } .catalog-product-view .products-grid.listrak-recommendations .item .price-box { color: #515151; text-align: left; } .catalog-product-view .products-grid.listrak-recommendations .item .price-box .label { font: 19px 'Baskerville-Italic', georgia, times, serif; letter-spacing: .5px; text-transform: lowercase; display: block; } .catalog-product-view .products-grid.listrak-recommendations .item .price-box .price { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 34px; font-weight: normal; height: 34px; letter-spacing: -1.13px; line-height: 34px; color: #515151; } .catalog-product-view .products-grid.listrak-recommendations .item .price-box .price sub { font-size: 15px; letter-spacing: 0px; line-height: 15px; top: -0.8em; } .catalog-product-view .products-grid.listrak-recommendations .item .bv-cleanslate.bv-cv2-cleanslate { display: none !important; } .catalog-product-view .products-grid.listrak-recommendations .item .product-name { min-height: inherit !important; max-height: 4.8em; } .catalog-product-view .products-grid.listrak-recommendations .item .product-details { min-height: 200px; position: relative; } .catalog-product-view .products-grid.listrak-recommendations .item .product-details .price-box { position: absolute; bottom: 10px; padding: 20px 0 0 0; } .catalog-product-view .resource-links.box-collateral { background-color: #fcfaf7; padding: 40px; margin: 20px 0; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; } .catalog-product-view .resource-links .resource-container ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; max-width: 1440px; margin: 0 auto; padding: 0 15px; } .catalog-product-view .resource-links .resource-container ul br { display: none; } .catalog-product-view .resource-links .resource-container ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 330px; background-color: #fff; color: #515151; text-transform: uppercase; margin: 10px; box-sizing: border-box; border: 1px solid #f0f0f0; } .catalog-product-view .resource-links .resource-container ul li a img { max-width: 120px; } .catalog-product-view .resource-links .resource-container ul li a span { font: 19px 'Effra W01 Light', arial, helvetica, sans-serif; letter-spacing: .5px; line-height: 23px; padding: 14px 10px; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-compat .bv-content-search .bv-masthead { background-color: #fff !important; } .catalog-product-view .pdf-specification .pdf-listing { list-style-type: none !important; padding: 0; } .catalog-product-view .pdf-specification .pdf-listing .pdf-file { padding: 0; text-transform: uppercase; text-align: center; background-color: #f7f7f7; max-width: 340px; width: 100%; line-height: 30px; margin: 15px auto; border: 1px solid #b7bbbf; letter-spacing: 3.5px !important; } .catalog-product-view .pdf-specification .pdf-listing .pdf-file a { color: #515151; font: 14px 'Effra W01 Bold', arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 3.5px; display: block; word-break: break-word; max-width: 334px; width: 100%; line-height: 30px; margin: 2px auto; border: 1px solid #b7bbbf; padding: 2px; } .catalog-product-view .product-view .box-collateral .box-title h2 { position: relative; color: #515151; font: 36px/41px 'Baskerville-Italic', georgia, times, serif; letter-spacing: 2px; font-weight: 400; text-align: center; margin: 0 0 25px 0; padding: 0; text-transform: lowercase; } .catalog-product-view .product-view .box-collateral .box-title h2:after { content: ""; display: block; position: absolute; bottom: -12px; left: 0; width: 70px; height: 1px; background-color: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .catalog-product-view .product-view .products-grid .item { border: 1px solid #f3f3f2; } .catalog-product-view .product-view .products-grid .item .product-name { color: #515151; font: 18px 'Effra W01 Light', arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: .5px; display: inline-block; word-wrap: break-word; overflow: hidden; line-height: 1.2em; text-align: left; } .catalog-product-view .product-view .products-grid .item .product-details { padding: 5px 15px; } .catalog-product-view .product-view .products-grid .owl-item.active.last { margin-left: -1px; } .catalog-product-view #BVRRContainer .bv-action-bar-header, .catalog-product-view #BVQAContainer .bv-action-bar-header { color: #515151 !important; font: 20px 'Montserrat-Light', arial, helvetica, sans-serif; text-transform: capitalize !important; font-weight: 600 !important; letter-spacing: 1px !important; } .catalog-product-view #BVQAContainer { border-top: 1px solid #dfdfde; } .catalog-product-view .pdp-review { border-bottom: 1px solid #dfdfde; } .catalog-product-view .pdp-review .pdp-review-container { max-width: 880px; margin: 0 auto; } .catalog-product-view .pdp-review #BVQASearchContainer { display: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-title, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-data-label { font-size: 14px !important; font-weight: 600 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-title:hover, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-data-label:hover { font-size: 14px !important; font-weight: 600 !important; text-transform: capitalize !important; text-decoration: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-title { color: #515151 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-data-label { text-transform: capitalize !important; color: #BC5136 !important; letter-spacing: 1px !important; font-family: 'Montserrat-Light', arial, georgia, times, serif !important; font-size: 12px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats .bv-content-product-stats-item .bv-content-data-count .bv-content-data-label:hover { font-size: 12px !important; font-family: 'Montserrat-Light', arial, georgia, times, serif !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead-search .bv-fieldsets { max-width: 390px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead-search .bv-fieldsets input.bv-text { border-radius: 0 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead-search .bv-fieldsets ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead-search .bv-fieldsets :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff !important; opacity: 1; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead-search .bv-fieldsets ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff !important; opacity: 1; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead-search .bv-fieldsets :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-masthead-product .bv-stars-container .bv-rating-stars-on { color: #BC5136 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-summary-bar .bv-rating-label { color: #BC5136 !important; font-weight: 600 !important; text-transform: capitalize !important; letter-spacing: 1px !important; font-family: 'Montserrat-Light', arial, georgia, times, serif !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-summary-bar .bv-rating-ratio-number .bv-rating span { color: #515151 !important; font-weight: 600 !important; font-family: 'Montserrat-Regular', arial, georgia, times, serif !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-datetime-dot { display: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder { background-color: #f7f7f7 !important; bottom: 57px !important; border: 1px solid #b7bbbf !important; line-height: 40px !important; float: right !important; padding: 1px !important; position: relative !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder .bv-rating-stars-container { display: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder .bv-ask-question-label.bv-submission-button, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder .bv-write-review-label.bv-submission-button { background-color: #f7f7f7 !important; font: 14px "Effra W01 Bold", arial, helvetica, sans-serif !important; color: #515151 !important; text-transform: uppercase !important; line-height: 30px !important; margin: 0 !important; border: 1px solid #b7bbbf !important; letter-spacing: 3px !important; display: block !important; padding: 2px 4px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder .bv-ask-question-label.bv-submission-button:hover, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder .bv-write-review-label.bv-submission-button:hover { text-decoration: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-secondary-ratings-value, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-secondary-ratings-container { height: 12px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-secondary-ratings-container { background-color: #f0f0f0 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-secondary-ratings-value { background-color: #BC5136 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-rating-stars-on { color: #BC5136 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-secondary-ratings-bars .bv-content-secondary-ratings-bar { box-shadow: none !important; background-color: #BC5136 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-content-title { font-weight: 600 !important; color: #515151 !important; letter-spacing: .25px !important; font-family: 'Montserrat-Regular', arial, helvetica, sans-serif !important; font-size: 12px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-flex-container div.bv-inline-histogram-ratings-star { font-size: 13px !important; font-weight: 600 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper { font-family: 'Montserrat-Regular', arial, helvetica, sans-serif !important; font-size: 12px !important; color: #515151 !important; letter-spacing: .25px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-inline-histogram-ratings-score span { color: #515151 !important; font-weight: 600 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-flex-container-column { width: 91% !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-bars .bv-secondary-rating-summary-bar { box-shadow: none !important; background-color: #BC5136 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row span.bv-table-cell:first-of-type { max-width: 90px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row span.bv-table-cell:nth-of-type(2) { padding-left: 10px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-table-cell { text-align: right !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-table-cell.bv-secondary-rating-summary-rating { color: #515151 !important; font-weight: 600 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-table-cell.bv-secondary-rating-summary-id { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-control-bar .bv-content-pagination-pages-current, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-control-bar .bv-control-bar-sort { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; font-size: 12px !important; } .catalog-product-view .bv-content-list-container .bv-write-review-container.bv-write-container, .catalog-product-view .bv-content-list-container .bv-ask-question-container.bv-write-container { background-color: #f7f7f7 !important; max-width: 230px !important; width: 100% !important; border: 1px solid #b7bbbf !important; line-height: 40px !important; } .catalog-product-view .bv-content-list-container .bv-write-review-container.bv-write-container .bv-write-review.bv-focusable.bv-submission-button, .catalog-product-view .bv-content-list-container .bv-write-review-container.bv-write-container .bv-ask-question.bv-focusable.bv-submission-button, .catalog-product-view .bv-content-list-container .bv-ask-question-container.bv-write-container .bv-write-review.bv-focusable.bv-submission-button, .catalog-product-view .bv-content-list-container .bv-ask-question-container.bv-write-container .bv-ask-question.bv-focusable.bv-submission-button { background-color: #f7f7f7 !important; font: 14px 'Effra W01 Bold', arial, helvetica, sans-serif !important; color: #515151 !important; text-transform: uppercase !important; max-width: 228px !important; width: 100% !important; line-height: 30px !important; margin: 1px auto !important; border: 1px solid #b7bbbf !important; letter-spacing: 3.5px !important; padding: 2px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-author-profile .bv-inline-profile .bv-author-avatar .bv-author-avatar-nickname .bv-content-author-name .bv-author { font-family: 'Montserrat-Light', arial, georgia, times, serif !important; letter-spacing: 0.25px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-author-profile .bv-inline-profile .bv-popup-prosnap-userinfo .bv-author-location { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-author-profile .bv-inline-profile .bv-author-userstats .bv-author-userstats-data { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-container .bv-content-core .bv-content-header .bv-content-header-meta .bv-content-datetime, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-header .bv-content-header-meta .bv-content-datetime { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; margin-left: 10px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-container .bv-content-core .bv-content-header .bv-content-title, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-header .bv-content-title { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; font-size: 13px !important; letter-spacing: 0.27px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-container .bv-content-core .bv-content-summary .bv-content-summary-body-text p, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-summary .bv-content-summary-body-text p { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; font-size: 12px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-container .bv-content-core .bv-content-summary .bv-content-data dl dt, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-summary .bv-content-data dl dt { font-family: "Montserrat-Light", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; font-size: 12px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-container .bv-content-core .bv-content-summary .bv-content-data dl dd, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-summary .bv-content-data dl dd { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; font-size: 12px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote-request, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote-request { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; font-size: 12px !important; } .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-btn-container button, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote button, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-btn-container button, .catalog-product-view .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote button { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.23px !important; font-size: 11px !important; } .catalog-product-view .bv-content-list-container .bv-content-pagination .bv-control-bar-count { font-family: "Montserrat-Regular", arial, helvetica, sans-serif !important; letter-spacing: 0.25px !important; font-size: 12px !important; } .catalog-product-view .product-info-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .catalog-product-view .product-info-tab .price-box { margin: 0 0 5px 0; } .catalog-product-view .product-info-tab .price { font: 24px 'Effra W01 Regular', arial, helvetica, sans-serif; } .catalog-product-view .product-info-tab .price .price-label { font: 14px 'NewBaskervilleW01-Itali', georgia, times, serif; color: rgba(91, 81, 81, 0.5); padding: 0 5px 0 0; } .catalog-product-view .product-info-tab .sku { font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; color: #515151; letter-spacing: 1px; padding: 0; text-transform: uppercase; } .catalog-product-view .product-review-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 25px 0; } .catalog-product-view .product-review-details .bv-cv2-cleanslate .bv-rating-stars-off, .catalog-product-view .product-review-details .bv-cv2-cleanslate .bv-rating-stars-on { font-size: 15px !important; } .catalog-product-view .product-review-details .bv-cv2-cleanslate .bv-compat .bv-summary-bar-minimalist-horizontal .bv-write-container.bv-write-container, .catalog-product-view .product-review-details .bv-cv2-cleanslate .bv-compat .bv-summary-bar-minimalist-horizontal .bv-ask-question-container.bv-write-container { display: none !important; } .catalog-product-view .product-review-details .details-box .product-details-link { font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; color: #515151; letter-spacing: 1px; text-transform: uppercase; padding: 0 10px 0 0; position: relative; } .catalog-product-view .product-review-details .details-box .product-details-link:before { content: ''; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg"); width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; right: 0; top: 4px; } .catalog-product-view .product-details .list-item.disable label, .catalog-product-view .options-container-big .list-item.disable label { opacity: .5; } .catalog-product-view .product-details .input-box, .catalog-product-view .options-container-big .input-box { max-width: 380px; width: 100%; } .catalog-product-view .product-details .input-box .select-wrap, .catalog-product-view .product-details .input-box .swatch-select, .catalog-product-view .options-container-big .input-box .select-wrap, .catalog-product-view .options-container-big .input-box .swatch-select { max-width: 380px; width: 100%; } .catalog-product-view .product-details .input-box .select-wrap .customStyleSelectBox, .catalog-product-view .product-details .input-box .swatch-select .customStyleSelectBox, .catalog-product-view .options-container-big .input-box .select-wrap .customStyleSelectBox, .catalog-product-view .options-container-big .input-box .swatch-select .customStyleSelectBox { max-width: 380px; width: 100%; background-color: #f7f7f7; height: 40px; color: #515151; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 14px; } .catalog-product-view .product-details .input-box .select-wrap .customStyleSelectBox.disabled, .catalog-product-view .product-details .input-box .swatch-select .customStyleSelectBox.disabled, .catalog-product-view .options-container-big .input-box .select-wrap .customStyleSelectBox.disabled, .catalog-product-view .options-container-big .input-box .swatch-select .customStyleSelectBox.disabled { opacity: .7; } .catalog-product-view .product-details .input-box .select-wrap .customStyleSelectBox .customStyleSelectBoxInner, .catalog-product-view .product-details .input-box .swatch-select .customStyleSelectBox .customStyleSelectBoxInner, .catalog-product-view .options-container-big .input-box .select-wrap .customStyleSelectBox .customStyleSelectBoxInner, .catalog-product-view .options-container-big .input-box .swatch-select .customStyleSelectBox .customStyleSelectBoxInner { font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 14px; line-height: 40px; text-transform: capitalize; letter-spacing: 0.3px; color: rgba(91, 81, 81, 0.7); } .catalog-product-view .product-details .input-box .select-wrap .customStyleSelectBox:before, .catalog-product-view .product-details .input-box .swatch-select .customStyleSelectBox:before, .catalog-product-view .options-container-big .input-box .select-wrap .customStyleSelectBox:before, .catalog-product-view .options-container-big .input-box .swatch-select .customStyleSelectBox:before { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #515151; } .catalog-product-view .product-details .input-box .select-wrap select, .catalog-product-view .product-details .input-box .swatch-select select, .catalog-product-view .options-container-big .input-box .select-wrap select, .catalog-product-view .options-container-big .input-box .swatch-select select { height: 40px; } .catalog-product-view .product-details .input-box .swatch-select, .catalog-product-view .options-container-big .input-box .swatch-select { background-color: #f7f7f7; height: 40px; color: #515151; font: 14px 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: capitalize; } .catalog-product-view .product-details .input-box .swatch-select:before, .catalog-product-view .options-container-big .input-box .swatch-select:before { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #515151; } .catalog-product-view .options-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-product-view .options-box .qty .title { font: 14px 'Effra W01 Bold', arial, helvetica, sans-serif; color: #515151; text-transform: uppercase; letter-spacing: 3.5px; margin: 0 0 5px 0; display: block; } .catalog-product-view .options-box .qty .input-text.qty { border: 0; background-color: #f0f0f0; padding: 10px; color: rgba(91, 81, 81, 0.5); } .catalog-product-view .product-options-bottom { position: relative; } .catalog-product-view .product-options-bottom .atc-notice { position: absolute; bottom: 0; margin: 5px 0; } .catalog-product-view .product-options-bottom, .catalog-product-view .add-to-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .catalog-product-view .product-options-bottom .add-to-wishlist .split-button, .catalog-product-view .add-to-box .add-to-wishlist .split-button { line-height: 36px; } .catalog-product-view .product-options-bottom .add-to-cart.disabled, .catalog-product-view .add-to-box .add-to-cart.disabled { background-color: #BC5136; opacity: .5; } .catalog-product-view .product-options-bottom .add-to-cart .button.btn-cart, .catalog-product-view .add-to-box .add-to-cart .button.btn-cart { width: 100%; font: 14px 'Effra W01 Bold', arial, helvetica, sans-serif; letter-spacing: 3.5px; } .catalog-product-view .product-options-bottom .add-to-links, .catalog-product-view .product-options-bottom .add-to-cart, .catalog-product-view .add-to-box .add-to-links, .catalog-product-view .add-to-box .add-to-cart { max-width: 220px; width: 100%; } .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .link-wishlist, .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .split-button, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .link-wishlist, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .split-button, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .link-wishlist, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .split-button, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .link-wishlist, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .split-button { width: 100%; font: 14px 'Effra W01 Bold', arial, helvetica, sans-serif; letter-spacing: 3.5px; color: #515151; background-color: #f0f0f0; border: 1px solid #b7bbbf; padding: 2px; position: relative; } .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .link-wishlist:before, .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .split-button:before, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .link-wishlist:before, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .split-button:before, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .link-wishlist:before, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .split-button:before, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .link-wishlist:before, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .split-button:before { content: ''; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/wishlist.svg"); width: 15px; height: 15px; position: absolute; background-repeat: no-repeat; left: 15px; top: 11px; } .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .link-wishlist > span, .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .link-wishlist > strong > span, .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .split-button > span, .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .split-button > strong > span, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .link-wishlist > span, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .link-wishlist > strong > span, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .split-button > span, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .split-button > strong > span, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .link-wishlist > span, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .link-wishlist > strong > span, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .split-button > span, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .split-button > strong > span, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .link-wishlist > span, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .link-wishlist > strong > span, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .split-button > span, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .split-button > strong > span { line-height: 31px; border: 1px solid #b7bbbf; display: block; padding: 0 0 0 25px; } .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .link-wishlist em, .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .split-button em, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .link-wishlist em, .catalog-product-view .product-options-bottom .add-to-cart .add-to-wishlist .split-button em, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .link-wishlist em, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .split-button em, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .link-wishlist em, .catalog-product-view .add-to-box .add-to-cart .add-to-wishlist .split-button em { font-style: italic; text-transform: initial; font: 14px 'NewBaskervilleW01-Itali', georgia, times, serif; letter-spacing: 1px; } .catalog-product-view .accordion .trigger:before { border: 0; content: '+'; position: absolute; height: auto; width: auto; right: 0; top: 0; font-size: 30px; color: #515151; } .catalog-product-view .accordion .trigger.open:before { content: '-'; } .catalog-product-view .accordion .Details > div { width: 100%; } .catalog-product-view .attribute-title { color: #515151; font: 22px/30px 'Baskerville-Italic', georgia, times, serif; font-weight: 400; letter-spacing: 0.6px; text-align: center; margin: 15px 0; position: relative; } .catalog-product-view .attribute-title:after { content: ""; display: block; position: absolute; bottom: -5px; left: 0; width: 70px; height: 1px; background-color: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .catalog-product-view .attribute-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .catalog-product-view .attribute-list li { padding: 5px 0; break-inside: avoid; } .catalog-product-view .attribute-list .label, .catalog-product-view .attribute-list .data { color: #515151; letter-spacing: 1px; display: inline-block; width: 45%; } .catalog-product-view .attribute-list .label { font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; text-align: left; text-transform: uppercase; } .catalog-product-view .attribute-list .data { font: 12px 'Effra W01 Regular', arial, helvetica, sans-serif; text-align: right; color: #515151; text-transform: lowercase; } .catalog-product-view .content-inner .std { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .catalog-product-view .content-inner .std.pdf-specification { display: block; } .catalog-product-view .content-inner .std .description-content { padding: 0; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #515151; letter-spacing: 0.5px; } .catalog-product-view .content-inner .std .description-content ul:not(.attribute-list) > li { font-size: 14px; line-height: 23px; letter-spacing: 0.3px; padding: 10px 0 0 30px; position: relative; } .catalog-product-view .content-inner .std .description-content ul:not(.attribute-list) > li:before { content: "·"; font-size: 14px; line-height: 24px; position: absolute; left: 5px; } .catalog-product-view .content-inner .std .description-content .attribute-list li { border-bottom: 1px solid #f0f0f0; } .checkout-cart-index .messages .success-msg { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-weight: 700; } .checkout-cart-index .messages .success-msg > ul li { text-transform: lowercase; } .checkout-cart-index .messages .success-msg .notification_emp { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: uppercase; font-weight: 400; } .breadcrumbs-pdp li { float: left; } .breadcrumbs-pdp li .breadcrumb-item { color: rgba(91, 81, 81, 0.5); font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; text-transform: uppercase; margin: 15px 0; letter-spacing: 1px; padding: 0; position: relative; cursor: pointer; display: inline-block; } .breadcrumbs-pdp li .breadcrumb-item:before { content: '/'; padding: 0 5px; } .breadcrumbs-pdp li:first-child .breadcrumb-item:before { display: none; } .breadcrumbs-pdp li:last-child { display: none; } .catalog-product-view .content-pane { position: relative; } .showroom-cms { font-size: 16px; } .showroom-cms p { margin: 0 0 5px 0; font-size: 16px; } .showroom-cms strong { font-size: 1.2em; font-weight: bold; } .contacts-index-booking .form-list .input-box, .contacts-index-booking .customStyleSelectBox, .contacts-index-booking .swatch-select { width: 410px; } @media screen and (max-width: 950px) { .contacts-index-booking .form-list .input-box, .contacts-index-booking .customStyleSelectBox, .contacts-index-booking .swatch-select { width: 100%; } } @media screen and (max-width: 950px) { .contacts-index-booking .select-wrap { width: 100%; } } @media screen and (min-width: 739px) { #hero .carousel-nav { display: none; } } .product-collateral .show-more, .product-collateral .show-less { color: #BC5136; text-transform: uppercase; font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; padding: 15px 0; width: 100%; letter-spacing: 1px; text-align: left; cursor: pointer; display: none; } .thumbs-counter { display: none; font: 12px 'Montserrat-Regular', arial, helvetica, sans-serif; color: #515151; letter-spacing: .25px; } .product-shop .price-box .regular-price .price { color: #515151; } .catalog-product-view .grouped-items-list .grouped-result .product-name { color: #6d7783; } .catalog-product-view .options-list .swatch-select .label { line-height: 40px; color: #515151; padding: 0; opacity: .7; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 14px; } .catalog-product-view .options-list .swatch-select .label .amconf-image, .catalog-product-view .options-list .swatch-select .label .amconf-image-title { line-height: 40px; vertical-align: middle; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 14px; } .catalog-product-view .freightDetails { color: #fb8c6e; text-transform: capitalize; } .product-view { *zoom: 1; zoom: 1; } .product-view:before, .product-view:after { display: table; content: ""; line-height: 0; } .product-view:after { clear: both; } #back-order p { border-bottom: 1px solid #d4cbc1; margin: 0; padding: 15px 0; font: 13px 'Effra W01 Bold', arial, helvetica, sans-serif; color: red; } .product-img-box { float: left; width: 50.40740741%; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } .product-img-box .product-image-wrap { position: relative; } .product-img-box .carousel-control { top: calc(50% - 35px); margin: 0; background-color: transparent; } .product-img-box .carousel-control.next, .product-img-box .carousel-control.prev { height: 40px; width: 40px; } .product-img-box .carousel-control.next:after, .product-img-box .carousel-control.prev:after { width: 40px; height: 40px; margin-top: 0; } .product-img-box .carousel-control.next { right: 0; } .product-img-box .carousel-control.next:after { background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/pdp-carousel-arrow-right.svg); } .product-img-box .carousel-control.next:hover:after { right: 0; } .product-img-box .carousel-control.prev { left: 0; } .product-img-box .carousel-control.prev:after { background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/pdp-carousel-arrow-left.svg); } .product-img-box .carousel-control.prev:hover:after { left: 0; } .product-img-box .more-views .clearfix { height: 100px; } .product-img-box .more-views .clearfix .thumbnail-image-wrapper { display: inline-block; } .product-img-box .more-views .clearfix .thumbnail-image-wrapper .thumbnail:focus-visible { outline: 1px dotted currentColor !important; } .product-img-box .more-views .owl-carousel { height: auto; } .product-img-box .more-views .owl-carousel .owl-item { border: 1px solid #f0f0f0; font-size: 0; } .product-img-box .more-views .owl-carousel .owl-item .thumbnail-image-wrapper .thumbnail.active-thumb img { border: 2px solid #BC5136; } .product-img-box .more-views .owl-carousel .owl-item .thumbnail-image-wrapper .thumbnail img { border: 1px solid #f0f0f0; width: 100%; } .product-img-box .more-views .owl-carousel .owl-nav .owl-prev i, .product-img-box .more-views .owl-carousel .owl-nav .owl-next i { background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprites/arrows.png); width: 25px; height: 33px; background-size: 45px 25px; margin-top: 0; top: calc(50% - 15px); } .product-img-box .more-views .owl-carousel .owl-nav .owl-prev i { background-position: 10px 3px; } .product-img-box .more-views .owl-carousel .owl-nav .owl-next i { background-position: -30px 3px; } .product-img-box .image-zoom { cursor: crosshair; width: 100% !important; } .product-img-box #main-image { visibility: hidden; } .product-img-box #main-image.show-one-image { visibility: visible; position: relative; opacity: 1; } .product-img-box #main-image.product-image { display: block; background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/opc-ajax-loader.gif") center center no-repeat; } .product-img-box #main-image.MagicZoom { visibility: visible; } .product-img-box #hero { display: none; } .product-img-box .MagicZoomBigImageCont img { max-width: none; } .product-view .mobile-media { display: none; } .product-view .mobile-media .hero-slide-wrap { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } .product-view .mobile-media .hero-slide { display: block; } .product-view .mobile-media .thumbs-counter { display: none; font: 13px 'Effra W01 Regular', arial, helvetica, sans-serif; color: #515151; letter-spacing: .25px; } .product-img-box .MagicZoomHint { margin: 10px 0 0 10px; text-indent: -999em; width: 44px; height: 44px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icon-zum.png"); background-repeat: no-repeat; right: 0 !important; left: auto !important; } .product-img-box .more-views { overflow: hidden; margin: 8px auto 20px; padding: 10px 0; position: relative; } .product-img-box .more-views ul { position: relative; left: 0; } .product-img-box .more-views li { float: left; } .product-img-box .more-views li a { display: block !important; border: 1px solid #f0f0f0; } .product-img-box .more-views li a img { display: block; } @media screen and (min-width: 980px) { .product-img-box .more-views .owl-carousel .owl-controls { display: block !important; } } @media screen and (max-width: 980px) { .product-img-box .more-views .owl-carousel { padding: 0; } } .product-img-box .btn-wrapper { position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; width: 6.77419355%; padding: 0; } .product-img-box .btn-wrapper + .btn-wrapper { right: 0; left: auto; } .product-img-box .btn-wrapper .banana-control { position: absolute; top: 50%; right: 0; width: 100%; height: 42px; margin-top: -21px; padding: 0; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-color: #fff; background-repeat: no-repeat; background-position: -712px -83px; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-img-box .btn-wrapper .banana-control { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .product-img-box .btn-wrapper .banana-control.next { right: 0; left: auto; background-position: right -83px; } .configured-qty { font-weight: bold; font-size: 13px; } .configured-qty.hidden { display: none; } .product-shop { float: right; width: 45.37037037%; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } .product-shop h1 { line-height: 29px; margin-bottom: 18px; } .product-shop .price-box { margin-bottom: 12px; } .product-shop .price-box p { margin-bottom: 0; display: inline-block; vertical-align: top; } .product-shop .price-box .special-price .price, .product-shop .price-box .regular-price .price, .product-shop .price-box .old-price .price { font-size: 27px; line-height: 27px; margin-right: 10px; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; color: #515151; letter-spacing: -1px; } .product-shop .price-box .special-price .price sub, .product-shop .price-box .regular-price .price sub, .product-shop .price-box .old-price .price sub { font-size: 13px; line-height: 13px; letter-spacing: 0px; position: relative; top: -0.7em; } .product-shop .price-box .special-price .price-label, .product-shop .price-box .regular-price .price-label, .product-shop .price-box .old-price .price-label, .product-shop .price-box .starting-at { font-size: 24px; line-height: 24px; color: #515151; margin-right: 5px; } .product-shop .price-box .special-price .price { color: #BC5136; } .product-shop .price-box .special-price.was-special .price { color: #474747; } .product-shop .price-box .old-price { color: rgba(91, 81, 81, 0.5); } .product-shop .price-box .was-old-price { color: rgba(91, 81, 81, 0.5); display: none; } #grouped-min-price .was-old-price { display: inline-block; } .product-shop .price-box .old-price ~ .special-price, .product-shop .price-box .was-old-price ~ .special-price { display: block !important; } .product-shop .price-box .old-price .price, .product-shop .price-box .was-old-price .price { text-decoration: line-through; } .product-shop .price-box .was-old-price.hide { display: none; } .product-shop .price-box .was-old-price.hide ~ .special-price .price { color: #493627; } .product-shop .msrp-price { display: none; margin-bottom: 0; text-transform: uppercase; line-height: 24px; font-size: 14px; color: #6e6256; } .product-shop .sku { padding: 23px 0; font-size: 13px; } .product-shop .sku em { font-size: 14px; } .product-shop .product-main-info { border-bottom: 1px solid #d4cbc1; } .product-shop .options-container-big, .product-shop .add-to-box { padding-top: 20px; border-bottom: 1px solid #d4cbc1; } .product-shop .options-container-big .guest-email-form { margin-top: 0; } .product-shop .call-order, .product-shop .ratings, .product-shop .free-shipping { border-top: 1px solid #d4cbc1; padding: 15px 0 0 0; } .product-shop .call-order .separator, .product-shop .ratings .separator, .product-shop .free-shipping .separator { padding: 0 10px; } .product-shop .call-order p, .product-shop .ratings p, .product-shop .free-shipping p, .product-shop .call-order a, .product-shop .ratings a, .product-shop .free-shipping a { margin-bottom: 0; line-height: 20px; text-transform: uppercase; color: #493627; } .product-shop .call-order p strong, .product-shop .ratings p strong, .product-shop .free-shipping p strong, .product-shop .call-order a strong, .product-shop .ratings a strong, .product-shop .free-shipping a strong { font-weight: normal; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .product-shop .call-order p { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .product-shop .options-list { margin-bottom: 40px; position: relative; } .product-shop .options-list .configured-qty { position: absolute; bottom: -37px; } .product-shop .options-list li { margin-top: 15px; } .product-shop .options-list li .section-notice { font-size: 11px; float: right; color: #BC5136; } .product-shop .options-list li:first-child { margin-top: 0; } .product-shop .options-list label { line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 4px; color: #515151; font: 14px "Effra W01 Bold", arial, helvetica, sans-serif; letter-spacing: 3.5px; } @media screen and (max-width: 740px) { .product-shop .product-options-bottom, .product-shop .add-to-box { position: relative; padding-right: 94px; } } @media screen and (max-width: 480px) { .product-shop .product-options-bottom, .product-shop .add-to-box { position: relative; padding-right: 0; } } .product-shop .options-container-big:after, .product-shop .add-to-box:after { display: table; content: ""; clear: both; } .product-shop .warranty-badge { max-width: 125px; display: block; float: right; margin-top: -10px; margin-right: 40px; } @media screen and (max-width: 1150px) { .product-shop .warranty-badge { margin-right: 20px; } } @media screen and (max-width: 950px) { .product-shop .warranty-badge { margin-right: 0; } } @media screen and (max-width: 900px) { .product-shop .warranty-badge { width: 115px; margin-top: -4px; } } @media screen and (max-width: 868px) { .product-shop .warranty-badge { width: 125px; margin-top: -10px; } } @media screen and (max-width: 740px) { .product-shop .warranty-badge { position: absolute; right: 0; } } .product-shop .warranty-badge img { display: block; } .product-shop .add-to-cart { background-color: #BC5136; -webkit-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -moz-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -o-transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; -webkit-transition: background-color 0.24s ease-out, color 0.24s ease-out; -moz-transition: background-color 0.24s ease-out, color 0.24s ease-out; -o-transition: background-color 0.24s ease-out, color 0.24s ease-out; transition: background-color 0.24s ease-out, color 0.24s ease-out; width: 210px; margin-bottom: 28px; float: left; position: relative; } .product-shop .add-to-cart.disabled { background-color: #fb8c6e; } .product-shop .add-to-cart:hover { background-color: #fb8c6e; } .product-shop .add-to-cart .qty { width: 29px; border: none; margin: 14px 0 0 14px; padding: 5px 0; } .product-shop .add-to-cart .button { background-color: transparent; } .product-shop .add-to-cart .button[disabled] { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .product-shop .share-this { border-bottom: 1px solid #d4cbc1; padding: 20px 0; } .product-shop .share-this .st_email, .product-shop .share-this .sharebtn { display: inline-block; vertical-align: top; } .product-shop .share-this .st_email { margin: 3px 4px 0 0; } .product-shop .share-this .stMainServices { height: 22px !important; } .product-shop .share-this .st_fblike_hcount > span { padding: 0 !important; margin: 1px 3px 0 0 !important; } .product-shop .share-this .st_sharethis > span { margin-top: 3px !important; } .product-shop .share-this .stHBubble { height: 21px !important; } .product-shop .share-this .print-btn { margin-top: 1px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -165px -45px; height: 20px; width: 60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-shop .share-this .print-btn { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .product-shop .stock-notifications .availability { display: none !important; } .product-shop .stock-notifications p { margin-bottom: 0; padding: 15px 0; border-top: 1px solid #d4cbc1; text-transform: uppercase; } .product-shop .short-description { font-size: 13px; padding: 20px 0; border-bottom: 1px solid #d4cbc1; } .product-shop .short-description .ship-date { padding-top: 28px; margin-bottom: 0; } .product-shop .accordion .std { font-size: 13px; padding-bottom: 26px; } .product-shop .accordion .std ul { list-style: disc; padding-left: 20px; } .product-shop .accordion .std ul li { padding-bottom: 8px; line-height: 16px; } .product-shop .attribute-list { font-size: 13px; margin-bottom: 26px; } .product-shop .attribute-list li { line-height: 24px; } .product-shop .guest-email-form { margin: 20px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #d4cbc1; } .product-shop .guest-email-form p { text-transform: uppercase; margin-bottom: 5px; } .product-shop .guest-email-form .buttons-set { margin-top: 10px; } .product-shop .guest-email-form .buttons-set .button { width: 210px; } .product-shop .regular-price { display: inline-block; } .product-shop .price-box > .label { font-size: 24px; line-height: 24px; margin-right: 5px; } .product-shop #ReviewHeader a { color: #474747; } .box-reviews h2 { margin-bottom: 20px; } .box-reviews .rating-box { float: none; } .box-reviews .review-title { line-height: 17px; text-transform: uppercase; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .box-reviews .review-meta { margin: 0; line-height: 24px; } .box-reviews .rating-box { margin: 6px 0 10px; } .box-reviews .review-content { line-height: 19px; } .box-reviews .review-listing > li { padding-top: 56px; } .box-reviews .review-listing > li:first-child { padding-top: 0; } .box-reviews .pager { background-color: #f0f0f0; padding: 0 4.58715596%; margin: 46px 0 36px; } .box-reviews .pager .limiter { display: none; } .box-reviews .pager .amount { margin-bottom: 0; line-height: 55px; } .pdf-lising li { line-height: 24px; } .review-form .stars { padding-bottom: 20px; } .review-form .stars label { text-transform: none; font-size: 12px; } .review-form .style-radio { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-color: transparent; background-position: -110px -375px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 22px; height: 20px; display: block; float: left; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .review-form .style-radio { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .review-form .style-radio.active { background-position: -88px -375px; } .review-form .style-radio input[type="radio"] { width: 24px; height: 20px; cursor: pointer; } .review-form .buttons-set { padding: 26px 0; } .product-view .box-collateral { margin-bottom: 24px; } .product-view .box-collateral .box-title h2 { font-size: 16px; line-height: 48px; } .product-view .products-grid .item { width: 30.96774194%; margin-left: 3.5483871%; margin-bottom: 0; } .product-view .products-grid .item:first-child { margin-left: 0; } .product-view .products-grid .item .product-name { text-transform: uppercase; line-height: 18px; overflow: hidden; text-overflow: ellipsis; max-height: 54px; } .product-view .product-shop h1 { font: 28px 'Effra W01 Light', arial, helvetica, sans-serif; color: #515151; margin: 0 0 5px 0; letter-spacing: 1.5px; line-height: 32px; } .product-view .resource-links li { line-height: 24px; } @media (-webkit-min-device-pixel-ratio: 0) { .product-view .products-grid .item .product-name { display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } } /*Grouped Products*/ .grouped-items-list .grouped-result { position: relative; padding: 10px 0; border-bottom: 1px solid #d4cbc1; } .grouped-items-list .grouped-result .product-name { font-size: 18px; line-height: 24px; } .grouped-items-list .grouped-result .options-list { margin: 28px 0 0 0; } /* ============================================ Catalog Product Compare Popup Window ============================================ */ .catalog-product-compare-index { padding: 0 5.88235294%; } .catalog-product-compare-index a.button { margin-right: 15px; } .catalog-product-compare-index .please-wait { line-height: 29px; text-transform: uppercase; display: block; vertical-align: top; margin: 10px 0 0 0; } .catalog-product-compare-index .please-wait img { padding-right: 4px; } #product_comparison .product-data-wrapper { max-width: 200px; min-width: 180px; } #product_comparison tbody tr td { border: none; } #product_comparison tbody tr.last td { padding-bottom: 40px; } #product_comparison tfoot td { padding: 40px 0 55px; border-top: 1px solid #6e6256; } #product_comparison .product-name { display: inline-block; margin: 3px 0 10px; } #product_comparison .product-name a { color: #493627; text-transform: uppercase; } #product_comparison .price-box { margin-bottom: 12px; text-transform: uppercase; color: rgba(91, 81, 81, 0.5); } #product_comparison .price-box p { margin-bottom: 0; line-height: 1em; } #product_comparison .price-label { display: none; } #product_comparison .old-price { text-decoration: line-through; float: left; margin-right: 15px; } #product_comparison .special-price { color: #BC5136; } #product_comparison th { text-transform: uppercase; font-size: 13px; padding: 10px 54px 10px 0; text-align: left; } #product_comparison .remove { color: #493627; font-size: 10px; text-transform: uppercase; line-height: 29px; } /* ============================================ Category Landing ============================================ */ .category-landing .col2-left-layout .col-left { width: 16.815%; } .category-landing .breadcrumbs { margin-bottom: 30px; } .category-landing .sidebar h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 22px; position: relative; line-height: 15px; padding: 4px 0; text-transform: capitalize; } .category-landing .sidebar .widget-static-block .block-title h2 { font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 12px; } .category-landing .sidebar ol li { padding-top: 10px; } .category-landing .sidebar ol li a { color: #515151; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 12px; } .category-landing .category-title { display: block; padding: 13px; margin-bottom: 30px; background-color: #f0f0f0; border: 3px double #474747; } .category-landing .category-title h1 { text-align: center; color: #474747; font-size: 50px; font-family: "Effra W01 Light", arial, helvetica, sans-serif; line-height: 1em; padding: 10px 0; } .category-landing .category-title h1:before { text-transform: lowercase; content: 'shop'; display: inline-block; font: 30px 'NewBaskervilleW01-Itali', georgia, times, serif; margin-right: 10px; } .category-landing .categories-list { *zoom: 1; zoom: 1; } .category-landing .categories-list:before, .category-landing .categories-list:after { display: table; content: ""; line-height: 0; } .category-landing .categories-list:after { clear: both; } .category-landing .categories-list li { float: left; width: 22.34636872%; margin-right: 3.46368715%; padding-bottom: 3.46368715%; position: relative; } .category-landing .categories-list li .category-image { display: block; } .category-landing .categories-list li .category-image img { display: block; } .category-landing .categories-list li .category-name { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 1em; bottom: 4px; left: 0; padding-bottom: 10px; color: #493627; text-transform: capitalize; } .category-landing .categories-list li.category-3, .category-landing .categories-list li.category-5 { margin-right: 0; } .category-landing .categories-list li.end { margin-right: 0; } .category-landing .categories-list li:first-child { width: 48.04469274%; margin-right: 3.46368715%; } .category-landing .widget-static-block { margin-top: 36px; } .category-landing .widget-static-block a, .category-landing .widget-static-block img { display: block; } .category-landing .widget-static-block a { margin-top: 10px; } .category-landing .widget-static-block a:first-child { margin-top: 0; } .catalog-category-view .price-box span.label + p.starting-at { display: none !important; } .catalog-category-view p.starting-at { display: inline-block; } .catalog-category-view .products-list .item .price-box p.old-price { display: inline-block; } .catalog-category-view .products-list .item .price-box p.old-price .price-label { display: none; } /* ============================================ Shopping Cart ============================================ */ .cart .page-title { *zoom: 1; zoom: 1; } .cart .page-title:before, .cart .page-title:after { display: table; content: ""; line-height: 0; } .cart .page-title:after { clear: both; } .cart .page-title h1 { float: left; font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; text-transform: capitalize; font-size: 28px; } .cart .page-title .cc-methods { float: right; width: 21.75925926%; } .cart .page-title .cc-methods .push { height: 78px; display: table-cell; vertical-align: middle; } .cart .page-title .vip-message { text-transform: uppercase; margin: 27px 0 27px 2.31481481%; float: left; } .cart .page-title .vip-message .push { height: 24px; display: table-cell; vertical-align: bottom; } .cart .data-table { margin-bottom: 28px; } .cart .data-table td { padding-top: 18px; padding-bottom: 18px; border-color: #d4cbc1; } .cart .data-table td:first-child { padding-left: 0; width: 51.85185185%; } .cart .data-table .product-name { font-size: 14px; line-height: 16px; margin-bottom: 3px; } .cart .data-table .product-name a { color: #493627; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .cart .data-table .sku { font-size: 13px; } .cart .data-table .product-image { width: 18.11594203%; outline: none; } .cart .data-table .product-image:focus-visible { outline: none; } .cart .data-table .product-details { margin-left: 2.89855072%; width: 62.5%; } .cart .data-table .notice { line-height: 14px; margin-bottom: 0; padding: 10px 0; color: #BC5136; } .cart .data-table .cart-price { color: rgba(91, 81, 81, 0.5); } .cart .data-table .qty { width: 30px; padding: 6px 0; border: none; background-color: #d4cbc1; } .cart .data-table .btn-remove { text-transform: uppercase; } .cart .data-table tfoot td { padding: 15px 0; border-bottom: 1px solid #d4cbc1; } .cart .data-table tfoot .button { margin-left: 10px; letter-spacing: 3px; } .cart .data-table .item-options { list-style: none; margin-left: 10px; } .cart .data-table .item-options li { position: relative; font-size: 13px; color: #474747; line-height: 15px; padding: 0 0 0 10px; } .cart .data-table .item-options li:before { content: "·"; font-size: 16px; line-height: 14px; position: absolute; left: 2px; } .cart .cart-collaterals { float: left; width: 47.22222222%; } .cart .cart-collaterals.coupon-block-hidden .shipping { margin-top: 0; } .cart .totals { float: right; width: 52.77777778%; background-color: #f0f0f0; padding: 20px; *zoom: 1; zoom: 1; } .cart .totals:before, .cart .totals:after { display: table; content: ""; line-height: 0; } .cart .totals:after { clear: both; } .cart .totals table { float: left; width: 47.36842105%; } .cart .totals .checkout-types { float: right; } .cart .totals .paypal-logo { margin-bottom: 0; } .cart .totals .paypal-logo a { display: block; text-align: center; } .cart .totals .paypal-or { display: block; line-height: 26px; text-align: center; } .cart .discount, .cart .shipping { width: 210px; float: right; } .cart .discount .buttons-set, .cart .shipping .buttons-set { padding-top: 8px; } .cart .discount .trigger, .cart .shipping .trigger { font-size: 12px; margin-bottom: 8px; cursor: pointer; line-height: 30px; } .cart .discount .trigger:before, .cart .shipping .trigger:before { margin-top: 0; top: 12px; right: 12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #493627; } .cart .discount .trigger:after, .cart .shipping .trigger:after { display: none; } .cart .discount .form-list .customStyleSelectBox, .cart .shipping .form-list .customStyleSelectBox { background-color: #fff; border: 1px solid #6e6256; } .cart .shipping { margin-right: 9.80392157%; } .cart .discount { margin-left: 0; float: left; } .cart .sp-methods dt { display: none; } /* ============================================ Paypal Express Order Review ============================================ */ .paypal-review-order .legend { font-size: 16px; line-height: 24px; } .paypal-review-order .form-list-narrow { margin-bottom: 20px; } .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { width: 210px; padding-right: 0; } .paypal-review-order .col2-set .col-1 { margin-right: 19.44444444%; } .paypal-review-order .buttons-set-order { float: right; background-color: #f0f0f0; width: 305px; padding: 0 20px 30px 20px; } .paypal-shipping-method { margin: 30px 0; } .paypal-shipping-method h3 { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 5px; } .paypal-shipping-method .button { display: block; } .paypal-shipping-method fieldset, .paypal-shipping-method p { margin-bottom: 8px; } .paypal-shipping-method p { line-height: 14px; } .paypal-shipping-method .please-wait { line-height: 29px; text-transform: uppercase; display: block; vertical-align: top; margin-top: 8px; } .paypal-shipping-method .please-wait img { padding-right: 4px; } /* ============================================ Customer Account ============================================ */ .my-account .buttons-set { padding-top: 36px; } .my-account .separator { margin: 0 10px; } .my-account table .separator { margin: 0 0.96969697%; } .my-account a { text-transform: uppercase; } /*Login Page*/ .account-login .col2-set .col-1, .account-login .col2-set .col-2 { width: 50%; } /*Wishlist Login Page*/ .wishlist-login .col2-set .col-1, .wishlist-login .col2-set .col-2 { width: 34.25925926%; } .wishlist-login .col2-set .col-1 .legend, .wishlist-login .col2-set .col-2 .legend { font-size: 16px; margin-bottom: 15px; } .wishlist-login .col2-set .col-1 > p, .wishlist-login .col2-set .col-2 > p { font-size: 13px; } .wishlist-login .col2-set .col-1 button, .wishlist-login .col2-set .col-2 button { min-width: 185px; } .wishlist-login .col2-set .col-1 { float: left; border: 0; padding: 0 50px 0 0; } .wishlist-login .col2-set .registered-users .form-list .note { font-size: 10px; } .wishlist-login .col2-set .registered-users .form-list .input-text, .wishlist-login .col2-set .registered-users .form-list textarea { border: 1px solid #ccc; } .wishlist-login .col2-set .registered-users .form-list .input-text::-webkit-input-placeholder, .wishlist-login .col2-set .registered-users .form-list textarea::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } .wishlist-login .col2-set .registered-users .form-list .input-text:-ms-input-placeholder, .wishlist-login .col2-set .registered-users .form-list textarea:-ms-input-placeholder { color: #ccc; text-transform: uppercase; } .wishlist-login .col2-set .registered-users .form-list .input-text::placeholder, .wishlist-login .col2-set .registered-users .form-list textarea::placeholder { color: #ccc; text-transform: uppercase; } .wishlist-login .col2-set .col-divider { position: relative; border-left: 2px solid #ccc; width: 1px; height: 190px; top: -10px; float: left; padding-right: 50px; } /*Forgot Password*/ .customer-account-forgotpassword .fieldset { margin-bottom: 21px; } /*Create an Account*/ .account-create .fieldset { margin-bottom: 21px; } /*My Account Navigation Sidebar*/ .my-account-section .col2-left-layout .col-left { width: 23.42592593%; } .my-account-section .col2-left-layout .col-main { width: 74.44444444%; } .block-account { margin-top: 27px; background-color: #d4cbc1; padding: 9.09090909% 6% 9.09090909% 9.09090909%; } .block-account .block-title { text-transform: uppercase; font-size: 14px; margin-bottom: 20px; } .block-account .block-title strong { font-weight: normal; } .block-account .block-content li { line-height: 23px; } .block-account .block-content li a { color: #493627; } .block-account .block-content li a:after { content: '▶'; color: #BC5136; margin-left: 5px; font-size: 0.8em; } .block-account .block-content li a:hover { color: #BC5136; } .block-account .block-content li.current { font-weight: bold; text-transform: uppercase; } /*select*/ .block-account .block-content.mobile { display: none; } /*Dashboard*/ .dashboard { padding-top: 27px; } .dashboard .welcome-msg h2 { font-size: 24px; margin-bottom: 11px; } .my-account .table-caption { margin-bottom: 12px; text-transform: uppercase; font-size: 16px; } .my-account .data-table { margin-bottom: 40px; } .my-account .data-table td { text-transform: uppercase; } .my-account .data-table thead th { line-height: 1em; padding: 14px 1.96560197%; } .my-account address { line-height: 21px; } .my-account .info-box { /*margin-bottom: 21px; need to check where on PSD's it is 21px and let AV know*/ margin-bottom: 40px; } .my-account h2 { font-size: 16px; } .my-account .info-box a { line-height: 21px; } /*Account Information*/ .customer-account-edit .form-list .control { margin-top: 28px; } /*Address Book*/ .addresses-list .sub-title { margin-bottom: 27px; } .addresses-list .box-title { text-transform: uppercase; font-size: 16px; } .addresses-additional a { line-height: 21px; } .customer-address-form .form-list .fields:first-of-type .field:first-of-type { margin-top: 0; } .customer-address-form .fieldset:nth-child(2) .form-list li:first-child { margin-top: 8px; } .customer-address-form .buttons-set button { float: left; margin-right: 30px; margin-bottom: 20px; } .customer-address-form .buttons-set .back-link { display: block; float: left; line-height: 29px; } .customer-address-form .buttons-set .back-link small { display: none; } /*My Orders*/ .my-account-section .amount { float: left; display: none; } .my-account-section .amount strong { font-weight: normal; } .my-account-section .limiter { float: left; } .my-account-section .limiter label { text-transform: uppercase; line-height: 30px; vertical-align: top; } .my-account-section .limiter .customStyleSelectBox { width: 60px; } .my-account-section .pages { float: right; line-height: 30px; } .my-account-section .pages ol, .my-account-section .pages ol li, .my-account-section .pages strong { line-height: 30px !important; } .my-account-section #my-orders-table { margin-bottom: 20px; } .my-account-section .order-buttons { *zoom: 1; zoom: 1; } .my-account-section .order-buttons:before, .my-account-section .order-buttons:after { display: table; content: ""; line-height: 0; } .my-account-section .order-buttons:after { clear: both; } .sales-order-view .order-date { clear: both; margin: 40px 0; } .sales-order-view .my-account .info-box { margin-bottom: 40px; } .my-account .table-caption a, .my-account .sub-title a { font-size: 12px; } .my-account .order-items .buttons-set { padding: 0; } .my-account .order-items .grand_total td { padding: 16px 0 20px; } .my-account .order-items .grand_total strong { font-weight: normal; } .my-account .order-items .totals-box a.button { width: 100%; text-align: center; margin-top: 20px; } .sales-order-history .buttons-set .back-link { display: none; } .order-page .buttons { float: right; } .order-page .title-buttons { *zoom: 1; zoom: 1; } .order-page .title-buttons:before, .order-page .title-buttons:after { display: table; content: ""; line-height: 0; } .order-page .title-buttons:after { clear: both; } .order-page .title-buttons:before, .order-page .title-buttons:after { content: " "; display: table; } .order-page .title-buttons:after { clear: both; } /*Order view with tabs*/ .order-info ul { background-color: #d4cbc1; margin: 20px 0 40px; *zoom: 1; zoom: 1; } .order-info ul:before, .order-info ul:after { display: table; content: ""; line-height: 0; } .order-info ul:after { clear: both; } .order-info ul:before, .order-info ul:after { content: " "; display: table; } .order-info ul:after { clear: both; } .order-info ul li { float: left; line-height: 45px; padding: 0; cursor: pointer; position: relative; } .order-info ul li a { color: #493627; line-height: 15px; padding: 15px 25px 16px; } .order-info ul li a:hover { background-color: #493627; color: #fff; } .order-info ul li strong { font-weight: normal; color: #fff; text-transform: uppercase; background-color: #493627; padding: 15px 25px 16px; line-height: 15px; } .order-info ul li strong:before { content: " "; width: 0; height: 0; position: absolute; top: 45px; left: calc(45%); float: left; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #493627; } .order-info ul li a[href*="invoice"] { display: none; } .my-account-section #my-returns-table { margin-bottom: 20px; } .enterprise-rma-return-returns .my-account .buttons-set { padding-top: 0; } .data-table.tracking-table tbody tr td { padding: 0 10px 0 0; line-height: 20px; border: none; text-transform: capitalize; } .data-table.tracking-table tbody tr td span { color: #BC5136; } .sales-order-view .buttons-set .back-link { display: block; } /*My order detail - print*/ .page-print { margin: 0 auto; width: 960px; padding: 40px 0; } .page-print .print-head { margin-bottom: 40px; } .page-print h1 { margin-bottom: 20px; } .page-print .product-details { width: 400px; } .page-print .col2-set { margin-bottom: 20px; } .page-print .col2-set h2 { margin-bottom: 6px; } .page-print .data-table { margin: 20px 0; } .page-print table.subtotal { width: 328px; float: right; } .page-print .subtotal td, .page-print .subtotal th { text-align: left !important; font-size: 12px; line-height: 21px; text-transform: uppercase; } .page-print .subtotal td + td, .page-print .subtotal th + th, .page-print .subtotal th + td, .page-print .subtotal td + th { text-align: right !important; } .page-print .subtotal .grand_total td { padding-top: 16px; font-size: 19px; } .page-print address, .page-print table { margin-bottom: 20px; } /*Newsletter Subscriptions*/ .newsletter-manage-index .input-box { float: left; } .newsletter-manage-index .control { line-height: 23px; } /*My Credit Cards*/ .authorizenetcim-account-add .form-list .month-wrap, .authorizenetcim-account-add .form-list .year-wrap { float: left; } .authorizenetcim-account-add .form-list .month-wrap .select-wrap, .authorizenetcim-account-add .form-list .year-wrap .select-wrap, .authorizenetcim-account-add .form-list .month-wrap .customStyleSelectBox, .authorizenetcim-account-add .form-list .year-wrap .customStyleSelectBox { width: 100px; } .authorizenetcim-account-add .form-list .year-wrap { margin-left: 10px; } /*My Returns*/ .enterprise-rma-return-history .buttons-set { padding-top: 0; } .enterprise-rma-return-history .buttons-set .back-link small { display: none; } #rma_create_form > .order-page, #rma_create_form > .fieldset, #rma_create_form > .form-list { padding-bottom: 40px; border-bottom: 1px solid #d4cbc1; margin-bottom: 40px; } #rma_create_form ul li, #rma_create_form .field { *zoom: 1; zoom: 1; } #rma_create_form ul li:before, #rma_create_form .field:before, #rma_create_form ul li:after, #rma_create_form .field:after { display: table; content: ""; line-height: 0; } #rma_create_form ul li:after, #rma_create_form .field:after { clear: both; } #rma_create_form ul li:before, #rma_create_form .field:before, #rma_create_form ul li:after, #rma_create_form .field:after { content: " "; display: table; } #rma_create_form ul li:after, #rma_create_form .field:after { clear: both; } #registrant_options { margin-top: 9px; } #registrant_options .fields .field, #registrant_options .fields > li { margin-top: 0; margin-bottom: 20px; } .my-account .buttons-set#return-another-item { padding-top: 20px; } #rma_create_form label { float: left; width: 16.16915423%; text-transform: capitalize; font-size: 12px; margin-right: 4.97512438%; } #rma_create_form label:after { content: ": "; } #rma_create_form .order-page h5, #rma_create_form ul li .input-box { float: left; width: 26.11940299%; line-height: 21px; } #qty_requested_block_0 .input-text { background-color: #d4cbc1; width: 30px; border: none; } #rma_create_form ul li .input-box.comment { width: 78.85572139%; } #rma_create_form #rma_comment { width: 365px; max-width: 100%; height: 150px; } .my-account #rma_create_form .buttons-set.last { padding-top: 0; } .my-account #rma_create_form .buttons-set button { float: left; margin-right: 30px; margin-bottom: 20px; } .my-account #rma_create_form .buttons-set .back-link { float: left; line-height: 29px; } .enterprise-rma-return-view .box-title { font-size: 16px; text-transform: uppercase; } .enterprise-rma-return-view .box-title { margin-bottom: 10px; } #track-info-table td { border-bottom: 1px solid #d4cbc1; } .enterprise-rma-return-view #rma_comment_text { height: 100px; max-width: 100%; } .enterprise-rma-return-view .my-account .buttons-set { padding-top: 0; margin-bottom: 40px; } .my-account .data-table#my-returns-message-log { margin-bottom: 20px; } #my-returns-message-log td.last { text-transform: none; } .enterprise-rma-return-view .back-link a small, .enterprise-rma-return-view .shipping-address br:first-child { display: none; } .enterprise-rma-tracking-popup { padding: 20px; } .enterprise-rma-tracking-popup th { font-weight: normal; text-transform: uppercase; padding: 10px 1.96560197%; } .enterprise-rma-tracking-popup div > * { margin-bottom: 20px; } .enterprise-rma-return-view .buttons-set .back-link, .enterprise-rma-return-create .buttons-set .back-link { display: block; } /*Store Credit*/ .storecredit .account-balance { margin-bottom: 20px; } .giftcardaccount .buttons-set button { margin: 0 20px 20px 0; } /*Review Listing*/ #my-reviews-table a { display: block; } #my-reviews-table .rating-box { float: none; } .tax-exemption-wrapper .tax-exemption-data { font-size: 1.5em; } .tax-exemption-wrapper .tax-exemption-data .value { font-weight: bold; } .tax-exemption-wrapper .tax-exemption-cert h4 { font-size: 1.5em; } .tax-exemption-wrapper .tax-exemption-cert dl.tax-exemption-cert-list { margin: 10px 0 0; } .tax-exemption-wrapper .tax-exemption-cert dl.tax-exemption-cert-list dt { background: #fcfaf7; padding: 15px 15px 0; } .tax-exemption-wrapper .tax-exemption-cert dl.tax-exemption-cert-list dt h5 { font-size: 1.3em; } .tax-exemption-wrapper .tax-exemption-cert dl.tax-exemption-cert-list dd { border-bottom: #fbfbfb; background: #fcfaf7; padding: 5px 15px 15px; margin-bottom: 20px; } .tax-exemption-wrapper .tax-exemption-cert dl.tax-exemption-cert-list dd p { margin: 0; } .tax-exemption-wrapper .tax-exemption-cert dl.tax-exemption-cert-list dd .label { font-weight: bold; margin-right: 4px; } /* ============================================ CMS pages ============================================ */ .cms-page-view .content-pane { margin-bottom: 115px; } .cms-page-view h1, .cms-page-view h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; text-transform: capitalize; } .cms-page-view h1 { font-size: 30px; } .cms-page-view h2 { font-size: 28px; } .cms-page-view .products-grid.listrak-recommendations, .category-landing .products-grid.listrak-recommendations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 45px 0; } .cms-page-view .products-grid.listrak-recommendations[data-ltk-take="3"] .item, .category-landing .products-grid.listrak-recommendations[data-ltk-take="3"] .item { margin-left: 18.5483871%; } .cms-page-view .products-grid.listrak-recommendations[data-ltk-take="3"] .item:first-child, .category-landing .products-grid.listrak-recommendations[data-ltk-take="3"] .item:first-child { margin-left: 0; } .cms-page-view .products-grid.listrak-recommendations .item, .category-landing .products-grid.listrak-recommendations .item { width: 100%; } .cms-page-view .products-grid.listrak-recommendations .item .item-container, .category-landing .products-grid.listrak-recommendations .item .item-container { margin: 0 10px; border: 1px solid #f3f3f2; } .cms-page-view .products-grid.listrak-recommendations .item .price-box, .category-landing .products-grid.listrak-recommendations .item .price-box { color: #515151; text-align: left; } .cms-page-view .products-grid.listrak-recommendations .item .price-box .label, .category-landing .products-grid.listrak-recommendations .item .price-box .label { font: 19px 'Baskerville-Italic', georgia, times, serif; letter-spacing: .5px; text-transform: lowercase; display: block; } .cms-page-view .products-grid.listrak-recommendations .item .price-box .price, .category-landing .products-grid.listrak-recommendations .item .price-box .price { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 34px; font-weight: normal; height: 34px; letter-spacing: -1.13px; line-height: 34px; color: #515151; } .cms-page-view .products-grid.listrak-recommendations .item .price-box .price sub, .category-landing .products-grid.listrak-recommendations .item .price-box .price sub { font-size: 15px; letter-spacing: 0px; line-height: 15px; top: -0.8em; } .cms-page-view .products-grid.listrak-recommendations .item .bv-cleanslate.bv-cv2-cleanslate, .category-landing .products-grid.listrak-recommendations .item .bv-cleanslate.bv-cv2-cleanslate { display: none !important; } .cms-page-view .products-grid.listrak-recommendations .item .product-name, .category-landing .products-grid.listrak-recommendations .item .product-name { min-height: inherit !important; max-height: 4.8em; } .cms-page-view .products-grid.listrak-recommendations .item .product-details, .category-landing .products-grid.listrak-recommendations .item .product-details { min-height: 200px; position: relative; } .cms-page-view .products-grid.listrak-recommendations .item .product-details .price-box, .category-landing .products-grid.listrak-recommendations .item .product-details .price-box { position: absolute; bottom: 10px; padding: 20px 0 0 0; } .cms-page-view .products-grid .item, .category-landing .products-grid .item { border: 1px solid #f3f3f2; } .cms-page-view .products-grid .item .product-name, .category-landing .products-grid .item .product-name { color: #515151; font: 18px 'Effra W01 Light', arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: .5px; display: inline-block; word-wrap: break-word; overflow: hidden; line-height: 1.2em; text-align: left; } .cms-page-view .products-grid .item .product-details, .category-landing .products-grid .item .product-details { padding: 5px 15px; } .cms-page-view .products-grid .owl-item.active.last, .category-landing .products-grid .owl-item.active.last { margin-left: -1px; } .cms-page-view .widget-products, .category-landing .widget-products { position: relative; } .cms-page-view .widget-products .owl-carousel .owl-stage, .category-landing .widget-products .owl-carousel .owl-stage { padding-left: 0 !important; } .cms-page-view .widget-products .owl-controls .custom-nav, .category-landing .widget-products .owl-controls .custom-nav { position: absolute; top: 30%; left: 0; right: 0; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-prev, .cms-page-view .widget-products .owl-controls .custom-nav .owl-next, .category-landing .widget-products .owl-controls .custom-nav .owl-prev, .category-landing .widget-products .owl-controls .custom-nav .owl-next { position: absolute; background: none; border: none; z-index: 100; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-prev.disabled, .cms-page-view .widget-products .owl-controls .custom-nav .owl-next.disabled, .category-landing .widget-products .owl-controls .custom-nav .owl-prev.disabled, .category-landing .widget-products .owl-controls .custom-nav .owl-next.disabled { display: none; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-prev i, .cms-page-view .widget-products .owl-controls .custom-nav .owl-next i, .category-landing .widget-products .owl-controls .custom-nav .owl-prev i, .category-landing .widget-products .owl-controls .custom-nav .owl-next i { display: inline-block; background-repeat: no-repeat; width: 68px; height: 68px; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-prev, .category-landing .widget-products .owl-controls .custom-nav .owl-prev { left: -45px; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-prev i, .category-landing .widget-products .owl-controls .custom-nav .owl-prev i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -693px -72px; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-next, .category-landing .widget-products .owl-controls .custom-nav .owl-next { right: -45px; } .cms-page-view .widget-products .owl-controls .custom-nav .owl-next i, .category-landing .widget-products .owl-controls .custom-nav .owl-next i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -755px -72px; } .cms-page-view .products-grid .item .price-box, .category-landing .products-grid .item .price-box { font-family: 'Baskerville-Italic', georgia, times, serif; text-transform: lowercase; vertical-align: bottom; display: table-cell; height: 50px; font-size: 19px; } .cms-page-view .products-grid .item .price-box .label, .cms-page-view .products-grid .item .price-box .price-label, .category-landing .products-grid .item .price-box .label, .category-landing .products-grid .item .price-box .price-label { display: block; color: #515151; line-height: 23px; letter-spacing: 0.5px; } .cms-page-view .products-grid .item .price-box sub, .category-landing .products-grid .item .price-box sub { font-size: 16px; line-height: 16px; position: relative; top: -0.7em; letter-spacing: 0px; } .cms-page-view .products-grid .item .price-box .price, .category-landing .products-grid .item .price-box .price { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 34px; line-height: 34px; color: #515151; letter-spacing: -1.13px; } .cms-page-view .products-grid .item .price-box, .category-landing .products-grid .item .price-box { height: auto; } .cms-page-view .products-grid .item a.hover-trigger, .category-landing .products-grid .item a.hover-trigger { display: none; } .cms-page-view .products-grid .owl-carousel.listrak-recommendations, .category-landing .products-grid .owl-carousel.listrak-recommendations { padding: 0 10px; } .cms-page-view .customgrid, .category-landing .customgrid { max-width: 964px; margin: 0 auto; } .cms-page-view .customgrid ul.products-grid.listrak-recommendations, .category-landing .customgrid ul.products-grid.listrak-recommendations { display: block; } .cms-page-view .customgrid ul.products-grid.listrak-recommendations li.item, .category-landing .customgrid ul.products-grid.listrak-recommendations li.item { padding: 0; margin: 0 20px 20px 0; position: relative; border: 0 none; max-width: 226px; } @media screen and (min-width: 741px) and (max-width: 1025px) { .cms-page-view .customgrid ul.products-grid.listrak-recommendations li.item, .category-landing .customgrid ul.products-grid.listrak-recommendations li.item { max-width: calc(25% - 15px); clear: initial; } } @media screen and (max-width: 740px) { .cms-page-view .customgrid ul.products-grid.listrak-recommendations li.item, .category-landing .customgrid ul.products-grid.listrak-recommendations li.item { max-width: calc(50% - 10px); } } .cms-page-view .customgrid ul.products-grid.listrak-recommendations li.item a:not(.hover-trigger), .category-landing .customgrid ul.products-grid.listrak-recommendations li.item a:not(.hover-trigger) { display: block; } .cms-page-view .customgrid ul.products-grid.listrak-recommendations li.item a:not(.hover-trigger) img, .category-landing .customgrid ul.products-grid.listrak-recommendations li.item a:not(.hover-trigger) img { display: block; } .cms-page-view .customgrid ul.products-grid.listrak-recommendations li.item .product-details, .category-landing .customgrid ul.products-grid.listrak-recommendations li.item .product-details { display: none; } .cms-page-view .customgrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(4n), .category-landing .customgrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(4n) { margin-right: 0; } @media screen and (max-width: 740px) { .cms-page-view .customgrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(2n), .category-landing .customgrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(2n) { margin-right: 0; } } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 15px; background: #F7F5F8; display: none; min-height: initial; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .hover-item-name, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .hover-item-name { font-family: 'Montserrat-Light',arial,helvetica,sans-serif; color: #8C8A8C; font-size: 1.5em; line-height: 1.1em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details a.shop-now-btn, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details a.shop-now-btn { position: absolute; bottom: 60px; font-family: 'Montserrat-Regular',arial,helvetica,sans-serif; font-size: 1.5em; color: #39312C; border: 1px solid #39312C; padding: 2px 6px; letter-spacing: 2px; font-weight: bold; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt { position: absolute; bottom: 30px; font-family: 'Montserrat-Light',arial,helvetica,sans-serif; font-size: 1.3em; font-style: italic; color: #8C8A8C; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt .special-price, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt .special-price { color: #3F3631; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item:hover .product-details, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item:hover .product-details { z-index: 10; display: block; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item.hover .product-details, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item.hover .product-details { z-index: 10; display: block !important; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item.hover .hover-trigger, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item.hover .hover-trigger { box-shadow: none; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .hover-trigger, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .hover-trigger { display: none; position: absolute; bottom: 10px; right: 10px; background: #F7F5F8; padding: 5px; font-size: 2.3em; color: #39312C; width: 30px; height: 30px; text-align: center; font-family: 'Montserrat-Light',arial,helvetica,sans-serif; line-height: 0.6em; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4); } @media screen and (min-width: 741px) and (max-width: 850px) { .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .hover-item-name, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .hover-item-name { font-size: 1.3em; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details a.shop-now-btn, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details a.shop-now-btn { bottom: 40px; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt { bottom: 10px; } } @media screen and (max-width: 450px) { .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .hover-item-name, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .hover-item-name { font-size: 1.2em; line-height: 1.1em; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details a.shop-now-btn, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details a.shop-now-btn { font-size: 1em; font-weight: normal; padding: 2px 4px; letter-spacing: 1.4px; bottom: 50px; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .product-details .price-box-alt { font-size: 1em; bottom: 25px; } } @media screen and (max-width: 740px) { .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .hover-trigger, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item .hover-trigger { display: block; } .cms-page-view .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item:hover .product-details, .category-landing .customgrid.show-alt-text ul.products-grid.listrak-recommendations li.item:hover .product-details { display: none; } } .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:first-child, .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:first-child { max-width: 472px; } .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(3), .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(4n+5), .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(3), .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(4n+5) { margin-right: 0; } .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(4n), .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(4n) { margin-right: 20px; } @media screen and (min-width: 741px) and (max-width: 1025px) { .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:first-child, .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:first-child { max-width: calc(50% - 10px); } } @media screen and (max-width: 740px) { .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:first-child, .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:first-child { margin-right: 0; max-width: 100%; } .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(2n+1), .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(2n+1) { margin-right: 0; clear: initial; } .cms-page-view .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(2n), .category-landing .customgrid.multigrid.grid4 ul.products-grid.listrak-recommendations li.item:nth-child(2n) { margin-right: 20px; } } .cms-page-view .widget-products.inline ul.products-grid.listrak-recommendations, .category-landing .widget-products.inline ul.products-grid.listrak-recommendations { padding: 0 5px; } .cms-page-view .widget-products.inline ul.products-grid.listrak-recommendations .item, .category-landing .widget-products.inline ul.products-grid.listrak-recommendations .item { margin: 0 20px 0 0; border: 0 none; } .cms-page-view .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-prev, .category-landing .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-prev { left: -20px; } .cms-page-view .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-next, .category-landing .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-next { right: -20px; } .cms-page-view .widget-products.inline:not(.show-alt-text) .item .product-details, .category-landing .widget-products.inline:not(.show-alt-text) .item .product-details { display: none; } .cms-page-view .box-collateral .box-title h2, .category-landing .box-collateral .box-title h2 { position: relative; color: #515151; font: 36px/41px 'Baskerville-Italic', georgia, times, serif; letter-spacing: 2px; font-weight: 400; text-align: center; margin: 0 0 25px 0; padding: 0; text-transform: lowercase; } .cms-page-view .box-collateral .box-title h2:after, .category-landing .box-collateral .box-title h2:after { content: ""; display: block; position: absolute; bottom: -12px; left: 0; width: 70px; height: 1px; background-color: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .cms-page-view .page-title h1, .catalogrequest-form-index .page-title h1, .sales-guest-form .page-title h1 { padding-top: 0; } /*CMS Menu*/ .cms-mobile-menu { display: none; } .cms-menu .parent > a { display: none; } .cms-menu ul { background-color: #fcfaf7; border: 1px solid #e0dedf; margin-bottom: 30px; *zoom: 1; zoom: 1; } .cms-menu ul:before, .cms-menu ul:after { display: table; content: ""; line-height: 0; } .cms-menu ul:after { clear: both; } .cms-menu ul li { float: left; line-height: 45px; padding: 0; cursor: pointer; position: relative; } .cms-menu ul li a { color: #515151; line-height: 15px; padding: 15px 50px 16px; text-transform: uppercase; } .cms-menu ul li a:hover { background-color: #e0dedf; color: #515151; } .cms-menu ul li strong { font-weight: normal; color: #515151; text-transform: uppercase; background-color: #e0dedf; padding: 15px 50px 16px; line-height: 15px; -webkit-transition: all padding 0.2s linear ease-out; -moz-transition: all padding 0.2s linear ease-out; -o-transition: all padding 0.2s linear ease-out; transition: all padding 0.2s linear ease-out; -webkit-transition: padding 0.2s linear; -moz-transition: padding 0.2s linear; -o-transition: padding 0.2s linear; transition: padding 0.2s linear; } .cms-menu ul li strong:before { content: " "; width: 0; height: 0; position: absolute; top: 45px; left: 50%; margin-left: -5px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e0dedf; } /*Contact Us*/ #contactForm .buttons-set, #catalog-request .buttons-set, #oar_widget_orders_and_returns_form .buttons-set { padding-top: 20px; } .contacts-index-index .col-main a:hover, .contacts-index-index .col-main a:focus { font-weight: bold; letter-spacing: -0.3px; } .contacts-index-index .col-main .col-2, .trade-page-wr .col-2 { width: 40%; } .trade-page-wr p { font-size: 14px; } /*FAQ*/ .faq-menu { margin-bottom: 40px; } .faq-menu li { line-height: 24px; } .faq-menu li a, .cms-faq dl dt { color: #493627; text-transform: uppercase; font-size: 16px; line-height: 24px; } .faq-menu li a:hover { color: #BC5136; } .cms-faq dl dd { margin-bottom: 30px; } /*Careers*/ .std .data-table td { text-transform: uppercase; } .cms-careers .std { margin: 0 auto; } /*About us*/ .std .col3-set > div { float: left; width: 32%; margin-right: 2%; } .std .col3-set .last { margin-right: 0; } /*Media Center*/ .cms-media-center .col2-set .col-1 { width: 59.72222222%; } .cms-media-center .col2-set .col-2 { width: 33.7962963%; float: right; padding-right: 0; } .media-container { margin-bottom: 45px; *zoom: 1; zoom: 1; } .media-container:before, .media-container:after { display: table; content: ""; line-height: 0; } .media-container:after { clear: both; } .media-container:before, .media-container:after { content: " "; display: table; } .media-container:after { clear: both; } .media-container h2 { font-size: 24px; margin-bottom: 20px; } .media-container .date { margin-bottom: 5px; font-weight: bold; } .media-container h4 { margin-bottom: 15px; font-weight: bold; } .press-container { margin-bottom: 25px; *zoom: 1; zoom: 1; } .press-container:before, .press-container:after { display: table; content: ""; line-height: 0; } .press-container:after { clear: both; } .press-container:before, .press-container:after { content: " "; display: table; } .press-container:after { clear: both; } .press-container img { float: left; margin-right: 2.3255814%; } .press-release ul li { margin-bottom: 30px; } .std .social-icons ul { width: 100%; } .std .social-icons li { width: 50%; } .std .social-icons .icon { text-indent: 10px; text-transform: uppercase; color: #493627; line-height: 42px; padding-left: 42px; } .media-container.video { margin-bottom: 25px; } .media-container.video > div { width: 49%; margin-right: 2%; margin-bottom: 20px; } .media-container.video > .last { margin-right: 0%; } /*Our Heritage*/ .cms-our-heritage .col2-set .col-1 { width: 39.35185185%; } .cms-our-heritage .col2-set .col-2 { width: 59.25925926%; float: right; padding-right: 0; } .cms-our-heritage .std img { margin-bottom: 10px; } .yt-holder { position: relative; padding-bottom: 56.80751174%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 10px; } .yt-holder iframe, .yt-holder object, .yt-holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .facebook-holder .fb_iframe_widget, .facebook-holder .fb_iframe_widget span, .facebook-holder .fb_iframe_widget span iframe[style] { width: 100% !important; } /*404 and 503*/ .cms-no-route .std, .cms-service-unavailable .std { margin: 0 auto; } /*Generic Pager*/ .page-sitemap .pager, .my-account .pager { *zoom: 1; zoom: 1; text-transform: uppercase; margin-top: 21px; } .page-sitemap .pager:before, .my-account .pager:before, .page-sitemap .pager:after, .my-account .pager:after { display: table; content: ""; line-height: 0; } .page-sitemap .pager:after, .my-account .pager:after { clear: both; } .page-sitemap .pager:before, .my-account .pager:before, .page-sitemap .pager:after, .my-account .pager:after { content: " "; display: table; } .page-sitemap .pager:after, .my-account .pager:after { clear: both; } .page-sitemap .amount, .my-account .amount { float: left; } .page-sitemap .pages, .my-account .pages { float: right; margin-left: 0; } .page-sitemap .pages strong, .my-account .pages strong, .page-sitemap .pages ol, .my-account .pages ol, .page-sitemap .pages ol li, .my-account .pages ol li { float: left; line-height: 22px; margin-bottom: 0; } .page-sitemap .pages > strong, .my-account .pages > strong, .page-sitemap .amount > strong, .my-account .amount > strong { font-weight: normal; } .page-sitemap .pages ol li, .my-account .pages ol li { margin: 0 4px; } .page-sitemap .pages ol li.current, .my-account .pages ol li.current { font-weight: bolder; } .page-sitemap .pages .arrow-right, .my-account .pages .arrow-right, .page-sitemap .pages .arrow-left, .my-account .pages .arrow-left { position: relative; top: 3px; } #sitemap_top_links { text-transform: uppercase; font-size: 16px; } /* narvar-implementation-UI-for-product-page */ @media screen and (max-width: 600px) { #checkout-shipping-method-load ul li input[type="radio"] { vertical-align: top; } } @media screen and (max-width: 600px) { #checkout-shipping-method-load .estimated-delivery { float: none; padding: 0; } } #checkout-shipping-method-load .estimated-delivery span { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #BC5136; text-transform: capitalize; } .popup-ed { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; } .popup-ed .popup-inner { max-width: 380px; width: 380px; padding: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; text-align: center; } .popup-ed .popup-inner p.edd-title { line-height: 22px; font-size: 17px; text-transform: uppercase; margin-bottom: 15px; } .popup-ed .popup-inner .input-text { padding: 10px; text-align: center; font-size: 13px; border: solid 1px #000000; margin-bottom: 6px; } .popup-ed .popup-inner input[type=number]::-webkit-inner-spin-button, .popup-ed .popup-inner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .popup-ed .popup-inner button { text-align: center; font-size: 13px; margin-top: 10px; width: 100%; } .popup-ed .popup-inner a { color: #BC5136; text-transform: uppercase; font-size: 13px; margin-top: 15px; display: inline-block; } @media screen and (max-width: 480px) { .popup-ed .popup-inner { max-width: 95%; width: 95%; } } .trade-form-content { font-size: 15px; margin-bottom: 30px; } .trade-form-content img.trade-hero { margin-bottom: 15px; visibility: visible; display: inline; width: 506px; height: inherit; } @media screen and (min-device-width: 320px) and (max-device-width: 750px), (max-width: 750px) { .trade-form-content img.trade-hero { visibility: hidden; display: none; width: 0; height: 0; } } .trade-form-content p { font-size: 15px; } .trade-form-content p strong { font-weight: bold; } .trade-form-content > p { margin-bottom: 15px; } @media screen and (max-device-width: 768px) { .trade-form-content > p { margin-top: 15px; } } .trade-form-content .additional-details { font-size: 14px; } .trade-form-content .additional-details h4 { text-transform: uppercase; margin-bottom: 5px; font-size: 16px; } .trade-form-content .additional-details div ul { list-style-position: outside; list-style-type: disc; padding-left: 15px; } .trade-form-content .additional-details div ul li { margin-bottom: 5px; margin-left: 10px; } .trade-form-content .additional-details div:first-child { float: left; width: 60%; } @media screen and (max-device-width: 768px) { .trade-form-content .additional-details div:first-child { width: 100%; margin-bottom: 15px; } } .trade-form-content .additional-details div:last-child { float: right; width: 40%; } @media screen and (max-device-width: 768px) { .trade-form-content .additional-details div:last-child { width: 100%; } .trade-form-content .additional-details div:last-child p { margin-bottom: 0; } } .trade-index-index .col-right-content { float: right; width: 38%; } @media screen and (max-device-width: 768px) { .trade-index-index .col-right-content { width: 100%; } } .trade-index-index .col2-set { float: left; width: 60%; } @media screen and (max-device-width: 768px) { .trade-index-index .col2-set { width: 100%; } } .trade-index-index .col2-set .col-1, .trade-index-index .col2-set .col-2 { width: 50%; } @media screen and (max-device-width: 768px) { .trade-index-index .col2-set .col-1, .trade-index-index .col2-set .col-2 { width: 100%; } } .trade-page-wr .page-title h1 { padding: 20px 0 20px 0; } .customer-account-index .my-account .dashboard .col2-set .col-1, .customer-account-index .my-account .dashboard .col2-set .col-2 { float: left; border: 0 none; padding: 0; } .trade-page-wr .col-right-content { float: right; width: 38%; } @media screen and (max-device-width: 768px) { .trade-page-wr .col-right-content { width: 100%; } } .trade-page-wr .col2-set { float: left; width: 60%; } @media screen and (max-device-width: 768px) { .trade-page-wr .col2-set { width: 100%; } } .trade-page-wr .col2-set .col-1, .trade-page-wr .col2-set .col-2 { width: 50%; float: left; padding: 0; border: 0 none; } @media screen and (max-device-width: 768px) { .trade-page-wr .col2-set .col-1, .trade-page-wr .col2-set .col-2 { width: 100% !important; padding-right: 0 !important; } } @media screen and (max-device-width: 768px) { .trade-page-wr .col2-set .col-1 .form-list .input-box, .trade-page-wr .col2-set .col-2 .form-list .input-box { width: 100%; } } .trade-form-contact { margin-top: 30px; } .trade-form-contact h4 { text-transform: uppercase; margin-bottom: 5px; font-size: 16px; } .trade-form-contact ul { margin-bottom: 20px; font-size: 14px; line-height: 24px; } .trade-form-contact ul li p { font-size: 14px; } .trade-form-contact ul li a { font-size: 14px; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ @charset "UTF-8"; /* ============================================ Modal Minicart Styles ============================================ */ div.fancybox-wrap.cart-overlay { z-index: 9999; background: rgba(0, 0, 0, 0.7); } div.fancybox-wrap.cart-overlay .fancybox-close { top: 20px; right: 20px; background: #f0f0f0; border: 1px solid #b7bbbf; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; line-height: 31px; padding: 1px; } div.fancybox-wrap.cart-overlay .fancybox-close:hover { background: #f7f7f7; } div.fancybox-wrap.cart-overlay .fancybox-close:after { content: "X Close"; color: #515151; font-size: 9px; border: 1px solid #b7bbbf; line-height: 19px; } div.fancybox-wrap.cart-overlay .fancybox-skin { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; padding: 0 !important; } div.fancybox-wrap.cart-overlay .fancybox-skin .fancybox-inner { height: auto !important; } .modal-cart { width: 100%; } .modal-cart .modal-cart-header { background: #f0f0f0; margin-bottom: 30px; padding: 25px 20px; } .modal-cart .modal-cart-header .title { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 23px; color: #BC5136; line-height: 18px; } .modal-cart .modal-cart-header .vip-message { font-size: 12px; line-height: 15px; color: #474747; text-transform: uppercase; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; margin-top: 3px; } .modal-cart .group { margin-bottom: 20px; } .modal-cart .group:after { content: ""; display: table; clear: both; } .modal-cart .group .added-item { width: 60%; float: left; padding: 0 20px 40px; border-right: 1px solid #494949; } .modal-cart .group .added-item:after { content: ""; clear: both; } .modal-cart .group .added-item .product:after { content: ""; clear: both; } .modal-cart .group .added-item .product-image { width: 50%; float: left; margin-bottom: 20px; } .modal-cart .group .added-item .product-info { float: left; width: 50%; padding-left: 20px; text-transform: uppercase; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .modal-cart .group .added-item .product-info .product-name { font-size: 13px; color: #474747; line-height: 17px; margin-bottom: 15px; } .modal-cart .group .added-item .product-info .sku, .modal-cart .group .added-item .product-info .qty, .modal-cart .group .added-item .product-info .price, .modal-cart .group .added-item .product-info .subtotal { font-size: 13px; color: #474747; line-height: 17px; width: 100%; text-align: left; } .modal-cart .group .added-item .product-info-details { float: left; width: 100%; padding-left: 0; } .modal-cart .group .added-item .product-info-details .product-options { list-style: none; clear: both; padding-left: 15px; margin-bottom: 5px; } .modal-cart .group .added-item .product-info-details .product-options li { position: relative; font-size: 13px; color: #474747; line-height: 15px; padding: 0 0 0 10px; } .modal-cart .group .added-item .product-info-details .product-options li:before { content: "·"; font-size: 16px; line-height: 14px; position: absolute; left: 2px; } .modal-cart .group .added-item .product-info-details .notice { line-height: 14px; margin-bottom: 0; padding: 10px 0; color: #BC5136; } .modal-cart .group .cart-totals { width: 40%; float: right; padding: 0 20px 40px; position: relative; } .modal-cart .group .cart-totals::after { content: ""; clear: both; } .modal-cart .group .cart-totals .total-title { font-size: 12px; color: #474747; line-height: 15px; text-transform: uppercase; margin-bottom: 20px; } .modal-cart .group .cart-totals h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; text-transform: capitalize; font-size: 24px; margin-bottom: 5px; } .modal-cart .group .cart-totals table { width: 100%; display: table; margin: 0 auto; } .modal-cart .group .cart-totals table tbody, .modal-cart .group .cart-totals table tfoot { width: 100%; } .modal-cart .group .cart-totals table tbody td, .modal-cart .group .cart-totals table tfoot td { font-size: 12px; color: #474747; line-height: 15px; text-transform: uppercase; } .modal-cart .group .cart-totals table tbody tr:first-child td:first-child:after, .modal-cart .group .cart-totals table tfoot tr:first-child td:first-child:after { content: ":"; margin-right: 10px; } .modal-cart .group .cart-totals table tbody tr#estimated-shipping, .modal-cart .group .cart-totals table tfoot tr#estimated-shipping { display: table-row; } .modal-cart .group .cart-totals table tbody tr#estimated-shipping td:first-child:after, .modal-cart .group .cart-totals table tfoot tr#estimated-shipping td:first-child:after { content: ":"; margin-right: 10px; } .modal-cart .group .cart-totals table tbody tr:nth-child(2), .modal-cart .group .cart-totals table tbody tr:nth-child(3), .modal-cart .group .cart-totals table tfoot tr:nth-child(3) { display: none; } .modal-cart .group .cart-totals table tfoot td.shipping-cost { float: right; } .modal-cart .group .cart-totals table tfoot tr td { padding-top: 20px; } .modal-cart .group .cart-totals table .summary-collapse:after { content: ":"; margin-right: 10px; } .modal-cart .group .cart-totals table tr:last-child td:first-child:after { content: ":"; margin-right: 10px; } .modal-cart .group .cart-totals .a-right { text-align: left !important; } .modal-cart .group .cart-totals .button { width: 48%; display: block; margin: 0 auto; margin-top: 40px; font-size: 9px; float: left; } .modal-cart .group .cart-totals .button.btn-continue { color: #515151; background: #f0f0f0; } .modal-cart .group .cart-totals .button.btn-continue > span { padding: 0; } .modal-cart .group .cart-totals .button.btn-continue:hover { background: #f7f7f7; } .modal-cart .group .cart-totals .spacer { margin-right: 10px; } .modal-cart .group .cart-totals .bolt-checkout-button img { display: none !important; } .modal-cart .box-collateral.box-related { display: none; } .modal-cart .box-collateral.box-up-sell { clear: both; background: #f0f0f0; padding-top: 10px; } .modal-cart .box-collateral.box-up-sell h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 24px; color: #474747; line-height: 24px; margin-top: 10px; margin-bottom: 3px; text-align: center; text-transform: capitalize; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel { width: 90%; margin: 0 auto; padding-bottom: 15px; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel .owl-stage-outer { background: #fff; padding: 10px 0; margin: 0 auto; max-width: 582px; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel .owl-item { padding: 0 10px; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel li.item { width: 100%; margin: 0; padding: 0; float: none; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel li.item .ratings-container { display: none; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel li.item .product-name { text-align: left; text-transform: uppercase; font-size: 12px; line-height: 15px; min-height: auto !important; height: auto !important; margin-bottom: 0; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel li.item .price-box { margin: 10px 0 25px; text-align: left; text-transform: uppercase; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel li.item .price { font-size: 12px; color: #9E9E9E; line-height: 15px; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel li.item .price:before { content: "Starting at"; padding-right: 5px; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel .owl-nav i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprites/arrows.png"); background-position: 7px 3px; width: 13px; height: 25px; background-size: 46px 25px; margin-top: -30px; padding: 16px; } .modal-cart .box-collateral.box-up-sell .products-grid.owl-carousel .owl-nav .owl-next i { background-position: -21px 3px; } @media screen and (max-width: 840px) { .modal-cart .group .cart-totals .button { width: 100%; } .modal-cart .group .cart-totals .button.btn-continue { margin-top: 30px; } .modal-cart .group .cart-totals .btn-checkout { margin-top: 15px; } .modal-cart .group .cart-totals .spacer { margin-right: 0; } } @media screen and (max-width: 740px) { div.fancybox-wrap.cart-overlay { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; } div.fancybox-wrap.cart-overlay .fancybox-skin .fancybox-inner { width: 100% !important; } .modal-cart .modal-cart-header { padding-top: 60px; } .modal-cart .group { margin-bottom: 0; } .modal-cart .group .added-item { width: 100%; border: none; padding-bottom: 20px; } .modal-cart .group .cart-totals { width: 100%; border: none; padding-bottom: 30px; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Listrack Styles ============================================ */ div.listrak-recommendations { border-top: 1px solid #E6DDD7; max-width: 1440px; margin-top: 40px; } div.listrak-recommendations h1 { padding: 10px 0px 10px 0px; } div.listrak-recommendations .listrak-recommendation { display: inline-block; width: 15%; margin-right: 2%; vertical-align: top; height: 100%; min-width: 155px; margin-bottom: 20px; } div.listrak-recommendations .listrak-recommendation .listrak-image-container { min-height: 162px; vertical-align: middle; position: relative; margin-bottom: 10px; } div.listrak-recommendations .listrak-recommendation .listrak-image-container img { max-width: 162px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } div.listrak-recommendations .listrak-recommendation .title-container { min-height: 60px; text-align: center; } div.listrak-recommendations .listrak-recommendation .title-container a { color: #000000; font-size: 14px; text-transform: uppercase; } div.listrak-recommendations .listrak-recommendation .ratings-container p.no-rating a { display: none; } div.listrak-recommendations .listrak-recommendation .ratings-container .rating-box { float: none; } div.listrak-recommendations .listrak-recommendation .ratings-container .rating-box .rating { margin: auto; } div.listrak-recommendations .listrak-recommendation .ratings-container .amount { display: none; } div.listrak-recommendations .listrak-recommendation .ratings-container .bv-cv2-cleanslate .bv-core-container-98 .bv-inline-rating-container .bv-stars-container { text-align: center !important; } div.listrak-recommendations .listrak-recommendation .ratings-container .bv-cv2-cleanslate .bv-core-container-98 .bv-inline-rating-container .bv-stars-container dt, div.listrak-recommendations .listrak-recommendation .ratings-container .bv-cv2-cleanslate .bv-core-container-98 .bv-inline-rating-container .bv-stars-container dd { display: inline-block !important; } div.listrak-recommendations .listrak-recommendation .price-box { line-height: 22px; text-transform: uppercase; color: #8c8c8c; text-align: center; } div.listrak-recommendations .listrak-recommendation .shopNow-container { text-align: center; padding-top: 10px; } div.listrak-recommendations .listrak-recommendation .shopNow-container a { font-style: italic; text-decoration: underline; font-size: 14px; } div.listrak-recommendations .listrak-recommendation:last-child { margin-right: 0px; } div.listrak-recommendations .pr-snippet-read-write { display: none !important; } @media screen and (max-width: 740px) { div.listrak-recommendations h1 { border-bottom: 1px solid #E6DDD7; } div.listrak-recommendations .listrak-recommendation { padding-top: 10px; display: block; width: 100%; margin-right: 0; vertical-align: top; height: auto; clear: both; margin-bottom: 10px; border-top: 1px solid #E6DDD7; } div.listrak-recommendations .listrak-recommendation .listrak-image-container { min-height: 0px; vertical-align: top; position: relative; display: inline-block; min-width: 25%; float: left; max-width: 10%; } div.listrak-recommendations .listrak-recommendation .listrak-image-container img { max-width: 90%; position: relative; top: 0; left: 0; } div.listrak-recommendations .listrak-recommendation .title-container { min-height: 0px; text-align: left; display: inline-block; width: 75%; float: right; } div.listrak-recommendations .listrak-recommendation .ratings-container { display: inline-block; width: 75%; margin-top: 10px; } div.listrak-recommendations .listrak-recommendation .ratings-container .ratings .rating-box { float: none; } div.listrak-recommendations .listrak-recommendation .ratings-container .ratings .rating-box .rating { margin: 15px 0; } div.listrak-recommendations .listrak-recommendation .ratings-container .bv-cv2-cleanslate .bv-core-container-98 .bv-inline-rating-container .bv-stars-container { text-align: left !important; } div.listrak-recommendations .listrak-recommendation .price-box { text-align: left; margin-bottom: 10px; } div.listrak-recommendations .listrak-recommendation .shopNow-container { text-align: left; padding-top: 0px; display: inline-block; width: 75%; float: right; } div.listrak-recommendations .listrak-recommendation .shopNow-container a { font-style: italic; text-decoration: underline; font-size: 14px; padding-bottom: 10px; } div.listrak-recommendations .listrak-recommendation .clear-div { clear: both; } div.listrak-recommendations .listrak-recommendation:nth-child(2) { border-top: none; } .content-pane { position: relative; } .col2-left-layout .col-left.mobileNav { width: 100%; position: absolute; background: #fff; } } div[id^="ltkProductAlerts"] { margin-bottom: 20px; } div[id^="ltkProductAlerts"] .product-alert-message, div[id^="ltkProductAlerts"] .product-alert-message label { margin: 10px 0 0; font-size: 15px; color: #BC5136; text-transform: none; font-family: inherit; letter-spacing: inherit; } div[id^="ltkProductAlerts"] .notify-me { font-weight: 900; font-size: 105%; letter-spacing: .5px; line-height: 40px; } div[id^="ltkProductAlerts"] input[id^="txtEmailAddress"] { width: 50%; height: 39px; border: .5px solid #493627; padding-left: 10px; float: left; } div[id^="ltkProductAlerts"] button { width: 28%; height: 39px; margin-left: 5px; padding: 0; } div[id^="ltkProductAlerts"] p { line-height: 0; margin: 10px 0 15px 0; font-size: 15px; } div[id^="ltkProductAlerts"] .validation-advice { padding-bottom: 10px; float: left; } .ltkProductSuccess { display: none; background: #d4cbc1; color: #493627; width: 100%; height: 60px; text-align: center; line-height: 60px; margin: auto; margin-top: 20px; } @media screen and (max-width: 741px) and (max-width: 910px) { .ltkProductSuccess { font-size: 11px; } } @media screen and (max-width: 480px) { div[id^="ltkProductAlerts"] input[id^="txtEmailAddress"] { width: 70%; } } @media screen and (max-width: 370px) { .ltkProductSuccess { font-size: 13.5px; line-height: 1; padding-top: 5%; } } .add-to-cart.grey-out { display: none; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Cart ============================================ */ .checkout-cart-index.two-col-cart::-webkit-input-placeholder { color: #000; } .checkout-cart-index.two-col-cart:-moz-placeholder { color: #000; } .checkout-cart-index.two-col-cart::-moz-placeholder { color: #000; } .checkout-cart-index.two-col-cart:-ms-input-placeholder { color: #000; } .checkout-cart-index.two-col-cart .cart-collaterals { display: none; } .checkout-cart-index.two-col-cart #estimate-cell { display: table-cell; } .checkout-cart-index.two-col-cart button.large.btn-proceed-checkout.btn-checkout { width: 100%; max-width: 220px; letter-spacing: 1.5px; } .checkout-cart-index.two-col-cart .payment-privacy-policy-copy { margin-top: 20px; } .checkout-cart-index.two-col-cart .payment-privacy-policy-copy p { margin: 0; font-size: 1.2em; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner .select-wrap { width: 100%; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner .select-wrap .customStyleSelectBox { padding-left: 10px; font-size: 12px; color: #000; width: 100%; text-transform: capitalize !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner ul li { margin-top: 6px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner label { position: absolute; left: 10px; margin-bottom: 0; line-height: 30px; font-size: 12px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: none; z-index: 99; position: static; line-height: 18px; text-transform: uppercase; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner label[for*="totals-postcode"] { display: none !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #totals-postcode::-webkit-input-placeholder { color: #000; opacity: 1; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #totals-postcode::-moz-placeholder { color: #000; opacity: 1; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #totals-postcode:-ms-input-placeholder { color: #000; opacity: 1; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #shipping-zip-form .customStyleSelectBox { text-transform: capitalize !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #shipping-zip-form > fieldset > ul > li:nth-child(3) > label { display: none !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #shipping-zip-form > fieldset ul li div span { width: 100%; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .buttons-set { padding-top: 10px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table #co-shipping-method-form dd > ul li { line-height: 16px; padding-top: 8px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table > tfoot tr { border-bottom: none !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table > tfoot tr td { padding: 8x 0; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table > tfoot tr > td > strong { font-size: 18px !important; } .checkout-cart-index.two-col-cart .checkout-types { float: none !important; } .checkout-cart-index.two-col-cart .checkout-types li { text-align: center; } .checkout-cart-index.two-col-cart .checkout-types li button { margin-top: 15px; } .checkout-cart-index.two-col-cart .accordion .trigger:before { width: 5px; height: 5px; border-left: none; border-right: none; border-top: none; } .checkout-cart-index.two-col-cart .bolt-checkout-button div img { display: none !important; } .checkout-cart-index.two-col-cart .bolt-checkout-button div[data-tid="bolt-checkout-button"] img { display: inline !important; } .checkout-cart-index.two-col-cart .checkout-cc-images { margin-top: 5px; } @media screen and (max-width: 740px) { .checkout-cart-index.two-col-cart #estimate-cell { display: none; } } @media screen and (min-width: 741px) { .checkout-cart-index.two-col-cart .cart-form { width: 70%; float: left; } .checkout-cart-index.two-col-cart #shopping-cart-table > thead { background-color: #eeeeee; } .checkout-cart-index.two-col-cart .cart-collaterals { display: none; } .checkout-cart-index.two-col-cart .totals { position: relative; float: right; width: 28.09% !important; border: 2px #D3CBC0 solid; background-color: #FFF !important; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; background-color: #FFF; } .checkout-cart-index.two-col-cart .totals h2 { display: block; } .checkout-cart-index.two-col-cart .totals > h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 26px; line-height: 24px; margin-bottom: 18px; text-transform: capitalize; letter-spacing: 0.5px; } .checkout-cart-index.two-col-cart .totals td, .checkout-cart-index.two-col-cart .totals th { font-size: 14px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table { width: 100% !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr { border-bottom: 2px #D3CBC0 solid; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr td { margin-top: 8px; padding: 9px 0px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr td#shipping-cell { width: 100% !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr:nth-child > td:nth-child(1) { float: left; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr:nth-child > td:nth-child(2) { float: right; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping { float: none; width: 100%; margin-left: 0; margin-top: 0; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping h2.customStyleSelectBox { padding: 0; background-color: #FFF; width: 100%; line-height: 13px; height: 17px; font-size: 11px; color: #BC5136; margin-bottom: 0; margin-top: 3px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .trigger.customStyleSelectBox:before, .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .trigger.swatch-select:before { position: absolute; content: '+'; width: 0; height: 0; top: 0; right: 23px; font-size: 20px; color: #000; margin-top: 0 !important; border: none !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .customStyleSelectBox .open:before, .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .swatch-select .open:before { position: absolute; content: '-'; width: 0; height: 0; top: 0 !important; right: 23px !important; font-size: 20px; color: #000; margin-top: 0 !important; border: none !important; } } @media screen and (min-width: 741px) and (max-width: 740px) { .checkout-cart-index.two-col-cart .totals h2 { display: none; } } @media screen and (min-width: 1024px) { .checkout-onepage-index #billing-new-address-form .fieldset .fields .field:first-child, .checkout-onepage-index #shipping-new-address-form .fieldset .fields .field:first-child { margin-right: 100px; } .checkout-onepage-index .form-list .input-box, .checkout-onepage-index .customStyleSelectBox, .checkout-onepage-index .swatch-select { width: 300px; } .checkout-onepage-index .form-list .control .input-box { width: 16px; } } @media screen and (min-width: 741px) and (max-width: 1023px) { .checkout-onepage-index #billing-new-address-form .fieldset .fields .field:first-child, .checkout-onepage-index #shipping-new-address-form .fieldset .fields .field:first-child { margin-right: 20px; } } @media screen and (max-width: 740px) { .checkout-onepage-index #billing-new-address-form .fieldset .fields, .checkout-onepage-index #shipping-new-address-form .fieldset .fields { display: block; } } /** END 2 column cart page styles **/ /* ============================================ Checkout ============================================ */ .opc { float: left; width: 68.14814815%; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } .opc .out-of-stock { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 23px; margin-top: 35px; } .opc .out-of-stock-name { font-size: 14px; line-height: 21px; margin-bottom: 4px; text-transform: uppercase; } .opc label[for="hold_order_yes"], .opc label[for="hold_order_no"] { font-size: 13px; line-height: 16px; text-transform: uppercase; max-width: 90%; display: inline-block; padding-left: 4px; } .opc label[for="hold_order_yes"] { margin-bottom: 16px; } .opc .hold-order-group { margin-bottom: 4px; } .opc .out-of-stock-list { list-style-type: disc; margin-left: 30px; text-transform: uppercase; } .opc .out-of-stock-message { margin: 0px 0px 10px 0px; font-size: 14px; line-height: 21px; } .opc .ship-message-extra { color: #FF0000; font-size: 12px; margin-left: 15px; } .opc h4 { font-size: 14px; line-height: 21px; text-transform: uppercase; } .opc p { line-height: 18px; margin-bottom: 16px; } .opc .form-list .form-alt label { font-size: 12px; line-height: 18px; margin-bottom: 18px; text-transform: none; } .opc .form-list .control { padding-top: 20px; } .opc .form-list .control.same-as-billing { padding-top: 0; } .opc .buttons-set { padding-top: 30px; } .opc .back-link { display: none; } .opc .please-wait { line-height: 29px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-left: 20px; } .opc .please-wait img { padding-right: 4px; } .opc #authorizenetcim_save_card_wrapper { padding-top: 10px; } .opc .section.first { border-top: 1px solid #d4cbc1; } .opc .section.active { border-bottom: 1px solid #d4cbc1; padding-bottom: 30px; } .opc .section.active .step-title { cursor: default; } .opc .section.active .step-title h2 { border-bottom: none; } .opc .section.active .step-title h2:after { content: '-'; } .opc .section.allow .step-title { cursor: pointer; } .opc .section.allow .step-title h2 { color: #493627; } .opc .section .buttons-set .button { display: inline-block !important; } .opc .section .step-title h2 { line-height: 59px; border-bottom: 1px solid #d4cbc1; position: relative; color: #d4cbc1; } .opc .section .step-title h2:after { position: absolute; content: '+'; font-size: 24px; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; color: #515151; width: 5px; height: 5px; right: 5px; } /* ============================================ Order Summary Block ============================================ */ .cart-subtotals-block { float: right; width: 25.55555556%; margin-top: 33px; border: 1px solid #d4cbc1; border-bottom: none; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #474747; text-transform: uppercase; font-size: 14px; padding-left: 18px; padding-right: 18px; } .cart-subtotals-block .totals-title { padding: 20px 0 10px 0; font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 25px; line-height: 24px; text-transform: capitalize; margin-left: -3px; } .cart-subtotals-block .items-qty a { padding-left: 8px; } .cart-subtotals-block .items-total, .cart-subtotals-block .final-total { padding: 15px 0 10px 0; } .cart-subtotals-block .items-total span, .cart-subtotals-block .final-total span, .cart-subtotals-block .items-total span.total, .cart-subtotals-block .final-total span.total { font-size: 18px; } .cart-subtotals-block dd { line-height: 27px; display: inline-block; } .cart-subtotals-block dd.items-subtotal, .cart-subtotals-block dd.ship-total, .cart-subtotals-block dd.tax-total, .cart-subtotals-block dd.final-total { float: right; } .cart-subtotals-block .divide { padding-top: 10px; border-bottom: 1px solid #d4cbc1; margin: 0 auto; } .opc-progress-container { float: right; width: 25.55555556%; margin-top: 0; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; border: 1px solid #d4cbc1; border-top: none; } .opc-progress-container .opc-block-progress { padding: 20px 18px; background-color: #f7f7f7; } .opc-progress-container .block-title { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 25px; line-height: 24px; text-transform: capitalize; margin-bottom: 15px; margin-left: -3px; } .opc-progress-container dt { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin-top: 7px; font-size: 9px; letter-spacing: 1.2px; } .opc-progress-container dt a { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: none; font-size: 11px; letter-spacing: 0.5px; } .opc-progress-container dd.complete { padding: 4px 0 15px; } .opc-progress-container .payment-methods-img { padding: 10px 0; text-align: center; } #loginMessage { padding-left: 3.42105263%; padding-bottom: 10px; border-bottom: 1px solid #D4CBC1; } #loginMessage p { font-size: 14px; line-height: 1.9; margin-bottom: 0; } @media screen and (min-width: 740px) { #loginMessage { padding-left: 0; } } /*Checkout Method*/ #checkout-step-login .buttons-set { padding-top: 10px; } #checkout-step-login .buttons-set a { display: block; margin-top: 26px; } /*Billing & Shipping Information*/ #billing-new-address-form .fieldset .fields, #shipping-new-address-form .fieldset .fields { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; } #billing-new-address-form .fieldset .fields .field.name-middlename, #shipping-new-address-form .fieldset .fields .field.name-middlename { display: none; } #billing-new-address-form .fieldset .fields .field.no-label, #shipping-new-address-form .fieldset .fields .field.no-label { margin-top: 33px; } #billing-new-address-form .fieldset .fields .field .newsletter, #shipping-new-address-form .fieldset .fields .field .newsletter { margin-top: 10px; } #billing-new-address-form { margin-top: 18px; } #billing-new-address-form + .control, #billing-new-address-form + .control + .control { float: left; } #billing-new-address-form + .control + .control { padding-left: 18px; } /*Shipping Method*/ #checkout-step-shipping_method .sp-methods { margin-top: -16px; } #checkout-step-shipping_method .sp-methods dt { display: none; } #checkout-step-shipping_method .sp-methods .style-radio { vertical-align: top; } #checkout-step-shipping_method .sp-methods ul li span, #checkout-step-shipping_method .sp-methods ul li label { text-transform: capitalize; } /*Payment Method*/ #checkout-step-payment .sp-methods dt { margin-top: 20px; } #checkout-step-payment .sp-methods dt:first-child { margin-top: 0; } #checkout-step-payment .sp-methods dt label[for="p_method_paypal_express"] a { text-transform: none; } #checkout-step-payment .sp-methods dd { padding-left: 20px; } #checkout-step-payment .sp-methods .month-wrap, #checkout-step-payment .sp-methods .year-wrap { float: left; } #checkout-step-payment .sp-methods .month-wrap .select-wrap, #checkout-step-payment .sp-methods .year-wrap .select-wrap, #checkout-step-payment .sp-methods .month-wrap .customStyleSelectBox, #checkout-step-payment .sp-methods .year-wrap .customStyleSelectBox { width: 100px; } #checkout-step-payment .sp-methods .year-wrap { margin-left: 10px; } #checkout-step-payment .sp-methods .cvv-what-is-this { font-size: 12px; line-height: 21px; } #payment-tool-tip { margin-top: 20px; } .checkout-onepage-payment-additional-giftcardaccount { margin-top: 40px; } /*Order Review*/ #opc-review { border-bottom: none; } #review-please-wait { display: none !important; } .order-review { *zoom: 1; zoom: 1; } .order-review:before, .order-review:after { display: table; content: ""; line-height: 0; } .order-review:after { clear: both; } .order-review:before, .order-review:after { content: " "; display: table; } .order-review:after { clear: both; } .order-review .data-table { border-bottom: 1px solid #6e6256; margin-bottom: 30px; } .order-review .data-table thead th { padding: 0 16px; } .order-review .data-table tbody tr td { color: #8c8c8c; padding: 16px; } .order-review .data-table tbody tr td .special-price { color: #BC5136; } .order-review .data-table tbody tr td .old-price { text-decoration: line-through; } .order-review .data-table tbody tr td:first-child { padding-left: 0; color: #493627; width: 62.41519674%; } .order-review .data-table .product-image { width: 22.32142857%; } .order-review .data-table .product-details { margin-left: 3.57142857%; width: 74%; } .order-review .data-table .product-name { font-size: 12px; line-height: 24px; } .order-review .totals-box { float: right; background-color: #f0f0f0; width: 305px; padding: 20px 20px 30px; } .order-review .totals-box .buttons-set { padding-top: 0; } .order-review .totals-box .buttons-set p { margin: 21px 0; } .order-review .data-table span.product-name { line-height: 14px; } .order-review .prop65-warning table tbody tr td:before { display: none; } .order-review .prop65-warning table tbody tr td:first-child { border-bottom: 0; width: 50px; min-width: 50px; padding-right: 0; } .order-review .prop65-warning table tbody tr td:last-child { border-bottom: 0; vertical-align: middle; color: #000; font-size: 10px; line-height: 14px; padding-left: 7px; padding-top: 6px; } .order-review .prop65-warning table tbody tr td:last-child strong { font-weight: bold; } .order-review .prop65-warning table tbody tr td:last-child strong:first-child { text-transform: uppercase; } /*Totals Table*/ .totals, .totals table { width: 100%; } .totals td, .totals th { text-align: left !important; font-size: 12px; line-height: 21px; text-transform: uppercase; } .totals td + td, .totals th + th, .totals th + td, .totals td + th { text-align: right !important; } .totals .last td, .totals table tfoot td { padding-top: 16px; font-size: 19px; } .order-review .btn-checkout { width: 100%; } /* ============================================ Order Receipt ============================================ */ .checkout-onepage-success h1 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; text-transform: capitalize; font-size: 28px; letter-spacing: 0.5px; } .checkout-onepage-success .sub-title { margin-bottom: 21px; } .checkout-onepage-success p { font-size: 14px; } .checkout-onepage-success p a { color: #474747; } .checkout-onepage-success .listrak-recommendations h1 { padding: 30px 0; } .checkout-onepage-success .listrak-recommendations .listrak-recs-list .listrak-recommendation .title-container { text-align: left; } .checkout-onepage-success .listrak-recommendations .listrak-recs-list .listrak-recommendation .title-container a { color: #515151; font-size: 11px; max-height: 4em; display: inline-block; overflow: hidden; } .checkout-onepage-success .listrak-recommendations .listrak-recs-list .listrak-recommendation .price-box { text-align: left; font-size: 11px; } .checkout-onepage-success .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container { font-size: 10px; text-transform: uppercase; text-decoration: none; margin-top: 10px; } .checkout-onepage-success .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container a { color: #515151; } .checkout-onepage-success .listrak-recommendations .listrak-recs-list .listrak-recommendation .actions-container .separator { margin: 0 5px; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ .form-modal-overlay { background: rgba(0, 0, 0, 0.5); top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 10000; } .form-modal-wrapper { width: 520px; z-index: 10010; position: fixed; margin-left: -260px; left: 50%; top: 0; } .form-modal-wrapper .form-modal-body { background: #fff; text-align: center; padding: 30px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); margin-top: 15%; } .form-modal-wrapper .form-modal-body .icon-check { width: 120px; height: 120px; border: 5px solid #BC5136; padding: 30px; border-radius: 50%; display: inline-block; margin-bottom: 60px; } .form-modal-wrapper .form-modal-body .icon-check > span { content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/checkmark.svg"); width: 100%; height: 100%; } .form-modal-wrapper .form-modal-body .form-modal-messsage { font-size: 13px; text-transform: uppercase; } .form-modal-wrapper .form-modal-body .form-modal-body-buttons { margin-top: 50px; } .form-modal-wrapper .form-modal-body .form-modal-body-buttons .form-modal-body-button { width: 100px; } @media only screen and (max-width: 740px) { .form-modal-wrapper { width: 90%; margin-left: -45%; } .form-modal-wrapper .form-modal-body { padding: 30px 20px 20px; } .form-modal-wrapper .form-modal-body .form-modal-messsage { font-size: 14px; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ html.bolt_modal_active body > * { filter: blur(2px); animation: blur 2s ease 0s infinite; -webkit-animation: blur 2s ease 0s infinite; -moz-animation: blur 2s ease 0s infinite; } html.bolt_modal_active body #bolt-modal-background, html.bolt_modal_active body .fancybox-overlay, html.bolt_modal_active body #fancybox-loading { filter: blur(0); } html.bolt_modal_active body .header-container.header--fixed { top: -140px !important; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Homepage ============================================ */ /* Hero Block */ #mobile-wrap { height: 100vh; } .hp-hero { position: relative; } .hp-hero:after { content: ''; display: block; clear: both; } .hp-hero .image-container { width: 100%; background-size: cover; background-position: right 50% bottom 66%; background-repeat: no-repeat; } .hp-hero .slab { position: relative; right: 50%; float: right; max-width: 90%; } .hp-hero .slab .slab-content { position: relative; right: -50%; text-align: center; border: 1px solid #d5d5d5; background: #fcfaf7; outline: 1px solid #fcfaf7; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .hp-hero .slab .slab-content a { display: inline-block; padding: 22px 43px 24px; } .hp-hero .slab .slab-content .slab-title { color: #515151; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 36px; font-weight: normal; line-height: 41px; text-transform: uppercase; letter-spacing: 2px; position: relative; margin-bottom: 22px; } .hp-hero .slab .slab-content .slab-title:after { content: ""; display: block; position: absolute; bottom: -15px; left: 0; width: 70px; height: 1px; background-color: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .hp-hero .slab .slab-content .slab-text { color: #515151; font-family: 'Baskerville-Italic', georgia, times, serif; font-size: 30px; font-weight: normal; line-height: 37px; text-align: center; letter-spacing: 1.3px; } .hp-categories-block { margin-bottom: 30px; } .hp-categories-block li { width: 49%; } .hp-categories-block li:first-child { margin-left: 0; float: left; } .hp-categories-block li:last-child { float: right; margin-left: 2%; } .hp-categories-block li .hp-image img { max-width: 93%; width: 515px; } .hp-categories-block li .slab { float: right; max-width: 48%; } .hp-categories-block li .slab .slab-content { position: relative; margin-top: -45%; z-index: 1; padding: 20px 20px 24px 20px; background: #fcfaf7; } .hp-categories-block li .slab .slab-content .slab-title { color: #515151; font-family: 'Baskerville-Italic', georgia, times, serif; text-transform: lowercase; font-size: 30px; line-height: 37px; letter-spacing: 1.3px; } .hp-categories-block li .slab .slab-content .slab-text { color: #6d7783; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 28px; line-height: 34px; text-transform: uppercase; letter-spacing: 1.4px; } .hp-categories-block li .slab .slab-content .slab-link { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; font-size: 10px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; margin-top: 14px; padding: 0 0 0 5px; } .hp-categories-block li .slab .slab-content .slab-link a, .hp-categories-block li .slab .slab-content .slab-link span { color: #515151; } .hp-categories-block li .slab .slab-content .slab-link a:after, .hp-categories-block li .slab .slab-content .slab-link span:after { display: inline-block; width: 10px; height: 10px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg"); margin-left: 2px; } .hp-categories-block:after { content: ''; display: block; clear: both; } .hp-recent, .hp-shop-trending { padding: 50px 0 60px 0; } .hp-recent .widget-title, .hp-shop-trending .widget-title { position: relative; color: #515151; font-family: 'Baskerville-Italic', georgia, times, serif; font-size: 36px; font-weight: normal; line-height: 41px; text-align: center; margin-bottom: 40px; text-transform: lowercase; letter-spacing: 2px; } .hp-recent .widget-title:after, .hp-shop-trending .widget-title:after { content: ""; display: block; position: absolute; bottom: -15px; left: 0; width: 70px; height: 1px; background-color: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .sc-16vgk2j-0.b3ohii-1.dYRScu, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .sc-16vgk2j-0.b3ohii-1.dYRScu { display: none; } .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel button, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel button { outline: none; } .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1ibpcy4-2.fNNRRO, .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1g67c13-2.eTFnfg, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1ibpcy4-2.fNNRRO, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1g67c13-2.eTFnfg { position: absolute; top: 50%; margin-top: -21px; padding: 0; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png); background-position: -755px -72px; background-repeat: no-repeat; text-indent: -999em; border: 0; width: 68px; height: 68px; left: -45px; } .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1ibpcy4-2.fNNRRO svg, .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1g67c13-2.eTFnfg svg, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1ibpcy4-2.fNNRRO svg, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1g67c13-2.eTFnfg svg { display: none; } .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1g67c13-2.eTFnfg, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .sc-1g67c13-2.eTFnfg { background-position: -693px -72px; left: -20px; } .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .qxyt6u-0.sc-1ibpcy4-1.cFcVKI:active, .hp-recent .hp-shop-trending-gallery #crl8-homepage-carousel .qxyt6u-0.sc-1g67c13-1.iUZXVz:active, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .qxyt6u-0.sc-1ibpcy4-1.cFcVKI:active, .hp-shop-trending .hp-shop-trending-gallery #crl8-homepage-carousel .qxyt6u-0.sc-1g67c13-1.iUZXVz:active { outline: none; } .hp-recent .hp-shop-trending-gallery .view-gallery, .hp-shop-trending .hp-shop-trending-gallery .view-gallery { text-align: center; margin-bottom: 60px; } .hp-recent .hp-shop-trending-gallery .view-gallery .button span, .hp-shop-trending .hp-shop-trending-gallery .view-gallery .button span { font-size: 14px; letter-spacing: 3.5px; text-transform: uppercase; color: #515151; } .hp-recent.rfk-home-footer-product-widget, .hp-recent.rfk-plp-footer-product-widget { background: none; } .hp-shop-trending { padding-bottom: 5px; } .hp-recent { background-color: #fcfaf7; } .hp-recent .products-grid { z-index: 1; padding: 0 4%; } .hp-recent .products-grid .item { width: 100%; float: none; margin: 0; } .hp-recent .products-grid .item .item-wrap { margin: 0 10px 0 0; background: #fff; border: 1px solid #f3f3f2; } .hp-recent .products-grid .item .product-image img { width: 100%; } .hp-recent .products-grid .item .product-details { padding: 0 20px 15px; text-align: left; } .hp-recent .products-grid .item .product-name { min-height: 90px; } .hp-recent .products-grid .item .product-name a { color: #515151; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 18px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; word-wrap: break-word; overflow: hidden; max-height: 4.8em; line-height: 1.2em; } .hp-recent .products-grid .item .price-box { font-family: 'Baskerville-Italic', georgia, times, serif; text-transform: lowercase; vertical-align: bottom; display: table-cell; height: 50px; font-size: 19px; } .hp-recent .products-grid .item .price-box .label, .hp-recent .products-grid .item .price-box .price-label { display: block; color: #515151; line-height: 23px; letter-spacing: 0.5px; } .hp-recent .products-grid .item .price-box sub { font-size: 16px; line-height: 16px; position: relative; top: -0.7em; letter-spacing: 0px; } .hp-recent .products-grid .item .price-box .price { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 34px; line-height: 34px; color: #515151; letter-spacing: -1.13px; } .hp-recent .widget-products { position: relative; } .hp-recent .widget-products .owl-carousel .owl-stage { padding-left: 0 !important; } .hp-recent .widget-products .owl-controls .custom-nav { position: absolute; top: 30%; left: 0; right: 0; } .hp-recent .widget-products .owl-controls .custom-nav .owl-prev, .hp-recent .widget-products .owl-controls .custom-nav .owl-next { position: absolute; background: none; border: none; z-index: 100; } .hp-recent .widget-products .owl-controls .custom-nav .owl-prev.disabled, .hp-recent .widget-products .owl-controls .custom-nav .owl-next.disabled { display: none; } .hp-recent .widget-products .owl-controls .custom-nav .owl-prev i, .hp-recent .widget-products .owl-controls .custom-nav .owl-next i { display: inline-block; background-repeat: no-repeat; width: 68px; height: 68px; } .hp-recent .widget-products .owl-controls .custom-nav .owl-prev { left: -45px; } .hp-recent .widget-products .owl-controls .custom-nav .owl-prev i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -693px -72px; } .hp-recent .widget-products .owl-controls .custom-nav .owl-next { right: -45px; } .hp-recent .widget-products .owl-controls .custom-nav .owl-next i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -755px -72px; } .hp-guide .hp-guide-block { position: relative; margin: 60px 0 140px; } .hp-guide .hp-guide-block .slab { background: #fcfaf7; width: 40%; position: absolute; top: 13%; right: 0; height: 74%; } .hp-guide .hp-guide-block .slab .slab-content { background: #fcfaf7; position: relative; padding: 50px 40% 0 45px; height: 100%; } .hp-guide .hp-guide-block .slab .slab-content .slab-title { text-transform: capitalize; color: #515151; font-family: 'Baskerville-Italic', georgia, times, serif; font-size: 28px; line-height: 32px; letter-spacing: 1px; margin-bottom: 15px; } .hp-guide .hp-guide-block .slab .slab-content .slab-text { color: #515151; line-height: 12px; letter-spacing: 0.5px; } .hp-guide .hp-guide-block .slab .slab-content .slab-link { padding-top: 30px; text-transform: uppercase; color: #515151; } .hp-guide .hp-guide-block .slab .slab-content .slab-link a { color: #515151; font-size: 11px; } .hp-guide .hp-guide-block .slab .slab-content .slab-link:after { display: inline-block; width: 10px; height: 10px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg"); margin-left: 2px; } .footer .footer-links .newsletter-form .g-reference { display: block; padding: 15px 0; max-width: 380px; line-height: 15px; } @media only screen and (max-width: 740px) { .footer .footer-links .newsletter-form .g-reference { max-width: 100%; text-align: center; } } /*Hero Rotator*/ #hero, .hero-image-slider { overflow: hidden; position: relative; max-height: 683px; max-width: 1400px; width: 100%; height: auto; margin: 0 auto 42px; -webkit-transition: all width 0.2s linear ease-out; -moz-transition: all width 0.2s linear ease-out; -o-transition: all width 0.2s linear ease-out; transition: all width 0.2s linear ease-out; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } .hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: none; opacity: 0; overflow: hidden; } .hero-slide img { width: 100%; height: auto; display: block; } .carousel-control { z-index: 4; position: absolute; top: 50%; margin-top: -65px; width: 74px; height: 130px; padding: 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.7); text-indent: -999em; } .carousel-control:after { content: ''; position: absolute; top: 0; width: 74px; height: 130px; -webkit-transition: all all 0.2s ease ease-out; -moz-transition: all all 0.2s ease ease-out; -o-transition: all all 0.2s ease ease-out; transition: all all 0.2s ease ease-out; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .carousel-control:after { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .carousel-control:hover { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.7); } .carousel-control.next { right: 6.21428571%; } .carousel-control.next:after { right: 0; background-position: -364px 0; } .carousel-control.next:hover:after { right: -5px; } .carousel-control.prev { left: 6.21428571%; } .carousel-control.prev:after { left: 0; background-position: -290px -20px; margin-top: 20px; } .carousel-control.prev:hover:after { left: -5px; } .carousel-nav, .banana-nav { position: absolute; width: 100%; z-index: 10; bottom: 20px; list-style: none; margin: 0; padding: 0; text-align: center; left: 0; } .carousel-nav li, .banana-nav li { display: inline-block; margin-left: 18px; } .carousel-nav li:first-child, .banana-nav li:first-child { margin-left: 0; } .carousel-nav li a, .banana-nav li a { display: block; height: 18px; width: 18px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -263px 0; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .carousel-nav li a, .banana-nav li a { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .carousel-nav li.active a, .banana-nav li.active a { background-position: -242px 0; } .owl-carousel { z-index: 1; padding: 0 6.77419355%; } .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #515151; } .owl-carousel.owl-theme .owl-dots .owl-dot span { padding: 0; } .owl-carousel .owl-wrapper-outer { z-index: 1; } .owl-carousel .owl-item { text-align: center; } .owl-carousel .owl-video-tn { background-size: cover; padding-bottom: 56.25%; /* 16:9 */ } .owl-carousel .owl-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .owl-carousel .owl-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .owl-carousel .owl-buttons, .owl-carousel .owl-nav { position: absolute; width: 100%; top: 50%; left: 0; z-index: 0; margin: 0; } .owl-carousel .owl-buttons div, .owl-carousel .owl-buttons button, .owl-carousel .owl-nav div, .owl-carousel .owl-nav button { position: absolute; z-index: 1; height: 100%; width: 6.77419355%; } .owl-carousel .owl-buttons div.disabled, .owl-carousel .owl-buttons button.disabled, .owl-carousel .owl-nav div.disabled, .owl-carousel .owl-nav button.disabled { display: none; } .owl-carousel .owl-buttons div.owl-prev, .owl-carousel .owl-buttons div.owl-next, .owl-carousel .owl-buttons button.owl-prev, .owl-carousel .owl-buttons button.owl-next, .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { margin: 0; } .owl-carousel .owl-buttons div.owl-prev:hover, .owl-carousel .owl-buttons div.owl-next:hover, .owl-carousel .owl-buttons button.owl-prev:hover, .owl-carousel .owl-buttons button.owl-next:hover, .owl-carousel .owl-nav div.owl-prev:hover, .owl-carousel .owl-nav div.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { background: transparent; } .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.owl-next i, .owl-carousel .owl-buttons button.owl-prev i, .owl-carousel .owl-buttons button.owl-next i, .owl-carousel .owl-nav div.owl-prev i, .owl-carousel .owl-nav div.owl-next i, .owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i { position: absolute; top: 50%; margin-top: -21px; width: 100%; height: 42px; padding: 0; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -712px -83px; background-repeat: no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all border-color 0.24s ease-out ease-out; -moz-transition: all border-color 0.24s ease-out ease-out; -o-transition: all border-color 0.24s ease-out ease-out; transition: all border-color 0.24s ease-out ease-out; -webkit-transition: border-color 0.24s ease-out; -moz-transition: border-color 0.24s ease-out; -o-transition: border-color 0.24s ease-out; transition: border-color 0.24s ease-out; text-indent: -999em; border: 0; max-width: 40px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.owl-next i, .owl-carousel .owl-buttons button.owl-prev i, .owl-carousel .owl-buttons button.owl-next i, .owl-carousel .owl-nav div.owl-prev i, .owl-carousel .owl-nav div.owl-next i, .owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } @media screen and (max-width: 868px) { .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.owl-next i, .owl-carousel .owl-buttons button.owl-prev i, .owl-carousel .owl-buttons button.owl-next i, .owl-carousel .owl-nav div.owl-prev i, .owl-carousel .owl-nav div.owl-next i, .owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i { height: 24px; width: 16px; margin-top: -12px; background-position: -356px -41px; background-size: 400px 300px; } } .owl-carousel .owl-buttons div.owl-prev, .owl-carousel .owl-buttons button.owl-prev, .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav button.owl-prev { left: 0; } .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons button.owl-prev i, .owl-carousel .owl-nav div.owl-prev i, .owl-carousel .owl-nav button.owl-prev i { left: 0; } .owl-carousel .owl-buttons div.owl-next, .owl-carousel .owl-buttons button.owl-next, .owl-carousel .owl-nav div.owl-next, .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; } .owl-carousel .owl-buttons div.owl-next i, .owl-carousel .owl-buttons button.owl-next i, .owl-carousel .owl-nav div.owl-next i, .owl-carousel .owl-nav button.owl-next i { background-position: right -83px; right: 0; } @media screen and (max-width: 868px) { .owl-carousel .owl-buttons div.owl-next i, .owl-carousel .owl-buttons button.owl-next i, .owl-carousel .owl-nav div.owl-next i, .owl-carousel .owl-nav button.owl-next i { background-position: right -41px; background-size: 400px 300px; } } .thumbnail-counter { text-align: right; padding: 0 1%; margin-top: 0; margin-bottom: 8px; } @media screen and (min-width: 980px) { .thumbnail-counter { display: none; } } .carousel-loader { display: none !important; } /*Featured Categories*/ .featured-categories { background-color: #fbfbfb; margin-top: 40px; padding-top: 28px; -webkit-transition: all margin-top 0.2s linear ease-out; -moz-transition: all margin-top 0.2s linear ease-out; -o-transition: all margin-top 0.2s linear ease-out; transition: all margin-top 0.2s linear ease-out; -webkit-transition: margin-top 0.2s linear; -moz-transition: margin-top 0.2s linear; -o-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; } .featured-categories .menu { text-align: center; } .featured-categories .menu > h2 { font-size: 28px; line-height: 28px; letter-spacing: .1em; } .featured-categories .menu > h2 em { display: block; font-size: 20px; font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; letter-spacing: normal; text-transform: lowercase; } .featured-categories .menu li { display: inline-block; vertical-align: top; padding: 40px 0; margin-left: 2.59259259%; position: relative; } .featured-categories .menu li:first-child { margin-left: 0; } .featured-categories .menu li.active .overlay { opacity: 0; filter: alpha(opacity=0); } .featured-categories .menu li.active:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #f0f0f0; } .featured-categories .menu li a { display: block; position: relative; width: 86px; height: 86px; } .featured-categories .menu li a:before { content: ''; position: absolute; top: 0; left: 0; width: 86px; height: 86px; -webkit-border-radius: 86px; -moz-border-radius: 86px; border-radius: 86px; -webkit-box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2); z-index: 99; } .featured-categories .menu li img { display: block; -webkit-border-radius: 86px; -moz-border-radius: 86px; border-radius: 86px; } .featured-categories .menu li .tool-tip { display: none; position: absolute; top: 50%; right: 100%; padding: 0 12px; margin-top: -12px; background-color: #d4cbc1; line-height: 24px; white-space: nowrap; text-transform: uppercase; color: #493627; z-index: 999; } .featured-categories .menu li .tool-tip:after { content: ''; position: absolute; top: 0; right: -12px; height: 0; width: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #d4cbc1; } .featured-categories .menu li .overlay { -webkit-border-radius: 86px; -moz-border-radius: 86px; border-radius: 86px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #a8c4b9; -webkit-transition: all opacity 0.2s linear ease-out; -moz-transition: all opacity 0.2s linear ease-out; -o-transition: all opacity 0.2s linear ease-out; transition: all opacity 0.2s linear ease-out; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; opacity: 80; filter: alpha(opacity=8000); opacity: 0.8; filter: alpha(opacity=80); } .featured-categories .menu li.item-2 .overlay { background-color: #91c4db; } .featured-categories .menu li.item-3 .overlay { background-color: #ccc36a; } .featured-categories .menu li.item-4 .overlay { background-color: #e5a656; } .featured-listing { background-color: #f0f0f0; padding: 20px 0 26px 0; position: relative; -webkit-transition: all padding 0.2s linear ease-out; -moz-transition: all padding 0.2s linear ease-out; -o-transition: all padding 0.2s linear ease-out; transition: all padding 0.2s linear ease-out; -webkit-transition: padding 0.2s linear; -moz-transition: padding 0.2s linear; -o-transition: padding 0.2s linear; transition: padding 0.2s linear; } .featured-listing .loading-overlay { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0); } .featured-listing .loading-overlay.active { opacity: 60; filter: alpha(opacity=6000); opacity: 0.6; filter: alpha(opacity=60); } .featured-listing .category { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all opacity 0.2s linear ease-out; -moz-transition: all opacity 0.2s linear ease-out; -o-transition: all opacity 0.2s linear ease-out; transition: all opacity 0.2s linear ease-out; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .featured-listing .category.active { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .featured-listing .category-intro { position: relative; } .featured-listing .category-image { display: block; } .featured-listing .sidebar { position: absolute; left: 0; top: 0; height: 100%; width: 252px; padding: 20px 20px 70px 20px; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.7); } .featured-listing .sidebar h2 { font-size: 20px; line-height: 30px; margin-bottom: 8px; } .featured-listing .sidebar .std { font-size: 12px; line-height: 18px; padding-bottom: 20px; border-bottom: 1px solid #afa9a3; } .featured-listing .sidebar .button { width: 210px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); position: absolute; bottom: 20px; left: 20px; } .featured-listing .products-grid .item { width: 23.33333333%; margin: 2.22222222% 0 0 2.22222222%; } .featured-listing .products-grid .item:first-child { margin-left: 0; } .featured-listing .products-grid .item .product-name { margin: 12px 0 9px 0; } .featured-listing .products-grid .item .price-box { font-size: 14px; margin: 0; } .featured-listing .products-grid .item .price-box p { font-size: 14px; } /*Featured Products Widget*/ .widget-featured-products { margin-bottom: 16px; } .widget-featured-products.container { max-width: 1280px; width: 100%; padding: 0; } .widget-featured-products .widget-title { padding: 50px 0 44px 0; text-align: center; -webkit-transition: all padding 0.2s linear ease-out; -moz-transition: all padding 0.2s linear ease-out; -o-transition: all padding 0.2s linear ease-out; transition: all padding 0.2s linear ease-out; -webkit-transition: padding 0.2s linear; -moz-transition: padding 0.2s linear; -o-transition: padding 0.2s linear; transition: padding 0.2s linear; } .widget-featured-products .widget-title h2 { font-size: 28px; line-height: 30px; letter-spacing: .1em; } .widget-featured-products .widget-title h2 em { display: block; font-size: 20px; font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; letter-spacing: normal; text-transform: lowercase; } .widget-featured-products .widget-products { overflow: hidden; position: relative; padding: 0 7.65625% 108px; } .widget-featured-products .products-grid { position: relative; left: 0; } .widget-featured-products .products-grid .item { margin: 0; } .widget-featured-products .products-grid .item .product-image { display: block; border: 12px solid #d4cbc1; position: relative; } .widget-featured-products .products-grid .item .product-image:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-box-shadow: inset 0 3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0 3px 5px 0px rgba(0, 0, 0, 0.2); } .widget-featured-products .products-grid .item .product-image img { display: block; } .widget-featured-products .products-grid .item .product-name { margin: 14px 0; } .widget-featured-products .products-grid .item .product-name a { font-size: inherit; } .widget-featured-products .products-grid .item .price-box { font-size: 14px; margin: 0; } .widget-featured-products .products-grid .item .price-box p { font-size: 14px; } .widget-featured-products .banana-nav { bottom: 46px; } .widget-featured-products .btn-wrapper { position: absolute; left: 0; top: 0; background-color: #ffffff; height: 100%; width: 7.65625%; padding: 0; } .widget-featured-products .btn-wrapper + .btn-wrapper { right: 0; left: auto; } .widget-featured-products .btn-wrapper .banana-control { position: absolute; top: 50%; left: 0; margin-top: -68px; width: 68px; height: 68px; padding: 0; background-color: #ffffff; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -693px -72px; background-repeat: no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 2px solid transparent; -webkit-transition: all border-color 0.24s ease-out ease-out; -moz-transition: all border-color 0.24s ease-out ease-out; -o-transition: all border-color 0.24s ease-out ease-out; transition: all border-color 0.24s ease-out ease-out; -webkit-transition: border-color 0.24s ease-out; -moz-transition: border-color 0.24s ease-out; -o-transition: border-color 0.24s ease-out; transition: border-color 0.24s ease-out; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .widget-featured-products .btn-wrapper .banana-control { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .widget-featured-products .btn-wrapper .banana-control.next { left: auto; right: 0; background-position: -755px -72px; } .widget-featured-products .btn-wrapper .banana-control:hover { border: 2px solid #e9e5e0; } /* ============================================ Product Listing ============================================ */ /*toolbar*/ .toolbar { background-color: #f0f0f0; padding: 14px 1.58550396%; text-transform: uppercase; *zoom: 1; zoom: 1; } .toolbar:before, .toolbar:after { display: table; content: ""; line-height: 0; } .toolbar:after { clear: both; } .toolbar .sorter, .toolbar .view-mode, .toolbar .sort-by, .toolbar .pager, .toolbar .amount, .toolbar .limiter, .toolbar .pages, .toolbar .pages strong, .toolbar .pages ol, .toolbar .pages ol li { float: left; line-height: 22px; margin-bottom: 0; } .toolbar > * { margin-left: 10.1010101%; -webkit-transition: all margin-left 0.2s linear ease-out; -moz-transition: all margin-left 0.2s linear ease-out; -o-transition: all margin-left 0.2s linear ease-out; transition: all margin-left 0.2s linear ease-out; -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear; } .toolbar .view-mode { margin-left: 0; width: 114px; } .toolbar .view-mode label, .toolbar .view-mode strong, .toolbar .view-mode a, .toolbar .view-mode legend { float: left; } .toolbar .view-mode .grid, .toolbar .view-mode .list, .toolbar .view-mode a.grid-active, .toolbar .view-mode a.list-active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/toolbar-view-mode.png"); background-repeat: no-repeat; background-size: initial; width: 22px; height: 22px; margin-left: 7px; color: transparent; display: block; text-indent: -999em; } .toolbar .view-mode a.grid { background-position: -5px -223px; } .toolbar .view-mode strong.grid, .toolbar .view-mode a.grid:hover, .toolbar .view-mode a.grid-active { background-position: -5px -196px; } .toolbar .view-mode a.list { background-position: -5px -277px; } .toolbar .view-mode strong.list, .toolbar .view-mode a.list:hover, .toolbar .view-mode a.list-active { background-position: -5px -250px; } .toolbar .pages { float: right; margin-left: 0; } .toolbar .pages ol li { margin: 0 4px; } .toolbar .pages ol li.current { font-weight: bolder; } .toolbar .pages ol li a { color: #493627; } .toolbar .pages strong { font-weight: normal; } .toolbar .pages .arrow-right, .toolbar .pages .arrow-left { position: relative; top: 3px; } .toolbar .pages .arrow-left { width: 0; height: 0; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 6px solid #64594e; } .toolbar .arrow-descending, .toolbar .arrow-ascending { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; width: 13px; height: 15px; margin-left: 5px; color: transparent; display: inline-block; vertical-align: middle; } .toolbar .arrow-descending { background-position: -219px -19px; } .toolbar .arrow-ascending { background-position: -219px 0; } .toolbar .select-wrap { height: 22px; } .toolbar .customStyleSelectBox { line-height: 22px; height: 22px; } .toolbar .customStyleSelectBox:before { right: 6px; } .toolbar .customStyleSelectBoxInner { font-size: 11px; } .toolbar select { overflow-style: auto; font-size: 11px; height: 22px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding: 0 25px 0 6px; border: 0; color: #474747; cursor: pointer; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/select-arrow.png"); background-repeat: no-repeat; background-position: right center; text-transform: uppercase; } .toolbar select::-ms-expand { display: none; } .toolbar select:focus-visible { opacity: 1 !important; } .toolbar select option { background: #fff; text-transform: none; font-size: 12px; } .toolbar .limiter select { width: 50px; } .toolbar .limiter .customStyleSelectBox { width: 54px; } .toolbar .select-wraper .sort-by { width: 204px; } .toolbar .limiter label, .toolbar .sort-by label { margin-right: 10px; } .toolbar .amount { float: none; display: inline-block; margin-left: 10px; } .toolbar .sort-by .customStyleSelectBox { width: 120px; } .toolbar .pager { width: 52.63157895%; } .recommendations { margin-top: 5px; } /*grid view*/ .category-title h1 { padding: 0 0 27px; } @media screen and (max-width: 960px) { .category-title h1 { padding: 27px 0 0; } } .category-products { margin-top: 23px; } .products-grid .item, .products-list .item { width: 22.32142857%; float: left; margin-left: 3.57142857%; margin-bottom: 60px; position: relative; } .products-grid .item .link-wishlist, .products-list .item .link-wishlist { position: absolute; top: 7px; right: 38px; display: block; opacity: 0; } .products-grid .item .link-wishlist > span.h-icon::before, .products-list .item .link-wishlist > span.h-icon::before { content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/heart-regular.svg"); width: 20px; height: 20px; position: absolute; left: 0; top: 0; background: white; padding: 6px 6px 5px; border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .products-grid .item .link-wishlist > span:not(.h-icon), .products-list .item .link-wishlist > span:not(.h-icon) { display: none; } .products-grid .item .link-wishlist:hover > span.h-icon::before, .products-grid .item .link-wishlist:focus-visible > span.h-icon::before, .products-grid .item .link-wishlist.added > span.h-icon::before, .products-list .item .link-wishlist:hover > span.h-icon::before, .products-list .item .link-wishlist:focus-visible > span.h-icon::before, .products-list .item .link-wishlist.added > span.h-icon::before { content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/heart-solid.svg"); } .products-grid .item .link-wishlist.added, .products-grid .item .link-wishlist:focus-visible, .products-list .item .link-wishlist.added, .products-list .item .link-wishlist:focus-visible { opacity: 1; } .products-grid .item .link-wishlist.in-progress, .products-list .item .link-wishlist.in-progress { opacity: 0; } .products-grid .item:hover .link-wishlist, .products-grid .item:focus-visible .link-wishlist, .products-list .item:hover .link-wishlist, .products-list .item:focus-visible .link-wishlist { opacity: 1; } .products-grid .item:hover .link-wishlist.in-progress, .products-grid .item:focus-visible .link-wishlist.in-progress, .products-list .item:hover .link-wishlist.in-progress, .products-list .item:focus-visible .link-wishlist.in-progress { opacity: 0; } .products-list .item { width: 100%; float: none; margin: 0; } .products-list .item .link-wishlist { left: 19%; right: unset; } .products-grid .item.first { margin-left: 0; } .products-grid .item .product-name, .products-list .item .product-name { line-height: 16px; margin: 6px 0 10px; color: #493627; } .products-grid .item .product-name a, .products-list .item .product-name a { color: #493627; font-size: 12px; } .products-grid .item .price-box, .products-list .item .price-box { margin-bottom: 12px; line-height: 21px; text-transform: uppercase; color: #8c8c8c; } .products-grid .item .price-box .minimal-price, .products-list .item .price-box .minimal-price { display: inline-block; } .products-grid .item .price-box p, .products-list .item .price-box p { margin-bottom: 0; clear: both; } .products-grid .item .old-price, .products-list .item .old-price { text-decoration: line-through; margin-right: 15px; } .products-grid .item .old-price .special-price .price-label, .products-list .item .old-price .special-price .price-label { display: none; } .products-grid .item .special-price, .products-list .item .special-price { color: #BC5136; clear: both; } .products-grid .add-to-links, .products-list .add-to-links { *zoom: 1; zoom: 1; } .products-grid .add-to-links:before, .products-list .add-to-links:before, .products-grid .add-to-links:after, .products-list .add-to-links:after { display: table; content: ""; line-height: 0; } .products-grid .add-to-links:after, .products-list .add-to-links:after { clear: both; } .products-grid .add-to-links:before, .products-list .add-to-links:before, .products-grid .add-to-links:after, .products-list .add-to-links:after { content: " "; display: table; } .products-grid .add-to-links:after, .products-list .add-to-links:after { clear: both; } .products-grid .add-to-links li, .products-list .add-to-links li { float: left; text-transform: uppercase; font-size: 10px; } .products-grid .add-to-links .link-view-details, .products-list .add-to-links .link-view-details { color: #493627; margin-right: 10px; } .products-grid .add-to-links .link-compare, .products-list .add-to-links .link-compare { color: #493627; margin-left: 8px; } .category-products .swatches-box { margin-bottom: 15px; } .category-products .swatches-box .swatches-wrapper { display: none; position: absolute; z-index: 1; } .category-products .swatches-box .swatches-wrapper .arrow { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/top-arrow2.svg") no-repeat; background-size: contain; height: 14px; width: 19px; margin-top: 0; margin-bottom: 0; display: block; position: absolute; left: 50%; margin-left: -10px; } .category-products .swatches-box a.view-all { text-transform: uppercase; color: #474747; } .category-products .swatches-box .swatches-count-label { display: inline-block; } .category-products .swatches-box .swatches-count-label:before { content: '\25B6 \FE0E'; color: #BC5136; margin-right: 5px; font-size: 0.8em; } .category-products .swatches-box .swatches-count-label > span { text-transform: uppercase; cursor: pointer; position: relative; } .category-products .swatches-box .swatches-count-label .swatches { *zoom: 1; zoom: 1; background: #FFF; border: 1px solid #999999; padding: 10px; margin-top: 13px; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.02); } .category-products .swatches-box .swatches-count-label .swatches li { padding-bottom: 5px; } .category-products .swatches-box .swatches-count-label .swatches li:last-child { padding-bottom: 0; } .category-products .swatches-box .swatches-count-label .swatches li img { display: inline-block; margin-right: 10px; } .category-products .swatches-box .swatches-count-label .swatches li a { color: #474747; display: inline-flex; } .category-products .swatches-box .swatches-count-label:hover .swatches-wrapper, .category-products .swatches-box .swatches-count-label:focus .swatches-wrapper, .category-products .swatches-box .swatches-count-label:focus-within .swatches-wrapper { display: block; } .category-products .swatches-box:focus-visible .swatches-count-label .swatches-wrapper { display: block; } .category-products .swatches-box .swatches:before, .category-products .swatches-box .swatches:after { display: table; content: ""; line-height: 0; } .category-products .swatches-box .swatches:after { clear: both; } .category-products .swatches-box .swatches:before, .category-products .swatches-box .swatches:after { content: " "; display: table; } .category-products .swatches-box .swatches:after { clear: both; } .category-products .swatches-box li.view-all { border: none; padding: 0; margin-right: 0; width: auto; } .category-products .swatches-box li.view-all a { display: block; text-transform: uppercase; font-size: 10px; line-height: 20px; color: #493627; } .category-products .swatches-box li a, .category-products .swatches-box li img { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .category-products .products-list .swatches-box li { margin-right: 8px; } /*list view*/ .products-list .item { margin-bottom: 35px; *zoom: 1; zoom: 1; } .products-list .item:before, .products-list .item:after { display: table; content: ""; line-height: 0; } .products-list .item:after { clear: both; } .products-list .item:before, .products-list .item:after { content: " "; display: table; } .products-list .item:after { clear: both; } .products-list .product-image { float: left; width: 22.65005663%; } .products-list .product-details { float: right; width: 75.31143828%; } .products-list .product-details .desc { margin-bottom: 15px; } .category-products .products-list .product-name { margin-top: 0; } /*bottom banners*/ .bottom-banner-container { margin-top: 35px; clear: both; } .bottom-banner { width: 49.49037373%; } /*search results*/ .catalogsearch-result-index .page-title h1 { padding-top: 0; } /*layered navigation*/ .block-layered-nav .mobile { display: none; } .block-layered-nav .actions { margin: 4px 0 12px 0; text-transform: uppercase; } .block-layered-nav a { color: #493627; } .block-layered-nav p { margin-bottom: 0; font-size: 11px; line-height: 23px; } .nav-filter-block ol { *zoom: 1; zoom: 1; } .nav-filter-block ol:before, .nav-filter-block ol:after { display: table; content: ""; line-height: 0; } .nav-filter-block ol:after { clear: both; } .nav-filter-block ol:before, .nav-filter-block ol:after { content: " "; display: table; } .nav-filter-block ol:after { clear: both; } #narrow-by-list ol li { position: relative; line-height: 23px; } .nav-filter-block .color ol li { line-height: 1em; } .nav-filter-block ol li .disabled { color: #d4cbc1; } .block-layered-nav .count, .block-layered-nav .addCount { display: none; } .block-layered-nav .checkbox.active { background: none; padding-left: 0; } .block-layered-nav dt, .block-layered-nav .block-title strong, .block-layered-nav .block-subtitle, .block-layered-nav .currently .label { text-transform: uppercase; font-weight: normal; } .block-layered-nav dd.price ul { *zoom: 1; zoom: 1; } .block-layered-nav dd.price ul:before, .block-layered-nav dd.price ul:after { display: table; content: ""; line-height: 0; } .block-layered-nav dd.price ul:after { clear: both; } .block-layered-nav dd.price ul:before, .block-layered-nav dd.price ul:after { content: " "; display: table; } .block-layered-nav dd.price ul:after { clear: both; } .block-layered-nav dd.price ul li:last-child { height: 20px; } .block-layered-nav #handle-to-price { right: 0 !important; } .block-layered-nav dd.cat { height: auto; } .block-layered-nav dd.cat .viewport { height: 205px; } .block-layered-nav .trigger { line-height: 15px; padding: 9px 0; } .block-layered-nav .content-inner { padding-bottom: 16px; } .block-layered-nav dt.expanded:before { border-bottom: 5px solid #493627; border-top: none; } #narrow-by-list .nav-filter-block:first-child dt:before { content: none; } #narrow-by-list dt { line-height: 15px; padding: 9px 0; } #narrow-by-list .categories-block { border-bottom: 1px solid #D4CBC1; } .catalog-category-view #narrow-by-list .categories-block .facet-filter ol, .search-result-index #narrow-by-list .categories-block .facet-filter ol { margin-bottom: 20px; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li { display: flex; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range { flex: 1 1 auto; width: 30%; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range input, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range input { width: 90%; text-align: center; height: 22px; border: 0; border-bottom: 1px solid #f4f4f4; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range input:focus-visible, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range input:focus-visible { border-bottom-color: #d4cbc1; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range.price-range-input, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range.price-range-input { margin-top: -2px; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range.price-range-submit, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range.price-range-submit { font-size: 12px; line-height: 10px; padding: 0; margin-left: 4px; } .catalog-category-view #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range.price-range-separator, .search-result-index #narrow-by-list .categories-block .facet-filter.price-filter ol li .price-range.price-range-separator { flex: 10px; text-align: center; margin-top: -2px; } .catalog-category-view #narrow-by-list .categories-block.categories ol, .search-result-index #narrow-by-list .categories-block.categories ol { margin-bottom: 0; } .catalog-category-view #narrow-by-list .categories-block input[type="checkbox"], .search-result-index #narrow-by-list .categories-block input[type="checkbox"] { display: none; } .catalog-category-view #narrow-by-list .categories-block input[type="checkbox"] + label, .search-result-index #narrow-by-list .categories-block input[type="checkbox"] + label { cursor: pointer; } .catalog-category-view #narrow-by-list .categories-block input[type="checkbox"] + label span, .search-result-index #narrow-by-list .categories-block input[type="checkbox"] + label span { display: inline-block; width: 18px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/check_radio_sheet.png") left top no-repeat; } .catalog-category-view #narrow-by-list .categories-block input[type="checkbox"]:checked + label span, .search-result-index #narrow-by-list .categories-block input[type="checkbox"]:checked + label span { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/check_radio_sheet.png") -19px top no-repeat; } .catalog-category-view #narrow-by-list .categories-block li.last, .search-result-index #narrow-by-list .categories-block li.last { padding-top: 5px; } .catalog-category-view #narrow-by-list .categories-block input.price-filter-input, .search-result-index #narrow-by-list .categories-block input.price-filter-input { width: 40px; border: 1px solid #d4cbc1; margin: 0 2px; } .catalog-category-view #narrow-by-list .categories-block input.price-filter-button, .search-result-index #narrow-by-list .categories-block input.price-filter-button { background-color: #d4cbc1; border: 1px solid #969C92; } .catalog-category-view #narrow-by-list .categories-block #price-slider, .search-result-index #narrow-by-list .categories-block #price-slider { margin-left: 3px; margin-right: 15px; } .catalog-category-view #narrow-by-list .categories-block .facet-filter, .search-result-index #narrow-by-list .categories-block .facet-filter { padding-bottom: 0; } .catalog-category-view #narrow-by-list .categories-block .facet-filter-name.amshopby-collapsed:before, .search-result-index #narrow-by-list .categories-block .facet-filter-name.amshopby-collapsed:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .catalog-category-view #narrow-by-list .categories-block .facet-filter-name:before, .search-result-index #narrow-by-list .categories-block .facet-filter-name:before { content: ""; width: 0; height: 0; position: absolute; top: 42%; right: 2px; margin-bottom: -2.5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #493627; -webkit-transition: -webkit-transform 0.35s ease; -moz-transition: -moz-transform 0.35s ease; -o-transition: -o-transform 0.35s ease; transition: transform 0.35s ease; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .catalog-category-view #narrow-by-list .categories-block .ln-price-slider .ui-slider-horizontal, .search-result-index #narrow-by-list .categories-block .ln-price-slider .ui-slider-horizontal { display: block; max-width: -moz-calc(100% - 15px); max-width: -webkit-calc(100% - 15px); max-width: -o-calc(100% - 15px); max-width: calc(100% - 15px); } .catalog-category-view #narrow-by-list .categories-block .ln-price-slider .ui-slider-horizontal:after, .search-result-index #narrow-by-list .categories-block .ln-price-slider .ui-slider-horizontal:after { right: -15px; } .catalog-category-view #narrow-by-list .categories-block .ln-price-slider .ln-price-slider-price, .search-result-index #narrow-by-list .categories-block .ln-price-slider .ln-price-slider-price { color: #474747; margin-top: 3px; } .catalog-category-view #narrow-by-list .categories-block .ln-price-slider .ln-price-slider-price-from, .search-result-index #narrow-by-list .categories-block .ln-price-slider .ln-price-slider-price-from { float: left; } .catalog-category-view #narrow-by-list .categories-block .ln-price-slider .ln-price-slider-price-to, .search-result-index #narrow-by-list .categories-block .ln-price-slider .ln-price-slider-price-to { float: right; } .catalog-category-view .toolbar > *, .search-result-index .toolbar > * { margin-left: 2%; } .catalog-category-view .toolbar .pages, .search-result-index .toolbar .pages { width: 25%; } .catalog-category-view .transition, .search-result-index .transition { margin-left: .2s linear; } #narrow-by-list > div > dd > ol { margin-bottom: 16px; } #narrow-by-list > div > dd.categories > ol { margin-bottom: 0; } #narrow-by-list .categories-title { font-size: 15px; position: relative; line-height: 15px; padding: 4px 0; text-transform: uppercase; } #narrow-by-list .categories-title + dd, #narrow-by-list .categories-title + div { padding-bottom: 16px; } div.block-layered-nav #narrow-by-list dd a.amshopby-attr, div.block-layered-nav #narrow-by-list dd a.amshopby-attr-selected { padding-left: 0; } div.block-layered-nav #narrow-by-list dd a.checkbox.amshopby-attr, div.block-layered-nav #narrow-by-list dd a.checkbox.amshopby-attr-selected { padding: 0 0 0 20px; } div.block-layered-nav #narrow-by-list dd a.amshopby-attr-selected { font-weight: normal; } .increment_links { text-align: right; margin-bottom: 10px; } .increment_links span { position: relative; padding-right: 18px; margin-right: 2px; cursor: pointer; } .increment_links span:after { content: ""; position: absolute; right: 0; top: 6px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; } .increment_links span.less:after { border-top: 0; border-bottom: 5px solid #493627; } div.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed, div.block-layered-nav.amshopby-collapse-enabled dt { background: none; } .block-layered-nav .block-subtitle { font-size: 15px; padding-bottom: 5px; } #narrow-by-list dt { font-size: 13px; position: relative; cursor: pointer; } #narrow-by-list dt.amshopby-collapsed:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } #narrow-by-list dt:before { content: ""; width: 0; height: 0; position: absolute; top: 42%; right: 2px; margin-bottom: -2.5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #493627; -webkit-transition: -webkit-transform 0.35s ease; -moz-transition: -moz-transform 0.35s ease; -o-transition: -o-transform 0.35s ease; transition: transform 0.35s ease; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .block-layered-nav .currently li { padding-bottom: 8px; font-size: 11px; line-height: 13px; margin-bottom: 5px; text-transform: uppercase; } .block-layered-nav .currently .label { font-size: 12px; display: block; text-transform: uppercase; line-height: 23px; } .block-layered-nav .currently .multiselect-child { display: block; font-size: 11px; line-height: 13px; margin-bottom: 5px; text-transform: uppercase; } .block-layered-nav .currently .btn-remove { margin-left: 4px; } .btn-remove-inline { background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png); background-repeat: no-repeat; background-position: 0px -191px; width: 13px; height: 13px; margin-right: 4px; color: transparent; overflow: hidden; float: left; display: inline-block; vertical-align: middle; text-indent: -999em; } .actions a { font-size: 11px; } .block-compare .btn-remove, .block-layered-nav .btn-remove, #payment-tool-tip-close { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: 0px -191px; width: 13px; height: 13px; margin-right: 4px; color: transparent; overflow: hidden; float: left; display: inline-block; vertical-align: middle; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .block-compare .btn-remove, .block-layered-nav .btn-remove, #payment-tool-tip-close { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .block-layered-nav .btn-remove.all { color: #493627; width: auto; padding: 0; font-size: 11px; text-transform: uppercase; text-indent: 0; float: none; margin-top: 6px; background: none; } .block-layered-nav .slider { background-color: #d4cbc1; width: 100%; margin: 10px 0; height: 10px; position: relative; } .block-layered-nav .slider .ui-slider-handle { background-color: #fb8c6e; width: 22px; height: 10px; cursor: move; position: absolute; z-index: 2; } .block-layered-nav .slider .ui-slider-handle:after { content: " "; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 6px solid #fb8c6e; position: absolute; top: -5px; left: 4px; } .block-layered-nav .slider .ui-slider-handle + .ui-slider-handle { margin-left: -22px; } #narrow-by-list .image-li { padding: 0 8px 5px 0; float: left; line-height: normal; } #narrow-by-list .image-li a { -moz-box-sizing: content-box; } #narrow-by-list .image-li a, #narrow-by-list .image-li .disabled img { padding: 2px; box-sizing: content-box; border: 1px solid #d4cbc1; display: block; } .block-layered-nav .image-li a.current { border-color: #6e6256; } #narrow-by-list .checkbox:before, #narrow-by-list .checkbox.current:before { content: ""; display: inline-block; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: 0px -228px; height: 20px; padding: 0; width: 17px; position: absolute; left: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #narrow-by-list .checkbox:before, #narrow-by-list .checkbox.current:before { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } #narrow-by-list .checkbox.amshopby-attr-selected:before, #narrow-by-list .checkbox.current.amshopby-attr-selected:before { background-position: 0px -250px; } #narrow-by-list .checkbox.current { font-weight: normal; } /* ajax loader, overlay, layer */ .gorilla-overlay { background: #ffffff; position: fixed; top: 0; left: 0; z-index: 98; width: 100%; height: 100%; opacity: 70; filter: alpha(opacity=7000); opacity: 0.7; filter: alpha(opacity=70); } #gorilla_nav_loader { background: #ffffff; border: 2px solid #bbb; padding: 10px; z-index: 99; position: fixed; } #gorilla_nav_noitems_message { background: #f1f1f1; border: 2px solid #bbb; padding: 10px; z-index: 99; position: fixed; } #gorilla_nav_loader span { padding-right: 15px; line-height: 1em; } /* ============================================ Compare Sidebar ============================================ */ .block-compare { margin-top: 20px; } .block-compare a { color: #493627; font-size: 11px; } .block-compare .block-title { margin-bottom: 7px; text-transform: uppercase; } .block-compare .block-title strong { text-transform: uppercase; font-weight: normal; font-size: 15px; } .block-compare .block-title small { display: none; } .block-compare p { line-height: 1em; padding-left: 17px; } .block-compare p.empty { padding-left: 0; } .block-compare .actions button { width: 100%; float: left; } .block-compare .actions a { line-height: 29px; font-size: 10px; } /* ============================================ Rating Stars ============================================ */ .rating-box { margin-right: 5px; float: left; } .rating-box .amount a { float: left; line-height: 19px; color: #493627; } .rating-box .rating { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; width: 109px; height: 19px; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .rating-box .rating { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .rating-box .star-5 { background-position: 0px -375px; } .rating-box .star-4 { background-position: -22px -375px; } .rating-box .star-3 { background-position: -44px -375px; } .rating-box .star-2 { background-position: -66px -375px; } .rating-box .star-1 { background-position: -88px -375px; } .rating-links .separator { color: #000; } .product-details .separator, .product-details .separator + .goto-reviews { display: none; } .sticky-container { position: fixed; bottom: 150px; right: 25px; width: 58px; z-index: 99999; } /*back to top button*/ .back-to-top-desktop { display: none; text-transform: uppercase; text-align: center; } .back-to-top-desktop .smooth-me { display: block; } .back-to-top-desktop .smooth-me:hover { opacity: 0.75; } .back-to-top-desktop .smooth-me:before { content: ''; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/back_to_top2.png"); background-repeat: no-repeat; background-size: contain; height: 56px; width: 56px; position: absolute; top: 1px; left: 1px; opacity: 0.85; } /* ============================================ CSS Calc Fixes ============================================ */ .no-respond .form-search-mini { position: relative; } .no-respond .form-search-mini input[type="text"] { float: none; width: 100%; display: block; padding-right: 30px; } .no-respond .form-search-mini button { position: absolute; top: 0; right: 0; } .no-respond .footer .form-subscribe .field-wrapper { position: relative; } .no-respond .footer .form-subscribe .field-wrapper button { position: absolute; top: 50%; margin-top: -15px; right: 0; } .no-respond .footer .form-subscribe .field-wrapper .input-box { float: none; width: 100%; display: block; padding-right: 30px; } /* ============================================ Ask Expert ============================================ */ @media screen and (max-width: 480px) { #ask-expert { display: none; } } #ask-expert .ask-wrapper { border-top: 1px solid #d4cbc1; text-align: center; background-color: #f3f3f3; display: block; width: 100%; padding: 10px 0; color: #513d2d; } #ask-expert .ask-wrapper .ask-logo { vertical-align: middle; display: inline-block; width: 50px; height: 48px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: left bottom; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #ask-expert .ask-wrapper .ask-logo { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } #ask-expert .ask-wrapper .ask-text { display: inline-block; width: 60%; vertical-align: middle; line-height: 15px; font-size: 15px; } #ask-expert .ask-wrapper .ask-bottom { margin-top: 10px; } #ask-expert .ask-wrapper .ask-bottom > div { display: inline-block; font-size: 14px; vertical-align: top; } #ask-expert .ask-wrapper .ask-bottom > div a { color: #513d2d; cursor: pointer; } #ask-expert .ask-wrapper .ask-bottom > div a:before { content: ''; width: 21px; height: 14px; display: inline-block; vertical-align: top; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; margin: 3px 0 0 10px; padding-right: 6px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #ask-expert .ask-wrapper .ask-bottom > div a:before { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } #ask-expert .ask-wrapper .ask-bottom > div.ask-phone { font-size: 17px; font-weight: 400; } #ask-expert .ask-wrapper .ask-bottom > div.ask-phone a:before { background-position: -62px 0; } #ask-expert .ask-wrapper .ask-bottom > div.ask-chat a:before { background-position: -92px 0; } #ask-expert .ask-wrapper .ask-bottom > div.ask-email a:before { background-position: -290px 0; } @media only screen and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { #ask-expert .ask-wrapper .ask-bottom > div.ask-chat { display: none; } } @media screen and (max-width: 769px) { #ask-expert .ask-wrapper .ask-bottom > div.ask-chat { display: none; } } #contactForm .form-required { text-align: right; margin-bottom: 0; } #dataMsg { padding-top: 45px; font-size: 12px; line-height: 21px; text-align: center; } /* ============================================ Fancybox Modal Changes ============================================ */ .fancybox-overlay { z-index: 9999 !important; } .fancybox-opened { z-index: 99999 !important; } .fancybox-wrap .fancybox-inner h2 { font-size: 19px; margin-bottom: 5px; } .fancybox-wrap .fancybox-inner li label { font-size: 12px; margin-bottom: 0; } .fancybox-wrap .fancybox-inner .form-list .input-box { width: 400px; } .fancybox-wrap .fancybox-inner .buttons-set .button { padding: 7px 35px; margin-top: 15px; } .fancybox-wrap .fancybox-close { background: none; background-color: #d4cbc1; top: 10px; right: 15px; width: 80px; height: 25px; color: #513d2d; } .fancybox-wrap .fancybox-close:hover { color: #BC5136; } .fancybox-wrap .fancybox-close:after { content: 'X Close'; text-align: center; display: block; line-height: 24px; text-transform: uppercase; } .tooltip-icon { height: 21px; width: 21px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -686px -508px; display: inline-block; cursor: pointer; margin-right: 6px; position: relative; right: 0; top: 5px; } .list-item > .tooltip-icon { top: -2px; right: -4px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .tooltip-icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .tooltip-icon.mobile { display: none; margin-left: 10px; bottom: -5px; margin-right: 0; } @media screen and (max-width: 770px) { .tooltip-icon.mobile { display: inline-block; position: relative; top: auto; right: auto; } .tooltip-icon.desktop { display: none; } .list-item > .tooltip-icon.mobile { top: -2px; } } .grouped-items-list .grouped-result .product-details > .tooltip-icon { display: inline-block; position: relative; right: auto; } .grouped-items-list .grouped-result .product-details > .tooltip-icon.mobile { margin-left: 0; display: none; } @media screen and (max-width: 770px) { .grouped-items-list .grouped-result .product-details > .tooltip-icon.mobile { display: inline-block; position: relative; top: 4px; right: auto; } .grouped-items-list .grouped-result .product-details > .tooltip-icon.desktop { display: none; } } .grouped-items-list .grouped-result .product-details .product-name { display: inline; margin-right: 10px; font: 16px "Effra W01 Light", arial, helvetica, sans-serif; letter-spacing: 1px; } /** Grouped Min Price Styles */ .product-view .was-old-price { font-size: 24px; line-height: 24px; } .product-view .price-box .old-price { display: inline-block; margin: 0; } .product-view .price-box .old-price ~ .special-price { display: block; margin: 0; } .products-grid [id*="configurable-price-from-"] ~ .starting-at { display: none; } .products-grid .grouped-special .old-price { height: 20px; } .products-grid .grouped-special .old-price .price-label { position: relative; overflow: hidden; white-space: nowrap; width: 94px; display: inline-block; vertical-align: text-top; } .products-grid .grouped-special .old-price .price-label:before { content: ""; padding-left: 100%; } .products-grid .grouped-special .old-price .price-label:after { content: "REGULAR PRICE: -"; text-decoration: line-through; position: absolute; top: 0; left: 0; line-height: 14px; } .products-grid .grouped-special .old-price ~ .special-price { clear: both; } /** Price Difference **/ .price-difference { margin-left: 4px; color: #474747; } .label .price-difference { display: none; } /* low stock message styles */ .low-stock-message { color: #BC5136; font-size: 14px; padding: 25px 0; } @media screen and (max-width: 740px) { .low-stock-message { text-align: center; padding: 14px 0; } .grouped-items-list .low-stock-message.grouped-result { padding: 14px 0; } } .low-stock-message.configurable { border-top: 1px solid #d4cbc1; border-bottom: 1px solid #d4cbc1; margin-top: 28px; padding: 25px 0; } .low-stock-message.simple { padding: 25px 0; border-bottom: 1px solid #d4cbc1; list-style: none; } @media screen and (max-width: 740px) { .low-stock-message.simple { padding: 14px 0; } } .low-stock-message.hide-indicator { display: none !important; } /** recaptcha styles **/ .recaptcha .style-checkbox { margin: 15px 0; background-color: #FFF; width: 100%; height: auto; } .recaptcha.rc-modal { position: absolute; bottom: 100%; background: #FFF; background-clip: border-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px; margin: 0; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); border-radius: 3px; outline: 0; z-index: 2000000000; } .rc-overlay { position: fixed; background: rgba(0, 0, 0, 0.5); bottom: 0; right: 0; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; z-index: 1999999999; } /** end recaptcha styles **/ .cart .totals h2 { display: none; } #estimate-cell { display: none; } @media screen and (max-width: 740px) { .cart .totals { position: static !important; } } /* ACCOUNT PAGE CSS */ #payment_form_authnetcim * { font-family: "Effra W01 Regular", arial, helvetica, sans-serif !important; } label[for="authnetcim_save"] { font-size: 13px !important; margin-top: -2px !important; margin-left: 4px !important; } .manage-payment-method ol form { display: inline-block; } address.box-content { margin-bottom: 40px; } /* NEEDS TO HAVE CUSTOM JS TIED INTO THE MODULE TO ADD CLASS FOR CHECKOUT ON NEW CARD ADD */ /* SAVED CC */ .use-saved-card li.authnetcim_new.credit-card-number, .use-saved-card li.authnetcim_new:nth-child(7), #payment_form_authnetcim li.cc-accepted-container label { display: none; } .manage-payment-method small.right.pages { margin-right: 23%; margin-top: -5px; } /* NO JS CLICKED USE SAVED CC */ #payment_form_authnetcim > li:nth-child(4) { bottom: 10px; } /* JS CLICKED NEW CARD */ .use-diff-card > li:nth-child(2) { display: none; } #payment_form_authnetcim > li:nth-child(3) { bottom: 10px; left: 212px; } #payment_form_authnetcim .authnetcim_new .style-checkbox.active { background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png); background-repeat: no-repeat; background-color: #d4cbc1; background-position: -120px 3px; } .no-saved-payment #payment_form_authnetcim > li.authnetcim_new.credit-card-number { left: 10px !important; bottom: auto !important; display: list-item; } .no-saved-payment #payment_form_authnetcim > li:nth-child(5) { top: -42px; left: -55px; } .no-saved-payment.guest-checkout #payment_form_authnetcim > li:nth-child(5) { top: -20px; left: 70px; } #payment_form_authnetcim.use-diff-card li.authnetcim_new input[name="payment[save]"] + div, .no-saved-payment #payment_form_authnetcim li.authnetcim_new input[name="payment[save]"] + div { border-radius: 50%; } #authnetcim_cc_type_exp_div div .v-fix { margin-bottom: 5px; } /* Adding styling changes for Review button on PDP */ .content-inner #BVRRContainer .bv-cleanslate .bv-content-list-container .bv-action-bar-header, .content-inner #BVQAContainer .bv-cleanslate .bv-content-list-container .bv-action-bar-header { display: none !important; } .bv-cv2-cleanslate .bv-compat .bv-primarySummary-rating-container .bv-summary-bar .bv-stars-container .bv-rating-stars-container { font-family: 'BVCustom', 'times new roman' !important; text-decoration: none !important; word-wrap: normal !important; zoom: 1 !important; display: inline-block !important; vertical-align: middle !important; -webkit-font-smoothing: antialiased !important; overflow: hidden !important; } .bv-cv2-cleanslate .bv-compat .bv-primarySummary-rating-container .bv-summary-bar .bv-stars-container .bv-rating-stars-container:hover { text-decoration: none !important; } .bv-cv2-cleanslate .bv-compat .bv-primarySummary-rating-container .bv-summary-bar .bv-stars-container .bv-rating-stars-container .bv-rating-stars { font-size: 15px !important; } /* END*/ /* BREAKPOINTS */ @media screen and (min-width: 741px) and (max-width: 890px) { .manage-payment-method .col2-set .col-2 .form-list label[for="authnetcim_sameCard_1"] { width: 85%; } } @media screen and (max-width: 350px) { .manage-payment-method .col2-set .col-2 .form-list label[for="authnetcim_sameCard_1"] { width: 75%; } } @media screen and (max-width: 360px) { .recaptcha { transform: scale(0.85); transform-origin: 0; transform: scale(0.85); transform-origin: 0 0; } } @media screen and (max-width: 1100px) { .newsletter-form .recaptcha { transform: scale(0.85); transform-origin: 0; transform: scale(0.85); transform-origin: 0 0; right: -50px; bottom: 65%; } } /* ============================================ PURCHASE ORDERS ============================================ */ .my-account .po-search .buttons-set { padding-top: 20px; } .my-account .search-results .order-data { padding-top: 10px; } .my-account .search-results .order-data a { line-height: 14px; } .my-account .search-results .order-data .order-details .order-info-box { margin-top: 20px; } .my-account .search-results .order-data .order-details .items-list .items-list-table .product-image { display: none; } .my-account .search-results .order-data .order-details .items-list .items-list-table .product-name { font-size: 12px; } .my-account .search-results .order-data .order-details .details-list .po-table, .my-account .search-results .order-data .order-details .items-list .po-table, .my-account .search-results .order-data .order-details .tracks-list .po-table { width: 100%; font-size: 12px; } .my-account .search-results .order-data .order-details .details-list .po-table thead, .my-account .search-results .order-data .order-details .items-list .po-table thead, .my-account .search-results .order-data .order-details .tracks-list .po-table thead { background-color: #f0f0f0; } .my-account .search-results .order-data .order-details .details-list .po-table thead th, .my-account .search-results .order-data .order-details .items-list .po-table thead th, .my-account .search-results .order-data .order-details .tracks-list .po-table thead th { font-size: 13px; padding: 5px; } .my-account .search-results .order-data .order-details .details-list .po-table tbody tr, .my-account .search-results .order-data .order-details .items-list .po-table tbody tr, .my-account .search-results .order-data .order-details .tracks-list .po-table tbody tr { border-top: 1px solid #ccc; } .my-account .search-results .order-data .order-details .details-list .po-table tbody tr td, .my-account .search-results .order-data .order-details .items-list .po-table tbody tr td, .my-account .search-results .order-data .order-details .tracks-list .po-table tbody tr td { padding: 0 3px; } /* My Payment Data page */ .customer-paymentinfo-index .breadcrumbs { display: none; } /* ============================================ IE POPUP ============================================ */ .sticky-popup { position: fixed; } .sticky-popup.bottom { bottom: 0; } .sticky-popup .popup-close { position: absolute; right: 10px; top: 5px; font-size: 20px; cursor: pointer; } .ie-popup { width: 100%; background-color: #BC5136; padding: 10px; z-index: 99999; } .ie-popup .inner { color: #FFF; } .ie-popup .inner .popup-close { font-size: 38px; right: 16px; line-height: 25px; } .ie-popup .inner .content { padding: 10px 26px; text-align: center; font-size: 2em; } @media screen and (max-width: 770px) { .ie-popup .inner .popup-close { font-size: 30px; } .ie-popup .inner .content { font-size: 1.5em; } } /* ============================================ SHOWROOM LOCATOR ============================================ */ .showroom-locator { font-size: 14px; } .showroom-locator .locator-content { margin: 30px 40px 10px; position: relative; } .showroom-locator .locator-content .locator-search { background: #eee; padding: 12px 20px; margin-bottom: 20px; text-align: center; } .showroom-locator .locator-content .locator-search .input-box { display: inline; } .showroom-locator .locator-content .locator-search input { width: 150px; margin-right: 20px; font-size: 16px; height: 38px; } .showroom-locator .locator-content .locator-search input::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } .showroom-locator .locator-content .locator-search input:-ms-input-placeholder { color: #ccc; text-transform: uppercase; } .showroom-locator .locator-content .locator-search input::placeholder { color: #ccc; text-transform: uppercase; } .showroom-locator .locator-content .locator-search label { display: inline-block; font-size: 18px; margin: 7px 20px 0 0; } @media screen and (max-width: 960px) { .showroom-locator .locator-content .locator-search label { display: block; margin-bottom: 15px; } } .showroom-locator .locator-content .locator-search button { display: inline-block; font-size: 14px; min-width: 160px; } .showroom-locator .locator-content .locator-search .validation-advice { font-size: 11px; position: absolute; bottom: -20px; left: 0; white-space: nowrap; } @media screen and (max-width: 960px) { .showroom-locator .locator-content .locator-search .validation-advice { bottom: -28px; } } .showroom-locator .locator-content .locator-search-results { margin: 0 20px; } .showroom-locator .locator-content .locator-search-results .results-expression .results-radius { color: #777; } .showroom-locator .locator-content .locator-stores-map { width: 100%; margin: 20px 40px 0; } .showroom-locator .locator-content .locator-stores-map .locator-stores { float: left; max-width: 300px; width: 40%; margin-right: 3%; } .showroom-locator .locator-content .locator-stores-map .locator-stores .pagination-holder { margin-top: 15px; } .showroom-locator .locator-content .locator-stores-map .locator-stores .pagination-holder .prev, .showroom-locator .locator-content .locator-stores-map .locator-stores .pagination-holder .next { display: none; } .showroom-locator .locator-content .locator-stores-map .locator-stores .stores-list { overflow-y: auto; max-height: 800px; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper { position: relative; padding: 0 5px 20px; margin-bottom: 30px; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper:last-child, .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper:nth-child(5n) { margin-bottom: 10px; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content { position: relative; border: 1px solid #ccc; padding: 8px 8px 30px; -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1); } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .marker-part { max-width: 60px; height: 100%; float: left; width: 22%; margin-right: 2%; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .marker-part .location-marker { text-align: center; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .marker-part .location-marker .location-marker-image { background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/marker.png"); width: 31px; height: 31px; background-repeat: no-repeat; background-size: contain; display: inline-block; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .marker-part .location-marker .location-marker-image .location-marker-counter { text-align: center; font-weight: bold; color: #FFF; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .marker-part .location-distance { text-align: center; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .address-part { float: left; max-width: 230px; width: 75%; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .address-part .location-name { line-height: normal; font-weight: bold; margin-bottom: 5px; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .address-part .location-direction { margin-top: 5px; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .location-content .address-part .location-phone { color: #474747; } .showroom-locator .locator-content .locator-stores-map .locator-stores .location-wrapper .action-part { position: absolute; bottom: 0; left: 50%; margin-left: -90px; padding: 10px; border: 1px solid #ccc; text-transform: uppercase; background: #fff; text-align: center; color: #BC5136; cursor: pointer; } .showroom-locator .locator-content .locator-stores-map .locator-map { float: left; width: 55%; } .showroom-locator .locator-content .locator-overlay { width: 100%; height: 100%; z-index: 1000010; position: absolute; left: 0; top: 0; } .showroom-locator .locator-content .locator-overlay .please-wait { position: relative; left: 50%; top: 50%; margin-left: -70px; } @media screen and (max-width: 770px) { .showroom-locator .locator-content { margin: 15px 0 10px; } .showroom-locator .locator-content .locator-stores-map { margin: 20px 0 0; } .showroom-locator .locator-content .locator-stores-map .locator-stores { float: none; max-width: 100%; width: 100%; } .showroom-locator .locator-content .locator-stores-map .locator-stores .stores-list { max-height: inherit !important; } .showroom-locator .locator-content .locator-stores-map .locator-map { float: none; max-width: 100%; width: 100%; margin-top: 30px; min-height: 350px !important; } } @media screen and (max-width: 480px) { .showroom-locator .locator-content .locator-search .form-list input, .showroom-locator .locator-content .locator-search .form-list button, .locator-direction .locator-search .form-list input, .locator-direction .locator-search .form-list button { width: 100%; } .showroom-locator .locator-content .locator-search .form-list button, .locator-direction .locator-search .form-list button { margin-top: 10px; } .showroom-locator .locator-content .locator-search .form-list .validation-advice, .locator-direction .locator-search .form-list .validation-advice { position: static; text-align: left; white-space: normal; } } .locator-direction .locator-search { background: #eee; padding: 14px 10px; margin-bottom: 25px; text-align: center; } .locator-direction .locator-search .input-box { display: inline; } .locator-direction .locator-search input { width: 250px; margin-right: 20px; font-size: 16px; height: 38px; } .locator-direction .locator-search input::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } .locator-direction .locator-search input:-ms-input-placeholder { color: #ccc; text-transform: uppercase; } .locator-direction .locator-search input::placeholder { color: #ccc; text-transform: uppercase; } .locator-direction .locator-search label { display: inline-block; font-size: 18px; margin: 7px 20px 0 0; } @media screen and (max-width: 960px) { .locator-direction .locator-search label { display: block; margin-bottom: 15px; } } .locator-direction .locator-search button { display: inline-block; font-size: 13px; min-width: 160px; } .locator-direction .locator-search .validation-advice { font-size: 11px; position: absolute; bottom: -20px; left: 0; white-space: nowrap; } @media screen and (max-width: 960px) { .locator-direction .locator-search .validation-advice { bottom: -32px; } } .locator-direction .direction-panel { width: 38%; float: left; margin-right: 1%; } .locator-direction .direction-panel .adp-placemark { margin: 0 0 10px 0; } .locator-direction .locator-map { width: 60%; float: left; } @media screen and (max-width: 770px) { .locator-direction .direction-panel, .locator-direction .locator-map { width: 100%; float: none; } } /* ============================================ ORDER TRACKING ============================================ */ .orders-tracking .tracking-header { font-size: 14px; margin: 10px 0; } .orders-tracking h2 { font-size: 16px; margin-bottom: 10px; } .orders-tracking .tracking-form .input-box { width: 300px; max-width: 100%; } .orders-tracking .tracking-form .form-buttons { margin-top: 21px; } .orders-tracking .tracking-form .form-buttons .button { min-width: 200px; } .orders-tracking .order-data { font-size: 14px; } .orders-tracking .order-data .items-list { margin-top: 25px; } .orders-tracking .order-data .items-list .items-list-table .product-image { display: none; } .orders-tracking .order-data .items-list .items-list-table .product-name { font-size: 12px; } .orders-tracking .order-data .details-list-table, .orders-tracking .order-data .items-list-table { width: 100%; font-size: 12px; } .orders-tracking .order-data .details-list-table thead, .orders-tracking .order-data .items-list-table thead { background-color: #f0f0f0; } .orders-tracking .order-data .details-list-table thead th, .orders-tracking .order-data .items-list-table thead th { font-size: 13px; padding: 5px; } .orders-tracking .order-data .details-list-table tbody tr, .orders-tracking .order-data .items-list-table tbody tr { border-top: 1px solid #ccc; } .orders-tracking .order-data .details-list-table tbody tr td, .orders-tracking .order-data .items-list-table tbody tr td { padding: 0 3px; word-break: break-word; } /* ============================================ GLOBAL STYLES ============================================ */ .colon:after { content: ":"; } .product-flag.discontinued { color: #BC5136; } .product-shop .product-flag.discontinued { margin-left: 5px; } .page-separator { border-top: 1px solid #ccc; width: 100%; height: 1px; margin: 30px 0; } .form-list .input-text.grizzled, .form-list textarea.grizzled { border: 1px solid #ccc; } .form-list .input-text.grizzled::-webkit-input-placeholder, .form-list textarea.grizzled::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } .form-list .input-text.grizzled:-ms-input-placeholder, .form-list textarea.grizzled:-ms-input-placeholder { color: #ccc; text-transform: uppercase; } .form-list .input-text.grizzled::placeholder, .form-list textarea.grizzled::placeholder { color: #ccc; text-transform: uppercase; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } :root { --microtip-transition-duration: 0.2s; --microtip-transition-delay: 0.1s; --microtip-transition-easing: ease-out; --microtip-font-size: 12px; --microtip-font-weight: normal; --microtip-text-transform: none; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /** Mixins, Variables and Helpers */ .triangle-props { content: ""; display: block; position: absolute; } @media only screen and (max-width: 1480px) { .hp-guide .hp-guide-block .slab .slab-content { padding: 50px 20% 0 45px; } } @media only screen and (min-width: 1195px) { .hp-hero .image-container { height: 550px; } .customer-account-login #login-form .col2-set { width: 70%; } } @media only screen and (max-width: 1195px) { .page { width: 100%; } #main-nav li.level-top { padding: 0 2.25%; } /*Product Listing*/ .toolbar > * { margin-left: 6.73400673%; } .hp-hero .image-container { height: 480px; } .hp-guide .hp-guide-block .slab .slab-content { padding: 50px 30px 0 45px; } } @media only screen and (min-width: 741px) and (max-width: 1100px) { .catalog-product-view .content-pane.container .product-main-info-container, .catalog-product-view .content-pane.container .breadcrumbs-pdp, .catalog-product-view .content-pane.container .product-collateral, .catalog-product-view .content-pane.container .box-up-sell, .catalog-product-view .content-pane.container .box-related, .catalog-product-view .content-pane.container .pdp-review, .catalog-product-view .content-pane.container .rfk-container, .catalog-product-view .content-pane.container .messages { padding: 0; } } @media only screen and (max-width: 1100px) { .catalog-product-view .product-collateral .pdp-product-gallery .curalate-header { max-width: 100%; } } @media only screen and (max-width: 1060px) { .cart .totals { width: 66.90140845%; } .cart .cart-collaterals { float: left; width: auto; } .cart .discount, .cart .shipping { float: none; margin-left: 0; } .cart .shipping { margin-top: 20px; } } @media only screen and (max-width: 960px) { .respond960 { display: block !important; } #main-nav li.level-top { padding: 0 1.71287%; } #main-nav li.level-top.first { margin-left: 0; } #main-nav li.level-top a.level-top { font-size: 13px; padding: 20px 0; } .header-container .logo { width: 262px; height: 30px; background-size: 262px 30px; margin-top: 15px; } .form-search-mini input[type="text"] { width: 140px; } .footer .footer-links .middle-part { width: 60%; margin-left: 1%; } .footer .spiffs { width: 30%; margin-right: 1%; } .footer .newsletter-form { float: none; } .footer .subscribe-social .social-icons { float: none; margin-top: 5px; } .footer .subscribe-social .social-icons li:first-child { margin-left: -10px; } .footer .subscribe-social .social-icons li .icon { margin: 0 10px 0 0; } /* ============================================ Homepage ============================================ */ .widget-featured-products .widget-products { width: 94%; margin: 0 auto; padding-left: 0; padding-right: 0; } .widget-featured-products .btn-wrapper { display: none; } .hp-categories-block li .slab { max-width: 70%; } .hp-guide .hp-guide-block .slab { position: relative; max-width: 95%; width: 60%; padding: 0; background: transparent; margin: -10% auto 0 auto; } .hp-guide .hp-guide-block .slab .slab-content { max-width: 100%; padding: 25px; } .hp-guide .hp-guide-block .slab .slab-content .slab-link { position: inherit; bottom: auto; margin-top: 20px; } /* ============================================ Product Listing ============================================ */ .toolbar > * { margin-left: 4.48933782%; } .col2-left-layout .col-main { width: 70.53072626%; } .col2-left-layout .col-left { width: 23.18435754%; margin-right: 6.2849162%; margin-top: 25px; } .catalogsearch-result-index .col2-left-layout .col-left, .search-result-index .col2-left-layout .col-left { margin-top: 76px; } .products-grid .item { width: 48.51485149%; margin-left: 0; margin-bottom: 55px; } .products-grid .item:nth-of-type(2n+1) { clear: both; } .cms-home .products-grid .item:nth-of-type(2n+1) { clear: none; } .category-products .products-grid .item.first { margin-right: 2.97029703%; } .category-products .products-grid .item.last { margin-left: 2.97029703%; } .catalog-category-view .main { position: relative; padding-top: 50px; padding-bottom: 37.70949720670391%; /*270/716*/ } .catalogsearch-result-index .main, .search-result-index .main { position: relative; padding-bottom: 37.70949720670391%; /*270/716*/ } .category-view > .toolbar, .results-view .toolbar { position: absolute; top: 0; left: 0; width: 100%; } .catalogsearch-result-index .category-products, .search-result-index .category-products { padding-top: 50px; } .catalogsearch-result-index .page-title, .search-result-index .page-title { display: none; } .bottom-container { width: 140%; margin-left: -40%; } .products-list .product-image { width: 39.83739837%; } .products-list .product-details { width: 57.72357724%; } /* ============================================ Category Landing ============================================ */ .category-landing .main { padding: 0; } .category-landing.clp-new.catalog-category-view .main { padding-bottom: 0; } .category-landing .sidebar { float: none !important; width: auto !important; margin: 0 0 40px 0 !important; } .category-landing .sidebar h2 { margin-bottom: 12px; } .category-landing .sidebar ol { float: left; width: 33%; } .category-landing .sidebar .widget-static-block { display: none; } .category-landing .col-main { float: none !important; width: auto !important; } /* ============================================ My Account Section ============================================ */ .my-account-section .col2-left-layout .col-left { margin-right: 0; margin-top: 0; } .my-account .data-table td { font-size: 10px; padding: 10px 0 10px 2.7027027%; } .my-account .data-table thead th { padding: 14px 0 14px 2.7027027%; } #rma_create_form label { width: 22%; } /*CMS menu*/ .cms-menu ul li a, .cms-menu ul li strong { padding-left: 35px; padding-right: 35px; } .catalog-category-view .category-products .products-list .item .split-button, .catalog-category-view .category-products .products-list .item .link-wishlist, .search-result-index .category-products .products-list .item .split-button, .search-result-index .category-products .products-list .item .link-wishlist { left: 34%; } .category-products-ph .ph-picture { height: 260px; } } @media only screen and (max-width: 868px) { /* ============================================ Global Header & Navigation ============================================ */ .respond768 { display: block !important; } /* ============================================ Homepage ============================================ */ /*Hero Rotator*/ #hero, .hero-image-slider { margin-bottom: 30px; } #hero .carousel-control, .hero-image-slider .carousel-control { display: block; } .carousel-control { display: none; } .featured-categories { margin-top: 25px; } .featured-listing { padding-bottom: 46px; } .featured-listing .sidebar h2 { font-size: 20px; line-height: 30px; padding-bottom: 12px; border-bottom: 1px solid #afa9a3; } .featured-listing .sidebar .std { display: none; } .widget-featured-products .widget-title { padding: 34px 0 34px 0; } /* ============================================ Category Landing ============================================ */ .category-landing .categories-list li { float: left; width: 30%; margin: 0 0 0 4.72222222%; padding-bottom: 4.72222222%; position: relative; } .category-landing .categories-list li.category-2, .category-landing .categories-list li.category-3 { margin: 0; } .category-landing .categories-list li.end { margin: 0 0 0 4.72222222%; } .category-landing .categories-list li.tablet-end { margin: 0; } .category-landing .categories-list li:first-child { width: 64.72222222%; margin: 0 4.72222222% 0 0; } /* ============================================ Product Detail ============================================ */ .product-img-box { width: 48.18435754%; } .product-img-box .btn-wrapper .banana-control { height: 24px; margin-top: -12px; background-position: -356px -41px; background-size: 400px 300px; } .product-img-box .btn-wrapper .banana-control.next { background-position: right -41px; background-size: 400px 300px; } .product-shop { width: 48.18435754%; } .product-view .box-collateral { width: 48.18435754%; } .catalog-product-view .product-view .box-collateral { margin: 0 auto; } .catalog-product-view .product-view .box-collateral.box-related, .catalog-product-view .product-view .box-collateral.box-up-sell { width: 100%; } .catalog-product-view .product-view .box-collateral.box-related .product-details, .catalog-product-view .product-view .box-collateral.box-up-sell .product-details { width: 100%; float: none; margin: 0; } .catalog-product-view .product-view .box-collateral.box-related a .product-image, .catalog-product-view .product-view .box-collateral.box-up-sell a .product-image { width: 100%; float: none; } .product-view .box-collateral.resource-links { float: none; width: 100%; clear: both; } .product-view .box-collateral.box-related li, .product-view .box-collateral.box-up-sell li { float: none; width: 100%; margin: 0 0 20px 0; } .product-view .box-collateral.box-related li:before, .product-view .box-collateral.box-up-sell li:before, .product-view .box-collateral.box-related li:after, .product-view .box-collateral.box-up-sell li:after { content: " "; display: table; } .product-view .box-collateral.box-related li:after, .product-view .box-collateral.box-up-sell li:after { clear: both; } .product-view .box-collateral.box-related .product-image, .product-view .box-collateral.box-up-sell .product-image { float: none; } .product-view .box-collateral.box-related .product-details, .product-view .box-collateral.box-up-sell .product-details { float: left; width: 49.27536232%; margin-left: 4.34782609%; } /* ============================================ Shopping Cart ============================================ */ .cart .totals .button.large > span { padding: 0 30px; } .cart .totals table tfoot td { font-size: 17px; } /* ============================================ Checkout ============================================ */ .cart-subtotals-block { width: 33.93854749%; } .opc { width: 60.89385475%; } .opc-progress-container { width: 33.93854749%; } .order-review .data-table .product-image, .order-review .data-table .product-details { margin-left: 0; width: 100%; } .order-review .data-table .product-details { padding-top: 10px; } .order-review .data-table .product-name { font-size: 12px; line-height: 1em; } .order-review .totals-box { width: 100%; float: none; } #checkout-step-login .col-1 { max-width: 230px; width: 50%; margin-bottom: 40px; padding-left: 10px; } #checkout-step-login .col-2 { padding-right: 10px; } /*Order view*/ .sales-order-view .order-review .totals-box { margin-bottom: 20px; } /* ============================================ CMS Pages ============================================ */ .cms-media-center .social-icons li { float: none; width: 100%; } .cms-media-center .media-container.video > div { float: none; width: 100%; } .catalog-product-view .products-grid.listrak-recommendations[data-ltk-take="3"] .item { margin-left: 0; } } @media only screen and (max-width: 768px) { .respond768 { display: block !important; } #hero, .hero-image-slider { margin-bottom: 30px; } #hero .carousel-control, .hero-image-slider .carousel-control { display: block; } .carousel-control { display: none; } .featured-categories { margin-top: 25px; } .featured-listing { padding-bottom: 46px; } .featured-listing .sidebar h2 { font-size: 20px; line-height: 30px; padding-bottom: 12px; border-bottom: 1px solid #afa9a3; } .featured-listing .sidebar .std { display: none; } .widget-featured-products .widget-title { padding: 34px 0 34px 0; } .category-landing .categories-list li { float: left; width: 30%; margin: 0 0 0 4.722222222222222%; padding-bottom: 4.722222222222222%; position: relative; } .category-landing .categories-list li.category-2, .category-landing .categories-list li.category-3 { margin: 0; } .category-landing .categories-list li.end { margin: 0 0 0 4.722222222222222%; } .category-landing .categories-list li.tablet-end { margin: 0; } .category-landing .categories-list li:first-child { width: 64.72222222222223%; margin: 0 4.722222222222222% 0 0; } .product-img-box { width: 48.184357541899445%; } .product-img-box .btn-wrapper .banana-control { height: 24px; margin-top: -12px; background-position: -356px -41px; background-size: 400px 300px; } .product-img-box .btn-wrapper .banana-control.next { background-position: right -41px; background-size: 400px 300px; } .product-shop { width: 48.184357541899445%; } .product-view .box-collateral { width: 48.184357541899445%; } .product-view .box-collateral.box-up-sell, .product-view .box-collateral.resource-links { float: none; width: 100%; clear: both; } .product-view .box-collateral.box-related li { float: none; width: 100%; margin: 0 0 20px 0; } .product-view .box-collateral.box-related li:before, .product-view .box-collateral.box-related li:after { content: " "; display: table; } .product-view .box-collateral.box-related li:after { clear: both; } .product-view .box-collateral.box-related .product-image { float: left; width: 26.666666666666668%; } .product-view .box-collateral.box-related .listrak-recommendations a.product-image { float: none; width: 100%; } .product-view .box-collateral.box-related .product-details { float: left; width: 49.275362318840585%; margin-left: 4.3478260869565215%; } .cart .totals table tfoot td { font-size: 17px; } .opc { width: 60.893854748603346%; } .opc-progress-container { width: 33.93854748603352%; } .order-review .data-table .product-image, .order-review .data-table .product-details { margin-left: 0; width: 100%; } .order-review .data-table .product-details { padding-top: 10px; } .order-review .data-table .product-name { font-size: 12px; line-height: 1em; } .order-review .totals-box { width: 100%; float: none; } #checkout-step-login .col-1 { width: 100%; max-width: none; margin: 30px 0 0; padding: 30px 0 0px 0 !important; float: none; border-left: 0 none; border-top: 1px solid #d4cbc1; order: 2; } #checkout-step-login .col-2 { width: 50%; padding-right: 0; order: 1; } #checkout-step-login .col2-set { display: flex; flex-direction: column; } .sales-order-view .order-review .totals-box { margin-bottom: 20px; } .cms-media-center .social-icons li { float: none; width: 100%; } .cms-media-center .media-container.video > div { float: none; width: 100%; } .category-landing.clp-new .cover-image { background-image: none !important; } .category-landing.clp-new .inspiration .left-side { width: 100%; margin-right: 0; } } @media only screen and (min-width: 740px) { .nav-search .nav-container #main-nav li.level-top.separator:before { content: ""; display: block; width: 1px; background-color: #515151; height: 16px; left: 0; top: calc(50% - 8px); float: left; position: relative; } .hp-categories-block .hp-categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; } } @media screen and (max-width: 840px) { .form-search-mini form label { display: none; } .form-search-mini .autosuggestions { left: 0; } .form-search-mini input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */ opacity: 1; } .form-search-mini input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity: 1; } .form-search-mini input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity: 1; } .form-search-mini input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */ opacity: 1; } } @media only screen and (max-width: 740px) { .respond767 { display: block !important; } .hidden767 { display: none !important; } .content-pane { margin: 138px auto 54px; } /* ============================================ Homepage ============================================ */ .hp-hero .image-container { height: 320px; } .hp-categories-block { margin-bottom: 0; padding: 0 12px; } .hp-categories-block li { float: left; width: 100%; margin-left: 0; margin-bottom: 30px; } .hp-categories-block li:nth-child(2n) .hp-image { text-align: right; display: inline-block; } .hp-categories-block li:nth-child(2n) .slab { float: left; } .hp-categories-block li .slab .slab-content { margin-top: -25%; } .hp-shop-trending { padding: 20px 0 40px 0; } .hp-shop-trending .widget-title { font-size: 28px; letter-spacing: 1.5px; line-height: 32px; margin-bottom: 25px; } .hp-shop-trending .hp-shop-trending-gallery .view-gallery { margin-bottom: 0; } .hp-recent { padding: 35px 0 40px 0; } .hp-recent .widget-title { font-size: 28px; letter-spacing: 1.5px; line-height: 32px; margin-bottom: 45px; } .hp-recent .container { margin-right: 0; margin-left: 20px; width: auto; } .hp-recent .container .products-grid { padding: 0; } .hp-recent .container .products-grid .item .item-wrap { margin: 0 1px; } .hp-recent .container .widget-products .owl-controls { display: none; } .cms-page-view .widget-products .owl-controls { display: none; } .hp-guide .hp-guide-block .slab { width: 80%; } /* ============================================ Global Header & Navigation ============================================ */ .header-container { -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); top: 0; -webkit-transition: all top 0.2s linear ease-out; -moz-transition: all top 0.2s linear ease-out; -o-transition: all top 0.2s linear ease-out; transition: all top 0.2s linear ease-out; -webkit-transition: top 0.2s linear; -moz-transition: top 0.2s linear; -o-transition: top 0.2s linear; transition: top 0.2s linear; } .header-container.hide { top: -72px; } .header-container.show { top: 0; } .header-container .header-panel { text-align: center; } .header-container .header-panel + .container { width: 100%; padding: 3px 0; } .header-container .header-panel .welcome-msg, .header-container .header-panel .web-code, .header-container .header-panel .customer-service { display: none; visibility: hidden; } .header-container .header { margin: 0; } .header-container .branding { float: none; position: absolute; left: 50%; margin-left: -16px; width: 32px; padding: 2px 0; } .header-container .branding .logo { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/logo-short@1x.svg"); width: 39px; height: 39px; background-size: 39px 39px; margin-top: 0; background-position: center; } .header-container .quick-access { margin: 0; padding: 4px 10px 0 0; } .header-container .quick-access .icon-group .links li a { width: 38px; } .header-container .quick-access .account-links { display: none; visibility: hidden; } .header-container .free-shipping-msg { float: none; } .header-container .free-shipping-msg.shipping-info { display: block; } .header-container .free-shipping-msg a { font-size: 11px; } /* ============================================ Navigation ============================================ */ #mobile-trigger.mobile-menu { display: block; background: #fcfaf7; font-size: 11px; color: #685A50; text-transform: uppercase; float: left; line-height: 42px; margin-left: 10px; padding-left: 30px; } #mobile-trigger.mobile-menu:before { display: inline-block; width: 38px; height: 38px; content: ''; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/hamburger@1x.svg"); background-repeat: no-repeat; position: absolute; left: 3px; top: 0px; } #mobile-trigger.mobile-menu.opened:before { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/close@1x.svg"); } #mobile-wrap { position: relative; } #nav-wrapper.mobileNavigation { border-top: 0; background-color: #fff; display: none; position: fixed; width: 100%; height: 100vh; top: 77px; left: 0; z-index: 9999; overflow-y: auto; } #nav-wrapper.mobileNavigation.expanded .nav-links { display: none !important; } #nav-wrapper.mobileNavigation .nav-container { float: none; width: auto; } #nav-wrapper.mobileNavigation .nav-container input[type="text"] { padding: 5px 10px; } #nav-wrapper.mobileNavigation.open { -webkit-overflow-scrolling: touch; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #nav-wrapper.mobileNavigation.open .nav-container { border-top: 1px solid #f0f0f0; } #nav-wrapper.mobileNavigation .nav-links.respond767 ul.links:first-child { margin-top: 0; } #nav-wrapper.mobileNavigation .nav-links.respond767 > ul.links:first-child { display: none; } #nav-wrapper.mobileNavigation #main-nav { float: none; display: block; background-color: #fcfaf7; position: relative; padding: 15px 0; } #nav-wrapper.mobileNavigation #main-nav li.level-top { display: block; float: none; padding: 0; margin: 0; text-align: left; } #nav-wrapper.mobileNavigation #main-nav li.level-top.expanded a.level-top { color: #515151; } #nav-wrapper.mobileNavigation #main-nav li.level-top a.level-top { width: 100%; padding: 0 25px; line-height: 40px; text-align: left; font-size: 12px; letter-spacing: 1px; border-top: 0; } #nav-wrapper.mobileNavigation #main-nav li.level-top a.level-top > span { padding: 0; } #nav-wrapper.mobileNavigation #main-nav li.level-top a.level-top:after { display: inline-block; width: 38px; height: 38px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/arrow@1x.svg"); position: absolute; right: 20px; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown { display: none; opacity: 1; z-index: 1; position: absolute; top: 0; left: 0; padding: 0 0 20px; min-height: 150vh; background-color: #fcfaf7; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown .container { width: 100%; padding: 0; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown .container .mobile-back { display: block; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 { display: block; text-align: left; padding: 0; margin: 0; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1 { margin: 0; border-bottom: 1px solid #ddd5cd; width: 100%; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1 a { border: 0; display: inline-block; width: 100%; height: 100%; padding: 15px 20px; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1 a.parent { position: relative; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1 a.parent:after { display: inline-block; width: 38px; height: 38px; content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/plus@1x.svg"); position: absolute; right: 20px; top: 2px; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1.expanded { background: #fff; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1.expanded .level-1 { display: block; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1.expanded .level-1 li a { padding: 7px 15px; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1.expanded .level-1 li:last-child { margin-bottom: 20px; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 li.level1.expanded a.parent:after { content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/minus@1x.svg"); } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown ul.level0 .level-1 { display: none; } #nav-wrapper.mobileNavigation #main-nav li.level-top .dropdown .spiff { display: block; padding: 30px 0 100px; max-width: 50%; float: left; } #nav-wrapper.mobileNavigation #main-nav li.level-top.expanded .dropdown { display: block; } #nav-wrapper .respond767.nav-links { padding-bottom: 150px; float: none; } #nav-wrapper .respond767.nav-links > ul.links:first-child { margin-top: 15px; } #nav-wrapper .respond767.nav-links ul.links li { display: block; text-align: left; } #nav-wrapper .respond767.nav-links ul.links li a { line-height: 40px; padding: 0 25px; display: block; background-color: #fff; text-transform: uppercase; color: #515151; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; } #nav-wrapper .respond767.nav-links ul.links .service-link { display: none; } .nav-search { text-align: center; } .nav-search .search-wrapper { margin: 0 10px; } .form-search-mini { float: none; margin-bottom: 5px; } .form-search-mini form label { display: none; } .form-search-mini .autosuggestions { left: 0; } .form-search-mini input[type="text"] { padding: 6px 10px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } .nav-showing { overflow: hidden; position: fixed; } .nav-showing .header-container { position: fixed; } .footer .footer-links.container { margin: 0; width: 100%; } .footer .footer-links .middle-part { width: 100%; padding: 30px 20px 15px; margin: 0; } .footer .footer-links .middle-part .newsletter-form, .footer .footer-links .middle-part .social-icons, .footer .footer-links .middle-part .f-links { text-align: center; } .footer .spiffs { width: 100%; background: #fff; padding: 30px 0; border-bottom: 2px solid #f5f6f6; } .footer .spiffs div.images { margin: 0 auto; } .footer .spiffs div.images a { display: inline-block; } .footer .spiffs div.images a:nth-child(2n) { float: none; } .footer .spiffs div.images a:nth-child(2n+1) { float: none; margin-right: 35px; } .footer .spiffs div.images .label { word-break: break-word; max-width: 85px; width: 100%; } /* ============================================ Hero Rotator ============================================ */ #hero { margin-bottom: 0; padding-bottom: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .carousel-nav { bottom: 24px; display: block !important; opacity: 100 !important; filter: alpha(opacity=10000) !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } .cms-index-index .carousel-nav, .cms-index-index .carousel-control { display: none; } .featured-categories .tool-tip { display: none !important; } /* ============================================ Form Elements ============================================ */ .select-wrap { width: 100%; } .customStyleSelectBox, .swatch-select { width: 100%; } .form-list .input-box { width: 100%; } .buttons-set .button { width: 100%; } /* ============================================ Data Tables ============================================ */ /*Stacked Data Tables*/ .data-table.stacked th { display: none !important; } .data-table.stacked tbody tr td { padding: 10px 0; display: block; border: none; } .data-table.stacked tbody tr td:before { content: attr(data-header) ": "; vertical-align: top; display: inline-block; color: #493627; text-transform: uppercase; padding-right: 8px; } .data-table.stacked tbody tr td:first-child { padding-top: 24px; } .data-table.stacked tbody tr td.last { padding-bottom: 24px; } /* ============================================ Breadcrumbs ============================================ */ .breadcrumbs { display: none; } /* ============================================ Category Landing ============================================ */ .category-landing .category-title { margin: 16px 0; } .category-landing.category-lighting .category-title { background-color: #9b8e92; } .category-landing .sidebar { margin: 0; } .category-landing .sidebar .block-title h2 { text-align: center; } .category-landing .sidebar .block-content { display: none; } .category-landing .categories-list li { float: none; width: 100%; margin: 3% 0 0 0; padding-bottom: 0; background-color: #f0f0f0; } .category-landing .categories-list li a { display: table; } .category-landing .categories-list li .category-image { display: table-cell; width: 37.5%; } .category-landing .categories-list li .category-image img { width: 100%; } .category-landing .categories-list li .category-name { display: table-cell; vertical-align: middle; position: static; width: 54.6875%; font-size: 15px; white-space: normal; overflow: visible; padding: 0; } .category-landing .categories-list li .category-name span { display: block; padding-left: 11.42857143%; } .category-landing .categories-list li.category-2, .category-landing .categories-list li.category-3 { margin: 3% 0 0 0; } .category-landing .categories-list li.end { margin: 3% 0 0 0; } .category-landing .categories-list li.tablet-end { margin: 3% 0 0 0; } .category-landing .categories-list li:first-child { width: 100%; margin: 0; } .category-landing.clp-new .page .category-title { max-height: none; display: block; } .category-landing.clp-new .page .category-title .title-wrapper { width: 100%; display: block; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .category-landing.clp-new .page .category-title .title-wrapper h1 { padding: 8% 3% 3%; margin: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); font-size: 3.5em; } .category-landing.clp-new .page .category-title .category-image { width: 100%; } .category-landing.clp-new .page .categories-list-new ul li.category { max-width: calc(50% - 20px); margin: 0 10px 20px 10px; } .category-landing.clp-new .page .categories-list-new ul li.category:nth-child(2n) { margin-right: 0; } .category-landing.clp-new .widget-title { font-size: 2.8em; margin-bottom: 10px; } .category-landing.clp-new .widget-title.margin20 { margin-bottom: 10px; } .category-landing.clp-new .widget-text { font-size: 2em; } .category-landing.clp-new .grey-padding { margin: 20px 0; padding: 20px 0; } .category-landing.clp-new .popular-products, .category-landing.clp-new .shop-by-finish { display: block; } .category-landing.clp-new .popular-products .right-side, .category-landing.clp-new .shop-by-finish .right-side { float: none; width: 100%; margin: 0 0 40px; } .category-landing.clp-new .popular-products .left-side, .category-landing.clp-new .shop-by-finish .left-side { float: none; width: 100%; margin: 0; } .category-landing.clp-new .popular-products .widget-products.inline ul.products-grid.listrak-recommendations, .category-landing.clp-new .shop-by-finish .widget-products.inline ul.products-grid.listrak-recommendations { padding: 0 25px; margin-bottom: 0; } .category-landing.clp-new .popular-products .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-prev, .category-landing.clp-new .shop-by-finish .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-prev { left: 0; } .category-landing.clp-new .popular-products .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-next, .category-landing.clp-new .shop-by-finish .widget-products.inline ul.products-grid.listrak-recommendations.owl-carousel .owl-nav button.owl-next { right: 0; } .category-landing.clp-new .rounded-images ul { flex-wrap: wrap; justify-content: space-between; } .category-landing.clp-new .rounded-images ul li { flex-grow: unset; width: calc(52% - 35px); margin-bottom: 30px; } .category-landing.clp-new .rounded-images ul li:nth-child(3n) { margin-right: 35px; } .category-landing.clp-new .rounded-images ul li:last-child, .category-landing.clp-new .rounded-images ul li:nth-child(2n) { margin-right: 0; } .category-landing.clp-new .rounded-images ul li:nth-child(n+4) { margin-bottom: 30px; } .category-landing.clp-new .cover-image { background-image: none !important; } /* ============================================ Product Listing ============================================ */ .catalog-category-view .main, .catalogsearch-result-index .main, .search-result-index .main { padding-top: 0; padding-bottom: 0; min-height: 0; } .catalog-category-view .content-pane, .catalogsearch-result-index .content-pane, .search-result-index .content-pane { margin-bottom: 45px; padding: 0; width: 100%; } .category-products { margin-top: 3.42105263%; padding: 0 3.42105263%; } .col2-left-layout .col-main { width: 100%; } .catalog-category-view .breadcrumbs, .catalogsearch-result-index .breadcrumbs, .search-result-index .breadcrumbs { display: none; } .category-title { display: block; } .category-title h1, .catalogsearch-result-index .page-title h1, .search-result-index .page-title h1 { font-size: 21px; padding: 18px 3.42105263%; } .catalogsearch-result-index .col2-left-layout .col-left, .search-result-index .col2-left-layout .col-left { margin-top: 0; } .back-to-top-desktop { display: none !important; } .toolbar .mobile { display: block; } .toolbar { padding: 14px 3.42105263%; } .toolbar .view-mode, .toolbar .limiter, .toolbar .amount, .toolbar .pages, .toolbar .sort-by label { display: none; } .toolbar > * { margin-left: 0; } .category-view > .toolbar, .results-view .toolbar { position: static; } .toolbar .sort-by { width: auto; margin-left: 12px; } .toolbar .select-wrap { height: 29px; width: auto; } .toolbar .select-wrap select { height: 29px; } .toolbar .customStyleSelectBox { line-height: 29px; height: 29px; } .toolbar .customStyleSelectBoxbefore { right: 12px; } .toolbar .filter-trigger { font-size: 12px; color: #493627; width: auto; float: left; margin-left: 0; } .toolbar .customStyleSelectBoxInner { font-size: 12px; } .toolbar .items-count { float: right; line-height: 29px; } .toolbar-bottom .toolbar { background: none; padding-top: 0; padding-bottom: 0; } .toolbar-bottom .pager { width: 100%; } .toolbar-bottom .pages { display: block; float: none; text-align: center; } .toolbar-bottom .pages strong, .toolbar-bottom .view-mode, .toolbar-bottom .filter-trigger, .toolbar-bottom .sort-by, .toolbar-bottom .respond767 { display: none !important; } .toolbar-bottom .pages ol { margin: 0 auto; float: none; display: inline-block; } .toolbar-bottom .pages ol:before, .toolbar-bottom .pages ol:after { content: " "; display: table; } .toolbar-bottom .pages ol:after { clear: both; } .toolbar-bottom .pages ol li { float: left; } .toolbar-bottom .pages ol li a, .toolbar-bottom .pages ol li span { display: block; font-size: 16px; line-height: 41px; } .toolbar-bottom .pages ol li.next, .toolbar-bottom .pages ol li.previous { line-height: 1em; } .toolbar-bottom .arrow-right, .toolbar-bottom .arrow-left { border: none; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); width: 29px; height: 38px; background-position: -48px 293px; } .toolbar-bottom .arrow-left { background-position: 0 293px; } .bottom-container { position: inherit; width: 100%; margin-left: 0; } .bottom-banner-container { display: none; } /*Mobile Filter Navigation*/ .catalog-category-view .col-left, .catalogsearch-result-index .col-left, .search-result-index .col-left { display: none; position: absolute; width: 100%; top: 52px; left: 0; margin-top: 0; padding: 0 3.42105263%; -webkit-transform: translate(0, -127%); -moz-transform: translate(0, -127%); -ms-transform: translate(0, -127%); -o-transform: translate(0, -127%); transform: translate(0, -127%); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform .5s; z-index: 9998; background-color: #ffffff; -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); } .catalog-category-view .col-left.open, .catalogsearch-result-index .col-left.open, .search-result-index .col-left.open { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); z-index: 100000; } .block-compare { display: none; } .block-layered-nav > .button { margin: 20px 0; } .category-products .compare-link { display: none; } .block-layered-nav dd.cat .viewport { height: auto !important; } .block-layered-nav dd.cat .overview { position: static; } .scrollbar-container .scrollbar { display: none; } /* ============================================ Product Detail ============================================ */ .catalog-product-view .content-pane.container .product-main-info-container { padding: 0; } .catalog-product-view .content-pane.container .product-view > *:not(.product-main-info-container) { padding-left: 25px; padding-right: 25px; } .catalog-product-view #product-details-container { margin-bottom: 40px; } .catalog-product-view .product-shop form > *:not(.product-main-info) { padding-left: 25px; padding-right: 25px; } .catalog-product-view .product-shop form .product-main-info > *:not(.mobile-media) { padding-left: 25px; padding-right: 25px; } .catalog-product-view .product-shop .pdp-price-box { margin: 10px 0 0 0; } .catalog-product-view .product-shop .price-box .special-price .price, .catalog-product-view .product-shop .price-box .regular-price .price, .catalog-product-view .product-shop .price-box .old-price .price { font: 22px 'Effra W01 Light', arial, helvetica, sans-serif; } .catalog-product-view .product-shop .price-box .special-price .price sub, .catalog-product-view .product-shop .price-box .regular-price .price sub, .catalog-product-view .product-shop .price-box .old-price .price sub { font-size: 11px; letter-spacing: 0px; line-height: 11px; } .catalog-product-view .product-shop .free-shipping .free-shiping-link.details .freightDetails { font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; } .catalog-product-view .product-view { padding-top: 0; } .catalog-product-view .product-view .product-shop h1 { font: 22px 'Effra W01 Light', arial, helvetica, sans-serif; letter-spacing: 1.38px; } .catalog-product-view .product-review-details .details-box .product-details-link { font: 10px 'Effra W01 Bold', arial, helvetica, sans-serif; } .catalog-product-view .grouped-items-list .grouped-result .product-name { font: 16px/20px 'Effra W01 Regular', arial, helvetica, sans-serif; } .catalog-product-view .products-grid.listrak-recommendations.owl-carousel { padding: 0; } .catalog-product-view .products-grid.listrak-recommendations.owl-carousel .owl-item { padding-left: 0; } .catalog-product-view .products-grid.listrak-recommendations.owl-carousel .owl-item .item .product-details { padding: 5px 10px; } .catalog-product-view .products-grid.listrak-recommendations.owl-carousel .owl-item .item .product-details .price-box .label { font-size: 16px; line-height: 19px; } .catalog-product-view .products-grid.listrak-recommendations.owl-carousel .owl-item .item .product-details .price-box .price { font-size: 29px; letter-spacing: -1.87px; line-height: 29px; } .catalog-product-view .products-grid.listrak-recommendations.owl-carousel .owl-item .item .product-details .price-box .price sub { font-size: 12px; letter-spacing: 0px; line-height: 12px; } .catalog-product-view .product-options-bottom .add-to-links .add-to-wishlist .link-wishlist:before, .catalog-product-view .add-to-box .add-to-links .add-to-wishlist .link-wishlist:before { left: 20%; } .catalog-product-view .content-pane.container .product-collateral { flex-direction: column; } .catalog-product-view .content-pane.container .product-collateral .pdp-product-gallery, .catalog-product-view .content-pane.container .product-collateral .accordion { width: 100%; } .catalog-product-view .content-pane.container .product-collateral .pdp-product-gallery { order: 1; padding: 10px 0; } .catalog-product-view .content-pane.container .product-collateral .pdp-col-left { width: 100%; margin-bottom: 30px; } .catalog-product-view .content-pane.container .product-collateral .collection-badge .cb-wrap { width: 100%; } .catalog-product-view .content-pane.container .product-collateral .collection-badge .cb-wrap .cb-content { padding: 16px 8px; } .catalog-product-view .content-pane.container .product-collateral .collection-badge .cb-wrap .cb-content .cb-article { font-size: 16px; line-height: 20px; } .catalog-product-view .content-pane.container .product-collateral .collection-badge .cb-wrap .cb-content .cb-name { font-size: 36px; line-height: 42px; } .catalog-product-view .owl-carousel .owl-buttons div { display: none; } .catalog-product-view .resource-links .resource-container { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .catalog-product-view .resource-links .resource-container a { margin: 7px 0; } .catalog-product-view .resource-links .resource-container a span { font-size: 16px; } .catalog-product-view .product-view .box-collateral .box-title h2 { font-size: 28px; line-height: 32px; letter-spacing: 1.5px; } .catalog-product-view .product-view .products-grid .item .product-name { font-size: 15px; min-height: inherit; } .catalog-product-view .products-grid.listrak-recommendations .item .item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .products-grid.listrak-recommendations .item .item-container a { width: 100%; } .catalog-product-view .products-grid.listrak-recommendations .item .item-container a .product-image { width: 100%; } .catalog-product-view .products-grid.listrak-recommendations .item .item-container .product-details { width: 100%; margin: 0; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search { border: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead { background-color: #fff !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-summary-bar { border: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-searchbar .bv-masthead-search .bv-fieldsets input.bv-text { width: 230px !important; width: -webkit-calc(100% - 70px) !important; width: -moz-calc(100% - 70px) !important; width: calc(100% - 70px) !important; padding: .5em 10px .5em 10px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-searchbar .bv-masthead-search .bv-fieldsets > .bv-search-control-icon { display: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-searchbar .bv-masthead-search .bv-fieldsets .bv-content-btn.bv-content-search-btn { width: 70px !important; display: block !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-search .bv-masthead .bv-content-product-stats { border: none !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-header .bv-action-bar-header { float: none !important; font: 22px 'Montserrat-Regular', arial, helvetica, sans-serif !important; text-transform: capitalize !important; font-weight: 700 !important; letter-spacing: 0.46px !important; margin-bottom: 16px !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-header .bv-write-review-container { float: none !important; max-width: 100% !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-header .bv-write-review-container .bv-submission-button { width: 100% !important; max-width: 100% !important; width: -webkit-calc(100% - 2px) !important; width: -moz-calc(100% - 2px) !important; width: calc(100% - 2px) !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-header .bv-control-bar .bv-control-bar-count { flex: 0 1 39% !important; padding: 0 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-header .bv-control-bar .bv-control-bar-count .bv-content-pagination-pages-current { white-space: normal !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-header .bv-control-bar .bv-control-bar-sort { flex: 0 1 59% !important; padding: 0 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-placeholder { float: none !important; max-width: 100% !important; position: inherit !important; margin: 0 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-placeholder .bv-submission-button { width: 100% !important; max-width: 100% !important; letter-spacing: 2px !important; text-align: center !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-flex-container-column { width: 100% !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote-request, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote-request { float: left !important; margin: 0 !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-btn-container, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-author-profile-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-btn-container, .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-list-container .bv-content-list .bv-content-item .bv-content-item-avatar-offset .bv-content-actions-container .bv-feedback-container .bv-content-feedback-vote { float: left; } .catalog-product-view .footer-container .footer .footer-links .spiffs { display: none; } .product-collateral .show-more { display: block; } .product-collateral .accordion .Details { height: 250px; overflow: hidden; } .product-collateral .accordion .Details .trigger.open { pointer-events: none; } .product-collateral .accordion .Details .trigger.open:before { content: ''; } .catalog-product-view { overflow-x: hidden; } .catalog-product-view .attribute-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .catalog-product-view .attribute-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 0; } .catalog-product-view .product-shop .product-options-bottom, .catalog-product-view .product-shop .add-to-box { padding: 15px 0; border-bottom: 0; } .catalog-product-view .product-shop .product-options-bottom .add-to-cart, .catalog-product-view .product-shop .add-to-box .add-to-cart { max-width: 100%; width: 100%; margin-bottom: 20px; } .catalog-product-view .product-shop .product-options-bottom .add-to-cart.disabled, .catalog-product-view .product-shop .add-to-box .add-to-cart.disabled { max-width: 100%; width: 100%; } .catalog-product-view .product-shop .product-options-bottom .add-to-links, .catalog-product-view .product-shop .add-to-box .add-to-links { max-width: 100%; } .catalog-product-view .product-view .mobile-media { display: block; padding-bottom: 40px; } .catalog-product-view .product-view .mobile-media .thumbs-counter { display: block; float: right; margin: 10px 10px 0 0; } .catalog-product-view .product-view .product-img-box .more-views .clearfix, .catalog-product-view .product-view .mobile-media .more-views .clearfix { display: none !important; } .catalog-product-view .product-view .product-img-box .carousel-nav, .catalog-product-view .product-view .mobile-media .carousel-nav { bottom: 10px; padding-right: 40px; } .catalog-product-view .product-view .product-img-box .carousel-nav li, .catalog-product-view .product-view .mobile-media .carousel-nav li { margin-left: 10px; } .catalog-product-view .product-view .product-img-box .carousel-nav li a, .catalog-product-view .product-view .mobile-media .carousel-nav li a { width: 7px; height: 7px; background-image: none; border-radius: 50%; background-color: rgba(91, 81, 81, 0.5); } .catalog-product-view .product-view .product-img-box .carousel-nav li.active a, .catalog-product-view .product-view .mobile-media .carousel-nav li.active a { background-color: #3d342e; } .catalog-product-view div.br-sf-widget .br-sf-widget-merchant-cont { display: block; min-height: auto; } .catalog-product-view .product-options-bottom, .catalog-product-view .add-to-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product-collateral .accordion > li .trigger { width: 100%; } .catalog-product-view .content-inner .std { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .content-inner .std .pdp-product-gallery, .catalog-product-view .content-inner .std .description-content { width: 100%; } .catalog-product-view .content-inner .std .pdp-product-gallery { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #hero .hero-slide, .hero-image-slider .hero-slide { opacity: 1; } .product-img-box .product-image-wrap, .product-img-box .more-views { display: none; } .product-img-box { width: 100%; float: none; } .product-img-box #hero { display: block; padding-bottom: 0; } .product-shop { width: 100%; float: none; } .product-shop .sku { position: static; display: block; padding: 16px 0; } .product-shop .price-box { margin-bottom: 20px; } .product-shop .add-to-cart { width: 100%; } .product-shop .add-to-cart .button { width: 210px; width: -webkit-calc(100% - 46px); width: -moz-calc(100% - 46px); width: calc(100% - 46px); } .product-shop .swatch-select .amconf-images-container { width: 100%; } .product-shop .guest-email-form .buttons-set .button { width: 100%; } .product-view { padding-top: 16px; } .product-view .box-collateral { width: 100%; float: none; } .product-view .box-collateral.box-up-sell { margin-top: 35px; } .product-view .box-collateral.box-up-sell li { float: none; width: 100%; margin: 0 0 20px 0; } .product-view .box-collateral.box-up-sell li:before, .product-view .box-collateral.box-up-sell li:after { content: " "; display: table; clear: both; } .product-view .box-collateral.box-up-sell .product-image { float: left; width: 26.66666667%; } .product-view .box-collateral.box-up-sell .product-details { float: left; width: 49.27536232%; margin-left: 4.34782609%; } /* ============================================ Shopping Cart ============================================ */ .checkout-cart-index .content-pane { padding: 0; margin-bottom: 0; width: 100%; } .cart .page-title, .cart .cart-form, .cart .cart-collaterals, .cart .messages, .cart .cart-empty { margin-left: 3.42105263%; margin-right: 3.42105263%; } .cart .page-title h1 { float: none; } .cart .page-title .cc-methods { float: none; width: auto; padding: 12px 0; } .cart .page-title .cc-methods .push { height: auto; display: block; } .cart .page-title .vip-message { float: none; margin: -15px 0 0 0; } .cart .page-title .vip-message .push { height: auto; display: block; } .cart .data-table.stacked tbody td { padding: 12px 3.24324324%; } .cart .data-table.stacked tbody td:first-child:before, .cart .data-table.stacked tbody td.last:before { display: none; } .cart .data-table.stacked tbody td:first-child { padding-top: 24px; padding-bottom: 0; border-top: 1px solid #6e6256; width: 100%; } .cart .data-table.stacked tbody tr.last td.last { border-bottom: 1px solid #d4cbc1; } .cart .data-table.stacked tbody .product-image, .cart .data-table.stacked tbody .product-details { float: none; width: 100%; margin-left: 0; } .cart .data-table.stacked tbody .product-image { margin-bottom: 14px; } .cart .data-table.stacked tbody td.quantity { padding-top: 0; padding-bottom: 0; } .cart .data-table.stacked tbody td.quantity:before { line-height: 30px; } .cart .data-table.stacked tfoot .button { width: 100%; margin-left: 0; } .cart .data-table.stacked tfoot .button:first-child { margin-bottom: 10px; } .cart .cart-collaterals { float: none; width: auto; } .cart .discount, .cart .shipping { width: 100%; } .cart .discount .input-wrapper { width: 100%; } .cart .discount .input-box { width: 100%; } .cart .discount .input-box .input-text { width: 100%; } .cart .discount .button { float: none; } .cart .totals { float: none; width: 100%; margin-top: 34px; } .cart .totals table, .cart .totals .checkout-types { width: 100%; float: none; } .cart .totals .checkout-types { border-top: 1px solid #6e6256; margin-top: 20px; padding-top: 20px; } .cart .totals .button.large { width: 100%; } /* ============================================ Checkout ============================================ */ .checkout-onepage-index .content-pane { padding: 0; margin-bottom: 0; width: 100%; } .cart-subtotals-block { display: none; } .opc { width: 100%; } .opc .page-title, .opc .section { margin-left: 3.42105263%; margin-right: 3.42105263%; } .opc-progress-container { display: none !important; } .opc .buttons-set { padding-top: 30px; } .opc .form-list .control { padding-top: 12px; } #checkout-step-login .col-1, #checkout-step-login .col-2 { float: none; width: 100%; padding: 0; } #checkout-step-login .col-1 { max-width: 100%; } #billing-new-address-form + .control, #billing-new-address-form + .control + .control { float: none; } #billing-new-address-form + .control + .control { padding-left: 0; } #checkout-step-payment .sp-methods .month-wrap, #checkout-step-payment .sp-methods .year-wrap { width: 48%; } #checkout-step-payment .sp-methods .month-wrap .select-wrap, #checkout-step-payment .sp-methods .year-wrap .select-wrap, #checkout-step-payment .sp-methods .month-wrap .customStyleSelectBox, #checkout-step-payment .sp-methods .year-wrap .customStyleSelectBox { width: 100%; } #checkout-step-payment .sp-methods .year-wrap { margin-left: 4%; } .checkout-onepage-payment-additional-giftcardaccount { margin: 20px 0 0 0; } .opc .please-wait { display: none; } #opc-review { margin-left: 0; margin-right: 0; } #opc-review.active { padding-bottom: 0; } #opc-review .step-title { margin-left: 3.42105263%; margin-right: 3.42105263%; } #checkout-review-table-wrapper { margin-left: 3.42105263%; margin-right: 3.42105263%; } .order-review .data-table { border-bottom: none; margin-bottom: 0; } .order-review .data-table tr td { border-top: none; } .order-review .data-table tbody .last td { border-bottom: none; } .order-review .data-table tbody tr td:first-child { border-top: 1px solid #493627; } .order-review .data-table tbody tr.first td:first-child { border-top: none; } .order-review .data-table tbody tr td:first-child { width: 100%; } .order-review .data-table tbody tr td:first-child:before { display: none !important; } .order-review .data-table .product-image, .order-review .data-table .product-details { margin-left: 0; width: 100%; float: none; } .order-review .data-table .product-image { max-width: 100%; width: auto; } .order-review .data-table .product-details { padding-top: 10px; } .order-review .data-table .product-name { font-size: 12px; line-height: 1em; } .order-review .totals .last td { padding-bottom: 16px; } .order-review .totals-box .buttons-set { border-top: 1px solid #493627; } .order-review .totals-box { width: 100%; float: none; padding-left: 3.42105263%; padding-right: 3.42105263%; } /* ============================================ Paypal Express Order Review ============================================ */ .paypal-express-review .content-pane { padding: 0; margin-bottom: 0; width: 100%; } .paypal-express-review .page-title { padding-left: 3.42105263%; padding-right: 3.42105263%; } .paypal-review-order .col2-set { padding-left: 3.42105263%; padding-right: 3.42105263%; } .paypal-review-order .data-table { width: 93.15789473684211%; margin: 0 auto; } .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { width: 100%; float: none; } .paypal-review-order .col2-set .col-1 { margin: 0 0 30px 0; } .paypal-review-order .buttons-set-order { width: 100%; float: none; padding-left: 3.421052631578948%; padding-right: 3.421052631578948%; } /* ============================================ CMS Pages ============================================ */ .cms-page-view .page-title h1, .catalogrequest-form-index .page-title h1, .sales-guest-form .page-title h1 { padding: 27px 0; } /*CMS menu*/ .cms-menu { display: none; } .cms-mobile-menu { display: block; padding: 27px 0; } .cms-mobile-menu .customStyleSelectBox { background: #e0dedf; } .cms-mobile-menu .cms-menu { display: block; } /*about us*/ .std .col3-set > div { float: none; width: 100%; margin-right: 0; } /*media center*/ /* ============================================ CMS Pages ============================================ */ .cms-media-center .social-icons li { float: left; width: 50%; } .cms-media-center .col2-set .col-1, .cms-media-center .col2-set .col-2 { width: 100%; float: none; padding-right: 0; margin-bottom: 40px; } .media-container.video > div { width: 100%; margin-right: 0; } /*our heritage*/ .cms-our-heritage .col2-set .col-1, .cms-our-heritage .col2-set .col-2 { width: 100%; float: none; padding-right: 0; margin-bottom: 20px; } .contacts-index-index .col-main .col-1, .contacts-index-index .col-main .col-2, .trade-page-wr .col-2, .trade-page-wr .col-1 { width: 100%; margin-left: 0; float: none; } /* ============================================ Customer Account ============================================ */ /*Login Page*/ .account-login .col2-set .col-1, .account-login .col2-set .col-2 { width: 100%; float: none; padding: 0; margin-bottom: 40px; border: 0; } .account-login .col2-set .col-1 { padding-bottom: 40px; border-bottom: 1px solid #d4cbc1; } /*Wishlist Login Page*/ .wishlist-login .col2-set .col-1, .wishlist-login .col2-set .col-2 { width: 100%; float: none; padding-right: 0; margin-bottom: 40px; } .wishlist-login .col2-set .col-divider { display: none; } /* ============================================ My Account Section ============================================ */ .my-account-section .content-pane { margin-bottom: 0; } .my-account-section .col2-left-layout .col-main, .my-account-section .col2-left-layout .col-left { width: 100%; float: none; } .my-account-section .data-table.stacked tbody tr td { padding: 0; } .my-account-section .data-table.stacked tbody tr td:first-child { padding-top: 20px; } .my-account-section .data-table.stacked tbody tr td.last { padding-bottom: 20px; } /*select*/ .block-account .block-content.desktop, .block-account .block-title { display: none; } .block-account .block-content.mobile { display: block; } .block-account { padding: 0; } /*Dashboard*/ .dashboard .welcome-msg h2 { font-size: 14px; } .my-account-section .col2-set .col-1, .my-account-section .col2-set .col-2 { width: 100%; float: none; padding-right: 0; } .my-account .table-caption { font-size: 13px; } .my-account .data-table td { font-size: 12px; } /*My Orders*/ .my-account-section .limiter .select-wrap { width: inherit !important; } .order-info ul li { padding: 0 1.5625%; } .data-table.stacked.tracking-table tbody tr td:before { display: none; } .sales-order-view #my-orders-table, .sales-order-view .order-items .table-caption, .sales-order-view .order-page { margin-left: 3.42105263%; margin-right: 3.42105263%; margin-bottom: 0; } .sales-order-view .buttons-set .back-link { margin-left: 3.42105263%; } .sales-order-view .block-account { padding: 0; margin-left: 3.42105263%; margin-right: 3.42105263%; } .my-account-section.sales-order-view .content-pane { width: 100%; } .sales-order-view .order-review .data-table tbody tr td:first-child { border-top: none; } .sales-order-view .order-info ul li { padding: 0; } /*My Returns*/ #track-info-table td { display: block; border-bottom: none; } .enterprise-rma-return-view .field-wrapper { width: 100%; } #rma_create_form ul li .input-box, #rma_create_form label, #rma_create_form #rma_comment, #rma_create_form ul li .input-box.comment, #rma_create_form .order-page h5 { width: 100%; } #track-info-table button { width: 100%; } .data-table.stacked#track-info-table tbody tr td, .data-table.stacked#track-info-table tbody tr td:before { vertical-align: top; line-height: 30px; } .data-table.stacked#track-info-table tbody tr:first-child { border-top: none; } .enterprise-rma-return-view a.track { margin-top: 19px; } .enterprise-rma-tracking-popup button { width: 100%; } /*My Credit Cards*/ .authorizenetcim-account-add .form-list .month-wrap .select-wrap, .authorizenetcim-account-add .form-list .year-wrap .select-wrap, .authorizenetcim-account-add .form-list .month-wrap .customStyleSelectBox, .authorizenetcim-account-add .form-list .year-wrap .customStyleSelectBox { width: 115px; } /* ============================================ Popup Dialog Block ============================================ */ .popup-block .block-content .form-buttons .button + .button { margin-left: 0; } #narrow-by-list .price-secondary.no-display { display: none; } .category-products-ph .ph-picture { height: 335px; } } @media only screen and (max-width: 640px) { .cart-subtotals-block { display: none !important; } /* Tools */ .respond640 { display: block; } /** Mixins, Variables and Helpers */ .triangle-props { content: ""; display: block; position: absolute; } .print-btn { display: none !important; } #vid { float: none; text-align: center; display: block; } .footer .back-to-top { margin-bottom: 32px; } .footer .back-to-top a { display: block; width: 160px; height: 52px; color: #fff; text-transform: uppercase; background-color: #fb8c6e; margin: 0 auto; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .footer .back-to-top a .text { display: block; float: left; margin-top: 18px; } .footer .back-to-top a .icon { width: 36px; height: 27px; background-position: -671px 0; vertical-align: sub; margin: 13px 13px 0 13px; float: left; } .footer .newsletter-form .form-subscribe .form-subscribe-header label { font-size: 16px; height: 19px; letter-spacing: 0.5px; line-height: 19px; } .footer .newsletter-form .form-subscribe .field-wrapper { width: 100%; } .footer .newsletter-form .form-subscribe .field-wrapper .input-box input { max-width: 100%; width: 100%; } .footer .footer-links.container .social-icons { margin: 0; } .footer .footer-links.container .social-icons li { float: none; } .footer .back-to-top.respond640 { display: none; } /* ============================================ Homepage ============================================ */ .hp-hero .slab { max-width: 90%; } .hp-hero .slab .slab-content { padding: 0; transform: translateY(-25%); } .hp-hero .slab .slab-content a { padding: 20px 27px; } .hp-hero .slab .slab-content .slab-title { font-size: 28px; letter-spacing: 1.5px; line-height: 32px; } .hp-hero .slab .slab-content .slab-text { font-size: 22px; font-weight: normal; letter-spacing: 1px; line-height: 26px; } .hp-categories-block li .slab .slab-content { padding: 10px 15px; } .hp-categories-block li .slab .slab-content .slab-title { font-size: 22px; letter-spacing: 1px; line-height: 26px; } .hp-categories-block li .slab .slab-content .slab-text { font-size: 20px; letter-spacing: 1px; line-height: 24px; } .hp-recent .products-grid .item .product-details { padding: 0 10px 15px; } .hp-recent .products-grid .item .price-box .label { font-size: 16px; } .hp-recent .products-grid .item .price-box .price { font-size: 28px; } .hp-recent .products-grid .item .product-name a { max-height: 4.4em; line-height: 1.1em; font-size: 16px; } .hp-recent .products-grid .item .item-wrap { margin: 0 2px; } .cms-index-index .std .spiffs { display: none; } .featured-categories { margin-top: 0; padding-top: 20px; } .featured-categories .menu li { padding: 27px 0; } .featured-categories .menu li a { width: 46px; height: 46px; } .featured-categories .menu li a:before { width: 46px; height: 46px; -webkit-border-radius: 46px; -moz-border-radius: 46px; border-radius: 46px; } .featured-categories .menu li img { -webkit-border-radius: 46px; -moz-border-radius: 46px; border-radius: 46px; } .featured-categories .menu li .overlay { -webkit-border-radius: 46px; -moz-border-radius: 46px; border-radius: 46px; } .featured-listing { padding-top: 0; padding-bottom: 22px; } .featured-listing .category-intro { display: none; } .featured-listing h2.respond640 { font-size: 20px; line-height: 50px; border-bottom: 1px solid #afa9a3; margin-bottom: 22px; } .featured-listing .products-grid .item { width: 100%; margin: 0 0 24px 0; } .featured-listing .products-grid .item:before, .featured-listing .products-grid .item:after { content: " "; display: table; } .featured-listing .products-grid .item:after { clear: both; } .featured-listing .products-grid .item .product-image { float: left; width: 45.66666667%; } .featured-listing .products-grid .item .product-details { float: left; width: 45%; margin-left: 6%; } .widget-featured-products .widget-title { padding: 34px 0 34px 0; } .widget-featured-products .widget-products { width: 100%; padding: 0 0 0 12.77173913%; } .widget-featured-products .banana-nav { display: none; } .product-shop .share-this { text-align: center; } /* ============================================ Popup Dialog Block ============================================ */ .popup-block { width: 90%; max-width: 100%; margin-left: -45%; } .cms-page-view .products-grid.listrak-recommendations .item .product-details .product-name { max-height: 4.4em; line-height: 1.1em; font-size: 16px; } .cms-page-view .products-grid.listrak-recommendations .item .product-details .price-box .label { font-size: 16px; } .cms-page-view .products-grid.listrak-recommendations .item .product-details .price-box .price { font-size: 28px; } .category-products-ph .ph-picture { height: 290px; } } @media only screen and (max-width: 480px) { /* Tools */ .respond480 { display: block !important; } /* ============================================ Product Listing Page ============================================ */ .category-products .products-grid .item, .category-products.products-grid .item.first, .category-products .products-grid .item.last { float: none; margin: 0 0 55px 0; width: 48%; display: inline-block; vertical-align: top; } .products-grid .item { width: 48.51485149%; margin-left: 0; margin-bottom: 55px; } .category-products .products-grid .item.first { margin-right: 2.97029703%; } .category-products .products-grid .item.last { margin-left: 2.97029703%; } .results-view .products-grid .item:last-child, .results-view .products-grid .item:last-child { margin-bottom: 45px; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder { position: relative !important; bottom: 20px !important; right: 87px !important; min-width: 300px !important; } .hp-guide .hp-guide-block .slab { width: 90%; } .category-products-ph .ph-picture { height: 215px; } } @media only screen and (max-width: 440px) { .footer .newsletter-form .form-subscribe .field-wrapper .input-box input { width: 100%; } } @media only screen and (min-width: 961px) and (max-width: 1100px) { .catalog-category-view .category-products .products-list .item .split-button, .catalog-category-view .category-products .products-list .item .link-wishlist, .search-result-index .category-products .products-list .item .split-button, .search-result-index .category-products .products-list .item .link-wishlist { left: 17%; } } @media only screen and (min-width: 550px) and (max-width: 959px) { .catalog-category-view .category-products .products-list .item .split-button, .catalog-category-view .category-products .products-list .item .link-wishlist, .search-result-index .category-products .products-list .item .split-button, .search-result-index .category-products .products-list .item .link-wishlist { left: 32%; } } @media only screen and (min-width: 440px) and (max-width: 549px) { .catalog-category-view .category-products .products-list .item .split-button, .catalog-category-view .category-products .products-list .item .link-wishlist, .search-result-index .category-products .products-list .item .split-button, .search-result-index .category-products .products-list .item .link-wishlist { left: 30%; } .category-products-ph .ph-picture { height: 200px; } } @media only screen and (min-width: 375px) and (max-width: 439px) { .catalog-category-view .category-products .products-list .item .split-button, .catalog-category-view .category-products .products-list .item .link-wishlist, .search-result-index .category-products .products-list .item .split-button, .search-result-index .category-products .products-list .item .link-wishlist { left: 28%; } .category-products-ph .ph-picture { height: 168px; } } @media only screen and (max-width: 320px) { .respond320 { display: block !important; } .catalog-product-view .pdp-review .bv-cv2-cleanslate .bv-content-placeholder { position: relative !important; bottom: 20px !important; left: 21px !important; min-width: 300px !important; } } @media only screen and (min-width: 860px) and (max-width: 979px) { .nav-search .nav-container #main-nav li.level-top a.level-top span { font-size: 10px; } .category-landing.clp-new .page .category-title .title-wrapper h1, .category-landing.clp-new .page .categories-list-new .widget-title { font-size: 5em; } } @media only screen and (min-width: 800px) and (max-width: 859px) { .nav-search .nav-container #main-nav li.level-top a.level-top span { font-size: 9px; } .category-landing.clp-new .page .category-title .title-wrapper h1, .category-landing.clp-new .page .categories-list-new .widget-title { font-size: 4em; } } @media only screen and (min-width: 741px) and (max-width: 799px) { .nav-search .nav-container #main-nav li.level-top a.level-top span { font-size: 8px; } .category-landing.clp-new .page .category-title .title-wrapper h1, .category-landing.clp-new .page .categories-list-new .widget-title { font-size: 3em; } } @media only screen and (min-width: 741px) and (max-width: 1520px) { .catalog-category-view #narrow-by-list .categories-block dd.price-filter ol li, .search-result-index #narrow-by-list .categories-block dd.price-filter ol li { display: block; } .catalog-category-view #narrow-by-list .categories-block dd.price-filter ol li .price-range.price-range-separator, .search-result-index #narrow-by-list .categories-block dd.price-filter ol li .price-range.price-range-separator { display: none; } .catalog-category-view #narrow-by-list .categories-block dd.price-filter ol li .price-range.price-range-input, .search-result-index #narrow-by-list .categories-block dd.price-filter ol li .price-range.price-range-input { margin: 0; display: block; width: 100%; } .catalog-category-view #narrow-by-list .categories-block dd.price-filter ol li .price-range.price-range-submit, .search-result-index #narrow-by-list .categories-block dd.price-filter ol li .price-range.price-range-submit { width: 100%; font-size: inherit; margin: 0; line-height: inherit; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ * Enterprise Wishlist Styles ============================================ */ /* // ---------------------------------------------- // Usage example: // For IE set $mq-support to false. // Set the fixed value. // Then use mixins to test whether styles should be applied. // ---------------------------------------------- $mq-support: false; $mq-fixed-value: 1024; // Renders at fixed value @include bp (min-width, 300px) { div { color:#000; } } // Doesn't render without MQ support @include bp (min-width, 1200px) { div { color:#FFF; } } // Doesn't render without MQ support @include bp (max-width, 300px) { div { color:#444; } } // Renders at fixed value @include bp (max-width, 1200px) { div { color:#888; } } // ---------------------------------------------- */ /* ============================================ * Customer Account Styles ============================================ */ .my-account .my-wishlist a:hover, .my-account .my-wishlist a:focus, .wishlist-shared-index .my-wishlist a:hover, .wishlist-shared-index .my-wishlist a:focus { font-weight: bold; letter-spacing: -0.3px; } .my-account .my-wishlist .wishlists-select, .wishlist-shared-index .my-wishlist .wishlists-select { margin-bottom: 40px; } .my-account .my-wishlist .wishlists-select .current-wishlist, .wishlist-shared-index .my-wishlist .wishlists-select .current-wishlist { font-size: 18px; cursor: pointer; text-transform: capitalize; } .my-account .my-wishlist .wishlists-select .list-container ul li, .wishlist-shared-index .my-wishlist .wishlists-select .list-container ul li { margin: 2px 0; } .my-account .my-wishlist .wishlists-select .list-container ul li + li, .wishlist-shared-index .my-wishlist .wishlists-select .list-container ul li + li { margin-top: 10px; } .my-account .my-wishlist .wishlists-select .list-container ul li a, .wishlist-shared-index .my-wishlist .wishlists-select .list-container ul li a { font-size: 18px; text-transform: capitalize; } .my-account .my-wishlist .wishlists-select .list-container ul li a span.count, .wishlist-shared-index .my-wishlist .wishlists-select .list-container ul li a span.count { font-size: 0.8em; } .my-account .my-wishlist .wishlists-select .list-container div.back, .wishlist-shared-index .my-wishlist .wishlists-select .list-container div.back { margin-top: 20px; } .my-account .my-wishlist .wishlists-select .list-container div.back a, .wishlist-shared-index .my-wishlist .wishlists-select .list-container div.back a { cursor: pointer; } .my-account .my-wishlist .wishlist-create-form .form-list .input-text, .my-account .my-wishlist .wishlist-create-form .form-list textarea, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .input-text, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list textarea { border: 1px solid #ccc; } .my-account .my-wishlist .wishlist-create-form .form-list .input-text::-webkit-input-placeholder, .my-account .my-wishlist .wishlist-create-form .form-list textarea::-webkit-input-placeholder, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .input-text::-webkit-input-placeholder, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list textarea::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } .my-account .my-wishlist .wishlist-create-form .form-list .input-text:-ms-input-placeholder, .my-account .my-wishlist .wishlist-create-form .form-list textarea:-ms-input-placeholder, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .input-text:-ms-input-placeholder, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list textarea:-ms-input-placeholder { color: #ccc; text-transform: uppercase; } .my-account .my-wishlist .wishlist-create-form .form-list .input-text::placeholder, .my-account .my-wishlist .wishlist-create-form .form-list textarea::placeholder, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .input-text::placeholder, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list textarea::placeholder { color: #ccc; text-transform: uppercase; } .my-account .my-wishlist .wishlist-create-form .form-list .control, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .control { padding-top: 0; } .my-account .my-wishlist .wishlist-create-form .form-list .control .style-checkbox, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .control .style-checkbox { height: 18px; width: 18px; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; } .my-account .my-wishlist .wishlist-create-form .form-list .control label, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-list .control label { margin: 0 0 0 10px; } .my-account .my-wishlist .wishlist-create-form .form-buttons, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-buttons { padding-top: 15px; } .my-account .my-wishlist .wishlist-create-form .form-buttons button, .wishlist-shared-index .my-wishlist .wishlist-create-form .form-buttons button { margin-bottom: 10px; } .my-account .my-wishlist .data-table thead tr th.empty, .wishlist-shared-index .my-wishlist .data-table thead tr th.empty { display: none; } .my-account .my-wishlist .data-table thead tr th.product-image-col, .wishlist-shared-index .my-wishlist .data-table thead tr th.product-image-col { min-width: 50px; width: 15%; } .my-account .my-wishlist .data-table tbody tr td, .wishlist-shared-index .my-wishlist .data-table tbody tr td { text-transform: uppercase; max-width: 350px; } .my-account .my-wishlist .data-table tbody tr td .cart-cell .truncated, .wishlist-shared-index .my-wishlist .data-table tbody tr td .cart-cell .truncated { margin-top: 5px; } .my-account .my-wishlist .data-table tbody tr td .link-wishlist, .my-account .my-wishlist .data-table tbody tr td .split-button-created, .wishlist-shared-index .my-wishlist .data-table tbody tr td .link-wishlist, .wishlist-shared-index .my-wishlist .data-table tbody tr td .split-button-created { margin-top: 10px; display: inline-block; } .my-account .my-wishlist .data-table tbody tr td .link-wishlist > a.change, .my-account .my-wishlist .data-table tbody tr td .split-button-created > a.change, .wishlist-shared-index .my-wishlist .data-table tbody tr td .link-wishlist > a.change, .wishlist-shared-index .my-wishlist .data-table tbody tr td .split-button-created > a.change { display: inline-block; } .my-account .my-wishlist .data-table tbody tr td .link-wishlist > strong > span, .my-account .my-wishlist .data-table tbody tr td .split-button-created > strong > span, .wishlist-shared-index .my-wishlist .data-table tbody tr td .link-wishlist > strong > span, .wishlist-shared-index .my-wishlist .data-table tbody tr td .split-button-created > strong > span { display: none; } .my-account .my-wishlist .data-table tbody tr td a.button, .wishlist-shared-index .my-wishlist .data-table tbody tr td a.button { max-width: 150px; width: 100%; } .my-account .my-wishlist .data-table tbody tr td a.button > span, .wishlist-shared-index .my-wishlist .data-table tbody tr td a.button > span { padding: 0; } .my-account .my-wishlist .data-table tbody tr td.add-to-cart-wrapper, .wishlist-shared-index .my-wishlist .data-table tbody tr td.add-to-cart-wrapper { min-width: 150px; width: 18%; } .my-account .my-wishlist .data-table tbody tr td.empty, .wishlist-shared-index .my-wishlist .data-table tbody tr td.empty { display: none; } .my-account .my-wishlist .data-table tbody tr td.product-image-col, .wishlist-shared-index .my-wishlist .data-table tbody tr td.product-image-col { min-width: 50px; } .my-account .my-wishlist .data-table tbody tr td:last-child, .wishlist-shared-index .my-wishlist .data-table tbody tr td:last-child { padding-right: 0; } .my-account .my-wishlist .buttons-set, .wishlist-shared-index .my-wishlist .buttons-set { padding-top: 36px; } .my-account .my-wishlist .buttons-set button, .wishlist-shared-index .my-wishlist .buttons-set button { margin-bottom: 10px; } .my-account .my-wishlist .buttons-set .btn-share.left, .wishlist-shared-index .my-wishlist .buttons-set .btn-share.left { margin-right: 5px; } #wishlist_edit_action_container { left: 0; position: fixed; top: 50px; width: 100%; z-index: 99999; } #wishlist_edit_action_container .popup-block { background: #F4F4F4; border: 1px solid #CCCCCC; display: block; margin: 0 auto; padding: 2% 20px; width: 100%; max-width: 500px; min-width: 320px; } #wishlist_edit_action_container .popup-block .block-title { padding-top: 0; border-top: 0; } #wishlist_edit_action_container .popup-block .block-title .btn-close { position: absolute; right: 0; top: 0; cursor: pointer; } .wishlist-actions-container { content: ''; display: table; clear: both; width: 100%; margin-bottom: 10px; } .wishlist-actions-container .sub-title { float: left; } .wishlist-actions-container .sub-title .item-count { text-transform: none; margin-left: 10px; } .wishlist-actions-container .sub-title .wishlist-edit { margin-left: 10px; font-size: 15px; } .wishlist-actions-container .btn-create { float: right; } .wishlist-management .table-caption { content: ''; display: table; clear: both; width: 100%; border-bottom: 1px solid #CCCCCC; font-size: 16px; } .wishlist-management .table-caption .sub-title { padding-bottom: 5px; } .wishlist-management .table-caption .sub-title h2 { font-size: 20px; } .wishlist-management .table-caption .sub-title .item-count { margin: 0 5px; font-size: 12px; } .wishlist-management .table-caption .note-msg { text-transform: none; } .wishlist-management .table-caption .label { float: left; text-transform: capitalize; font-weight: normal; } .wishlist-management .table-caption #wishlists-select, .wishlist-management .table-caption #wishlists-move, .wishlist-management .table-caption #wishlists-copy { float: left; position: relative; padding-bottom: 5px; } .wishlist-management .table-caption #wishlists-select .split-button-title, .wishlist-management .table-caption #wishlists-move .split-button-title, .wishlist-management .table-caption #wishlists-copy .split-button-title { display: inline; } .wishlist-management .table-caption #wishlists-select .change, .wishlist-management .table-caption #wishlists-move .change, .wishlist-management .table-caption #wishlists-copy .change { font-size: 15px; } .wishlist-management .table-caption #wishlists-select .list-container, .wishlist-management .table-caption #wishlists-move .list-container, .wishlist-management .table-caption #wishlists-copy .list-container { width: auto; left: auto; right: 0; } .wishlist-management .table-caption #wishlists-select .list-container li, .wishlist-management .table-caption #wishlists-move .list-container li, .wishlist-management .table-caption #wishlists-copy .list-container li { padding: 7px 10px; } .wishlist-management .table-caption #wishlists-select .list-container li a, .wishlist-management .table-caption #wishlists-select .list-container li span, .wishlist-management .table-caption #wishlists-move .list-container li a, .wishlist-management .table-caption #wishlists-move .list-container li span, .wishlist-management .table-caption #wishlists-copy .list-container li a, .wishlist-management .table-caption #wishlists-copy .list-container li span { font-size: 15px; padding: 0; } .wishlist-management .table-caption #wishlists-select .list-container li:last-child, .wishlist-management .table-caption #wishlists-move .list-container li:last-child, .wishlist-management .table-caption #wishlists-copy .list-container li:last-child { border-bottom: 0; } .wishlist-management .table-caption #wishlists-move, .wishlist-management .table-caption #wishlists-copy { margin-left: 10px; float: right; } .wishlist-management .table-caption #wishlists-move .split-button-title, .wishlist-management .table-caption #wishlists-copy .split-button-title { display: none; } .wishlist-management .table-caption #wishlists-move .change, .wishlist-management .table-caption #wishlists-copy .change { margin-left: 10px; } .wishlist-management + .fieldset .buttons-set button { margin-bottom: 10px; } .fieldset .wishlist-empty { margin-bottom: 30px; } #wishlist-table .description { text-transform: none; display: none; } #wishlist-table .price-box .starting-at { margin-bottom: 0; margin-right: 2px; float: left; display: none; } #wishlist-table .price-box .starting-at:after { content: ':'; } #wishlist-table .price-box p { margin-bottom: 10px; } #wishlist-table .price-box p.minimal-price { display: inline-block; margin: 0; } #wishlist-table .cart-cell { float: left; } #wishlist-table .cart-cell-left { width: 29%; margin-right: 1%; } #wishlist-table .cart-cell-right { width: 70%; } #wishlist-table .button { width: 100%; max-width: 220px; } #wishlist-table .button.choose { margin-bottom: 7px; } #wishlist-table .button > span { padding: 0 10px; } #wishlist-table .disabled-notice { margin: 10px 0 0; font-size: 10px; text-transform: none; line-height: 1.2em; } #wishlist-table .input-text, #wishlist-table textarea { border: 1px solid #ccc; } #wishlist-table .input-text::-webkit-input-placeholder, #wishlist-table textarea::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } #wishlist-table .input-text:-ms-input-placeholder, #wishlist-table textarea:-ms-input-placeholder { color: #ccc; text-transform: uppercase; } #wishlist-table .input-text::placeholder, #wishlist-table textarea::placeholder { color: #ccc; text-transform: uppercase; } #wishlist-table tr td:first-child { padding: 10px 1.5%; } #wishlist-table tr th:first-child { padding: 14px 1.5%; width: 25px; } #wishlist-table tr td.last { padding: 10px 0 10px 1%; } #wishlist-table .add-to-cart-alt .input-text.qty { margin-bottom: 5px; } #wishlist-table .add-to-cart-alt button { white-space: nowrap; } #wishlist-table .item-manage .split-button { float: right; margin-bottom: 3px; } #wishlist-table .item-manage .split-button .change:after { top: 5px; } #wishlist-table .item-manage .split-button .list-container { left: auto; right: 0; width: auto; } #wishlist-table .item-manage .split-button .list-container li span { padding: 7px 10px; } #wishlist-table .item-manage .split-button ~ .btn-update { clear: right; float: right; margin-top: 10px; } .cart-table .split-button > strong { display: none; } @media only screen and (max-width: 479px) { body.customer-account .my-account .my-wishlist .fieldset { margin-top: 10px; } #wishlist-table .item-manage .split-button { float: left; margin-right: 20px; margin-left: 0; /*margin-top: $trim-small;*/ } #wishlist-table .item-manage .split-button .list-container { left: 0; right: auto; } #wishlist-table .item-manage .split-button ~ .btn-update { clear: left; float: left; } #wishlist-table .item-manage .btn-remove2 { float: left; margin-right: 30px; } #wishlist-table thead { display: none; } .customer-wishlist-item-info .item-manage { content: ''; display: table; clear: both; width: 100%; } .data-table .product-image { float: none; } .wishlist-search-view #wishlist-table.clean-table td { max-width: 100%; } .my-account .my-wishlist .data-table tbody tr td { display: block; width: 100%; padding: 5px 0; max-width: none; border: 0 none; } .my-account .my-wishlist .data-table tbody tr td.last { border-bottom: 1px solid #d6ccc3; } .my-account .my-wishlist .data-table tbody tr td:first-child { display: table-cell; width: 10%; border-top: 1px solid #d6ccc3; } .my-account .my-wishlist .data-table tbody tr:first-child td:first-child { border: 0 none; } } .wishlist-search-view h2.subtitle { margin-top: 20px; margin-bottom: 5px; } .wishlist-search-view .info-table .nobr { margin-right: 30px; } .wishlist-search-view #wishlist-table.clean-table td { max-width: 100%; } .wishlist-search-view #wishlist-table.clean-table td p.qty { text-align: center; width: 100%; } .wishlist-search-view #wishlist-table.clean-table td .price-box { margin: 0; } .wishlist-search-view #wishlist-table.clean-table th { padding-left: 2px; padding-right: 2px; } .wishlist-search-view .truncated .truncated_full_value .item-options { left: -40px; } @media only screen and (min-width: 979px) { #wishlist-view-form #wishlist-table .cart-cell-left { width: 49%; } #wishlist-view-form #wishlist-table .cart-cell-right { width: 50%; } } @media only screen and (max-width: 770px) { .wishlist-search-view #wishlist-table.clean-table td { max-width: 100px; word-wrap: break-word; } } @media only screen and (max-width: 599px) { .wishlist-search-view #wishlist-table.clean-table td { padding: 6px 10px; } .wishlist-search-view #wishlist-table.clean-table td p.qty { text-align: left; } .wishlist-search-view #wishlist-table.clean-table td .price-box { margin: 0; float: left; width: 100%; margin-bottom: 15px; } .wishlist-search-view .customer-wishlist-item-comment { width: 100%; clear: both; } #wishlist-table .add-to-cart-alt button > span { padding: 0 10px; } } /* ============================================ * Store Front Styles ============================================ */ .split-button { position: relative; } .split-button .split-button-title { display: none; } .split-button .change { padding-right: 13px; min-height: 25px; position: relative; } .split-button .change:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #BC5136; border-bottom: none; content: ''; right: 0; top: 8px; } .split-button .change.active:after, .split-button .change.key-opened:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 4px solid #BC5136; border-top: none; } .split-button .list-container { display: none; width: 100%; max-width: 320px; min-width: 175px; position: absolute; left: -10%; top: 100%; background: #FBFBFB; border: 1px solid #CCCCCC; text-align: center; z-index: 99999999; } .split-button .list-container li { border-bottom: 1px solid #EDEDED; } .split-button .list-container li span, .split-button .list-container li a { color: #BC5136; position: relative; font-size: 14px; cursor: pointer; display: block; padding: 5px 10px; white-space: normal; text-transform: none; line-height: 36px; } .split-button .list-container li span:hover, .split-button .list-container li a:hover { color: #813725; } .split-button .list-container li.new { background-color: #EDEDED; } .split-button .list-container li.new span:before, .split-button .list-container li.new a:before { content: '+ '; } .split-button.active .list-container, .split-button.key-opened .list-container { display: block; } .products-grid .split-button .list-container { width: 115%; } .products-grid .split-button .list-container li span, .products-grid .split-button .list-container li a { font-size: 12px; } .product-view .add-to-wishlist .split-button, .product-view .add-to-wishlist .link-wishlist { width: 210px; max-width: 100%; float: right; margin-left: 0; margin-bottom: 28px; transition: background-color 0.24s ease-out, color 0.24s ease-out; background-color: #fff; line-height: 52px; padding: 0px 25px; border: 1px solid #BC5136; text-align: center; } .product-view .add-to-wishlist .split-button strong, .product-view .add-to-wishlist .link-wishlist strong { font-size: 14px; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; text-transform: uppercase; text-align: center; } .product-view .add-to-wishlist .split-button.added > span, .product-view .add-to-wishlist .split-button.added > strong span, .product-view .add-to-wishlist .link-wishlist.added > span, .product-view .add-to-wishlist .link-wishlist.added > strong span { position: relative; padding-left: 40px; text-transform: uppercase; } .product-view .add-to-wishlist .link-wishlist { font-size: 17px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: uppercase; color: #000; } .product-view .split-button .change { width: 100%; display: inline-block; height: 100%; position: absolute; top: 0; left: 0; padding: 0; text-indent: -9999px; } .product-view .split-button .change:after { border: 0; } .product-view .split-button .list-container { min-width: 210px; left: -1px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; letter-spacing: 0.5px; } .product-view .split-button .list-container li { float: none; margin-bottom: 0; } @media only screen and (max-width: 1110px) { .product-view .add-to-wishlist .split-button, .product-view .add-to-wishlist .link-wishlist { float: left; } } @media only screen and (max-width: 740px) { .product-view .add-to-wishlist .split-button, .product-view .add-to-wishlist .link-wishlist { width: 100%; } .product-view .add-to-wishlist .split-button .list-container, .product-view .add-to-wishlist .link-wishlist .list-container { width: 100%; max-width: 100%; } #wishlist-table .cart-cell .button > span { padding: 0; } html:not(.is-android) .catalog-category-view .products-grid .item .split-button.active .wishlist-model-select, html:not(.is-android) .catalog-category-view .products-grid .item .split-button.key-opened .wishlist-model-select, html:not(.is-android) .search-result-index .products-grid .item .split-button.active .wishlist-model-select, html:not(.is-android) .search-result-index .products-grid .item .split-button.key-opened .wishlist-model-select { display: block; opacity: 0; width: 1px; height: 1px; position: absolute; } html:not(.is-android) .catalog-category-view .products-grid .item .split-button.active > .list-container, html:not(.is-android) .catalog-category-view .products-grid .item .split-button.active > strong, html:not(.is-android) .catalog-category-view .products-grid .item .split-button.key-opened > .list-container, html:not(.is-android) .catalog-category-view .products-grid .item .split-button.key-opened > strong, html:not(.is-android) .search-result-index .products-grid .item .split-button.active > .list-container, html:not(.is-android) .search-result-index .products-grid .item .split-button.active > strong, html:not(.is-android) .search-result-index .products-grid .item .split-button.key-opened > .list-container, html:not(.is-android) .search-result-index .products-grid .item .split-button.key-opened > strong { display: none; } } .catalog-category-view .products-list .item .split-button, .search-result-index .products-list .item .split-button { left: 19%; right: unset; } .catalog-category-view .item .wishlist-added-notice, .search-result-index .item .wishlist-added-notice { position: absolute; top: 15px; left: 30px; text-transform: uppercase; letter-spacing: 1.2px; min-width: 110px; text-align: center; font-weight: bold; color: #474747; background: rgba(250, 250, 250, 0.7); line-height: 25px; width: 100px; font-size: 10px; border: 1px solid #ccc; } .catalog-category-view .item .split-button, .search-result-index .item .split-button { position: absolute; top: 7px; right: 38px; cursor: pointer; opacity: 0; } .catalog-category-view .item .split-button > span.h-icon::before, .search-result-index .item .split-button > span.h-icon::before { content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/heart-regular.svg"); width: 20px; height: 20px; position: absolute; left: 0; top: 0; background: white; padding: 6px 6px 5px; border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .catalog-category-view .item .split-button strong, .catalog-category-view .item .split-button .change, .search-result-index .item .split-button strong, .search-result-index .item .split-button .change { display: none; } .catalog-category-view .item .split-button .list-container, .catalog-category-view .item .split-button .wishlist-model-select, .search-result-index .item .split-button .list-container, .search-result-index .item .split-button .wishlist-model-select { display: none; } .catalog-category-view .item .split-button.active .list-container, .catalog-category-view .item .split-button.key-opened .list-container, .search-result-index .item .split-button.active .list-container, .search-result-index .item .split-button.key-opened .list-container { display: block; left: -150px; top: 31px; min-width: 140px; } .catalog-category-view .item .split-button.active .list-container li span, .catalog-category-view .item .split-button.key-opened .list-container li span, .search-result-index .item .split-button.active .list-container li span, .search-result-index .item .split-button.key-opened .list-container li span { padding: 0; line-height: 25px; background: #f2f2f2; text-transform: uppercase; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .catalog-category-view .item .split-button.active strong, .catalog-category-view .item .split-button.key-opened strong, .search-result-index .item .split-button.active strong, .search-result-index .item .split-button.key-opened strong { display: block; position: absolute; left: -150px; background: #fafafa; line-height: 25px; width: 140px; text-align: center; text-transform: uppercase; font-size: 10px; top: 5px; border: 1px solid #ccc; letter-spacing: 1.2px; } .catalog-category-view .item .split-button.active:hover::before, .catalog-category-view .item .split-button.active:hover::after, .catalog-category-view .item .split-button.active:focus-visible::before, .catalog-category-view .item .split-button.active:focus-visible::after, .catalog-category-view .item .split-button.key-opened:hover::before, .catalog-category-view .item .split-button.key-opened:hover::after, .catalog-category-view .item .split-button.key-opened:focus-visible::before, .catalog-category-view .item .split-button.key-opened:focus-visible::after, .search-result-index .item .split-button.active:hover::before, .search-result-index .item .split-button.active:hover::after, .search-result-index .item .split-button.active:focus-visible::before, .search-result-index .item .split-button.active:focus-visible::after, .search-result-index .item .split-button.key-opened:hover::before, .search-result-index .item .split-button.key-opened:hover::after, .search-result-index .item .split-button.key-opened:focus-visible::before, .search-result-index .item .split-button.key-opened:focus-visible::after { display: none; } .catalog-category-view .item .split-button:hover > span.h-icon::before, .catalog-category-view .item .split-button.added > span.h-icon::before, .catalog-category-view .item .split-button:focus-within > span.h-icon::before, .search-result-index .item .split-button:hover > span.h-icon::before, .search-result-index .item .split-button.added > span.h-icon::before, .search-result-index .item .split-button:focus-within > span.h-icon::before { content: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/heart-solid.svg"); } .catalog-category-view .item .split-button.added, .catalog-category-view .item .split-button:focus-visible, .search-result-index .item .split-button.added, .search-result-index .item .split-button:focus-visible { opacity: 1; } .catalog-category-view .item .split-button.in-progress, .search-result-index .item .split-button.in-progress { opacity: 0; } .catalog-category-view .item:hover .split-button, .catalog-category-view .item:focus-within .split-button, .search-result-index .item:hover .split-button, .search-result-index .item:focus-within .split-button { opacity: 1; } .catalog-category-view .item:hover .split-button.in-progress, .catalog-category-view .item:focus-within .split-button.in-progress, .search-result-index .item:hover .split-button.in-progress, .search-result-index .item:focus-within .split-button.in-progress { opacity: 0; } @media only screen and (max-width: 599px) { .cart-table .split-button .list-container { width: auto; top: 20px; left: 0; } } /* ============================================ * Item Options ============================================ */ .item-options { font-size: 14px; } .item-options:after { content: ''; display: table; clear: both; } .item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic; } .item-options dt :after { content: ': '; } .item-options dd { float: left; padding-left: 10px; margin: 0 0 6px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #515151; background-color: #F6F6F6; top: 21px; left: -100px; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #515151; border-top: none; left: 97px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } @media only screen and (max-width: 479px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Reflektion Styling ============================================ */ .rfk-container { clear: both; } .rfk-container .rfk-related-searches, .rfk-container .rfk-related-products { display: inline-block; margin: 20px 0; background-color: #fff; } .rfk-container .rfk-related-searches .rfk-related-heading, .rfk-container .rfk-related-products .rfk-related-heading { font-size: 16px; text-transform: uppercase; font-weight: bold; background-color: #fff; padding-bottom: 10px; } .rfk-container .rfk-related-searches { width: 19.19642857%; float: left; } .rfk-container .rfk-related-searches .rfk-searches-content { padding: 5px 10px 30px; background-color: #f0f0f0; } .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query { font-size: 12px; color: #BC5136; text-transform: capitalize; padding: 7px 0; } .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query .rfk-related-query-link { color: #474747; cursor: pointer; } .rfk-container .rfk-related-products { width: 78.125%; background-color: #f0f0f0; float: right; } .rfk-container .rfk-related-products .rfk-product { height: auto; max-width: 145px; display: inline-block; margin-left: 2.64672037%; vertical-align: top; margin-top: 22px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details { position: relative; font-size: 12px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-img { width: 100%; max-height: 160px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-name { padding-top: 4px; color: #000000; font-size: 12px; text-transform: uppercase; max-height: 4.8em; min-height: 4.8em; line-height: 1.2em; display: inline-block; overflow: hidden; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-desc { display: none; margin-top: 10px; color: #493627; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box { margin: 5px 0; font-size: 14px; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box .label { text-transform: lowercase; display: block; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box .price { font-size: 22px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box .price sub { font-size: 10px; top: -0.8em; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv { margin-top: 10px; margin-bottom: 20px; display: block; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv a { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; color: #493627; font-size: 10px; letter-spacing: 1px; padding: 0 10px 0 0; position: relative; text-transform: uppercase; } .rfk-container .rfk-quickview { width: 100%; background-color: #f0f0f0; padding: 20px; } .rfk-container .rfk-quickview a { color: #474747; } .rfk-container .rfk-quickview .rfk-quickview-img { display: inline-block; padding: 0 10px 0 0; width: 190px; float: left; } .rfk-container .rfk-quickview .rfk-quickview-img img { width: 190px; display: inline-block; } .rfk-container .rfk-quickview .rfk-quickview-name { display: inline-block; vertical-align: top; width: 70%; text-transform: uppercase; } .rfk-container .rfk-quickview .rfk-quickview-name a { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 14px; color: #474747; } .rfk-container .rfk-quickview .rfk-quickview-desc { display: inline-block; width: 70%; padding-top: 13px; color: #8c8c8c; } .rfk-container .rfk-quickview .rfk-quickview-price { margin: 10px 0 15px; font-size: 14px; font-family: 'Effra W01 Light', arial, helvetica, sans-serif; } .rfk-container .rfk-quickview .rfk-quickview-price .label { text-transform: lowercase; display: block; } .rfk-container .rfk-quickview .rfk-quickview-price .price { font-size: 26px; } .rfk-container .rfk-quickview .rfk-quickview-price .price sub { font-size: 12px; top: -0.8em; } .rfk-container .rfk-quickview .rfk-quickview-view a { color: #BC5136; text-transform: uppercase; } .rfk-container .rfk-quickview .rfk-quickview-close { font-weight: bold; cursor: pointer; width: 100%; background-color: #f0f0f0; clear: both; padding-top: 13px; } .simple-pagination li.disabled { display: none; } /* ============================================ Product Details Page ============================================ */ .catalog-product-view .rfk-container { border-top: 1px solid #dfdfde; } .catalog-product-view .rfk-container .rfk-related-heading { font-size: 28px; letter-spacing: 1.4px; line-height: 34px; font-family: 'Baskerville-Italic', georgia, times, serif; color: #515151; position: relative; font-weight: 400; text-align: center; margin: 0 0 25px 0; padding: 0; text-transform: lowercase; } .catalog-product-view .rfk-container .rfk-related-heading:after { content: ""; display: block; position: absolute; bottom: -12px; left: 0; width: 70px; height: 1px; background: #f8f6f3; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfde; } .catalog-product-view .rfk-container .rfk-related-searches { width: 30%; margin-top: 50px; } .catalog-product-view .rfk-container .rfk-related-searches .rfk-searches-content { background: #fff; } .catalog-product-view .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query { background-color: #fcfaf7; padding: 8px 12px; margin: 6px 10px 6px 0; display: inline-block; } .catalog-product-view .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query .rfk-related-query-link { text-transform: uppercase; color: #515151; font: 14px 'Effra W01 Light', arial, helvetica, sans-serif; letter-spacing: 0.37px; } .catalog-product-view .rfk-container .rfk-related-products { width: 69%; background: #fff; text-align: center; margin-top: 50px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product { max-width: 160px; border: 2px solid #f8f6f3; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content { min-height: 320px; text-align: left; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details > *:not(:first-child) { padding: 0 10px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-name { color: #515151; font-size: 14px; letter-spacing: .37px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-desc { display: none; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box { color: #515151; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box .label { font: 15px 'Baskerville-Italic', georgia, times, serif; letter-spacing: .5px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box .price { font-size: 26px; font-weight: normal; letter-spacing: -1.13px; line-height: 28px; color: #515151; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-price-box .price sub { font-size: 12px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv a { color: #515151; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv a:before { content: ''; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/icons/right@1x.svg); width: 6px; height: 6px; position: absolute; background-repeat: no-repeat; right: 0; top: 4px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview { background-color: #fff; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-name a { font-family: 'Effra W01 Light', arial, helvetica, sans-serif; font-size: 15px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-desc { font-family: 'Montserrat-Light', arial, helvetica, sans-serif; font-size: 11px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-price { color: #515151; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-price .label { font: 15px 'Baskerville-Italic', georgia, times, serif; letter-spacing: .5px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-price .price { font-size: 26px; letter-spacing: -1.1px; line-height: 28px; color: #515151; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-price .price sub { font-size: 12px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-view { background: transparent; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-close { padding: 5px; background: #fcfaf7; } .catalog-product-view .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-close a { color: #515151; font-size: 13px; } /* ============================================ Max-width: 740px ============================================ */ @media screen and (max-width: 740px) { .rfk-container .rfk-related-searches, .rfk-container .rfk-related-products { float: none; display: block; width: 100%; margin: 0; } .rfk-container .rfk-related-searches .rfk-related-heading, .rfk-container .rfk-related-products .rfk-related-heading { font-weight: 400; margin-bottom: 15px; } .rfk-container .rfk-related-searches { margin-bottom: 24px; } .rfk-container .rfk-related-searches .rfk-related-heading { margin-bottom: 0; } .rfk-container .rfk-related-searches .rfk-searches-content { min-height: 0 !important; margin: 0; background: #fff; } .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query { padding: 0; line-height: normal; margin-bottom: 5px; } .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query .rfk-related-query-link { color: #BC5136; } .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query .rfk-related-query-link:hover, .rfk-container .rfk-related-searches .rfk-searches-content .rfk-related-query .rfk-related-query-link:active { color: #fb8c6e; } .rfk-container .rfk-related-products { background: #fff; } .rfk-container .rfk-related-products .rfk-product { display: block; width: 100%; margin: 0 auto; max-width: inherit; margin-bottom: 20px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content { clear: both; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-img { float: left; width: 26.66666667%; margin-right: 4.34782609%; margin-bottom: 20px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-img img { max-height: 145px; width: 100%; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-name { min-height: 0px !important; margin-bottom: 0; padding-top: 6px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-desc { min-height: 0px !important; margin-bottom: 14px; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv { margin: 0; padding: 0; text-transform: uppercase; } .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv a { color: #BC5136; } .rfk-container .rfk-related-products .rfk-quickview { padding: 0; } .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-img { padding: 0; margin-right: 2.89855072%; float: none; width: 100%; } .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-img img { width: 100%; } .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-name { width: 100%; padding-top: 7px; } .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-desc { width: 100%; margin-bottom: 2.89855072%; } .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-view { width: 100%; background: #fff; padding: 0; } .rfk-container .rfk-related-products .rfk-quickview .rfk-quickview-close { background: #fff; } /* ============================================ Catalog Category Page Max-width: 740px ============================================ */ .catalog-category-view .rfk-container .rfk-related-searches, .catalog-category-view .rfk-container .rfk-related-products { width: 100%; padding: 10px; } .catalog-category-view .rfk-container .rfk-related-searches .rfk-searches-content { padding-bottom: 0; } /* ============================================ Product Details Page Max-width: 740px ============================================ */ .catalog-product-view .rfk-container { margin: 0 auto; } .catalog-product-view .rfk-container .rfk-related-searches, .catalog-product-view .rfk-container .rfk-related-products { width: 100%; } .catalog-product-view .rfk-container .rfk-related-searches .rfk-related-heading, .catalog-product-view .rfk-container .rfk-related-products .rfk-related-heading { font-size: 20px; letter-spacing: 1px; line-height: 24px; } .catalog-product-view .rfk-container .rfk-related-searches { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 20px 0 0 0; } .catalog-product-view .rfk-container .rfk-related-searches .rfk-searches-content { margin-top: 25px; text-align: center; padding-bottom: 0 !important; } .catalog-product-view .rfk-container .rfk-related-products { margin-top: 35px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-related-heading { margin-bottom: 40px; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product { max-width: 100%; margin: 7px 0 15px; overflow: hidden; position: relative; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product:after { display: block; content: ''; clear: both; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content { font-size: 0; min-height: auto; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content:after { display: block; content: ''; clear: both; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details > *:not(:first-child) { float: right; max-width: 65%; width: 100%; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-img { margin: 0; width: 32%; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-name { font-size: 16px; letter-spacing: .5px; max-height: 2.6em; margin: 5px 0; } .catalog-product-view .rfk-container .rfk-related-products .rfk-product .rfk-product-content .rfk-product-details .rfk-product-qv { position: absolute; bottom: 10px; right: 0; text-align: right; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2022 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /** placeholder-loading v0.5.0 Author: Zalog (https://www.zalog.ro/) License: MIT */ .ph-item { background-color: #fff; border-radius: 2px; direction: ltr; display: flex; flex-wrap: wrap; margin-bottom: 0px; overflow: hidden; padding: 0; position: relative; } .ph-item, .ph-item *, .ph-item :after, .ph-item :before { box-sizing: border-box; } .ph-item:before { -webkit-animation: phAnimation .8s linear infinite; animation: phAnimation .8s linear infinite; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; bottom: 0; content: " "; left: 50%; margin-left: -250%; pointer-events: none; position: absolute; right: 0; top: 0; width: 500%; z-index: 1; } .ph-item > * { display: flex; flex: 1 1 auto; flex-flow: column; margin-bottom: 15px; padding-left: 0px; padding-right: 0; } .ph-row { display: flex; flex-wrap: wrap; margin-top: -7.5px; } .ph-row div { background-color: #f0f0f0; height: 10px; margin-top: 7.5px; } .ph-row .big, .ph-row.big div { height: 20px; } .ph-row .bigger, .ph-row.bigger div { height: 50px; } .ph-row .empty { background-color: rgba(255, 255, 255, 0); } .ph-col-2 { flex: 0 0 16.6666666667%; } .ph-col-4 { flex: 0 0 33.3333333333%; } .ph-col-6 { flex: 0 0 50%; } .ph-col-8 { flex: 0 0 66.6666666667%; } .ph-col-10 { flex: 0 0 83.3333333333%; } .ph-col-12 { flex: 0 0 100%; } [class*=ph-col] { direction: ltr; } [class*=ph-col] > * + .ph-row { margin-top: 0; } [class*=ph-col] > * + * { margin-top: 7.5px; } .ph-avatar { background-color: #f0f0f0; border-radius: 50%; min-width: 60px; overflow: hidden; position: relative; width: 100%; } .ph-avatar:before { content: " "; display: block; padding-top: 100%; } .ph-picture { background-color: #f0f0f0; height: 266px; width: 100%; } @-webkit-keyframes phAnimation { 0% { transform: translate3d(-30%, 0, 0); } to { transform: translate3d(30%, 0, 0); } } @keyframes phAnimation { 0% { transform: translate3d(-30%, 0, 0); } to { transform: translate3d(30%, 0, 0); } }