/* * * Ballard sassOverwite Styles * */ /* WCS-19254 multiselect drop downs don't appear in dialog box. */ .gwt-select-List-grid-panel { z-index:100000; } /* ------------------ Global ------------------ */ /* Filter Fabrics Spacing Fix */ .gwt-CheckBox, .gwt-RadioButton { display:block; margin-bottom:9.9px; padding:0.4px 20px; border:1px solid #eee; } /* Fabric Swatches Font-Size Fix */ .add-swatch-button-and-name-panel .swatch-item-name-label { font-size:10px!important; } /* More Colors Button Fix */ .image-picker-show-dialog-btn { padding: .75em 1.66667em; font-size: .8em; line-height: 1; border-radius: 0; display: inline-block; touch-action: manipulation; margin: 0; color: #41686F; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; letter-spacing: .125em; background-color: #fff; background-image: none; border: 2px solid #41686F; user-select: none; } .image-picker-show-dialog-btn:hover { color: #2e5258; border: 2px solid #579788; background-color: #fff; border-color: #2e5258 !important; text-decoration: none; } /* Idea Board Removal */ [id="inspiration_bar_panel"] { display:none; } /* -- Utilities -- */ /* Text Utility: Disclaimer Text */ .text-disclaimer { font-size:85%; font-style:italic; color:#333; padding-left:0; } ul.text-disclaimer {} ul.text-disclaimer li { margin:0 0 5px; padding-left:0; list-style:none; } /* -- Buttons -- */ /* Order A Swatch Button * - Style to look like the Secondary Button style */ .desktop-site .button.order-a-swatch-button, .desktop-site .button.pc-order-swatch { background-color: transparent; border: 2px solid #41686F!important; color: #41686F; padding:.75em 1.66667em; font-size: .75em; line-height: 1; border-radius: 0; } .desktop-site .button.order-a-swatch-button:hover, .desktop-site .button.order-a-swatch-button:active, .desktop-site .button.pc-order-swatch:hover, .desktop-site .button.pc-order-swatch:active { border-color:#2e5258!important; color:#2e5258; } /* Hotfix Order A Swatch Button - Bundles */ .desktop-site .BDPV4 .button.order-a-swatch-button, .desktop-site .BDPV4 .button.pc-order-swatch { margin-top:15px; } /* * More/Less Button */ button.primary.small.less, button.primary.small.more { background-color:transparent; color:#8f8076; border:none; text-transform:none; letter-spacing:0; font-size:1.1em; padding:6px 10px; margin:8px 0 0; border:2px solid #8f8076; } button.primary.small.less:before, button.primary.small.more:before { display:none; } button.primary.small.less:after, button.primary.small.more:after { font-family:'Glyphicons Halflings'; border:none; position:relative; top:1px; left:1px; font-size:.8em; } button.primary.small.less:after { content:"\e260"; } button.primary.small.more:after { content:"\e259"; } /* -- Back To Top Button -- */ a#sticky.back-to-top { display:none!important; } /* -- Error Messaging -- */ /* Order Status Page */ /*.view-OrderStatusView #mainContent .error { display:block; margin:15px 0; padding:15px; background-color:rgba(157, 4, 4, 0.05)!important; border:1px solid rgba(157, 4, 4, 0.25)!important; }*/ /* -- Certona -- */ /* Customer Also Viewed / Certona Sugguestions - Vertically centering arrows */ /* Full Screen */ @media(min-width:1280px){ .view-ProductDetailView .gwt-we-suggest-panel-horizontal .carousel .arrow, .quick-view-modal.gwt-PopupPanel .gwt-we-suggest-panel-horizontal .carousel .arrow, .view-POSProductDetailView .gwt-we-suggest-panel-horizontal .carousel .arrow, .view-UnbxdBodyView .gwt-we-suggest-panel-horizontal .carousel .arrow, .unbxd-no-search-results-view .gwt-we-suggest-panel-horizontal .carousel .arrow { top:98px!important; } } /* Large Tablet */ @media(max-width:1280px) and (min-width:1024px){ .PDPV4 .gwt-we-suggest-panel-products-container-horizontal .arrow, .view-UnbxdBodyView .gwt-we-suggest-panel-horizontal .carousel .arrow, .unbxd-no-search-results-view .gwt-we-suggest-panel-horizontal .carousel .arrow { top:75px!important; } } /* -- Header -- */ /* Logo - SVG Version */ #bdheader #logo1 a { display:block; width:386px; height:41px; margin:0; padding:7px 0 0 27px; } body.shrinkHeader #bdheader #logo1 a { width:290px; height:30px; background-size:83%!important; background-position:14px center!important; margin:0; padding:26px 0 0 14px; } #bdheader #logo1 a img { max-width: 332px; } body.shrinkHeader .bdheader .logoline { top:-15px!important; float:left; } body:not(.shrinkHeader) .bdheader .logoline { top:18px; } body.shrinkHeader .bdheader .bottomline .right [id="searchBox"] { margin-top:-1px!important; } /* 40th Anniversary Logo - TEMP */ /* Logo - SVG Version */ .desktop #bdheader #logo1 a { background:url('/wcsstore/images/BallardDesigns/header/BallardDesigns_SiteLogo_40.svg') no-repeat; display:block; width:386px; height:41px; margin:0; padding:0 0 0 18px; background-size:86%!important; background-position:center center!important; } body.desktop.shrinkHeader #bdheader #logo1 a { width:290px; height:30px; background-size:75%!important; background-position:14px center!important; margin:0; } .desktop #bdheader #logo1 a img { display:none; } /* Tablet */ @media(max-width:1024px){ body:not(.shrinkHeader) .bdheader .logoline { top:10px; } .desktop #bdheader #logo1 a { background-size:65%!important; } } /* Search Error Message Bug Overwrite WCS-21898 */ #error-div-headerBox .gwt-Label.errortxt { position: absolute; border-radius: 5px; background: #624630; color: white !important; padding: 5px; z-index: 10000; top: 44px; } /* WCS-22197 - Docking Nav > Overwrite to show Monetate banner - NOTE: Banner Styles moved to Monetate Expirience */ /* Header design + Dropdown position styling fixes (No Monetate Header Banner) */ body.openGetInspired.shrinkHeader div.gwt-MenuBarPopup, body:not(.openGetInspired).shrinkHeader div.gwt-MenuBarPopup { top:76px!important; } body:not(.openGetInspired) div.gwt-MenuBarPopup { top:142px!important; } body.openGetInspired div.gwt-MenuBarPopup { top:340px!important; } /* Fix styling in docking nav */ body.shrinkHeader .bdheader .topline div { margin-top:2px; margin-right:0; } body.shrinkHeader .bdheader .center img { margin-top:-42px; margin-left:-13px; max-height:19px; } body.shrinkHeader .bdheader .bottomline .right { top:-41px; right:215px; } body.shrinkHeader.LOGGED_ON .bdheader .bottomline .right, body.shrinkHeader.REMEMBERED .bdheader .bottomline .right { right:210px; } body.shrinkHeader .bdheader [id="shoppingCart"] .cartItemCount:not(:empty) { position:relative; top:-3px; } body.shrinkHeader .bdheader .topline .right div#gwt_minicart_div { margin:0; } body.shrinkHeader .bdheader .topline .right div#gwt_minicart_div td > div { margin:0!important; } body.shrinkHeader .bdheader .bottomline { margin-top:0; } .bdheader .topline .right div#myAccount a, .bdheader .topline .right div#myAccount .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .bdheader .topline .right div#myAccount .gwt-unbxd-arrow-span { background-size:12px; } .bdheader .topline .right div#welcome { line-height:1.4em; } body.shrinkHeader .bdheader .bottomline .right [id="searchBox"] { margin-top:11px; } /* Fix styling for additional "Best Sellers" nav item */ @media(max-width:1060px){ .desktop [id="css-top-navigation"] [id="gwt-top-navigation"] .gwt-MenuBar-horizontal .gwt-MenuItem { font-size:11px; line-height:12px; } } @media(max-width:1280px){ /* Add side padding when screen turns liquid */ body.shrinkHeader .bdheader .center img { margin-left:30px; } .bdheader .topline .right { margin-right: 15px!important; } } /* Tablet */ @media(max-width:1024px){ /* When logged in - hide Welcome Message below 1024px desktop screen width */ .bdheader .topline .right div#welcome { display:none; } } /* * Header Icons / Glyphicons */ .bdheader .topline { top:9px; } .bdheader .bottomline { margin-top:10px; } .bdheader .topline div#gwt_minicart_div, .bdheader .topline div.mini-cart-link-active, .bdheader .topline div#gwt_minicart_div, .bdheader .topline div#gwt_minicart_div td div { margin:0; } /* Fix cart link spacing */ .bdheader .logoline { position:relative; top:9px; } /* Icon: Sign In/Reg */ .bdheader .topline .right div#login a, .bdheader .topline .right div#login .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .bdheader .topline .right div#login .tooltip-panel-text, .bdheader .topline .right div#login .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .bdheader .topline .right div#login .gwt-unbxd-arrow-span { background:none; position:relative; padding-left:22px; } .bdheader .topline .right div#login [title='Sign Out'] { background:none; } .bdheader .topline .right div#login [title='Sign Out']:before { content:"\e163"; } .bdheader .topline .right div#login a:before, .bdheader .topline .right div#login .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .bdheader .topline .right div#login .tooltip-panel-text:before, .bdheader .topline .right div#login .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .bdheader .topline .right div#login .gwt-unbxd-arrow-span:before { font-family: 'Glyphicons Halflings'; content:"\e161"; display: block; position: absolute; top:-3px; left:-1px; color: #8f8076; font-size: 15px; } /* Icon: Heart */ .bdheader .topline .right div#wishlist a, .bdheader .topline .right div#wishlist .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .bdheader .topline .right div#wishlist .tooltip-panel-text, .bdheader .topline .right div#wishlist .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .bdheader .topline .right div#wishlist .gwt-unbxd-arrow-span { background-position:0 1px; } /* Icon: Truck */ .bdheader .topline .right div#orderStatus a, .bdheader .topline .right div#orderStatus .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .bdheader .topline .right div#orderStatus .tooltip-panel-text, .bdheader .topline .right div#orderStatus .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .bdheader .topline .right div#orderStatus .gwt-unbxd-arrow-span { background-position:0 1px; } /* Icon: Cart */ .bdheader .topline .right div#gwt_minicart_div td>div { background:none; } .bdheader .topline .right div#gwt_minicart_div td>div:before { font-family: 'Glyphicons Halflings'; content: "\e116"; display: block; position: absolute; top: -2px; left: 1px; color: #8f8076; font-size: 15px; } /* Fix line-height in Main Nav Dropdown */ div.gwt-MenuBarPopup.menu-v2 .gwt-MenuBar .body>td { padding-bottom:20px; } div.gwt-MenuBarPopup.menu-v2 .gwt-MenuBar .body>td.featured-product { padding-top:0; } .menuPopupContent .gwt-MenuItem.subcat-level-1 a { line-height:1.1em; padding-top:16px!important; padding-bottom:8px!important; } .menuPopupContent .gwt-MenuItem.subcat-level-2 a, .menuPopupContent .gwt-MenuItem.subcat-level-2 .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .menuPopupContent .gwt-MenuItem.subcat-level-2 .tooltip-panel-text, .menuPopupContent .gwt-MenuItem.subcat-level-2 .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .menuPopupContent .gwt-MenuItem.subcat-level-2 .gwt-unbxd-arrow-span { line-height:1.1em; padding-bottom:6px; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts, .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts * { line-height:1.1em!important; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts img { margin-bottom:10px; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts p > a, .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts a + br + br + a { display:block; margin-top:8px; } /* -- Search -- */ /* * --- New Unbxd Search Autocomplete Brand Styling tweaks --- * WCS-23331 - CSS Changes Needed to Update Ballard Search Auto Suggest */ .unbxd-as-wrapper.unbxd-as-extra-right { top:24px; left:auto!important; border-radius:0; -webkit-box-shadow:5px 5px 0px 0px rgba(0,0,0,0.2); -moz-box-shadow:5px 5px 0px 0px rgba(0,0,0,0.2); box-shadow:5px 5px 0px 0px rgba(0,0,0,0.2); } .unbxd-as-wrapper ul { padding:10px; } .unbxd-as-wrapper ul li { padding:10px; } .unbxd-as-wrapper ul.unbxd-as-sidecontent { margin-top:0; margin-bottom:0; border-top:1px solid #dedede; border-right:none!important; } .unbxd-as-wrapper ul.unbxd-as-maincontent { width:234px!important; border-bottom:none; border-right:none; border-left:1px solid #dedede; min-height:470px; } .unbxd-as-wrapper ul.unbxd-as-maincontent .unbxd-as-keysuggestion:first-child { border-top:1px solid #dedede; } .unbxd-as-wrapper ul.unbxd-as-maincontent .unbxd-as-keysuggestion { position:relative; } .unbxd-as-wrapper .unbxd-as-popular-product-price > div { line-height:1.2em; padding-top:5px; } .unbxd-as-wrapper ul .unbxd-as-popular-product-grid { position:relative; /*min-height:204px;*/ max-width:29.169%; } .unbxd-as-wrapper ul .unbxd-as-popular-product-grid a { color:#000!important; } .unbxd-as-wrapper ul .unbxd-as-keysuggestion:hover, .unbxd-as-wrapper ul .unbxd-as-keysuggestion:focus, .unbxd-as-wrapper ul .unbxd-as-keysuggestion.unbxd-ac-selected { border-style:none; border-bottom:1px solid #dedede; background-color:rgba(243, 241, 232, 0.6); } .unbxd-as-wrapper ul .unbxd-as-popular-product-grid:hover, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid:focus, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid.unbxd-ac-selected { border-style:none; background-color:rgba(243, 241, 232, 0); } .unbxd-as-wrapper ul .unbxd-as-popular-product-grid:hover a, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid:focus a, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid.unbxd-ac-selected a { color:#000!important; } .unbxd-as-wrapper ul .unbxd-as-keysuggestion:hover:after, .unbxd-as-wrapper ul .unbxd-as-keysuggestion.unbxd-ac-selected:after, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid:hover:after, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid.unbxd-ac-selected:after, .unbxd-as-wrapper ul .unbxd-as-keysuggestion:focus:after, .unbxd-as-wrapper ul .unbxd-as-keysuggestion.unbxd-ac-selected:after, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid:focus:after, .unbxd-as-wrapper ul .unbxd-as-popular-product-grid.unbxd-ac-selected:after { content:' '; display:block; width:calc(100% + 2px); height:calc(100% + 2px); position:absolute; top:-1px; left:-1px; border:2px solid #624630; } /* * Hotfix: Fix for search positioning in header */ .bdheader .bottomline .right { bottom:7px; } /* * --- Search: Alt Layout - Larger Search Box --- */ .bdheader .bottomline .right [id="searchBox"] { bottom:9px; } .bdheader .bottomline .right [id="searchBox"] [id="headerBox"] { width:100%; height:40px; padding-right:28px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-size:18px; } .bdheader .bottomline .right [id="searchBox"] [id="headerBox"]::placeholder { font-weight:600!important; } body.shrinkHeader .bdheader .bottomline .right [id="searchBox"] { margin-top:4px!important; } body.shrinkHeader .bdheader .bottomline .right [id="searchBox"] input { height:30px; } @media(min-width:1024px){ .bdheader .bottomline .right [id="searchBox"] { width:326px; } } @media(max-width:870px){ .bdheader .bottomline .right [id="searchBox"]{ width:auto!important; } } /* -- Main Nav -- */ /* Main Nav - Holiday Nav Change (Active for Holiday promo period only) */ [id="css-top-navigation"] [id="gwt-top-navigation"] .gwt-MenuBar-horizontal .nav-menu-panel-holiday .gwt-MenuItem { vertical-align:baseline; color:#de3434; font-family:'Cormorant'; font-style:italic; text-transform:lowercase; font-size:19px; font-weight:600; } /* Main Nav - Outdoor Nav Change (temp outdoor promo) - DESKTOP [id="css-top-navigation"] [id="gwt-top-navigation"] .gwt-MenuBar-horizontal .nav-menu-panel-outdoor .gwt-MenuItem { vertical-align:baseline; color:#0063C7; /#1e90ff/ font-family:'Cormorant'; font-style:italic; text-transform:lowercase; font-size:21px; font-weight:600; } */ /* Less Items in the main nav because of Holiday Nav */ @media(min-width:1024px){ [id="css-top-navigation"] [id="gwt-top-navigation"] .gwt-MenuBar-horizontal .gwt-MenuItem { padding:0 7px; line-height:12px; vertical-align:center; } } /* * WM-3015 - ADA/Usablity suggestions for Navigation */ [id="css-top-navigation"] [id="gwt-top-navigation"] .gwt-MenuBar-horizontal .gwt-MenuItem { font-weight:500; } #gwt-top-navigation .gwt-MenuItem-selected { position:relative; } #gwt-top-navigation .gwt-MenuItem-selected:after { content:' '; display:block; width:calc(100% + 2px); position:absolute; left:-2px; bottom:-1px; border-bottom:4px solid #947B6A; } body.openGetInspired.shrinkHeader div.gwt-MenuBarPopup, body:not(.openGetInspired).shrinkHeader div.gwt-MenuBarPopup { box-shadow:0 1px 0 rgba(0,0,0,.15); } body:not(.openGetInspired) div.gwt-MenuBarPopup { margin-top:1px; } /* Active Nav Item Style */ #gwt-top-navigation .gwt-MenuItem-selected { background-color:#fff!important; } /* Dropdown: Styles */ div.gwt-MenuBarPopup .menuPopupContent { background-color:#f3f3f3!important; /* Orig: #f1f3f8 */ padding-top:10px; padding-bottom:30px; } div.gwt-MenuBarPopup { border:1px solid #c9bdb4; border-top:none; border-bottom:4px solid #947B6A; -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1); } div.gwt-MenuBarPopup .menuPopupContent .gwt-MenuItem.subcat-level-1 a { font-weight:500; } div.gwt-MenuBarPopup .menuPopupContent .gwt-MenuItem.subcat-level-2 a { font-weight:400; } div.gwt-MenuBarPopup .menuPopupContent .gwt-MenuItem.subcat-level-1 a { color:#000!important; font-size:14px; text-transform:uppercase; margin-bottom:4px; /*color:#624630;*/ } div.gwt-MenuBarPopup .menuPopupContent .gwt-MenuItem.subcat-level-2 a { color:#000!important; font-size:14px; margin-bottom:4px; } /* Dropdown: Featured Product Img */ .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts img { margin-top:20px; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts, .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts * { font-weight:400; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts, .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts p { font-size:12px; color:#000; line-height:1.5em!important; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts p:nth-child(3){ font-weight:600!important; margin-top:6px; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts p:nth-child(4){ /* line-height:1.5em!important; */ } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts, .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts a { font-weight:800!important; } .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts, .menu-v2 .gwt-MenuBar .gwt-MenuItem-FeatureProducts a u { color:#624630!important; font-weight:800!important; } /* -- Main Side Nav -- */ .wrapper>[id="sideBox"] { padding-left:12px; } .area-CategoryView [id="sideBox"]>ul>li>ul>.on { color:#000; font-size:14px; font-weight:500; } .area-CategoryView [id="sideBox"]>ul>li>ul>.on>a, .area-CategoryView .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container [id="sideBox"]>ul>li>ul>.on>.tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .area-CategoryView [id="sideBox"]>ul>li>ul>.on>.tooltip-panel-text, .area-CategoryView .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window [id="sideBox"]>ul>li>ul>.on>.gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .area-CategoryView [id="sideBox"]>ul>li>ul>.on>.gwt-unbxd-arrow-span { color:#000; font-size:14px; font-weight:500; } .area-CategoryView [id="sideBox"]>ul>li>ul>li>ul>.on>a, .area-CategoryView .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container [id="sideBox"]>ul>li>ul>li>ul>.on>.tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .area-CategoryView [id="sideBox"]>ul>li>ul>li>ul>.on>.tooltip-panel-text, .area-CategoryView .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window [id="sideBox"]>ul>li>ul>li>ul>.on>.gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .area-CategoryView [id="sideBox"]>ul>li>ul>li>ul>.on>.gwt-unbxd-arrow-span { /*color:#000;*/ font-size:13px; font-weight:500; text-transform:capitalize; } /* -- Breadcrumbs -- */ .breadcrumbs, [id="breadcrumbs"] { margin-left:12px; } /* Global Breadcrumb Caret */ .breadcrumbs ul li+li:before, [id="breadcrumbs"] ul li+li:before { content:">"; } /* Breadcrumb Line-Height Fix */ .breadcrumbs ul, [id="breadcrumbs"] ul { padding-top:5px; } ul[id="breadcrumbs_ul"] li.current, ul[id="breadcrumbs_ul"] li+li:before, .breadcrumbs li.current, .breadcrumbs li+li:before { line-height:1.5em; } /* Previous/Next Nav on Slipcover */ .view-ProductDetailView .pdp_previousnext { top:5px; } .view-ProductDetailView .pdp_previousnext a { font-weight:800; } /* -- Footer -- */ /* Footer Height Fix */ [id="footer"] .footerContent { height:100%; } /* New Chat Icon styling fix */ #footer img.live-chat-icon { width:77px!important; margin:-2px 0 0 -5px!important; } /* -- Recomendations -- */ /* WCS-22180 Recs at top of Page break iPad experience */ @media(max-width:1024px){ .gwt-we-suggest-panel-horizontal.pdp-top-recommendations .carousel.swipe.h .body .tilePanel { height:auto; } .gwt-we-suggest-panel-horizontal.pdp-top-recommendations .carousel.swipe.h .body { height:auto; } } /* WM-1892 - Fix Social Media Icon Styling in Footer on Locations Pages * - Old social media icons on Store location pages were breaking footer social media icons because of identical naming. */ [id="footer"] .line1 [id="socialmedia"] a { margin: 0; display:inline; } /* * 2019 R2 Bug - Hotfix: Fix Mailing List Positioning in Footer */ [id="footer"] .line2 .col1 [id="emailUpdates"] form [id="emailSignUp_label"] { padding-top:20px!important; } /* Footer Privacy Compliance Icon */ .footerLinks a[href="/PrivacyComplianceRequestView"]:before { content: ""; width: 29px; height: 14px; background-image: url("/wcsstore/images/BallardDesigns/interface/icons/privacyoptions29x14.png"); background-repeat: no-repeat; display: inline-block; margin-right: 5px } /* * Footer Styling */ [id="footer"] .footerLinks { margin-top:30px; } /* Original Footer Code */ [id="footer"] .line2 .col1 { width:24%!important; } [id="footer"] .line2 .footerLinks { width:76%!important; } #footer .footer-links-list { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-flex; display: flex; } #footer .footer-links-list-item { -moz-flex: 0 1 auto; -o-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } #footer .clabel {padding-right: 20px;padding-left: 20px;} #footer img.live-chat-icon {width: 100px; cursor:pointer;} /* Credit Card Style */ .ballard-designs-credit a { display: block; } .ballard-designs-credit a:hover, .ballard-designs-credit a:active { text-decoration: none !important; } .ballard-designs-credit a:hover, .ballard-designs-credit a:active * { opacity:.8; } #footer .ballard-designs-credit { /*border:1px solid #ccc; display:inline-block; text-align:center;*/ } #footer .ballard-designs-credit a { padding:20px 5px 0; border:1px solid #ccc; display:inline-block; text-align:center; margin:30px 0 0; width:146px; } #footer .ballard-designs-credit img { position:absolute; top:-30px; left:50%; width:90px; margin-left:-45px; } .ballard-designs-credit .credit-card-text { font:600 10px/1.2em "Montserrat", Verdana, Helvetica, sans-serif; text-transform:uppercase !important; white-space:nowrap; margin-top:12px; } .ballard-designs-credit .credit-card-text span { display:block; } .ballard-designs-credit .credit-card-text span:nth-child(1) { color:#DD3156; font-size:14px; font-weight:800; margin:0 0 7px; padding:0; } .ballard-designs-credit .credit-card-text span:nth-child(2) { color:#000; margin-bottom:3px; } .ballard-designs-credit .credit-card-text span.btn-link { color:#DD3156!important; text-align:center!important; font-size:14px; text-transform: uppercase; font-weight:800; text-align: left; margin: 0; padding:5px 0 0; border: none; letter-spacing: 0; } .ballard-designs-credit .credit-card-text span.btn-link:hover, .ballard-designs-credit .credit-card-text span.btn-link:active { text-decoration:none!important; } /* Link Column fixes */ [id="footer"] .line2 .section .column .header { margin-bottom:6px; } [id="footer"] .line2 .section .column:nth-child(1) { width:24%; } [id="footer"] .line2 .section .column:nth-child(2) { width:21%; } [id="footer"] .line2 .section .column:nth-child(3) { width:15%; } [id="footer"] .line2 .section .column:nth-child(4) { width:20%; } [id="footer"] .line2 .section .column:nth-child(5) { width:20%; } [id="footer"] .line2 .section .column:last-child .header span { display:block; } [id="footer"] .line2 .section .column .link a, [id="footer"] .line2 .section .column .link .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window [id="footer"] .line2 .section .column .link .gwt-unbxd-arrow-span { display:inline-block; line-height:16px; margin-bottom:10px; padding-right:10px; } [id="footer"] .line2 .section .column .header { padding-right:10px; } /* Mailing List Error Message */ [id="footer"] .line2 .col1 [id="emailUpdates"] form #error-div-emailSignUp + [id="emailSignUp_label"] { padding-top:0!important; } [id="footer"] [id="emailUpdates"] #error-div-emailSignUp { margin:26px 0 8px; } /* Tablet */ @media (max-width:1200px){ /* Link Column fixes */ [id="footer"] .line2 .section .column .header { margin-bottom:6px; } [id="footer"] .footerLinks { min-width:auto; } [id="footer"] .footer-links-list { display:flex; flex-direction:row; flex-wrap:wrap; } [id="footer"] .footer-links-list-item > span { display:block; } [id="footer"] .line2 .section .column .link a > span, [id="footer"] .line2 .section .column .header > span { display:block; } .ballard-designs-credit .card-left { margin-top:0; min-width:85px; } [id="footer"] .line2 .section .column:nth-child(1) { width:33%!important; order:1; } [id="footer"] .line2 .section .column:nth-child(2) { width:33%!important; order:3; } [id="footer"] .line2 .section .column:nth-child(3) { width:33%!important; order:4; margin-top:15px; margin-bottom:15px; } [id="footer"] .line2 .section .column:nth-child(4) { width:33%!important; order:2; } [id="footer"] .line2 .section .column:nth-child(5) { width:66%!important; order:5; margin-top:15px; margin-bottom:15px; } [id="footer"] .line2 .section .column:nth-child(5) { position:relative; } [id="footer"] .line2 .section .column:nth-child(5) .header { width:50%; float:left; } [id="footer"] .line2 .section .column:nth-child(5) .link { width:50%; margin-right:50%; float:left; } #footer .ballard-designs-credit { position:absolute; top:-15px; left:50%; } [id="footer"] .line2 .col1 { padding-left:15px; } [id="footer"] .line2 .col1 { width:27%!important; } [id="footer"] .line2 .footerLinks { width:73%!important; } } @media (max-width:980px){ [id="footer"] [id="emailUpdates"] [id="emailSignUp"] { width:calc(100% - 30px); margin:0 30px 10px 0; } [id="footer"] .line2 .col1 [id="emailUpdates"] form button { display:block; width:calc(100% - 30px); margin:0 30px 0 0; } } /* -- Forms -- */ /* WCS-22553 Linc - Order Status form – adjust placement of new instructional text */ #orderStatusForm .form .orderStatusEmailMessage { display:none!important; } /* ------------------ Bloomreach ------------------ */ /* Hide Bloomreach Bottom Footer .desktop .bloom-reach-wrapper { display:none; } */ /* ------------------ CLPs ------------------ */ /* ------------------ PLPs ------------------ */ /* * Sub Cat Filter Nav */ #sub-cat-filter-nav { display:flex; border-bottom:1px solid #dfdbd8; padding:0 15px 10px; } #sub-cat-filter-nav h2 { font-size:1em; font-weight:500; } #sub-cat-filter-nav [class*="col-"] img { width:60%!important; margin:0 auto; } #sub-cat-filter-nav a:hover img, #sub-cat-filter-nav a:active img, #sub-cat-filter-nav a:focus img { opacity:.6; } #sub-cat-filter-nav a:hover h2, #sub-cat-filter-nav a:active h2, #sub-cat-filter-nav a:focus h2 { text-decoration:underline; } /* * WCS-25703 "Limited Stock" Message on PDP or PLP */ .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .bd-badge.limited-stock { order: 5; color: #fff; background-color: rgb(122, 40, 57, 1); font-weight: 800; text-transform: capitalize; padding: 2px 5px 3px; font-size: .8em; margin: 4px 0 0; text-align: center; white-space: nowrap; align-self:flex-start; } /* Ship To Store Label .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .gwt-product-info-panel-details-panel-html .gwt-sts-indicator-panel { display:none!important; } */ /* WCS-22381 Reduce Unbxd Black Border */ .unbxd-as-wrapper ul li.unbxd-ac-selected { border-width: 1px !important; } /* UNBXD Fix - Fix for IE and Firefox - Center Autocomplete Dropdown */ .bdheader .bottomline .right [id="searchBox"] .unbxd-as-wrapper { left:0!important; } /* -- Unbxd Filtering & Sorting Styling Changes -- */ /* Unbxd: Min Height fixfor "Peak-a-boo" ajax loading */ .view-UnbxdBodyView:not(.area-ProductSearch) #unbxd-product-grid { min-height:calc(100vh - 200px); margin-top:15px; } /* Unbxd: Refresh Panel */ .view-UnbxdBodyView .unbxd-refresh-panel.refreshing { min-height:calc(100vh - 400px); } .view-UnbxdBodyView #categoryHeader { margin-bottom:15px; } .view-UnbxdBodyView .header-pagination-panel { margin:0; padding-bottom:0px; border-bottom:none; text-align:left; } /* Unbxd: Grid */ .view-UnbxdBodyView .unbxd-products-display-panel.grid { margin: 0 -10px; } .view-UnbxdBodyView .area-ProductSearch #unbxd-product-grid .unbxd-grid.one-page-result { overflow:hidden; } @media(max-width:1280px){ /* Smaller Than Full Width */ .view-UnbxdBodyView #unbxd-product-grid { margin-left:15px; margin-right:15px; } .view-UnbxdBodyView .unbxd-products-display-panel.grid { margin:0 -10px; } } /* WCS-23519 - Tablet AR Icon placement (on Unbxd PLP Grid Pages) */ img.unbxd-grid-product-image { width:100%; } .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container { margin:0 10px 10px 0; min-width:120px; } .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options { white-space:nowrap; } /* Unbxd: Dropdown Label */ .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-sort-by-text, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-filter-by-heading, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-sort-by-text, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-filter-by-heading { margin-bottom:5px; } /* Unbxd: Drodown "Fake " arrows */ .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .selected-option-span:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .selected-option-span:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .selected-option-span:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .selected-option-span:after { position:absolute; top:8px; right:9px; } /* Unbxd: Dropdowns */ .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option { padding:8px 5px 5px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2); } /* Unbxd: Sort */ .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors { padding-top:5px; } .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors a { line-height:25px; } /* Unbxd: Dropdown More/Less Links */ .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-more-anchor, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option .view-more-anchor, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-more-anchor, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option .view-more-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-more-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option .view-more-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-more-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .view-more-anchor { display: block; text-align: center; font-size: .9em; font-weight: 800; padding-right: 7px; border-top: 1px solid #ccc; margin-top: 4px; padding-top: 4px; } .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-more-anchor:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option .view-more-anchor:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-more-anchor:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option .view-more-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-more-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option .view-more-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-more-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .view-more-anchor:after { content: ""; position: relative; top: 4px; left: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; z-index: 1; height: 0; line-height: 0; color: currentColor; border-style: solid; border-width: .4em; border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-less-anchor, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option .view-less-anchor, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-less-anchor, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option .view-less-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-less-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option .view-less-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-less-anchor, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .view-less-anchor { display: block; text-align: center; font-size: .9em; font-weight: 800; padding-right: 7px; border-top: 1px solid #ccc; margin-top: 4px; padding-top: 4px; } .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-less-anchor:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option .view-less-anchor:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-less-anchor:after, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option .view-less-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-less-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option .view-less-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-less-anchor:after, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .view-less-anchor:after { content: ""; position: relative; top: -1px; left: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; z-index: 1; height: 0; line-height: 0; color: currentColor; border-style: solid; border-width: .4em; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; } .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .view-more-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-facet-option .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .unbxd-facet-option .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-sort-options-anchors .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .unbxd-facet-option .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-sort-options-anchors .view-less-anchor:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .view-less-anchor:hover { margin:4px -5px -5px; padding:4px 7px 5px 5px; background-color:#e1dbd7; border-top:1px solid #d3c9c3; /*#4D90FE color:#fff;*/ text-decoration:none; } /* Unbxd: # of Results */ .view-UnbxdBodyView .gwt-unbxd-pagination-from-to-container .gwt-unbxd-pagination-from-to-text { margin-top:0; } /* Unbxd: Reset Filter */ .view-UnbxdBodyView .unbxd-text-facets-panel .reset-facet-panel a { position: relative; text-decoration: none; font-size: 1em; background-color:rgba(148, 123, 106, .7); color: #fff; padding: 1px 10px 3px 20px; border-radius: 5px; top: -2px; margin-left: 0; margin-right: 5px; white-space:nowrap; } .view-UnbxdBodyView .unbxd-text-facets-panel .reset-facet-panel a:before { content: "\e014"; position: absolute; left: 6px; top: 3px; display: block; font-family: 'Glyphicons Halflings'; font-size: .8em; } .view-UnbxdBodyView .unbxd-text-facets-panel .reset-facet-panel a:hover, .view-UnbxdBodyView .unbxd-text-facets-panel .reset-facet-panel a:active, .view-UnbxdBodyView .unbxd-text-facets-panel .reset-facet-panel a:focus { background-color:#742f3a; color:#fff!important; } /* Breadcrumb Tags */ .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"]:first-of-type:before { color:#947c6a; padding:0 5px; } .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] {} .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-search-anchor, .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-category-anchor { font-size:12px; font-weight:600; margin-right:2px; } .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"]:after { display:none; } .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-filter-value-panel { position:relative; top:-2px; } /*.view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor { display: inline-block; position: relative; text-decoration: none; font-size: .9em; background:rgba(148, 123, 106, .7) none; color: #fff; margin: 0 0 0 5px; padding: 3px 10px 2px 20px; border-radius: 5px; line-height: 1.1em; }*/ .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor { display: inline-block; position: relative; text-decoration: none; font-size: .8em; background: #e0dbd8 none; color: #927f76; margin: 0 5px 5px 0; padding: 3px 10px 2px 18px; border-radius: 5px; line-height: 1.1em; border: 1px solid rgba(146, 127, 118, .2); top: 0px; } .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor:after { content: "\e014"; position: absolute; left: 5px; top: 3px; display: block; font-family: 'Glyphicons Halflings'; font-size: .8em; } .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor:hover, .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor:active, .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor:focus, .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] .bread-crumb-anchor:visited { background-color:#742f3a; color:#fff!important; } /* Unbxd Grid: New Badge */ .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .bd-badge { margin-bottom:3px; } .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .bd-badge + .gwt-product-info-panel-details-panel-html .unbxd-product-swatches-panel { margin-top:7px; } /* * MOB-7278 * FG BD - In Stock Filter for PLP pages Unbxd 277694 */ .view-UnbxdBodyView .unbxd-toggle-Sliding { display:flex; flex-direction:row-reverse; } .view-UnbxdBodyView .unbxd-toggle-Sliding .heading-container-panel { margin-left:12px; line-height:1.2em; } .unbxd-toggle-Sliding .unbxd-toggle-options-conatiner>span label, .unbxd-toggle-Sliding .unbxd-facet-option-anchor>span label { right:3px; } .unbxd-toggle-Sliding .unbxd-toggle-options-conatiner>span label:before, .unbxd-toggle-Sliding .unbxd-facet-option-anchor>span label:before { margin-left:2.5px; } .view-UnbxdBodyView .unbxd-toggle-Sliding .heading-container-panel .toggle-ship-message-heading { font-size:10px; } @media(max-width:1280px){ .view-UnbxdBodyView .header-pagination-panel { margin-bottom:10px; } .view-UnbxdBodyView .unbxd-toggle-Sliding .heading-container-panel .toggle-heading { font-size:11px; } .view-UnbxdBodyView .unbxd-toggle-Sliding .heading-container-panel .toggle-ship-message-heading { font-style:9px; } .unbxd-toggle-Sliding .unbxd-toggle-options-conatiner, .unbxd-toggle-Sliding .unbxd-facet-option-anchor { width:25%; } } @media(max-width:1024px){ .unbxd-toggle-Sliding .unbxd-toggle-options-conatiner, .unbxd-toggle-Sliding .unbxd-facet-option-anchor { width:28%; } } /* -- Filters: Fabric Preview Sticky Nav -- */ .view-UnbxdBodyView .shrinkHeader .swatch-facet-enabled .unbxd-swatches-facet { position:fixed; z-index:999; top:77px; left:0; width:100%; background-color:rgba(255,255,255,.9); border:none; border-bottom:1px solid #dfdbd8; margin:0; padding:0; } .view-UnbxdBodyView .shrinkHeader .swatch-facet-enabled .unbxd-swatches-facet .unbxd-swatches-facet-Container { max-width:1280px; min-width:767px; margin:0 auto; text-align:right; } .view-UnbxdBodyView .shrinkHeader .swatch-facet-enabled .unbxd-swatches-facet .unbxd-swatches-facet-Container .unbxd-swatches-face-lable { text-align:right; margin:10px 5px 0 0; } .view-UnbxdBodyView .shrinkHeader .swatch-facet-enabled .unbxd-swatches-facet .unbxd-swatches-facet-Container .unbxd-swatches-facet-holder { float:right; } /* Border */ .view-UnbxdBodyView .swatch-facet-enabled .unbxd-swatches-facet .gwt-PDP-Fabric-Image-panel:hover img, .view-UnbxdBodyView .swatch-facet-enabled .unbxd-swatches-facet .gwt-PDP-Fabric-Image-panel:active img, .view-UnbxdBodyView .swatch-facet-enabled .unbxd-swatches-facet .gwt-PDP-Fabric-Image-panel .border-around { border:2px solid #53331B; outline:1px solid rgba(255,255,255,1); outline-offset:-3px; } /* Transitions */ .view-UnbxdBodyView .shrinkHeader .swatch-facet-enabled .unbxd-swatches-facet { animation:slide-down 0.5s; } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @media(max-width:1280px){ .view-UnbxdBodyView .shrinkHeader .swatch-facet-enabled .unbxd-swatches-facet .unbxd-swatches-facet-Container .unbxd-swatches-facet-holder { margin-right:10px; } } /* -- Drapery Template PLP Page - (Large thumbs on right side of image) -- */ .view-UnbxdBodyView .products-grid-with-larger-images .unbxd-product-swatches-panel .swatches-more-panel { margin-top:5px; } .view-UnbxdBodyView .unbxd-products-display-panel .gwt-unbxd-product-info-panel .unbxd-product-swatches-panel .product-swatch-panel a:active, .view-UnbxdBodyView .unbxd-products-display-panel .gwt-unbxd-product-info-panel .unbxd-product-swatches-panel .product-swatch-panel a:focus { text-decoration:none; } /* -- Non-Unbxd Category PLP Page -- */ .area-CategoryView.view-ProductGridView #gwt_products_display { margin-bottom:60px; } .area-CategoryView.view-ProductGridView [id="changepageSizeForm"] .gwt-products-display-panel-hpanel { margin-bottom:30px; } .area-CategoryView.view-ProductGridView #gwt_products_display .gwt-sub-category-info-panel-header { font-family:"Montserrat", sans-serif; font-size:16px!important; line-height:20px!important; font-style:normal; text-align:left!important; margin:0; padding:10px 0 5px; } .area-CategoryView.view-ProductGridView #gwt_products_display .gwt-product-info-panel-details-panel { display:flex; flex-direction:column; } .area-CategoryView.view-ProductGridView #gwt_products_display .gwt-product-info-panel-details-panel .gwt-product-info-panel-details-panel-html { order:1; } .area-CategoryView.view-ProductGridView #gwt_products_display .gwt-product-info-panel-details-panel .gwt-product-info-panel-was-now-price-holder { order:3; } .area-CategoryView.view-ProductGridView #gwt_products_display .gwt-product-info-panel-details-panel .extra-product-details-panel { order:2; } .area-CategoryView.view-ProductGridView [id="changepageSizeForm"] .gwt-product-info-panel-bv-details-panel { padding-top:0; } .area-CategoryView.view-ProductGridView [id="changepageSizeForm"] .gwt-product-info-panel-bv-details-panel img { display:none; } .area-CategoryView.view-ProductGridView [id="changepageSizeForm"] .gwt-product-info-panel-stacked-price-was-label { padding-top:0; } /* * Unbxd PLP Grid > Fabric Viewer - Style Tweaks */ .view-UnbxdBodyView .swatch-facet-enabled .unbxd-swatches-facet { margin:12px 0 -3px; position: absolute; top: 110px; right: 0; } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-swatches-facet .unbxd-swatches-face-lable { margin-left:5px; } .view-UnbxdBodyView .swatch-facet-enabled .header-pagination-panel { padding-bottom:15px!important; } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-sort-view-panel { float:left; } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-sort-facet-container-panel { width:16%; min-width:200px; } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-sort-facet-container-panel .unbxd-text-facets-panel, .view-UnbxdBodyView .swatch-facet-enabled .unbxd-sort-facet-container-panel .unbxd-sort-view-panel { max-width:none; min-width:200px; } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-text-facets-panel .reset-facet-panel a { position:absolute; line-height:1.3em; top:191px; left:80px; /* top:122px; left:198px; */ } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-text-facets-panel .unbxd-all-options-container { margin:0 10px 10px 0; min-width:120px; width:100%; } .view-UnbxdBodyView .swatch-facet-enabled .unbxd-text-facets-panel .reset-facet-panel a:before { top:2px; } @media(max-width:1280px){ .view-UnbxdBodyView .swatch-facet-enabled .unbxd-text-facets-panel .reset-facet-panel a { left:208px; } } /* * Hide Free Ship To Store Badge on PLP & Search Results */ .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .gwt-product-info-panel-details-panel-html .gwt-sts-indicator-panel { display:none!important; } /* ------------------ PDPs ------------------ */ /* * PDP - In-Stock Options Button */ .view-ProductDetailView .PDPV4:not(.BDPV4) .ballard-instock-swatch-button { margin:15px 0 -15px; } .view-ProductDetailView .COMPDPV4 .ballard-instock-swatch-button, .view-ProductDetailView .SCPDPV4 .ballard-instock-swatch-button { position:relative; bottom:40px; right:12px; float:right; } .view-ProductDetailView .PCDPV2 .ballard-instock-swatch-button { margin:0!important; } .view-ProductDetailView .BDPV4 .ballard-instock-swatch-button { float:right; margin:15px 0 5px; } .view-ProductDetailView .BDPV4 [class*="gwt-bundle-vk-detail-widget-"] .ballard-instock-swatch-button { margin:5px 15px -10px 0; } /* VK Items */ .view-ProductDetailView .FDPV4 .ballard-instock-swatch-button { float:none!important; margin:15px 0 5px; } /* * WCS-25703 "Limited Stock" Message on PDP or PLP (additional styling above, under PLPs) */ .view-ProductDetailView .bd-badge.limited-stock { position:relative; visibility:hidden; } .view-ProductDetailView .bd-badge.limited-stock:before { text-align:center; content:'Almost Gone'; visibility:visible; position:absolute; top:-10px; left:0; color: #fff; background-color: rgb(122, 40, 57, 1); font-weight: 800; text-transform: capitalize; padding: 2px 10px 3px; font-size: .8em; margin: 4px 0 0; text-align: center; white-space: nowrap; } /*@media(max-width:1200px){ .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .bd-badge.limited-stock { width:30%; } } @media(max-width:1024px){ .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-details-panel .bd-badge.limited-stock { width:40%; } }*/ /* * * GWT to Pattern Library Styling Adjustments for Components/Widgets * * 1.) Anchor with .anchor & .action classes GWT Adaptation * - PDP - View Product Overview & Specifications Arrow * */ .view-ProductDetailView .gwt-comshop-main-page-panel .product-overview-and-specifications-link, .quick-view-modal.gwt-PopupPanel .gwt-comshop-main-page-panel .product-overview-and-specifications-link, .view-POSProductDetailView .gwt-comshop-main-page-panel .product-overview-and-specifications-link { font-size:14px!important; color:#53331B!important; } .PCDPV2 .gwt-pdp-top-panel .gwt-top-product-info .header-column-2 .product-overview-and-specifications-link:after, .view-ProductDetailView .gwt-comshop-main-page-panel .product-overview-and-specifications-link:after, .quick-view-modal.gwt-PopupPanel .gwt-comshop-main-page-panel .product-overview-and-specifications-link:after, .view-POSProductDetailView .gwt-comshop-main-page-panel .product-overview-and-specifications-link:after { font-size:14px; margin-left:3px; } .PDPV4 .gwt-product-detail .gwt-product-detail-right-panel .product-overview-and-specifications-link:after, .PDPV4 .gwt-comshop-main-page-panel .gwt-product-detail-right-panel .product-overview-and-specifications-link:after, .view-ProductDetailView .gwt-comshop-main-page-panel .product-overview-and-specifications-link:after, .quick-view-modal.gwt-PopupPanel .gwt-comshop-main-page-panel .product-overview-and-specifications-link:after, .view-POSProductDetailView .gwt-comshop-main-page-panel .product-overview-and-specifications-link:after { margin-left: .25em; margin-right: 1px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; z-index: 1; height: 0; line-height: 0; color: currentColor; border-style: solid; border-width: .3em; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; content: " "; } /* PDP - Ship To Store Styling Clean-up */ .PDPV4 .gwt-shipping-options .gwt-RadioButton { padding-top:7px; padding-bottom:7px; margin-bottom:7px; } .view-ProductDetailView .gwt-shipping-options .gwt-RadioButton+div { padding-left:0; margin-bottom:10px; } /* WCS-19504 */ /* 2020 CLEANUP > Group With PDP */ .gwt-image-picker-option { float:none; display:inline-block; vertical-align:top; } /* WCS-20031 */ /* 2020 CLEANUP > Group With PDP */ .PDPV4 .iwc-thumbs-panel .carousel.h .tilePanel .carouselTile img { height:auto; } .PDPV4 .iwc-thumbs-panel .carousel.h .tilePanel .carouselTile { height:auto; } /* * PDP: Add margin/spacing between "Customers Also Viewed" module and "Reviews" module */ .view-ProductDetailView [id="content"] .gwt-we-suggest-panel-horizontal, .quick-view-modal.gwt-PopupPanel [id="content"] .gwt-we-suggest-panel-horizontal, .view-POSProductDetailView [id="content"] .gwt-we-suggest-panel-horizontal, .view-ProductDetailView [id="content"] .gwt-we-suggest-panel-vertical, .quick-view-modal.gwt-PopupPanel [id="content"] .gwt-we-suggest-panel-vertical, .view-POSProductDetailView [id="content"] .gwt-we-suggest-panel-vertical { margin-bottom:30px!important; } /* Fix for top tabs margin/spacing */ .view-ProductDetailView .gwt-product-detail-lower-flow-panel { margin-top:20px; margin-bottom:30px; } /* * PDP: Tabs * WM-3505 Tab spacing issue */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .product-additional-info-panel .gwt-TabBar .gwt-TabBarItem .gwt-HTML, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .product-additional-info-panel .gwt-TabBar .gwt-TabBarItem .gwt-HTML, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .product-additional-info-panel .gwt-TabBar .gwt-TabBarItem .gwt-HTML { padding-left:30px; padding-right:30px; } /* * WM-1893 Fix Styling on PDP Tabs */ /* GWT Tab Overflow/Scroll Bar Fix */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom > div > div, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom > div > div, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom > div > div { overflow:visible!important; } /* PDP Tabs: Additional Info Tab content */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom { margin:0!important; padding:30px!important; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-description-content, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-description-content, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-description-content { margin-top:10px; } /* Darker Anchor Links in Tabs */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a { color:#624630; } /* PDP Tabs: Shipping Tab content */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h2, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h2, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h2 { font:normal bolder 17px/1em 'Open Sans',sans-serif; margin-top:30px; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h2:first-child, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h2:first-child, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h2:first-child { margin-top:0; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h3, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h3, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h3, .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h4, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h4, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h4 { font:normal bolder 14px/1em 'Open Sans',sans-serif; margin-top:24px; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h3 .label, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h3 .label, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h3 .label, .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h4 .label, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h4 .label, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content h4 .label { position: relative; top:-2px; left:2px; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content .label-success, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content .label-success, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content .label-success { background-color: #73AEA0; /* Ballard Light Green > Should migrate to label-success */ } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content .indent, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content .indent, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content .indent { margin-left:15px; } /* PDP Tabs: Specifications */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content b, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content b, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content b { display:inline-block; margin:8px 0 0; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content br:first-child + b, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content br:first-child + b, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content br:first-child + b { margin-top:0; } /* PDP Tabs: Shipping Tab content */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .prodSpecContent, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .prodSpecContent, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .prodSpecContent { margin-bottom:0px; padding:0px 5px; } /* PDP Tabs: Hide top
if added in data */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-content:not(.pdp-single-tab-description-content) br:first-child, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-content:not(.pdp-single-tab-description-content) br:first-child, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-content:not(.pdp-single-tab-description-content) br:first-child { display:none; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-content:not(.pdp-single-tab-description-content) br:first-child + br, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-content:not(.pdp-single-tab-description-content) br:first-child + br, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .pdp-single-tab-content:not(.pdp-single-tab-description-content) br:first-child + br { display:none; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .prodSpecContent * + br, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .prodSpecContent * + br, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .prodSpecContent * + br { display:inline!important; } /* PDP Tabs: Questions Link */ .SCPDPV4 #lower_product_info_panel .email-specialist-link, .SCPDPV4 #lower_product_info_panel .view-ProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .view-ProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .SCPDPV4 #lower_product_info_panel .email-specialist-button, .SCPDPV4 #lower_product_info_panel .quick-view-modal.gwt-PopupPanel .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .quick-view-modal.gwt-PopupPanel .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .SCPDPV4 #lower_product_info_panel .email-specialist-button, .SCPDPV4 #lower_product_info_panel .view-POSProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .view-POSProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .SCPDPV4 #lower_product_info_panel .email-specialist-button, .COMPDPV4 #lower_product_info_panel .email-specialist-link, .COMPDPV4 #lower_product_info_panel .view-ProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .view-ProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .COMPDPV4 #lower_product_info_panel .email-specialist-button, .COMPDPV4 #lower_product_info_panel .quick-view-modal.gwt-PopupPanel .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .quick-view-modal.gwt-PopupPanel .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .COMPDPV4 #lower_product_info_panel .email-specialist-button, .COMPDPV4 #lower_product_info_panel .view-POSProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .view-POSProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .COMPDPV4 #lower_product_info_panel .email-specialist-button, .PDPV4 #lower_product_info_panel .email-specialist-link, .PDPV4 #lower_product_info_panel .view-ProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .view-ProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .PDPV4 #lower_product_info_panel .email-specialist-button, .PDPV4 #lower_product_info_panel .quick-view-modal.gwt-PopupPanel .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .quick-view-modal.gwt-PopupPanel .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .PDPV4 #lower_product_info_panel .email-specialist-button, .PDPV4 #lower_product_info_panel .view-POSProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .email-specialist-button, .view-POSProductDetailView .gwt-product-detail-lower-flow-panel .gwt-product-detail-links-panel .PDPV4 #lower_product_info_panel .email-specialist-button { margin:0 30px 20px; padding:15px 0 0!important; } /* PDP Tabs: Assembly Tab (or default tab reset) */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content { margin: 0 !important; padding: 0px !important; } /* PDP Tabs: PDF Download in Tab */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"], .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"], .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"] { position: relative; display: inline; padding:0 28px 0 16px; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"]:before, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"]:before, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"]:before { font-family:'FontAwesome'; font-weight:normal; content: '\f1c1'; position: absolute; top: -2px; left: 2px; font-size: 1.2em; line-height: 1.5em; color: #947B6A; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"]:after, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"]:after, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".pdf"]:after { content: ' (PDF)'; font-size:.7em; line-height:1.3em; position: absolute; top:0; right:0; padding-right: 2px; margin-bottom: 2px; } /* PDP Tabs: WORD DOC Download in Tab */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"], .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"], .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"], .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"], .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"], .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"] { position: relative; display: inline; padding:0 28px 0 16px; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"]:before, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"]:before, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"]:before, .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"]:before, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"]:before, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"]:before { font-family:'FontAwesome'; font-weight:normal; content: '\f1c2'; position: absolute; top: -2px; left: 2px; font-size: 1em; color: #947B6A; } .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"]:after, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"]:after, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".doc"]:after, .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"]:after, .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"]:after, .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content a[href$=".docx"]:after { content: ' (Doc)'; font-size: .7em; position: absolute; top: -1px; right: -1px; padding-right: 2px; margin-bottom: 2px; } /* PDP Tabs: Container Reset */ .SCPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content [class*="container"], .COMPDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content [class*="container"], .PDPV4 #lower_product_info_panel #gwt-product-addition-info-panel .gwt-TabPanelBottom .pdp-single-tab-content [class*="container"] { padding-left: 0 !important; } /* PDP Container Around BazaarVoice Fix */ .view-ProductDetailView [id="BVRRContainer"], .quick-view-modal.gwt-PopupPanel [id="BVRRContainer"], .view-POSProductDetailView [id="BVRRContainer"], .view-ProductDetailView [id="BV-review-container"], .quick-view-modal.gwt-PopupPanel [id="BV-review-container"], .view-POSProductDetailView [id="BV-review-container"], .PDPV4 [id="BVRRContainer"], .PDPV4 [id="BV-review-container"] { padding-left:0; padding-right:0; } /* PDP Next/Previous Nav */ .view-ProductDetailView .pdp_previousnext a { font-size:12px; } .prev-next-septext-on { font-size:12px; margin:0 3px; } /* * BazaarVoice PDP Reviews - "Load More" Pagination Button Styling */ #BV-review-container .bv-content-btn-pages-load-more { background-color:transparent!important; border:2px solid #41686f!important; color:#41686f!important; font-size:11px!important; line-height:13px!important; font-family:"Montserrat", "Verdana", "Helvetica", sans-serif !important; font-style:normal!important; font-weight:700!important; font-variant:normal!important; text-decoration:none!important; text-shadow:none!important; } #BV-review-container .bv-content-btn-pages-load-more > span.bv-content-btn-pages-load-more-text { text-transform:uppercase!important; } #BV-review-container .bv-content-btn-pages-load-more:focus, #BV-review-container .bv-content-btn-pages-load-more:active { outline:none!important; -webkit-transform: translate(1px, 1px); -moz-transform:translate(1px, 1px); -ms-transform:translate(1px, 1px)!important; -o-transform:translate(1px, 1px)!important; transform:translate(1px, 1px)!important; } /* -- PDP - Video in Alts Fix -- */ /* Single PDP */ .view-ProductDetailView #gwt-video-player-wrapper { margin-bottom:3.5%!important; } /* COM */ .view-ProductDetailView #gwt_comshop_main_pdp #gwt-video-player-wrapper { margin-bottom:3%!important; } /* Product Configurator */ .view-ProductDetailView #gwt_product_configurator_detail_json #gwt-video-player-wrapper { margin-bottom:3.5%!important; } .view-ProductDetailView .PCDPV2 .gwt-product-detail-right-panel .gwt-pc-options-panel .tab-header-container .tabheader .gwt-pc-selected-option-value-panel { background-image:none; width:200px!important; } /* * PDP - Double Certona Spots */ .view-ProductDetailView [id="content"] .gwt-we-suggest-panel-horizontal { margin-top:30px; padding-top:0; padding-bottom:0; } .view-ProductDetailView .gwt-comshop-main-page-panel .gwt-we-suggest-panel-horizontal .header-with-text { margin-top:0; } .gwt-we-suggest-panel-horizontal.View.Entire.Collection { margin-bottom:0!important; padding-bottom:0; } .gwt-we-suggest-panel-horizontal.View.Entire.Collection .carousel.h .hide-carousel-arrows .tilePanel { width:calc(100% - 68px); margin-left:34px; margin-right:34px; } .gwt-we-suggest-panel-horizontal.Customers.Also.Viewed { margin-bottom:45px!important; } /* * PDP:COM - Fix Was/Now Price Styling */ .view-ProductDetailView [id="gwt_comshop_main_pdp"] .com-shop-pdp-left-table-1 .gwt-promo-discount-now-label, .view-ProductDetailView [id="gwt_comshop_main_pdp"] .com-shop-pdp-left-table-1 .gwt-pdp-main-stacked-price-now-label, .view-ProductDetailView .gwt-comshop-main-page-panel .gwt-promo-discount-now-label { font-weight:500!important; } .view-ProductDetailView [id="gwt_comshop_main_pdp"] .com-shop-pdp-left-table-1 .gwt-pdp-main-stacked-price-was-label, .view-ProductDetailView .gwt-comshop-main-page-panel .gwt-promo-discount-was-label, .view-ProductDetailView .SCPDPV4 .sc-pdp-top-panel .header-column-2 .gwt-price-panel .gwt-was-price-holder, .view-ProductDetailView .slipcover-template .gwt-price-itemNumber .gwt-was-price-holder, .PDPV4 .gwt-was-now-price-panel .gwt-promo-discount-orginal-label, .PDPV4 .gwt-was-now-price-panel .gwt-was-price-holder.gwt-promo-discount-orginal-label, .PDPV4 .gwt-product-detail-widget-price-holder .gwt-promo-discount-orginal-label, .PDPV4 .gwt-product-detail-widget-price-holder .gwt-was-price-holder.gwt-promo-discount-orginal-label { font-size:14px!important; } /* Standard PDP Original Pricing *.PDPV4 .gwt-was-now-price-panel .gwt-promo-discount-orginal-label, .PDPV4 .gwt-was-now-price-panel .gwt-was-price-holder.gwt-promo-discount-orginal-label, .PDPV4 .gwt-product-detail-widget-price-holder .gwt-promo-discount-orginal-label, .PDPV4 .gwt-product-detail-widget-price-holder .gwt-was-price-holder.gwt-promo-discount-orginal-label {} */ /* * PDP - WM-2354 Customer Photos Overlap Issue on Single & Bundles */ .PDPV4:not(.BDPV4) .gwt-product-detail .gwt-product-detail-left-panel { position:static!important; } .BDPV4 .gwt-product-detail .gwt-product-detail-left-panel { min-height:1345px; } .FDPV4 .gwt-product-detail .gwt-product-detail-left-panel { min-height:0!important; } /* Fix for "Flicker issue on scroll" from fixed/docking Product Image feature */ .PDPV4 .gwt-product-detail .gwt-product-detail-right-panel { margin-right:-1px; } /* -- PDP: Share Icons -- */ /* * Update share icon images on PDP to Font-Awesome */ .PDPV4 .social-plugin-panel .product-detail-social-icons-and-print { margin-bottom:12px; } .SCPDPV4 .product-detail-social-icons-and-print>button+button, .COMPDPV4 .product-detail-social-icons-and-print>button+button, .PDPV4 .product-detail-social-icons-and-print>button+button { margin-left:15px; } .view-ProductDetailView .product-detail-social-icons-and-print > button { width:35px!important; height:35px!important; position:static; margin:0; } .tell-friend-button, .socialIconFacebook, .socialIconInstagram, .socialIconPinterest, .houzzButton { background-image:none!important; font-family:"Font Awesome 5 Brands"; font-size:25px; } .tell-friend-button { font-family:"Font Awesome 5 Free"; } /* Hide Houzz Share Button */ .view-ProductDetailView #mainContent .social-plugin-panel .houzzButton { display:none; } .tell-friend-button::before, .socialIconFacebook::before, .socialIconInstagram::before, .socialIconPinterest::before, .houzzButton::before { color:#947c6a; } .tell-friend-button::before { content:'\f0e0'; top:9%; left:7%; } .socialIconFacebook::before { content:'\f082'; } .socialIconInstagram::before { content:'\e055'; } .socialIconPinterest::before { content:'\f0d2'; } .houzzButton::before { content:'\f27c'; } /* -- COM/Slipcover/Product Configurator -- */ /* PDP: Fabric Discalaimer WCM tweaks (COM/Slip/PConfig) */ /* COM */ .view-ProductDetailView .com-shop-pdp-left-table-2 #gwt-comshop-adds-flex-table .gwt-HTML .fabric-disclaimer { margin-top:-10px; } /* PConfig */ .view-ProductDetailView #gwt_product_configurator_detail_json .gwt-product-detail .gwt-product-detail-right-panel .gwt-right-bottom-product-options { border-bottom:1px solid #E2E2E2; padding-bottom:20px; } .view-ProductDetailView #gwt_product_configurator_detail_json .gwt-product-detail .gwt-product-detail-right-panel .gwt-right-bottom-product-options + .gwt-HTML .fabric-notes { padding:0 0 20px; margin-right:30px; } @media(max-width:1280px){ /* Less Than Full Width Screen */ .view-ProductDetailView #gwt_product_configurator_detail_json .gwt-product-detail .gwt-product-detail-right-panel .gwt-right-bottom-product-options + .gwt-HTML .fabric-notes { margin-right:0; } } /* * R3 Hotfix * WCS-22928 - Update to COM/Slipcover/PC pages (visual only) * Above ticket introduced bug to full-width PDP tabs */ .SCPDPV4 #lower_product_info_panel, .COMPDPV4 #lower_product_info_panel, .PCDPV2 #lower_product_info_panel { display:block; clear:both; } /* Hotfix - Product Configurator PDP - Customer Photos */ .SCPDPV4 .Configurator .product-detail-curalate-fan-reel-wrapper-container, .COMPDPV4 .Configurator .product-detail-curalate-fan-reel-wrapper-container, .PDPV4 .Configurator .product-detail-curalate-fan-reel-wrapper-container { border-top: 1px solid #E2E2E2; width: 100%; margin-top: -1px; } .SCPDPV4 .Configurator .product-detail-curalate-fan-reel-wrapper-container:after, .COMPDPV4 .Configurator .product-detail-curalate-fan-reel-wrapper-container:after, .PDPV4 .Configurator .product-detail-curalate-fan-reel-wrapper-container:after { border-top: 20px solid #f9faf5; } /* * Hotfix - Curalate fanreel resize issue on COM PDP in tablet screen size */ @media(max-width:1024px){ .SCPDPV4 .gwt-comshop-main-page-panel .product-detail-curalate-fan-reel-wrapper-container, .COMPDPV4 .gwt-comshop-main-page-panel .product-detail-curalate-fan-reel-wrapper-container { max-width:500px!important; } } /* PDP: COM/Slip - Order A Swatch Button Fix > R7 */ .view-ProductDetailView .gwt-comshop-main-page-panel .gwt-sc-bottom-of-right { clear:both; } /* * WCS-24394 - Slipcover Only wording missing from Pricing */ .view-ProductDetailView .gwt-comshop-main-page-panel .slipcover-only-price-message { top:-3px; padding-bottom:3px; } /* "Try Starting With One of Our Favorite Designs" Carousel - Center carousel items */ .PCDPV2 .gwt-product-detail-left-panel .gwt_favorite_combination_panel .gwt_favorite_combination_container_panel .gwt_right_favorite_combination_panel .body .tilePanel, .PCDPV2 .gwt-product-detail-left-panel .favorite-combination-panel-2 .gwt_favorite_combination_container_panel .gwt_right_favorite_combination_panel .body .tilePanel { width:80%; } .view-ProductDetailView .gwt_favorite_combination_panel.favorite-combination-panel-2 .carousel.h .tilePanel .carouselTile { -webkit-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; flex:auto; } /* COM - Align top price to right */ .view-ProductDetailView .com-shop-pdp > table:first-child > tbody > tr:first-child > td:first-child { text-align:right; } /* -- Slipcover -- */ /* WCS-19841 PC overlap with pricing fix */ .view-ProductDetailView .SCPDPV4 .slipcover-template .gwt-fabric-with-frame-selection-container .gwt-selection-chip-picker-option .gwt-selection-chip, .view-ProductDetailView .SCPDPV4 .slipcover-template .gwt-fabric-types-selection-container .gwt-selection-chip-picker-option .gwt-selection-chip {height: auto;} /* Slipcover Order A Swatch Button Color Overwrite */ .gwt-slipcover-order-a-swatch-link, .gwt-comshop-order-a-swatch-link {border: 2px solid #41686F !important; color: #41686F !important;} .gwt-slipcover-order-a-swatch-link:before, .gwt-comshop-order-a-swatch-link:before {color: #41686F !important;} /* Slipcover */ .view-ProductDetailView .SCPDPV4 .slipcover-template .gwt-comshop-fabric-swatch-scroll-panel { margin-bottom:35px; } /* -- Product Configurator -- */ /* Product Configurator Changes */ #gwt_product_configurator_detail_json .share-panel .secondary { background-position:8% 50%; padding-left:27px; padding-right:15px; } /* -- PDP - Product Configurator - Fix for Alt Margin -- */ .PDPV4 #gwt_product_configurator_detail_json .gwt-product-detail .gwt-product-detail-left-panel .iwc-imagePanel, .PDPV4 #gwt_product_configurator_detail_json .gwt-comshop-main-page-panel .gwt-product-detail-left-panel .iwc-imagePanel { margin-bottom:3.5%!important; } /* -- VK -- */ /* -- R3 2019 - For Release: STAGE 3/5, PROD 3/6 * * WCS-22168 - Layering issue on Single VK page * WCS-23416 - BD : Overlapping issue in VK page. */ .VKDPV2 div#scrollableRigthPanel, .VKDPV3 div#scrollableRigthPanel, .VKDPV4 div#scrollableRigthPanel { min-height:1200px; } .VKDPV2 .gwt-product-detail-left-panel, .VKDPV3 .gwt-product-detail-left-panel, .VKDPV4 .gwt-product-detail-left-panel { padding-bottom:30px; } /* PDP: VK - ATC Button Fix */ .VKDPV4 .gwt-vk-buttons-panel .gwt-product-detail-cart-button-panel { padding-bottom:0; } .VKDPV4 .gwt-vk-buttons-panel .gwt-product-detail-cart-button-panel .add-to-cart-button { width:100%; } /* * R11 Hotfix - VK PDP Overlap Issue */ .VKDPV4 .gwt-product-detail .gwt-product-detail-left-panel { position:static!important; } /* VK Order A Swatch Buton Spacing */ .desktop-site .VKDPV4 .order-a-swatch-button { margin:0 0 30px; } /* -- Reviews -- */ #BV-review-highlights-container { clear:both; } /* * Review Highlights * Highlights are wrapped in buttons which have a wide letter spacing set, messing up the normal styling of the copy */ #BV-review-highlights-container button { letter-spacing:0; } /* * First To Write Button */ #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-placeholder { padding-bottom:10px!important; } #BVRRContainer button#first-to-write { margin-left:20px!important; } .PDPV4 [id="BVRRContainer"], .PDPV4 [id="BV-review-container"] { margin-top:0!important; padding-top:0!important; } /* Load More Button (Holding for deploy) #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-control-bar .bv-content-btn-pages-load-more, #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination .bv-content-btn-pages-load-more { background:transparent!important; border:2px solid #41686f!important; } #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn span, #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn { background:transparent!important; color:#41686f!important; font-size: 11px!important; line-height: 13px!important; font-family: "Montserrat","Verdana","Helvetica",sans-serif!important; font-style: normal!important; font-weight: 700!important; font-variant: normal!important; text-decoration: none!important; text-transform: uppercase!important; text-shadow: none!important; } #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn:hover, #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn:active, #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn:focus { background-color:#41686f!important; } #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn:hover span, #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn:active span, #BVRRContainer .bv-cv2-cleanslate [class*="bv-core-container-"] .bv-content-pagination-container .bv-content-btn:focus span { color:#fff!important; } */ /* -- PDP - 2021 UX Changes -- */ /* * WM-3557 - Small Edits on Current PDPs */ /* PDP Product Titles */ .view-ProductDetailView h1, .view-ProductDetailView .gwt-product-detail .gwt-product-detail-product-name-label, .view-ProductDetailView .gwt-comshop-main-page-panel .gwt-product-detail-product-name-label { font-family:'Montserrat'; font-weight:300; font-style:normal; font-size:1.5em; } /* Curalate - Upload Photo Button */ .view-ProductDetailView .product-detail-curalate-fan-reel-wrapper-container #crl8-product-carousel button.iSgilW { background-color:transparent; border:2px solid #2e5258; color:#2e5258; padding: .75em 1.66667em; font-size:.75em; line-height:1; } .SCPDPV4 .product-detail-curalate-fan-reel-wrapper-container .product-detail-curalate-fan-reel-wrapper-header, .COMPDPV4 .product-detail-curalate-fan-reel-wrapper-container .product-detail-curalate-fan-reel-wrapper-header, .PDPV4 .product-detail-curalate-fan-reel-wrapper-container .product-detail-curalate-fan-reel-wrapper-header { padding-bottom:25px; } /* * WCS-28992 Users reporting site "bouncing" around on screen */ /* Curalate - On browser zoom, curalate fanreel images where swapping back and forth at certain breakpoints creating a loop */ .view-ProductDetailView:not(.PCDP) div#crl8-product-carousel { max-width:610px!important; margin:0 auto; } /* * Curalate Fanreel (Customer Photos) - Fix upload button styling (remove arrow caret) */ .PDPV4 .product-detail-curalate-fan-reel-wrapper-container #curalate-upload-photos:after { display:none; } /* -- PDP - Order A Swatch Modal -- */ /* Hide "Add Swatch Selections To Cart" button */ .order-swatch-model .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-left-panel .swatches-to-cart-button-panel .swatches-to-cart-button { display:none; } /* Change Add + link to button style with "Select" text */ .order-swatch-model .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatches-container-panel .gwt-PDP-Fabric-Image-panel .add-swatch-button-and-name-panel .add-swatch-button, .order-swatch-modelV3 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatches-container-panel .gwt-PDP-Fabric-Image-panel .add-swatch-button-and-name-panel .add-swatch-button, .slipcover-comshop-order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatches-container-panel .gwt-PDP-Fabric-Image-panel .add-swatch-button-and-name-panel .add-swatch-button { position: relative; padding: 6px 18px; border: 2px solid #41686F; margin: 15px 0 5px; overflow: hidden; line-height: 20em; height: 28px; } .order-swatch-model .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatches-container-panel .gwt-PDP-Fabric-Image-panel .add-swatch-button-and-name-panel .add-swatch-button:after, .order-swatch-modelV3 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatches-container-panel .gwt-PDP-Fabric-Image-panel .add-swatch-button-and-name-panel .add-swatch-button:after, .slipcover-comshop-order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatches-container-panel .gwt-PDP-Fabric-Image-panel .add-swatch-button-and-name-panel .add-swatch-button:after { content: 'SELECT'; font-size: .9em; position: absolute; top: 0; left: 0; width: 100%; padding: 0; margin: 0; line-height: 2.2em; border: none; } /* Product Configurator (seperate template) - Filters */ .order-swatch-modelV3 .dialogMiddle .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .fabric-search-name-text-box, .slipcover-comshop-order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .fabric-search-name-text-box { width:100%!important; } .order-swatch-modelV3 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatch-filters-panel, .slipcover-comshop-order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatch-filters-panel { margin-bottom:5px!important; } /* .stacked-tabs-panel.tabopen .tab-content-container .gwt-pc-option-content-panel .swatch-filters-panel, .order-swatch-model .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatch-filters-panel, .slipcover-comshop-order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatch-filters-panel, .order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatch-filters-panel, .order-swatch-modelV3 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .swatch-filters-panel {} .stacked-tabs-panel.tabopen .tab-content-container .gwt-pc-option-content-panel .fabric-search-name-text-box, .order-swatch-model .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .fabric-search-name-text-box, .slipcover-comshop-order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .fabric-search-name-text-box, .order-swatch-modelV2 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .fabric-search-name-text-box, .order-swatch-modelV3 .dialogMiddleCenter .oredr-swatch-model-contents .order-swatch-right-panel .fabric-search-name-text-box {} */ /* -- PDP - Universal PDP -- */ /* * WM-4977 - Desktop PDP Shipping Info Updates */ .universal-pdp-panel .additional-product-info-tab-panel-container .table#shipping-information-chart>thead>tr>th h3 { margin:0; color:#333; font-weight:300; font-size:1em; text-transform:uppercase; line-height:1.43em; font-style:normal; } /* Non-Universal PDP Shipping Info PDP */ .SCPDPV4 #lower_product_info_panel table#shipping-information-chart, .COMPDPV4 #lower_product_info_panel table#shipping-information-chart, .PDPV4 #lower_product_info_panel table#shipping-information-chart { background-color:#fff; } /* ------------------ PDP & PLP Badges ------------------ */ /* PLP Badge */ .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-image-container { position:relative; } .view-UnbxdBodyView .unbxd-products-display-panel.grid .gwt-unbxd-product-info-panel .gwt-product-info-panel-image-container .ballard-discount-badge { position:absolute; top:0; left:0; z-index:1; } /* PDP Badge */ .view-ProductDetailView .ballard-discount-badge { width:auto; position:absolute; top:0; left:0; z-index:3; width:auto!important; } /* ------------------ Cart & Checkout ------------------ */ /* * McAfee Secure Floating Badge Fix */ div#trustedsite-tm-image { left:0; right:auto; display:none; } .view-ShoppingCartView div#trustedsite-tm-image, .view-SinglePageCheckoutView div#trustedsite-tm-image { display:block; } /* Linc - Unexpected White Space Fix */ html.lincEnabled.view-SinglePageCheckoutConfirmationView [id="order-confirmation-display-root"] { vertical-align:top; margin-top:20px; } /* Removes the 2nd Continue Shopping Button from Shopping Cart Page */ .shopping-cart-v2 .main-panel .left-main-panel .checkout-buttons .continue-shopping-link-holder { display:none!important; } /* * Shopping Cart & Checkout Styling Fixes */ /* Main Columns and Summary Padding */ .view-SinglePageCheckoutView .checkout-steps { margin-bottom:60px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel { width:calc(100% - 370px); padding:0 30px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel { margin-top:35px; width:370px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-main-panel .order-summary { padding:30px; } .view-SinglePageCheckoutView .source-code-promo-textbox, .view-ShoppingCartView .shopping-cart-v2 .source-code-promo-textbox { width:100%; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .source-code-promo-holder .animated-label-textbox-panel, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .source-code-promo-holder .animated-label-textbox-panel { width:calc(77% - 10px); } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary .source-code-promo-holder .animated-label-textbox-panel { width:calc(73.8% - 10px); } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .zip-code-holder button.primary, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .zip-code-holder button.primary { width:calc(74% - 10px); height:34px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary .source-code-promo-holder .source-code-promo-button { padding-left:1.5em; padding-right:1.5em; } /* Secondary Button Style */ .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .zip-code-holder button.primary, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .zip-code-holder button.primary, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .source-code-promo-holder button.primary, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .source-code-promo-holder button.primary, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary .source-code-promo-holder .source-code-promo-button { background-color:transparent; color:#41686F; padding:1.1em 1.4em; font-size:.8em; line-height:1em; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .zip-code-holder button.primary:before, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .zip-code-holder button.primary:before, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .source-code-promo-holder button:before, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .source-code-promo-holder button:before, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary .source-code-promo-holder .source-code-promo-button:before { display:none; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .zip-code-holder button.primary:hover, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .zip-code-holder button.primary:hover, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .source-code-promo-holder button.primary:hover, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .source-code-promo-holder button.primary:hover, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary .source-code-promo-holder .source-code-promo-button:hover { color:#2e5258; border:2px solid #2e5258; } .view-ShoppingCartView .shopping-cart-v2 .source-code-promo-desclaimer a, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary .source-code-promo-holder .source-code-promo-desclaimer a { text-transform:none!important; letter-spacing:0; font-size:1em; line-height:1em; text-decoration:underline; } .view-ShoppingCartView .shopping-cart-v2 .order-summary>div+div:last-child { margin-top:25px; } .view-SinglePageCheckoutView .additional-costs, .view-ShoppingCartView .shopping-cart-v2 .additional-costs.estimated-tax { margin-top:5px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .estimated-total-holder { padding-top:5px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .source-code-promo-holder, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .source-code-promo-holder { padding-top:25px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel a:not(:last-child), .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:not(:last-child), .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:not(:last-child), .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel .gwt-unbxd-arrow-span:not(:last-child) { border-right:none; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel a:after { content:''; display:none; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel a { text-transform:none; font-weight:500; margin-left:8px; letter-spacing:0; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel a:hover { text-decoration:none; color:rgba(0,0,0,.6); } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel a:before { font-family:'Glyphicons Halflings'; position:relative; top:2px; right:4px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel .edit-link:before { content:"\e013"; right:5px; top:1px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel .remove-link:before { content:"\e014"; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .items-container .order-item-display-widget-v2 .order-item-info-panel .order-item-bottom-links-panel .move-to-wishlist-link:before { content:"\e143"; /*content:"\e005";* content:"\e006";*/ } /* Saved Items */ .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .header { min-height:none; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .saveForLaterHeader { color:#000!important; font-family:'Montserrat', sans-serif; font-weight:500; font-style:normal; font-size:20px; margin:20px 15px 0 0!important; padding:0!important; border-right:none; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .saveforlater { color:#000!important; margin:23px 0 0!important; padding:0!important; font-family:'Montserrat', sans-serif; font-weight:500; font-size:14px; text-transform:lowercase; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-name .gwt-oid-name { color:#000!important; font-weight:800!important; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a { text-transform:none; font-weight:500; margin-left:8px; letter-spacing:0; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a:hover, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a:active, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a:focus { text-decoration:none; color:rgba(0,0,0,.6); } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a:after { display:none; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a:before { font-family:'Glyphicons Halflings'; position:relative; top:2px; right:4px; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a.remove-link:before { content:"\e014"; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .left-main-panel .saveForLater .order-item-bottom-links-panel a.move-to-wishlist-link:before { content:"\e116"; } /* -- Checkout Buttons -- */ .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .secure-checkout-button, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .secure-checkout-button { padding:1.1em 2em; font-size:1.2em; } /* Float checkout buttons to right */ .view-ShoppingCartView .shopping-cart-v2 .checkout-buttons { padding-top:15px!important; } .view-ShoppingCartView .shopping-cart-v2 .checkout-buttons .bottom-checkout-buttons { float:right; } .view-ShoppingCartView .shopping-cart-v2 .checkout-buttons .secure-checkout-button-bottom { margin-right:0px; } .view-ShoppingCartView .shopping-cart-v2 .checkout-buttons [id="checkout-with-paypal-button"] { margin-left:15px; } /* Paypal */ .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .checkout-with-paypal-button-holder [id="checkout-with-paypal-button"], .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .checkout-with-paypal-button-holder [id="checkout-with-paypal-button"] { width:100%; height:50px; background:#ffc439 none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, .25); -webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, .25); box-shadow:inset 0 1px 1px rgba(255, 255, 255, .25); border:1px solid #f9ba40; border-top-color:#ffb422; border-bottom-color:#eba829; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-container .order-summary .checkout-with-paypal-button-holder [id="checkout-with-paypal-button"]:before, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .right-main-panel .order-summary .checkout-with-paypal-button-holder [id="checkout-with-paypal-button"]:before { background:#ffc439 url('/wcsstore/images/BallardDesigns/buttons/paypal/checkout-logo-large.png') no-repeat center center; height:30px; width:200px; left:50%; top:50%; margin:-15px 0 0 -100px; } .view-ShoppingCartView [id="checkout-with-paypal-button"] { background:#ffc439 url('/wcsstore/images/BallardDesigns/buttons/paypal/checkout-logo-large.png') no-repeat center center; background-size:100%; height:40px; width:204px; } /* ICON: Info */ .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .gwt-Anchor+.tooltip-icon, .view-SinglePageCheckoutView .single-page-checkout-v2 .gwt-Anchor+.tooltip-icon, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .gwt-Anchor .gwt-Anchor+.tooltip-icon, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .truck-scheduling-panel .gwt-Anchor+.tooltip-icon, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .tooltip-icon, .view-SinglePageCheckoutView .single-page-checkout-v2 .tooltip-icon, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .gwt-Anchor .tooltip-icon, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .truck-scheduling-panel .tooltip-icon { background:none; text-decoration:none; color:#947c6a; } .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .gwt-Anchor+.tooltip-icon:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .gwt-Anchor+.tooltip-icon:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .gwt-Anchor .gwt-Anchor+.tooltip-icon:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .truck-scheduling-panel .gwt-Anchor+.tooltip-icon:after, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .tooltip-icon:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .tooltip-icon:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .gwt-Anchor .tooltip-icon:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .truck-scheduling-panel .tooltip-icon:after { font-family:'Glyphicons Halflings'; content:"\e086"; display:block; position:relative; top:2px; left:1px; font-style:normal; } /* * Cart Error Message */ .view-ShoppingCartView .desktop #cart-error { margin:0 0 20px 10px; } /* To Do: Find a way to style content inside div or hide div when empty .view-ShoppingCartView .desktop #cart-error { margin: 0 -15px 30px 10px!important; border:1px solid rgba(223, 57, 57, 1); padding:20px; background-color:rgba(223, 57, 57, .1); } @media(max-width:1280px){ .view-ShoppingCartView .desktop #cart-error { margin-right:10px!important; } } .view-ShoppingCartView .desktop #cart-error:empty { display:none!important; } */ /* * Checkout */ /* Checkout Header */ .area-CheckOutArea [id="abbreviated_header"] { padding-left:15px; } .area-CheckOutArea [id="abbreviated_header"] #logoline img { margin:5px 0 5px -10px; } .view-SinglePageCheckoutView .left-container { padding-left:0; } /* One Page checkout Accordion Styling */ .view-SinglePageCheckoutView .gwt-accordion .gwt-accordion-tab { border-bottom:none; } .view-SinglePageCheckoutView .checkout-steps>.gwt-accordion-tab>.gwt-accordion-tab-header { padding:15px 0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-TabPanelBottom { padding:15px 15px 20px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab.passed .summary-panel { padding:0 0 15px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab h1:first-letter { position:relative; top:-3px; } .view-SinglePageCheckoutView .ship-method-and-gift-inner-container>div { margin-top:0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .address-related-items-panel .ship-method-and-gift-container-panel { padding:15px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .checkout-gift-options-panel .gwt-accordion-tab .gwt-accordion-tab-header { margin:15px 0 0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .order-item-display-widget-v2 { padding-left:0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .ship-method-panel { padding-right:0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .order-item-display-widget-v2 .order-item-info-panel .order-item-details-panel { padding-left:15px; } .view-SinglePageCheckoutView .address-related-items-panel>div { margin-top:0; } .view-SinglePageCheckoutView .gift-wrap-options-and-message-main-panel, .view-SinglePageCheckoutConfirmationView [id="order-confirmation-display-root"] .gift-wrap-options-and-message-main-panel { padding:10px 0; /*background-color:#eee;*/ } .view-SinglePageCheckoutView .single-page-checkout-v2 .billing-address { padding:15px 0; } .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrNameGroup .spot.AddrFNameSpot>div, .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrNameGroup .spot.AddrLNameSpot>div { padding-top:0; } /* Progress Bar */ .area-CheckOutArea .checkout_progress_bar .checkout-progress-bar-border { margin-bottom:3px; } .area-CheckOutArea .checkout_progress_bar .progress-bar-step button { margin-right:5px; border-style:dotted; } .area-CheckOutArea .checkout_progress_bar .progress-bar-step button:before { display:none; } .area-CheckOutArea .checkout_progress_bar .progress-bar-step button.current { background-color:#efede2; } /* Buttons - Primary to Secondary Style */ .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps #multiAddressContainerWithSTS .order-item-address-panel-v2 button, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .gwt-accordion-tab-header button.primary { background-color:transparent; color:#41686F; padding:.75em 1.66667em; font-size:.8em; line-height:1em; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps #multiAddressContainerWithSTS .order-item-address-panel-v2 button:before, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .gwt-accordion-tab-header button.primary:before, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .cancel-botton-panel button:before { display:none; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps #multiAddressContainerWithSTS .order-item-address-panel-v2 button:hover, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps #multiAddressContainerWithSTS .order-item-address-panel-v2 button:active, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .gwt-accordion-tab-header button.primary:hover, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .gwt-accordion-tab-header button.primary:active, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .cancel-botton-panel button:hover, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .cancel-botton-panel button:active { color:#2e5258; border:2px solid #2e5258; background-color:transparent; } /* Back To Checkout Button */ .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary { width: 80%; background-color: transparent; display: inline-block; border: none; position: relative; font-size: 14px; line-height: 24px; color: #947c6a; text-transform: capitalize; cursor: pointer; text-decoration: none; margin: 20px 10% 0; text-align: center; padding-right:0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary h4 { font-style:normal!important; } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary:before { display:none; } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary:after { content: "\e116"; position: absolute; left: 11px; top: 22px; display: block; font-family: 'Glyphicons Halflings'; font-size: 1.2em; border: none; } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary:hover, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary:active { color:#53331B; } .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary:hover:after, .view-SinglePageCheckoutView .single-page-checkout-v2 .right-container .order-summary+button.primary:active:after { color:#53331B; } /* Checkout Steps */ .view-SinglePageCheckoutView .gwt-accordion-tab { clear:both; } .view-SinglePageCheckoutView .address-edit-panel-V2:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .next-botton-panel { float:right; margin:20px -8px 20px 0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .next-botton-panel button { padding-left:30px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .next-botton-panel button:after { font-family:'Glyphicons Halflings'; content:"\e258"; position:relative; top:2px; right:2px; border:none; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .next-botton-panel button span { font-size:1.1em; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .cancel-botton-panel { float:right; margin:20px 5px 20px 0; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .cancel-botton-panel button { background-color:transparent; color:#41686F; } .view-SinglePageCheckoutView .checkout-steps .shipping-address-error-panel:empty { margin:0; } /* More Details Button */ .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrStreetGroup .more-options-panel button { background-color:transparent; color:#41686F; border-color:#41686F; font-size:.8em; line-height:1em; padding:1.07em 1.66667em; } .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrStreetGroup .more-options-panel button:before { display:none; } .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrStreetGroup .more-options-panel button:after { border:none; font-family:'Glyphicons Halflings'; position:relative; top:1px; } .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrStreetGroup .more-options-panel button.more:after { content:"\e259"; } .view-SinglePageCheckoutView .address-widget-wwcm-wrapper .addrStreetGroup .more-options-panel button.less:after { content:"\e260"; } /* Multiple Addresses & Ship To Store */ .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps #multiAddressContainerWithSTS .order-item-address-panel-v2 { width:auto; margin:15px 0 15px 75px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps #multiAddressContainerWithSTS .order-item-address-panel-v2 button { display:inline-block; margin:0 10px 0 0; } /* Items */ .area-CheckOutArea .gwt-oid-name, .view-ShoppingCartView .gwt-oid-name { font-weight:800!important; } /* Radio Styles */ .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .ship-method-panel.truck-ship-method-panel-header .truck-shipping-option .gwt-RadioButton { padding:7px 10px; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .ship-method-panel.truck-ship-method-panel-header .truck-shipping-option .gwt-RadioButton input[type="radio"] { margin-top:2px; } .view-SinglePageCheckoutView .payment-tab-panel .gwt-RadioButton input[type="radio"] { margin-top:2px; } .view-SinglePageCheckoutConfirmationView .guest-checkout-reg-modal .gwt-CheckBox { padding:9.4px 20px; } .view-SinglePageCheckoutView .gift-card-title .gift-card-disclaimer-informing-label { font-size:12px; font-family: 'Montserrat', sans-serif; font-style:normal; } /* Place Order Button */ .view-SinglePageCheckoutView .place-order-panel { margin:30px auto; text-align:center; } .view-SinglePageCheckoutView .place-order-panel button { padding:15px 30px; } /* Tabs */ .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-TabBarRest { border-bottom:none; } .view-SinglePageCheckoutView .single-page-checkout-v2 table.gwt-TabBar td:not(:first-child) { border-bottom:1px solid #dfdbd8; } .view-SinglePageCheckoutView .single-page-checkout-v2 table.gwt-TabBar td:not(:first-child).gwt-TabBarItem-wrapper-selected { border-bottom:1px solid transparent; } /* Shipping Help */ .view-SinglePageCheckoutView .single-ship-method-panel .ship-help-panel, .view-SinglePageCheckoutConfirmationView [id="order-confirmation-display-root"] .single-ship-method-panel .ship-help-panel { margin:8px 12px 0 0; } /* * Confirmation Screen > Certona Spot/Sidebar Alert * - Fix for border styling of "SMS" button on shipping update widget */ .view-SinglePageCheckoutConfirmationView .OptinWidget .option:first-child { border-top:1px solid #dedede; } /* Cart: Upsell Product Container styling fixes */ .view-ShoppingCartView .shopping-cart-v2 .upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-options-column .gwt-product-detail-widget-dynamic-info-panel { padding:15px 0; } /* St. Jude / Dontion Widget - Left Espot */ .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container { background-color:#fff; border:1px solid #aa9c96; margin-top:30px; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-options-column { position: absolute; top: 57px; right: 177px; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .custom-add-to-cart-buttons { width: auto; position: absolute; top: 95px; right: 30px; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .custom-add-to-cart-buttons #gwt-add-to-cart-btn { background-color:#fff; color:#41676f; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .custom-add-to-cart-buttons #gwt-add-to-cart-btn:focus { border:2px solid #41676f; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .custom-add-to-cart-buttons #gwt-add-to-cart-btn span { visibility:hidden; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .custom-add-to-cart-buttons #gwt-add-to-cart-btn:before { content:'Add Donation'; padding-top:7px } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container [id^="gwt-product-detail-widget-id"] .gwt-product-option-panel-listbox-container select option:fist-child { display:none; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-widget-image-column .pdp-linkpanel, .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-price-column, .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-widget-title, .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-widget-price-holder, .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-widget-dynamic-info-panel { display:none; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-options-column [id="gwt-option-panel"] .gwt-product-option-panel-listbox .gwt-csb-error-panel { position: absolute; bottom: -12px; left: 9px; font-size: 13px; line-height: 1.2em; width: 200px; margin: 0; } /* Tablet */ @media(max-width:1024px){ .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-image-column .gwt-product-detail-widget-image-column-subcolumn1 { display:block; float:none; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-image-column .gwt-product-detail-widget-image-column-subcolumn2 { padding-top:0; float:none; } .view-ShoppingCartView .shopping-cart-v2 #custom_add_to_cart_STJUDE.upsell-product-container .gwt-product-detail-products-container .gwt-product-detail-widget-options-column { width:36%; } } /* * Checkout: Gift Wrap Image Grid - Styling Fixes */ .view-SinglePageCheckoutView .gifr-wrap-options-panel { text-align:center; } .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .gwt-accordion-tab .checkout-gift-options-panel .gift-wrap-options-panel .gift-wrap-option-panel { width:calc(50% - 20px); margin:0 0 10px; } /* * WCS-26061 - PROJECT - BD - Unapproved Returns */ .shopping-cart-v2 .order-item-details-panel .unapprovedIconWrapper { display:inline-block; line-height:0; } .addToCartProductsList .unapprovedIconWrapper a.gwt-Anchor.tooltip-icon:before, .shopping-cart-v2 .order-item-details-panel .unapprovedIconWrapper a.gwt-Anchor.tooltip-icon:before, .view-ShoppingCartView [id="shopping-cart-v2-root"] .main-panel .unapprovedIconWrapper a.gwt-Anchor.tooltip-icon:after { color:#7a2839; } .view-SinglePageCheckoutView .single-page-checkout-v2 .unapprovedIconWrapper .tooltip-icon:after { color:#7a2839; display:inline; } .unappoved-returns-anchor, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .order-item-display-widget-v2 .order-item-info-panel .order-item-details-panel .unappoved-returns-anchor { color:#7a2839; font-weight:800; } .unappoved-returns-anchor:hover, .unappoved-returns-anchor:active, .unappoved-returns-anchor:focus, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .order-item-display-widget-v2 .order-item-info-panel .order-item-details-panel .unappoved-returns-anchor:hover, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .order-item-display-widget-v2 .order-item-info-panel .order-item-details-panel .unappoved-returns-anchor:active, .view-SinglePageCheckoutView .single-page-checkout-v2 .left-container .checkout-steps .order-item-display-widget-v2 .order-item-info-panel .order-item-details-panel .unappoved-returns-anchor:focus { color:#7a2839; } /* ------------------ My Account ------------------ */ /* ------------------ Wish List ------------------ */ /* * WM-2300 - Wish list formatting issues */ /* No items in Wish List Message */ .view-WishListHomeView [id="topErrorMessages"] { min-height:300px; text-align:center; } .view-WishListHomeView [id="topErrorMessages"] p { margin:60px 0; } .view-WishListHomeView div.gr_manage_socialPlugins_main, .view-SharedWishListView div.gr_manage_socialPlugins_main { border-top:1px solid #ccc; margin:15px 0 45px; padding:5px 15px 15px; width:100%; } .view-WishListHomeView div.gr_manage_socialPlugins_main div[id="socialPlugins_Title"] { margin-top:11px; } .view-SharedWishListView div.gr_manage_socialPlugins_main div[id="socialPlugins_Title"] { margin:0 30px 0 0; } .view-WishListHomeView #socialPlugins, .view-SharedWishListView #socialPlugins { height:auto!important; margin-top:0px; background-color:transparent; } .view-WishListHomeView #socialPlugins:after, .view-SharedWishListView #socialPlugins:after { visibility:hidden; display:block; font-size:0; content:" "; clear: both; height:0; } .view-WishListHomeView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .socialPlusIcon, .view-WishListHomeView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .facebookLike, .view-WishListHomeView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .twitterShare, .view-WishListHomeView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .pinterestPinIt, .view-SharedWishListView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .socialPlusIcon, .view-SharedWishListView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .facebookLike, .view-SharedWishListView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .twitterShare, .view-SharedWishListView div.gr_manage_socialPlugins_main div[id="socialPlugins"] .pinterestPinIt { display:none; } .view-WishListHomeView div[id="socialPlugins"] a:hover, .view-WishListHomeView div[id="socialPlugins"] a:active, .view-WishListHomeView div[id="socialPlugins"] a:focus, .view-WishListHomeView div[id="socialPlugins"] a:visited, .view-SharedWishListView div[id="socialPlugins"] a:hover, .view-SharedWishListView div[id="socialPlugins"] a:active, .view-SharedWishListView div[id="socialPlugins"] a:focus, .view-SharedWishListView div[id="socialPlugins"] a:visited { text-decoration:none!important; } .view-WishListHomeView div[id="socialPlugins"] span.share-by-email-social, .view-SharedWishListView div[id="socialPlugins"] span.share-by-email-social { height:auto; width:auto; background:none; } .view-WishListHomeView div[id="socialPlugins"] span.share-by-email-social a, .view-SharedWishListView div[id="socialPlugins"] span.share-by-email-social a { position:relative; background:none!important; width:auto!important; height:auto!important; } .view-WishListHomeView div[id="socialPlugins"] span.share-by-email-social a:before, .view-SharedWishListView div[id="socialPlugins"] span.share-by-email-social a:before { font-family:'Glyphicons Halflings'; content:"\e111"; position:relative; top:1px; left:-5px; } .view-WishListHomeView div[id="socialPlugins"] span.share-by-email-social a:after, .view-SharedWishListView div[id="socialPlugins"] span.share-by-email-social a:after { display:inline-block; position:relative; content:'Tell A Friend'; font-weight:800; margin-right:30px; } .view-WishListHomeView #copy-generated-link-anchor, .view-SharedWishListView #copy-generated-link-anchor { font-weight:800; } .view-WishListHomeView #copy-generated-link-anchor:before, .view-SharedWishListView #copy-generated-link-anchor:before { font-family:'Glyphicons Halflings'; content:"\e144"; position:relative; top:1px; right:2px; } .view-WishListHomeView div.gr_manage_socialPlugins_main div[id="socialPlugins"], .view-SharedWishListView div.gr_manage_socialPlugins_main div[id="socialPlugins"] { width:auto; } .view-WishListHomeView #socialPlugins .plusContent, .view-SharedWishListView #socialPlugins .plusContent { width:auto; } /* Sidebar */ .view-WishListHomeView [id="registry_name"], .view-SharedWishListView [id="registry_name"] { margin: 5px 30px 15px 0; border-bottom: 1px solid #ddd; width: 90%; padding: 0 0 5px; } .view-WishListHomeView [id="existingRegistry"]>ul, .view-SharedWishListView [id="existingRegistry"]>ul { margin:0 0 30px; padding:0; } /* Wish List Title */ .view-WishListHomeView .wishListName, .view-SharedWishListView.wishListName { font-size:24px; } .view-SharedWishListView [id="wishListItemsForm"]>.giftRegistry>div { margin-left:30px; } /* Wish List - Buttons */ .view-WishListHomeView .wish-list-add-to-cart a, .view-SharedWishListView .wish-list-add-to-cart a { display: inline-block !important; padding: .75em 1.66667em; font-size: .75em; line-height: 1; border-radius: 0; margin: 0 0 10px; color: #41686F; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; letter-spacing: .125em; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-color: #fff; background-image: none; border: 2px solid #41686F; } .view-WishListHomeView .gr-item-remove_link a { font-weight:500; } .view-WishListHomeView .gr-item-remove_link a:before { position:relative; top:2px; right:2px; font-family:'Glyphicons Halflings'; content:"\e014"; } .view-WishListHomeView .gr-item-remove_link a:hover, .view-WishListHomeView .gr-item-remove_link a:active, .view-WishListHomeView .gr-item-remove_link a:focus, .view-WishListHomeView .gr-item-remove_link a:visited { text-decoration:none!important; } /* List/Grid Icons & Styling */ .view-WishListHomeView .gift_registry_view_list ul .list a:before, .view-SharedWishListView .gift_registry_view_list ul .list a:before, .view-WishListHomeView .gift_registry_view_list ul .list .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-WishListHomeView .gift_registry_view_list ul .list .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before { font-family: 'Glyphicons Halflings'; content: "\e012" !important; border: 1px solid #ccc; font-size: 21px; padding: 4px 5px 0px; display: inline-block; height: 34px; } .view-WishListHomeView .gift_registry_view_list ul .grid3 a:before, .view-SharedWishListView .gift_registry_view_list ul .grid3 a:before, .view-WishListHomeView .gift_registry_view_list ul .grid3 .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before { font-family: 'Glyphicons Halflings'; content: "\e011" !important; border: 1px solid #ccc; font-size: 21px; padding: 4px 5px 0px; display: inline-block; height: 34px; } .view-SharedWishListView .gift_registry_view_list ul .list.selected a:before, .view-WishListHomeView .gift_registry_view_list ul .list.selected a:before, .view-SharedWishListView .gift_registry_view_list ul .list.selected .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-WishListHomeView .gift_registry_view_list ul .list.selected .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-SharedWishListView .gift_registry_view_list ul .list.selected .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-WishListHomeView .gift_registry_view_list ul .list.selected .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-SharedWishListView .gift_registry_view_list ul .grid3.selected a:before, .view-WishListHomeView .gift_registry_view_list ul .grid3.selected a:before, .view-WishListHomeView .gift_registry_view_list ul .grid3.selected .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-SharedWishListView .gift_registry_view_list ul .grid3.selected .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-WishListHomeView .gift_registry_view_list ul .grid3.selected .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-SharedWishListView .gift_registry_view_list ul .grid3.selected .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before { background-color:#947c6a; border:1px solid #947c6a; color:#fff; } /* Print Button */ .view-WishListHomeView .printLink a, .view-SharedWishListView .printLink a { display:inline-block; padding:10px 5px 0 0; font-weight:700; } .view-SharedWishListView .printLink a { padding-top:0; } .view-WishListHomeView .printLink a:hover, .view-SharedWishListView .printLink a:hover { text-decoration:none; } .view-WishListHomeView .printLink a:before, .view-SharedWishListView .printLink a:before, .view-SharedWishListView .printLink .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-WishListHomeView .printLink .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:before, .view-SharedWishListView .printLink .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .view-SharedWishListView .printLink .gwt-unbxd-arrow-span:before, .view-WishListHomeView .printLink .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:before, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .view-WishListHomeView .printLink .gwt-unbxd-arrow-span:before { font-family: 'Glyphicons Halflings'; content: "\e045" !important; position: relative; top: -5px; font-size: 17px; } .view-SharedWishListView .printLink a:before { top:0; } /* Delete Button */ .view-WishListHomeView .wishListName button { position: relative; color: #947c6a; border-color: #947c6a; background-color: transparent; font-style: normal; padding: 6px 12px !important; font-size: 10px !important; line-height: 1 !important; border-radius: 0 !important; } .view-WishListHomeView .wishListName button:before { display:none; } .view-WishListHomeView .wishListName button:after { display:none; position:absolute; top:50%; left:3px; padding-left:20px; } /* Gift Registry Share Panel */ .view-WishListShareView [id="wishListShare"] table table table>tbody>tr>td>table>tbody>tr:nth-child(2)>td, .view-WishListShareView [id="wishListShare"] table table table>tbody>tr>td>table>tbody>tr:nth-child(5)>td { padding:0 0 10px; } .view-WishListShareView [id="wishListShare"] table table table>tbody>tr>td>table>tbody>tr:nth-child(4)>td { padding:0 0 15px; } .view-WishListShareView [id="wishListShare"] table table table>tbody>tr>td>table>tbody>tr:nth-child(7)>td { padding:0 0 20px; } .view-WishListShareView [id="wishListShare"] table table table>tbody>tr>td>table>tbody>tr>td button { width:90%; } .view-WishListShareView [id="wishListShare"] table table table>tbody>tr:last-child>td>table>tbody>tr:last-child>td { padding:0; width:48%; } .view-SharedWishListView .gr_manage_socialPlugins_button, .view-WishListHomeView .gr_manage_socialPlugins_button { border:none; -webkit-box-shadow:none; box-shadow:none; -webkit-box-shadow:none; } /* ------------------ Design Consultant Listing View ------------------ */ /* * WCS-23727 - PROJECT - BD - Design Solutions Item List Sharing * Dev styling tweaks */ /* -- .side-nav-panel -- */ .view-DesignConsultantListingView .contentWrapper { margin-top:0; } .view-DesignConsultantListingView .design-consultant-listing-container { margin-bottom:60px; } .view-DesignConsultantListingView .designer-consultant-List-details-panel { width:79%; margin-top:7px; padding:0 0 0 25px; } .view-DesignConsultantListingView .side-nav-panel .side-nav-header { border-bottom:1px solid #ccc; display:block; margin:0 0 20px; padding:0 0 5px; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel { margin:15px 0; max-height:35vh; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel { margin:0; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel .wishlist-additional-info { margin:6px 0; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel .wishlist-additional-info .guest-name-label { margin:2px 0 1px; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel .wishlist-additional-info .project-name-label { color:#666666; font-size:12px; line-height:16px; margin-bottom:2px; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel .wishList-option-checkbox label { background-color:transparent; } /* Selected List Item & Hover State */ .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel.selected { background-color:#e9e5e1; padding:0 10px; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel:not(.selected):hover { background-color:rgba(233, 229, 225, .5); padding:0 10px; } .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel.selected .wishlist-additional-info .guest-name-label, .view-DesignConsultantListingView .side-nav-panel .wish-lists-container-scroll-panel .wish-lists-container-panel .wishlist-details-panel:not(.selected):hover .wishlist-additional-info .guest-name-label { color:#53331b; } /* Buttons */ .view-DesignConsultantListingView .side-nav-panel .button.delete-selected-lists-button { color:#947c6a; border-color:#947c6a; } .view-DesignConsultantListingView .designer-consultant-List-details-panel .actions-panel .delete-print-panel { margin-bottom:15px; } .view-DesignConsultantListingView .designer-consultant-List-details-panel .actions-panel .delete-print-panel .delete-btn { padding:.75em 1.66667em; font-size:.75em; line-height:.75; height:26px; } .view-DesignConsultantListingView .designer-consultant-List-details-panel.list .item-list-panel .gwt_gr_product_panel .act-panel .add-to-cart-btn { padding:.75em 1.66667em; font-size:.75em; line-height:1; } /* Shared Lists - Hide Remove Button */ .view-SharedWishListView .gr-item-remove_link { display:none; } /* ------------------ Gift Registry ------------------ */ /* Share Bar */ .view-GiftRegistryStaticViewView .social-plugin-panel { margin-bottom:60px; } /* Generate Link */ .view-GiftRegistryStaticViewView .social-plugin-panel .generated-link-panel .button { font-weight:800; } .view-GiftRegistryStaticViewView .social-plugin-panel .generated-link-panel .button:before { font-family:'Glyphicons Halflings'; content:"\e144"; position:relative; top:1px; right:2px; } /* ------------------ ADA ------------------ */ /* * WCS-21829: ADA Remediation - Buttons - Ballard only * Button Focus > ADA Compliance Update - Made button line darker, and thicker to see on buttons with distracting background * * UPDATE: Now using keyboard user javascript logic to add a "body.user-is-tabbing" class when tabbing activated. This then shows the outline ADA styles. * Requires: /wcsstore/images/BallardDesigns/javascript/ada-tabbing.min.js */ :focus, *:focus, a:focus, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:focus, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:focus, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:focus, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:focus, #logo1 a:focus, .view-UnbxdBodyView [id="content"] [role="button"]:focus, .view-UnbxdBodyView [id="content"] a:focus, .view-UnbxdBodyView [id="content"] .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:focus, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .view-UnbxdBodyView [id="content"] .tooltip-panel-text:focus, .view-UnbxdBodyView [id="content"] .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:focus, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window [id="content"] .gwt-unbxd-arrow-span:focus, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option *:focus, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option .unbxd-facet-option-checkbox.active { outline:none!important; outline-width:0!important; } /* Dark on Light Bkg oulines */ body.user-is-tabbing *:focus, body.user-is-tabbing a:focus, body.user-is-tabbing button:focus, body.user-is-tabbing input:focus, body.user-is-tabbing select:focus, body.user-is-tabbing textarea:focus, body.user-is-tabbing .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text:focus, body.user-is-tabbing .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span:focus, body.user-is-tabbing #logo1 a:focus, body.user-is-tabbing .view-UnbxdBodyView .unbxd-text-facets-panel .reset-facet-panel a:focus, body.user-is-tabbing .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .unbxd-sort-options-anchors a:focus, body.user-is-tabbing .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container input:focus, body.user-is-tabbing .breadcrumbs li a:focus, body.user-is-tabbing ul[id="breadcrumbs_ul"] li a:focus, body.user-is-tabbing .view-UnbxdBodyView [id="content"] a:focus, body.user-is-tabbing .view-UnbxdBodyView .unbxd-filter-value-panel [class*="unbxd-bread-crumb-option"] a:focus, body.user-is-tabbing .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .unbxd-facet-option *:focus { outline-width: 3px!important; outline-style: solid!important; outline-color:#13558B!important; outline-offset: 3px!important; } /* Light on Dark Bkg outlines */ body.user-is-tabbing [id="footer"] .footerContent [id="partnerLinks"] a:focus { outline-color:#FFEE00!important; } select:focus, textarea:focus, [type="text"]:focus, [type="password"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="date"]:focus, [type="month"]:focus, [type="time"]:focus, [type="week"]:focus, [type="number"]:focus, [type="email"]:focus, [type="url"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="color"]:focus, .view-SLIBodyView [id="sli_container"] #sli_sort select#showcase-filters-order-by:focus, .area-CategoryView [id="changepageSizeForm"] .sortBy select:focus, .area-CategoryView [id="changepageSizeForm"] #bottomItemsPerPage:focus, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-sort-options .selected-option-span:focus, .view-UnbxdBodyView .unbxd-sort-view-panel .unbxd-all-options-container .selected-option-span:focus, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-sort-options .selected-option-span:focus, .view-UnbxdBodyView .unbxd-text-facets-panel .unbxd-all-options-container .selected-option-span:focus, .view-UnbxdBodyView .unbxd-sort-view-panel .selected-option-span:focus { border-color: #13558b; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(19, 85, 139, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(19, 85, 139, 0.6); } body.user-is-tabbing .focus-dark-bkg:focus { outline-color:#FFF347!important; } /* Temp Gift Registry Fix > Use dark button focus utility class on element above */ body.user-is-tabbing .view-GiftRegistryHomeView .gift-registry-home-leftWCMM .registry-button:focus { outline-color:#FFF347!important; } body.user-is-tabbing .view-GiftRegistryHomeView .gift-registry-home-leftWCMM .personal-gifts-container .registry-button:focus { outline-color:#FFF!important; } /* * WCS-27584 * ADA Privacy Audit - BD - Insufficient text color contrast in Global areas (Audit Ref # HICBDPR-20, 22) * **Color Contrast Fixes */ /* ADA - Cutomer Service Side Nav */ .area-CustomerServiceArea #sideBox ul li a { color:#62462f; /*font-weight:500;*/ } .view-WCMContentView #sideBox ul li.on a, .view-CustomerServiceFormView #sideBox ul li.on a { font-weight:300; } .view-WCMContentView #sideBox ul li.on > a, .view-CustomerServiceFormView #sideBox ul li.on > a { color:#4d4d4d; font-weight:800; } /* ADA - Header > Search - Placeholder text */ .bdheader input#headerBox::placeholder { opacity:1; color:#333; } .bdheader input#headerBox:placeholder { opacity:1; color:#333; } .bdheader input#headerBox::-webkit-input-placeholder { color:#333!important; } .bdheader input#headerBox:-moz-placeholder { color:#333!important; } .bdheader input#headerBox::-moz-placeholder { color:#333!important; } .bdheader input#headerBox:-ms-input-placeholder { color:#333!important; } /* ADA - Breadcrumb Links */ ul[id="breadcrumbs_ul"] li a, ul[id="breadcrumbs_ul"] li .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container ul[id="breadcrumbs_ul"] li .tooltip-panel-text, ul[id="breadcrumbs_ul"] li .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window ul[id="breadcrumbs_ul"] li .gwt-unbxd-arrow-span, .breadcrumbs li a, .breadcrumbs li .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .tooltip-panel-text, .view-SinglePageCheckoutView .gift-card-panel.gift-card-pin-container .breadcrumbs li .tooltip-panel-text, .breadcrumbs li .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .gwt-unbxd-arrow-span, .view-UnbxdBodyView .footer-pagination-panel .gwt-pagination-Window .breadcrumbs li .gwt-unbxd-arrow-span { color:#62462f; } /* ADA - Footer - Nav Links Headings Color */ [id="footer"] .line2 .section .column .header { color:#62462f; } /* ADA - Footer - Sign Up for Emails field placeholder text */ [id="footer"] .line2 .col1 [id="emailUpdates"] form [id="emailSignUp"]::placeholder { color:#333!important; opacity:1; } /* ADA - Footer - Credit card section Apply Now text */ .ballard-designs-credit .card-right .credit-card-text span.btn-link { color:#DD3156!important; /*#A41E3B*/ } /* ADA - Back To Top Docking Button .back-to-top { background:#757575 none!important; font-family:"Font Awesome 5 Free"; } .back-to-top:after { content:"\f062"; font-family:"Font Awesome 5 Free"; opacity:1; display:block; position:absolute; top:0; left:0; color:#fff; font-size:40px; text-indent:0; } */ /* * WCS-31293: ADA - Header - Color Contrast Violations */ .skip-link, .skip-link:focus, .skip-link:active { color:#665549; font-size:14px; font-weight:bold; } /* ------------------ Landing Pages ------------------ */ /* Ship to Store Landing Page Mobile Fix */ .shiptostorebanner .m-framework ul li span, .shiptostorebanner .m-framework ol li span { display:none; } .shiptostore h2, .m-framework .shiptostore h2 { margin-top:40px; } /* -- Gift Registry -- */ /* Gift Registry Second Header fix */ .giftRegistryCreate_header_second { display:none!important; } /* -- Customer Service Pages -- */ .area-CustomerServiceArea .contentWrapper { margin-top:0; } .area-CustomerServiceArea #sideBox ul li a { display:block; line-height:1.3em; margin-bottom:8px; } /* -- Email Sign Up -- */ /* WCS-22215 - Fix: Email Sign Up Form on Mobile */ .area-MyAcctArea iframe.emailSubscribeIframe { width:100%; height:650px; } .area-MyAcctArea iframe.emailUnsubscribeIframe { width:100%; height:610px; } /* -- Designer Application Form -- */ /* Online Designer Application Form - Alert */ #online-designer-app-form-confirmation-wwcm .alert { margin:30px 0; } /* -- Order Status Page -- */ .view-OrderStatusView #mainContent { margin-top:30px; } .view-OrderStatusView #mainContent h1 { margin-top:15px; } /* -- Order Dtails Page -- */ /* Fix Order Shipment Process iframe height */ .view-OrderDetailsView div.linc iframe { min-height:520px!important; } /* -- Trade Program -- */ /* * WCS-28566 * Increase Character Limit for Web URL Field * (BRAND HOTFIX) */ .view-OnlineDesignerApplicationView .terms-and-conditions-section .input-file-label { max-width:100%; } .view-OnlineDesignerApplicationView .terms-and-conditions-section .input-file-container { display:block; margin:15px 0 0; max-width:100%; } .view-OnlineDesignerApplicationView .terms-and-conditions-section .input-file-container .file-upload-input { margin-bottom:5px; } /* -- Contact Form -- */ /* HOTFIX: Temp styling fix for old style form, until new form style launched */ .frequently-asked-question-landing-page .faq-search-field-container .faq-search-input, .view-CustomerServiceFormView .customer-service-contactus-form .faq-search-field-container .faq-search-input { width:100%; height:auto; padding-left:0px; margin-right:0px; } .view-CustomerServiceFormView .contact-us-form-header { margin-bottom:40px!important; } .view-CustomerServiceFormView .animated-label-textbox-panel { margin-top:0!important; } /* -- Confirmation View -- */ /* ------------------ Bootstrap: Brand Styling Overwrites ------------------ */ /* Bootstrap: Tables */ .table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th { background-color:#f3f1e9!important; } .table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th { background-color:#73AEA0; color:#fff; } .table>thead>tr>th .success, .table>thead>tr>td .success, .table>tbody>tr>th .success, .table>tbody>tr>td .success, .table>tfoot>tr>th .success, .table>tfoot>tr>td .success { color:#519685; } .table>thead>tr>th { border-bottom: 1px solid #ddd!important; } table.table-lg > thead > tr > th { padding:15px 25px; text-transform:uppercase; color:#333; font-weight:300; font-size:1.5em; } table.table-lg > tbody > tr > td { padding:15px 25px!important; color:#333; font-size:1.3em; } /* Bootstrap: Labels */ .label { text-transform:uppercase; } .label-success { background-color:#73aea0; } /* Bootstrap: Panels */ .panel-default { border:1px solid #ddd; } .panel-secondary { border:1px solid #ebe6e0; background-color:#f3f1e9; color:#6e6158; } .panel-secondary .panel-body { padding-left:45px; padding-right:45px; padding-bottom:30px; } /* ------------------ Custom Utilities ------------------ */ /* Utility: Lists */ .list-style-type-normal { list-style-type:disc; } .word-wrap-break-word { word-wrap:break-word; } .m-framework ul.list-style-type-normal li, .m-framework ol.list-style-type-normal li { list-style-type:disc!important; } ol.list-lg li, ul.list-lg li { font-size:16px; } /* Utility: Numbered List */ ol.list-ordered-lg { padding-left:60px; list-style:none; counter-reset:ordered-list-count; } ol.list-ordered-lg > li { counter-increment:ordered-list-count; position:relative; margin-bottom:50px; font-size:16px; } ol.list-ordered-lg > li::before { position:absolute; top:0; left:-46px; content:counter(ordered-list-count); color:#bdbab0; font-size:72px; line-height:30px; font-family:'Cormorant'; font-weight:300!important; font-style:normal; } /* Links */ a.link-underline { text-decoration:underline!important; } a.link-black:hover, a.link-black:active, a.link-black:focus { text-decoration:none!important; } a.link-black { color:#000!important; } a.link-black:hover, a.link-black:active, a.link-black:focus { color:rgba(0,0,0,.75)!important; } /* Flex Alignments */ .desktop .flex-vertical-align { display:flex; align-items:center; justify-content:center; } .desktop .flex-row-reverse { flex-direction:row-reverse; } /* Type Utilities */ .text-style-normal { font-style:normal!important; } .font-size-16 { font-size:16px; } /* More/Less Collapse */ .more-less-link { font-size:1.3em; font-weight:500; }