/** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Homepage ============================================ */ /*Hero Rotator*/ #hero { overflow: hidden; position: relative; max-height: 683px; max-width: 1400px; width: 100%; height: auto; margin: 0 auto 42px; transition: all width 0.2s linear ease-out; 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; transition: all all 0.2s ease ease-out; 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-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-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-wrapper-outer { z-index: 1; } .owl-carousel .owl-item { text-align: center; } .owl-carousel .owl-buttons { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .owl-carousel .owl-buttons div { position: absolute; z-index: 1; height: 100%; width: 6.77419355%; } .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.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; border-radius: 2px; transition: all border-color 0.24s ease-out ease-out; transition: border-color 0.24s ease-out; text-indent: -999em; border: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), 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 { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .owl-carousel .owl-buttons div.owl-prev i { right: 0; } .owl-carousel .owl-buttons div.owl-next { left: auto; right: 0; } .owl-carousel .owl-buttons div.owl-next i { background-position: right -83px; } .thumbnail-counter { text-align: right; padding: 0 1%; margin-top: 0; margin-bottom: 8px; } @media screen and (min-width: 980px) { .thumbnail-counter { display: none; } } @media screen and (max-width: 868px) { .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.owl-next i { height: 24px; width: 16px; margin-top: -12px; background-position: -356px -41px; background-size: 400px 300px; } .owl-carousel .owl-buttons div.owl-next i { background-position: right -41px; background-size: 400px 300px; } } .owl-carousel { z-index: 1; padding: 0 6.77419355%; } .owl-carousel .owl-wrapper-outer { z-index: 1; } .owl-carousel .owl-item { text-align: center; } .owl-carousel .owl-buttons { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .owl-carousel .owl-buttons div { position: absolute; z-index: 1; height: 100%; width: 6.77419355%; } .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.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; border-radius: 2px; transition: all border-color 0.24s ease-out ease-out; transition: border-color 0.24s ease-out; text-indent: -999em; border: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), 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 { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .owl-carousel .owl-buttons div.owl-prev i { right: 0; } .owl-carousel .owl-buttons div.owl-next { left: auto; right: 0; } .owl-carousel .owl-buttons div.owl-next i { background-position: right -83px; } .thumbnail-counter { text-align: right; padding: 0 1%; margin-top: 0; margin-bottom: 8px; } @media screen and (min-width: 980px) { .thumbnail-counter { display: none; } } @media screen and (max-width: 868px) { .owl-carousel .owl-buttons div.owl-prev i, .owl-carousel .owl-buttons div.owl-next i { height: 24px; width: 16px; margin-top: -12px; background-position: -356px -41px; background-size: 400px 300px; } .owl-carousel .owl-buttons div.owl-next i { background-position: right -41px; background-size: 400px 300px; } } .carousel-loader { display: none !important; } /*Featured Categories*/ .featured-categories { background-color: #fbfbfb; margin-top: 40px; padding-top: 28px; transition: all margin-top 0.2s linear ease-out; 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; border-radius: 86px; box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2); z-index: 99; } .featured-categories .menu li img { display: block; 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 { border-radius: 86px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #a8c4b9; transition: all opacity 0.2s linear ease-out; 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; transition: all padding 0.2s linear ease-out; 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); transition: all opacity 0.2s linear ease-out; 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: 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; transition: all padding 0.2s linear ease-out; 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%; 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; border-radius: 2px; border: 2px solid transparent; transition: all border-color 0.24s ease-out 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-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:before, .toolbar:after { content: " "; display: table; } .toolbar:after { clear: both; } .recommendations { margin-top: 5px; } .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%; transition: all margin-left 0.2s linear ease-out; transition: margin-left 0.2s linear; } .search-result-index .toolbar > * { margin-left: 2%; } .search-result-index .toolbar > * .transition { margin-left: .2s linear; } .search-result-index .toolbar .pages { width: 25%; } .toolbar > .view-mode { margin-left: 0; } .toolbar .pages { float: right; margin-left: 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 0px 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 option { background: #fff; text-transform: none; font-size: 12px; } .toolbar select::-ms-expand { display: none; } .toolbar .limiter select { width: 50px; } .toolbar .select-wraper .sort-by { width: 204px; } .limiter label, .sort-by label { margin-right: 10px; } .toolbar .amount { float: none; display: inline-block; margin-left: 10px; } .limiter .customStyleSelectBox { width: 54px; } .sort-by .customStyleSelectBox { width: 120px; } .toolbar .pager { width: 52.63157895%; } .toolbar .view-mode label, .toolbar .view-mode strong, .toolbar .view-mode a { float: left; } /*View Mode*/ .toolbar .view-mode { width: 114px; } .toolbar .view-mode .grid, .toolbar .view-mode .list { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; width: 22px; height: 22px; margin-left: 4.38596491%; color: transparent; display: block; text-indent: -999em; } .toolbar .view-mode a.grid-active, .toolbar .view-mode a.list-active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; width: 22px; height: 22px; margin-left: 4.38596491%; color: transparent; display: block; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .toolbar .view-mode .grid, .toolbar .view-mode .list { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .toolbar .view-mode .grid { margin-left: 8.77192982%; } .toolbar .view-mode strong.grid, .toolbar .view-mode a.grid:hover, .toolbar .view-mode a.grid-active { background-position: -187px 0; } .toolbar .view-mode a.list { background-position: -165px -22px; } .toolbar .view-mode a.grid { background-position: -165px 0; } .toolbar .view-mode strong.list, .toolbar .view-mode a.list:hover, .toolbar .view-mode a.list-active { background-position: -187px -22px; } /*Pagination*/ .toolbar .pages ol li { margin: 0 4px; } .toolbar .pages ol li.current { font-weight: bolder; } .toolbar .pages ol li a { color: #493627; } .toolbar strong { font-weight: normal; } .toolbar .pages .arrow-right, .toolbar .pages .arrow-left { position: relative; top: 3px; } .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; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .toolbar .arrow-descending, .toolbar .arrow-ascending { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .toolbar .arrow-descending { background-position: -219px -19px; } .toolbar .arrow-ascending { background-position: -219px 0; } /*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 { width: 22.32142857%; float: left; margin-left: 3.57142857%; margin-bottom: 60px; } .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; } .price-box #grouped-price .price-label, .price-box #grouped-price .price-label { display: none; } .products-grid .item .special-price, .products-list .item .special-price { color: #eb7a5b; 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 .swatches { *zoom: 1; zoom: 1; padding-bottom: 12px; } .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 { float: left; padding: 2px; border: 1px solid #8c8c8c; margin-right: 3%; width: 22%; max-width: 44px; } .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; } .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 0px; } #narrow-by-list .categories-block { border-bottom: 1px solid #D4CBC1; } .search-result-index #narrow-by-list .categories-block dd ol { margin-bottom: 20px; } .search-result-index #narrow-by-list .categories-block dd.categories ol { margin-bottom: 0px; } #narrow-by-list > div > dd > ol.amsopby-flag-clickfirst { padding-bottom: 16px; } #narrow-by-list .categories-title { font-size: 15px; position: relative; line-height: 15px; padding: 4px 0px; text-transform: uppercase; } #narrow-by-list .categories-title + dd { 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: 0px; } 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: 0px; height: 0px; 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 { transform: rotate(-180deg); } .search-result-index #narrow-by-list dt.amshopby-collapsed:before { transform: rotate(0deg); } #narrow-by-list dt:before { content: ""; width: 0px; height: 0px; 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; transition: transform 0.35s ease; transform: rotate(0deg); } .search-result-index #narrow-by-list dt:before { content: ""; width: 0px; height: 0px; 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; transition: transform 0.35s ease; transform: rotate(180deg); } .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-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-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 { padding: 0 18px; float: left; margin-right: 8px; } .block-compare .actions a { line-height: 29px; font-size: 10px; } /*rating stars*/ .rating-box { margin-right: 5px; float: left; } .ratings .amount a { float: left; line-height: 19px; color: #493627; } .product-details .separator, .product-details .separator + .goto-reviews { display: none; } .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-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; } .sticky-container { position: fixed; bottom: 2em; right: 10px; width: 60px; } /*back to top button*/ .back-to-top-desktop { display: none; text-transform: uppercase; text-align: center; margin-bottom: 20px; border: 1px solid #d5ccc3; } .back-to-top-desktop .smooth-me { color: #d4cbc1; padding: 34px 0px 10px 0px; display: block; background-color: rgba(255, 255, 255, 0.5); } .back-to-top-desktop .smooth-me:hover { opacity: 0.65; } .back-to-top-desktop .smooth-me:before { content: " "; background-image: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png); background-repeat: no-repeat; background-position: 0px -147px; height: 25px; width: 35px; position: absolute; top: 7px; left: 14px; } .sticky-chat { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -164px -96px; width: 62px; height: 50px; cursor: pointer; } @media screen and (max-width: 768px) { .sticky-chat { display: none; } } .sticky-chat a { color: #d5ccc3; text-transform: uppercase; font-size: 14px; text-align: center; display: inline-block; padding: 4px; letter-spacing: 1px; line-height: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .back-to-top-desktop .smooth-me:before { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } .sticky-chat { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } /* ============================================ 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 0px; 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-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 0px 0px 10px; padding-right: 6px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), 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: #f06a46; } .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: absolute; right: -40px; top: 4px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), 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: 2px; 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; } } .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; } /** 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: #f06a46; 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; 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-action-bar .bv-write-review-container.bv-write-container, .bv-cv2-cleanslate .bv-action-bar .bv-ask-question-container.bv-write-container { float: left !important; } .bv-summary-bar .bv-write-review-container.bv-write-container::before { content: "|"; padding-right: 15px; } .bv-cv2-cleanslate .bv-summary-bar .bv-stars-container .bv-rating-stars-container-fixed { 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-summary-bar .bv-stars-container .bv-rating-stars-container-fixed:hover { text-decoration: none !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: #eb7a5b; padding: 10px; } .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; } } /* Global styles*/ .colon:after { content: ":"; } .product-flag.discontinued { color: #f06a46; } .product-shop .product-flag.discontinued { margin-left: 5px; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 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: 1195px) { .page { width: 100%; } #main-nav li.level-top { padding: 0 2.25%; } /* Footer */ .footer .footer-links .spiffs { width: 13.28125%; max-width: 183px; margin-right: 5%; } .footer .footer-links .spiffs .column { display: block; width: 100%; } .footer .footer-links .spiffs .column:first-child { margin-right: 0; margin-bottom: 15px; } /*Product Listing*/ .toolbar > * { margin-left: 6.73400673%; } } @media only screen and (max-width: 1060px) { /*Shopping cart fix*/ .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; } .header-container .logo { width: 366px; height: 48px; background-position: left -502px; } #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; } /* ============================================ Homepage ============================================ */ .widget-featured-products .widget-products { width: 94%; margin: 0 auto; padding-left: 0; padding-right: 0; } .widget-featured-products .btn-wrapper { display: none; } /* ============================================ 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 { position: absolute; bottom: 0; left: 0; width: 100%; } .products-list .product-image { width: 39.83739837%; } .products-list .product-details { width: 57.72357724%; } /* ============================================ Category Landing ============================================ */ .category-landing .main { padding: 0; } .category-landing .sidebar { float: none; width: auto; margin: 0 0 40px 0; } .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; width: auto; } /* ============================================ 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; } } @media only screen and (max-width: 820px) { /* Footer */ .footer .footer-links .spiffs { margin-right: 0%; } } @media only screen and (max-width: 868px) { /* ============================================ Global Header & Navigation ============================================ */ .respond768 { display: block !important; } /* Navigation */ #main-nav li.level-top { margin-right: 2.7%; } /* Footer */ .footer .footer-links .column { margin-right: 11.06770833%; } .footer .footer-links .column.help-column { margin-right: 0; } .footer .footer-links .social-icons { margin-top: 30px; } .footer .footer-links .social-icons ul { width: 100%; } .footer .footer-links .social-icons li { float: left; } .footer .footer-links .social-icons li .icon { margin-right: 10px; } .footer .form-subscribe .form-subscribe-header label { font-size: 13px; } /* ============================================ Homepage ============================================ */ /*Hero Rotator*/ #hero { margin-bottom: 30px; } .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 .MagicZoomHint { width: 22px; height: 22px; background-position: -266px 0; background-size: 400px 300px; } .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%; } .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: left; width: 26.66666667%; } .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 { padding: 0 50px; } .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 { width: 240px; margin-bottom: 40px; } #checkout-step-login .col-2 { padding-right: 0; } /*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%; } } @media only screen and (max-width: 740px) { .respond767 { display: block !important; } /* ============================================ Global Header & Navigation ============================================ */ .header-container { box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); top: 0; transition: all top 0.2s linear ease-out; transition: top 0.2s linear; } .header-container.hide { top: -72px; } .header-container.show { top: 0; } .header-panel + .container { width: 100%; } .header-panel .links, .header-panel .welcome-msg { display: none; } .header-container .header { margin: 0; } .header-container .branding { float: none; position: absolute; left: 50%; margin-left: -16px; width: 32px; padding: 7px 0; } .header-container .logo { width: 31px; height: 31px; background-position: left -471px; } .header-container .quick-access { margin: 0; } .header-container .free-shipping-msg { display: none; } .header-container .header-panel { text-align: center; } .header-container .header-panel .phone-agents { float: none; } .header-container .header-panel .phone-agents strong { margin-left: 3%; } .header-container .header-panel .click-to-chat { display: none; } .header-container .header-panel .web-code { display: none; } /*Navigation*/ #mobile-trigger { display: block; background-color: #6e6256; font-size: 12px; color: #fff; text-transform: uppercase; width: 78px; height: 44px; float: left; background: transparent url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/main-nav-bg.jpg") repeat-x 0 0; text-align: center; line-height: 44px; } #mobile-wrap { position: relative; } #nav-wrapper { border-top: 0; background-color: #6e6256; display: none; position: fixed; width: 100%; height: 100%; top: 71px; left: 0; transform: translate(0, -127%); transition: transform .5s; overflow-y: auto; z-index: 9999; } #nav-wrapper .nav-container, #nav-wrapper .form-search-mini { float: none; width: auto; } #nav-wrapper .nav-container input[type="text"], #nav-wrapper .form-search-mini input[type="text"] { padding: 5px 10px; } #nav-wrapper .form-search-mini { margin: 20px 4.6875%; } #nav-wrapper .respond767 { padding-bottom: 91px; } .nav-showing { overflow: hidden; padding-top: 72px; } .nav-showing .header-container { position: fixed; } #nav-wrapper.open { -webkit-overflow-scrolling: touch; transform: translate(0, 0); } #main-nav { padding: 0; float: none; display: block; } #main-nav li.level-top, #main-nav li.level-top.first { display: block; float: none; padding: 0; margin: 0; } #main-nav li.level-top a.level-top { padding: 0 4.6875%; border-top: solid 1px #877c71; line-height: 40px; } #main-nav li.level-top:hover, #main-nav li.level-top a.level-top:hover { background-color: #d4cbc1; } #main-nav li.level-top a.level-top:hover { border-top: solid 1px #d4cbc1; color: #493627; } #nav-wrapper ul.links li { display: block; } #nav-wrapper ul.links li a { font-size: 13px; color: #665b50; line-height: 40px; padding: 0 4.6875%; display: block; background-color: #fff; } #nav-wrapper ul.links li a:hover { background-color: #d4cbc1; color: #493627; } #nav-wrapper ul.links li.last a { border-top: solid 1px #f2efec; } /*Hero Rotator*/ #hero { margin-bottom: 0; padding-bottom: 60px; 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 { /* border-bottom: 1px solid #d6ccc3; &:first-child{ border-top: 1px solid #d6ccc3; }*/ } .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; } /* ============================================ 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%; } .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, .toolbar .sort-by a { display: none; } .toolbar > * { margin-left: 0; } .category-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: 0px 293px; } .bottom-container { position: inherit; } .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%; transform: translate(0, -127%); transition: transform .5s; z-index: 9998; background-color: #ffffff; 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 { transform: translate(0, 0); } .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 ============================================ */ .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: 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 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; } .product-view .box-collateral.box-up-sell li:after { 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 #6e6256; } .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 { margin: 0 0 30px 0; } #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 .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-right: 0; margin-bottom: 40px; } /* ============================================ 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; } } @media only screen and (max-width: 640px) { .cart-subtotals-block { display: none !important; } /* Tools */ .respond640 { display: block !important; } /** Mixins, Variables and Helpers */ .triangle-props { content: ""; display: block; position: absolute; } .print-btn { display: none !important; } /* Footer */ .footer .form-subscribe { width: 100%; padding: 13px 0; display: block; } .footer .form-subscribe .form-subscribe-header { padding-right: 0; margin: 3px 0 8px; display: block; } .footer .form-subscribe .form-subscribe-header label { font-size: 13px; display: block; text-align: center; } .footer .form-subscribe .form-subscribe-header .g-reference { text-align: center; } .footer .form-subscribe .form-subscribe-header label span { display: none; } .footer .form-subscribe .field-wrapper { width: 100%; max-width: 280px; display: block; margin: 0 auto 12px; } .footer .footer-links { margin: 30px auto 25px; } .footer .footer-links .column { display: block; width: 100%; margin-right: 0; } .footer .footer-links .column h4 { font-size: 14px; text-align: center; margin-bottom: 25px; } .footer .footer-links .column ul { display: none; } .footer .footer-links .footer-phone { margin-top: 20px; } .footer .footer-links .footer-phone p { text-align: center; color: #493627; margin-bottom: 7px; } .footer .footer-links .footer-phone p .icon { width: 21px; height: 14px; background-position: -62px 0; display: inline-block; vertical-align: text-top; margin-right: 3px; } .footer .footer-links .spiffs { display: none; } .footer .footer-links .social-icons { margin-top: 32px; } .footer .footer-links .social-icons h4 { display: none; } .footer .footer-links .social-icons ul { display: block; width: 212px; margin: 0 auto; } .footer .legal-info { padding-bottom: 30px; } .footer .legal-info address, .footer .legal-info p { display: block; text-align: center; } .footer .legal-info address { margin-bottom: 8px; } .footer .legal-info p { margin-left: 0; } .footer .legal-info p a { display: block; text-align: center; margin-bottom: 8px; } .footer .legal-info p .separator { display: none; } #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; } /* ============================================ Homepage ============================================ */ .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; border-radius: 46px; } .featured-categories .menu li img { border-radius: 46px; } .featured-categories .menu li .overlay { 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; } } @media only screen and (max-width: 640px) and (max-width: 1195px) { .page { width: 100%; } #main-nav li.level-top { padding: 0 2.25%; } .footer .footer-links .spiffs { width: 13.28125%; max-width: 183px; margin-right: 5%; } .footer .footer-links .spiffs .column { display: block; width: 100%; } .footer .footer-links .spiffs .column:first-child { margin-right: 0; margin-bottom: 15px; } .toolbar > * { margin-left: 6.7340067340067336%; } } @media only screen and (max-width: 640px) and (max-width: 1060px) { .cart .totals { width: 66.90140845070422%; } .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: 640px) and (max-width: 960px) { .respond960 { display: block !important; } .header-container .logo { width: 366px; height: 48px; background-position: left -502px; } #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; } .widget-featured-products .widget-products { width: 94%; margin: 0 auto; padding-left: 0; padding-right: 0; } .widget-featured-products .btn-wrapper { display: none; } .toolbar > * { margin-left: 4.489337822671156%; } .col2-left-layout .col-main { width: 70.53072625698324%; } .col2-left-layout .col-left { width: 23.18435754189944%; margin-right: 6.284916201117319%; 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.51485148514851%; margin-left: 0; margin-bottom: 55px; } .category-products .products-grid .item.first { margin-right: 2.9702970297029703%; } .category-products .products-grid .item.last { margin-left: 2.9702970297029703%; } .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 { position: absolute; bottom: 0; left: 0; width: 100%; } .products-list .product-image { width: 39.83739837398374%; } .products-list .product-details { width: 57.72357723577236%; } .category-landing .main { padding: 0; } .category-landing .sidebar { float: none; width: auto; margin: 0 0 40px 0; } .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; width: auto; } .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.7027027027027026%; } .my-account .data-table thead th { padding: 14px 0 14px 2.7027027027027026%; } #rma_create_form label { width: 22%; } .cms-menu ul li a, .cms-menu ul li strong { padding-left: 35px; padding-right: 35px; } } @media only screen and (max-width: 640px) and (max-width: 820px) { .footer .footer-links .spiffs { margin-right: 0%; } } @media only screen and (max-width: 640px) and (max-width: 768px) { .respond768 { display: block !important; } #main-nav li.level-top { margin-right: 2.7%; } .footer .footer-links .column { margin-right: 11.067708333333332%; } .footer .footer-links .column.help-column { margin-right: 0; } .footer .footer-links .social-icons { margin-top: 30px; } .footer .footer-links .social-icons ul { width: 100%; } .footer .footer-links .social-icons li { float: left; } .footer .footer-links .social-icons li .icon { margin-right: 10px; } .footer .form-subscribe .form-subscribe-header label { font-size: 13px; } #hero { margin-bottom: 30px; } .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 .MagicZoomHint { width: 22px; height: 22px; background-position: -266px 0; background-size: 400px 300px; } .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 .product-details { float: left; width: 49.275362318840585%; margin-left: 4.3478260869565215%; } .cart .totals .button.large { padding: 0 50px; } .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: 240px; margin-bottom: 40px; } #checkout-step-login .col-2 { padding-right: 0; } .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%; } } @media only screen and (max-width: 640px) and (max-width: 740px) { .respond767 { display: block !important; } .header-container { box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.15); top: 0; transition: top 0.2s linear; } .header-container.hide { top: -72px; } .header-container.show { top: 0; } .header-panel + .container { width: 100%; } .header-panel .links, .header-panel .welcome-msg { display: none; } .header-container .header { margin: 0; } .header-container .branding { float: none; position: absolute; left: 50%; margin-left: -16px; width: 32px; padding: 7px 0; } .header-container .logo { width: 31px; height: 31px; background-position: left -471px; } .header-container .quick-access { margin: 0; } .header-container .free-shipping-msg { display: none; } .header-container .header-panel { text-align: center; } .header-container .header-panel .phone-agents { float: none; } .header-container .header-panel .phone-agents strong { margin-left: 3%; } .header-container .header-panel .click-to-chat { display: none; } .header-container .header-panel .web-code { display: none; } #mobile-trigger { display: block; background-color: #6e6256; font-size: 12px; color: #fff; text-transform: uppercase; width: 78px; height: 44px; float: left; background: transparent url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/main-nav-bg.jpg") repeat-x 0 0; text-align: center; line-height: 44px; } #mobile-wrap { position: relative; } #nav-wrapper { border-top: 0; background-color: #6e6256; display: none; position: fixed; width: 100%; height: 100%; top: 71px; left: 0; transform: translate(0, -127%); transition: transform .5s; overflow-y: auto; z-index: 9999; } #nav-wrapper .nav-container, #nav-wrapper .form-search-mini { float: none; width: auto; } #nav-wrapper .nav-container input[type="text"], #nav-wrapper .form-search-mini input[type="text"] { padding: 5px 10px; } #nav-wrapper .form-search-mini { margin: 20px 4.6875%; } #nav-wrapper .respond767 { padding-bottom: 91px; } .nav-showing { overflow: hidden; padding-top: 72px; } .nav-showing .header-container { position: fixed; } #nav-wrapper.open { -webkit-overflow-scrolling: touch; transform: translate(0, 0); } #main-nav { padding: 0; float: none; display: block; } #main-nav li.level-top, #main-nav li.level-top.first { display: block; float: none; padding: 0; margin: 0; } #main-nav li.level-top a.level-top { padding: 0 4.6875%; border-top: solid 1px #877c71; line-height: 40px; } #main-nav li.level-top:hover, #main-nav li.level-top a.level-top:hover { background-color: #d4cbc1; } #main-nav li.level-top a.level-top:hover { border-top: solid 1px #d4cbc1; color: #493627; } #nav-wrapper ul.links li { display: block; } #nav-wrapper ul.links li a { font-size: 13px; color: #665b50; line-height: 40px; padding: 0 4.6875%; display: block; background-color: #fff; } #nav-wrapper ul.links li a:hover { background-color: #d4cbc1; color: #493627; } #nav-wrapper ul.links li.last a { border-top: solid 1px #f2efec; } #hero { margin-bottom: 0; padding-bottom: 60px; 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; } .select-wrap { width: 100%; } .customStyleSelectBox, .swatch-select { width: 100%; } .form-list .input-box { width: 100%; } .buttons-set .button { width: 100%; } .data-table.stacked th { display: none !important; } .data-table.stacked tbody tr { /* border-bottom: 1px solid #d6ccc3; &:first-child{ border-top: 1px solid #d6ccc3; }*/ } .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 { display: none; } .category-landing .category-title { margin: 16px 0; } .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.428571428571429%; } .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; } .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.421052631578948%; padding: 0 3.421052631578948%; } .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.421052631578948%; } .back-to-top-desktop { display: none !important; } .toolbar .mobile { display: block; } .toolbar { padding: 14px 3.421052631578948%; } .toolbar .view-mode, .toolbar .limiter, .toolbar .amount, .toolbar .pages, .toolbar .sort-by label, .toolbar .sort-by a { display: none; } .toolbar > * { margin-left: 0; } .category-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; cursor: pointer; 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: 0px 293px; } .bottom-container { position: inherit; } .bottom-banner-container { display: none; } .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.421052631578948%; transform: translate(0, -127%); transition: transform .5s; z-index: 9998; background-color: #ffffff; 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 { transform: translate(0, 0); } .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-img-box { width: 100%; float: none; } .product-img-box .more-views { display: none; } .product-img-box .image-zoom { display: none !important; } .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: calc(54%); } .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 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; } .product-view .box-collateral.box-up-sell li:after { clear: both; } .product-view .box-collateral.box-up-sell .product-image { float: left; width: 26.666666666666668%; } .product-view .box-collateral.box-up-sell .product-details { float: left; width: 49.275362318840585%; margin-left: 4.3478260869565215%; } .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.421052631578948%; margin-right: 3.421052631578948%; } .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.2432432432432434%; } .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 #6e6256; } .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%; } .cart-subtotals-block { display: none !important; } .checkout-onepage-index .content-pane { padding: 0; margin-bottom: 0; width: 100%; } .opc { width: 100%; } .opc .page-title, .opc .section { margin-left: 3.421052631578948%; margin-right: 3.421052631578948%; } .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 { margin: 0 0 30px 0; } #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.421052631578948%; margin-right: 3.421052631578948%; } #checkout-review-table-wrapper { margin-left: 3.421052631578948%; margin-right: 3.421052631578948%; } .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.421052631578948%; padding-right: 3.421052631578948%; } .paypal-express-review .content-pane { padding: 0; margin-bottom: 0; width: 100%; } .paypal-express-review .page-title { padding-left: 3.421052631578948%; padding-right: 3.421052631578948%; } .paypal-review-order .col2-set { padding-left: 3.421052631578948%; padding-right: 3.421052631578948%; } .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-page-view .page-title h1, .catalogrequest-form-index .page-title h1, .sales-guest-form .page-title h1 { padding: 27px 0; } .cms-menu { display: none; } .cms-mobile-menu { display: block; padding: 27px 0; } .cms-mobile-menu .cms-menu { display: block; } .std .col3-set > div { float: none; width: 100%; margin-right: 0; } .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; } .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; } .account-login .col2-set .col-1, .account-login .col2-set .col-2 { width: 100%; float: none; padding-right: 0; margin-bottom: 40px; } .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; } .block-account .block-content.desktop, .block-account .block-title { display: none; } .block-account .block-content.mobile { display: block; } .block-account { padding: 0; } .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-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.421052631578948%; margin-right: 3.421052631578948%; margin-bottom: 0; } .sales-order-view .buttons-set .back-link { margin-left: 3.421052631578948%; } .sales-order-view .block-account { padding: 0; margin-left: 3.421052631578948%; margin-right: 3.421052631578948%; } .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; } #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%; } .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; } } @media only screen and (max-width: 640px) and (max-width: 640px) { .respond640 { display: block !important; } .print-btn { display: none !important; } .footer .form-subscribe { width: 100%; padding: 13px 0; display: block; } .footer .form-subscribe .form-subscribe-header { padding-right: 0; margin: 3px 0 8px; display: block; } .footer .form-subscribe .form-subscribe-header label { font-size: 13px; display: block; text-align: center; } .footer .form-subscribe .form-subscribe-header label span { display: none; } .footer .form-subscribe .field-wrapper { width: 100%; max-width: 280px; display: block; margin: 0 auto 12px; } .footer .footer-links { margin: 30px auto 25px; } .footer .footer-links .column { display: block; width: 100%; margin-right: 0; } .footer .footer-links .column h4 { font-size: 14px; text-align: center; margin-bottom: 25px; } .footer .footer-links .column ul { display: none; } .footer .footer-links .footer-phone { margin-top: 20px; } .footer .footer-links .footer-phone p { text-align: center; color: #493627; margin-bottom: 7px; } .footer .footer-links .footer-phone p .icon { width: 21px; height: 14px; background-position: -62px 0; display: inline-block; vertical-align: text-top; margin-right: 3px; } .footer .footer-links .spiffs { display: none; } .footer .footer-links .social-icons { margin-top: 32px; } .footer .footer-links .social-icons h4 { display: none; } .footer .footer-links .social-icons ul { display: block; width: 212px; margin: 0 auto; } .footer .legal-info { padding-bottom: 30px; } .footer .legal-info address, .footer .legal-info p { display: block; text-align: center; } .footer .legal-info address { margin-bottom: 8px; } .footer .legal-info p { margin-left: 0; } .footer .legal-info p a { display: block; text-align: center; margin-bottom: 8px; } .footer .legal-info p .separator { display: none; } #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; } .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; border-radius: 46px; } .featured-categories .menu li img { border-radius: 46px; } .featured-categories .menu li .overlay { 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.666666666666664%; } .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.771739130434783%; } .widget-featured-products .banana-nav { display: none; } } @media only screen and (max-width: 640px) and (max-width: 480px) { .respond480 { display: block !important; } .results-view .products-grid .item:last-child, .results-view .products-grid .item:last-child { margin-bottom: 45px; } } @media only screen and (max-width: 640px) and (max-width: 320px) { .respond320 { display: block !important; } } @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; } } @media only screen and (max-width: 320px) { /* Tools */ .respond320 { display: block !important; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ @charset "UTF-8"; /** @package BlueAcorn\RichSnippets @version @author Blue Acorn, Inc. @copyright Copyright © 2014 Blue Acorn, Inc. */ #snippetContainer, #snippetContainerAlt { overflow: hidden; position: relative; } .richsnippets { position: absolute; height: 100px; width: 100px; right: -50px; top: 50px; }