Get practical in-person reno advice
Menu
0
Home
Renovation Classes
Tool Rentals
Mentoring
Woodworking Classes
Retail
Contact Us
Login
Get practical in-person reno advice
0
Your Cart is Empty
Continue Shopping
$0.00
Subtotal
Go to cart
Login
Home
Renovation Classes
Tool Rentals
Mentoring
Woodworking Classes
Retail
Contact Us
HTML sitemap for collections
Collections
all-products
Basement Development
bring-your-Partner
deck-building-101
DIY-home-decor-*ladies night out*
DIY-own-Porch-Signs
Home Improvement
Home page
home-owner's-maintenance
Introduction-to-basement-framing
introduction-to-finishing-carpentry
introduction-to-flooring
Introduction-to-power-tools
Introduction-to_Tiling
kickstart-your-renovation
reno-your-bathroom
renovation-consultation
start-your-basement-development
Spin to win NOW!
.adp-discount-tiers h4 { text-align: inherit; color: inherit; font-size: inherit; background-color: inherit; } table.adp-discount-table th { background-color: inherit; border-color: inherit; color: inherit; border-width: 1px; font-size: inherit; padding: inherit; text-align: center; border-style: solid; } table.adp-discount-table td { background-color: inherit; border-color: inherit; color: inherit; border-width: 1px; font-size: inherit; padding: inherit; text-align: center; border-style: solid; } table.adp-discount-table { min-width: 100%; max-width: inherit; border-color: inherit; border-width: 1px; font-family: inherit; } table.adp-discount-table td:last-child { color: inherit; background-color: inherit; font-family: inherit; font-size: inherit; } div#appikon-notification-bar { font-size: 110%; background-color: #035d67; padding: 12px; color: #FFFFFF; font-family: inherit; z-index: 9999999999999; display: none; left: 0px; width: 100%; margin: 0px; margin-bottom: 20px; text-align: center; text-transform: none; } .appikon-cart-item-success-notes, .appikon-cart-item-upsell-notes { display: block; font-weight: bold; color: #c99212; font-size: 100%; } #appikon-discount-item { font-size: 70%; padding-top: 5px; padding-bottom: 5px; } #appikon-summary-item { font-size: 70%; padding-top: 5px; padding-bottom: 5px; } .push-down { margin-top: 50px!important; } div#shopacado-banner { position: absolute; top: 0; left: 0; background-color: #DDEEEE; width: 100%; height: 50px; z-index:99999; } div#shopacado-banner-content { width: 800px; margin: 0 auto; padding: 10px; text-align: center } .adp-vol-wrapper { margin-top: 20px; margin-bottom: 20px; } .appikon-cart-item-unit-price .original_price, .appikon-cart-item-line-price .original_price { display: block; text-decoration: line-through !important; } .appikon-cart-item-price, .appikon-cart-total, .appikon-cart-item-line-price .discounted_price, .appikon-cart-item-unit-price .discounted_price { display: block; font-weight: bold; } .appikon-cart-item-success-notes a, .appikon-cart-item-upsell-notes a { color: #0078bd; } .wholesale-cart-total { display: block; font-weight: bold; } .wholesale-original-cart-total { display: block; } .appikon-messages { display: block; } .summary-line-note { padding-right: 10px; } .summary-line-discount { color: #0078bd; } #appikon-discount-code { max-width: 150px; display: inline-block; height: 40px; } #appikon-remove-discount-code { margin-right: 5px; color: red; font-size: 85%; border: none; background: none; } #apply-appikon-discount { display: inline-block; max-width: 200px; vertical-align: top; height: 40px; } .appikon-discount-code-error { color: red; white-space: nowrap; } table.adp-discount-table tr:first-child td:after { border: none; } div#appikon-notification-bar span { display: block; } div#appikon-notification-bar span.money { display: inline-block; } div#appikon-close-notification { float: right; font-weight: bold; height: 0; overflow: visible; cursor: pointer; margin-right: 2em; } .adp-eqs { display: none; } .adp-product-bundle .adp-product-wrapper, .adp-product-bundle .bundle-plus, .adp-product-bundle .bundle-total { display: inline-block; text-align: center; vertical-align: middle; } .adp-bundle-wrapper .adp-product-bundle .adp-info-wrapper a { text-decoration: none; } #two-product.adp-product-bundle .bundle-plus img { position: relative; max-width: 35px; min-width: 12px; } #three-product.adp-product-bundle.button-under .bundle-plus img { position: relative; margin-left: 0px; max-width: 22px !important; min-width: 12px; } #three-product.adp-product-bundle.with-total .bundle-plus img { position: relative; margin-left: -22% !important; max-width: 22px !important; min-width: 12px; } #four-product.adp-product-bundle.button-under .bundle-plus img { position: relative; margin-left: -22% !important; max-width: 22px !important; min-width: 12px; } #four-product.adp-product-bundle.with-total .bundle-plus img { position: relative; margin-left: -22% !important; max-width: 22px !important; min-width: 12px; } #over-four-product.adp-product-bundle .bundle-plus img { position: relative; min-width: 12px; } .adp-product-bundle .adp-product-wrapper { line-height: 15px; } .adp-product-bundle .adp-product-wrapper img { width: 80%; } .adp-product-bundle .bundle-name p.product-title { margin-bottom: 5px; } p.product-quantity { color: #6b6b6b; font-size: 12px; } .adp-product-bundle .adp-price { margin-bottom: 5px; display: inline-block; margin-right: 5px; width: 100%; } .adp-product-bundle .buy-bundle input.addtocart { padding: 5px 10px; background-color: #222; color: #FFF; border: none; } .appikon-variants-container select { width: 100%; margin-bottom: 5px } .adp-product-bundle .appikon-variants-container { border: none; margin: 0; padding: 0; } .adp-product-bundle .adp-price.regular { color: #bbb; text-decoration: line-through; } .adp-product-bundle .adp-product-wrapper { vertical-align: top !important; line-height: 15px; text-align: left; } .adp-product-bundle .adp-image { min-height: 130px; max-height: 130px; line-height: 125px; border: 1px solid #d9d9d9; background: #fff; text-align: center; } .adp-product-bundle .adp-image img { max-height: 115px; max-width: 100%; vertical-align: middle; height: auto; width: auto; } .adp-bundle-wrapper .adp-product-bundle button { display: inline-block; padding: 4px 10px 4px; margin-bottom: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); color: #ffffff; text-align: center; vertical-align: middle; background-repeat: repeat-x; border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; background-color: #414141; background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(enabled=false); padding: 5px 10px; } .adp-product-bundle button .top-button { font-size: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: block; padding: 0 5px 2px 5px; } .adp-product-bundle button .bottom-button { font-size: 14px; padding: 2px 5px 0 5px; display: block; border-top: 1px solid rgba(255, 255, 255, 0.1); } .adp-product-bundle .adp-price { position: static; background: none; text-align: left; padding: 0; } .adp-product-bundle .adp-eqs { width: auto; margin: 0 10px; } #two-product.adp-product-bundle .adp-product-wrapper { width: 46%; } #two-product.adp-product-bundle .bundle-plus { font-size: 75px } #two-product.adp-product-bundle.with-total .bundle-total { width: 100%; margin: 10px 0 0 0; text-align: right; display: inline-block; } #three-product.adp-product-bundle .adp-product-wrapper { width: 28%; } #three-product.adp-product-bundle .bundle-plus { width: 3.1%; font-size: 50px } #four-product.adp-product-bundle.button-under .adp-product-wrapper { width: 21.2%; } #four-product.adp-product-bundle.with-total .adp-product-wrapper { width: 17%; } #four-product.adp-product-bundle.button-under .bundle-plus { width: 5%; font-size: 40px } #four-product.adp-product-bundle .bundle-plus { width: 3%; font-size: 40px } #over-four-product.adp-product-bundle .adp-product-wrapper { width: 17%; } #over-four-product.adp-product-bundle .bundle-plus { width: 3.5%; font-size: 40px } .with-total .bundle-total button { white-space: normal; } #two-product.adp-product-bundle.with-total .adp-product-wrapper { flex: 1; flex-basis: 115px; } #three-product.adp-product-bundle.with-total .adp-product-wrapper { flex: 1; flex-basis: 100px; } #three-product.adp-product-bundle.with-total .bundle-total button { width: 100%; margin-top: 0px; } .adp-product-bundle.with-total .bundle-total .adp-eqs { width: 23px; } .adp-product-bundle.with-total .bundle-total .adp-eqs img { margin: auto; max-width: 23px; height: 16px; } #four-product.adp-product-bundle.with-total .adp-product-wrapper, #four-product.adp-product-bundle.with-total .bundle-total { flex: 1; flex-basis: 90px; } #four-product.adp-product-bundle.with-total .bundle-plus { font-size: 40px; margin: 0 5px; } #four-product.adp-product-bundle.with-total .bundle-total { font-size: 25px } #four-product.adp-product-bundle .adp-eqs { display: none; } #four-product.adp-product-bundle.with-total .bundle-total { flex: 1; flex-basis: 130px; height: inherit; max-height: 100px; min-height: 50px; text-align: center; margin-top: 20px; } #over-four-product.adp-product-bundle.with-total .adp-product-wrapper, #over-four-product.adp-product-bundle.with-total .bundle-total { flex: 1; flex-basis: 90px; } #over-four-product.adp-product-bundle.with-total .bundle-plus { font-size: 40px } #over-four-product.adp-product-bundle.with-total .bundle-total { font-size: 25px } #over-four-product.adp-product-bundle .adp-eqs { display: none; } .adp-product-bundle.button-under .bundle-total, #over-four-product.adp-product-bundle.with-total .bundle-total { flex: 1; flex-basis: 130px; height: 100%; text-align: center; margin-top: 20px; } .adp-product-bundle.button-under .adp-product-wrapper { flex-basis: auto; } #two-product.adp-product-bundle.button-under .bundle-plus, #three-product.adp-product-bundle.button-under .bundle-plus { width: 8%; } #max-two { width: 61%; } #max-two .bundle-plus { width: 10% } #three-product.max-two .bundle-total, #four-product.max-two .bundle-total, #over-four-product.max-two .bundle-total { height: 384px; } #three-product.max-two .adp-eqs, #four-product.max-two .adp-eqs, #over-four-product.max-two .adp-eqs { position: relative; top: 50%; } #three-product.max-two button, #four-product.max-two button { position: relative; top: 50%; } #over-four-product.max-two button { position: relative; top: 50%; } #max-two { width: 60%; display: inline-block; } #max-two .bundle-plus:nth-child(4n+4) { display: none; } .adp-product-bundle.button-under { flex-wrap: wrap; } .adp-product-bundle .adp-product-wrapper { width: 45%; } .adp-product-bundle .bundle-total { color: #bfbfbf; font-size: 21px; font-weight: bold; } /* .adp-product-bundle .bundle-name{ overflow-x: hidden;} */ .with-total.adp-product-bundle .adp-eqs { display: flex; width: 24px; } .adp-product-bundle .bundle-total button { width: 100%; /*max-width: 150px;*/ } @media screen and (min-width: 650px) { #four-product.adp-product-bundle, #over-four-product.adp-product-bundle { flex-wrap: wrap; } #four-product.adp-product-bundle.with-total .bundle-total .adp-eqs, #over-four-product.adp-product-bundle.with-total .bundle-total .adp-eqs { display: none; } .adp-product-bundle.with-total .bundle-total { justify-content: center; } #four-product.adp-product-bundle.with-total .adp-product-wrapper { flex-basis: auto; } #over-four-product.adp-product-bundle.with-total .adp-product-wrapper { flex-basis: auto; } #four-product .adp-product-bundle.with-total .bundle-total, #over-four-product.adp-product-bundle.with-total .bundle-total { min-height: 50px; max-height: 100px; height: inherit; } #four-product .adp-info-wrapper .bundle-name { font-size: 90%; word-break: break-word; } #over-four-product .adp-info-wrapper .bundle-name { font-size: 85%; word-break: break-word; } #four-product.with-total.adp-product-bundle .bundle-total button span, #over-four-product.with-total.adp-product-bundle .bundle-total button span { font-size: 15px; } #four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle, #over-four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { width: 100%; margin: 0; } } @media screen and (max-width: 650px) { .adp-product-bundle { flex-direction: column; } .adp-product-bundle .adp-product-wrapper { width: 100% !important; } .adp-product-bundle .adp-product-wrapper>a:first-child { width: 35% !important; margin-right: 20px; display: block; float: left; } .adp-product-bundle .adp-product-wrapper .bundle-name { margin: 0; } .adp-product-bundle .bundle-plus { width: 100% !important; max-width: 100%; line-height: 0; border-bottom: 1px solid #ccc; margin: 10px 0 25px; } .adp-product-bundle .bundle-total .adp-eqs { display: none; } .adp-product-bundle .bundle-plus img, #two-product.adp-product-bundle.with-total .bundle-plus img, #three-product.adp-product-bundle.with-total .bundle-plus img, #four-product.adp-product-bundle.with-total .bundle-plus img, #over-four-product.adp-product-bundle.with-total .bundle-plus img, #two-product.adp-product-bundle.button-under .bundle-plus img, #three-product.adp-product-bundle.button-under .bundle-plus img, #four-product.adp-product-bundle.button-under .bundle-plus img, #over-four-product.adp-product-bundle.button-under .bundle-plus img { margin-left: 0 !important; margin-bottom: -18px; max-width: 35px !important; } .appikon-variants-container select { width: auto; margin-top: 10px } .adp-product-bundle .bundle-total { width: 100% !important; text-align: center; margin-top: 20px; } .adp-product-bundle .adp-eqs { width: 100%; border-bottom: 1px solid #ccc; margin: -22px 0 0 0; position: relative; } .adp-product-bundle .adp-eqs img { margin-left: 0 !important; margin-bottom: -18px; display: none; } .adp-product-bundle .adp-image-container { width: 35%; display: inline-block; float: left; } .adp-product-bundle .adp-info-wrapper { width: 60%; display: inline-block; float: left; padding-left: 10px; } .adp-product-bundle .adp-info-wrapper a { text-decoration: none; } .adp-product-bundle .adp-info-wrapper select.adp-variants { width: 100%; } #two-product.adp-product-bundle.with-total .bundle-plus { margin: 0 0 30px; } #two-product.adp-product-bundle .bundle-plus img, #three-product.adp-product-bundle .bundle-plus img, #four-product.adp-product-bundle .bundle-plus img, #over-four-product.adp-product-bundle .bundle-plus img { max-width: 35px !important; margin-left: 0 !important; } #three-product.adp-product-bundle.with-total .bundle-total button { margin-top: 20px; width: 100%; } #three-product.adp-product-bundle.with-total .bundle-plus { margin: 10px 0 25px; } #four-product.adp-product-bundle.with-total .bundle-plus { margin: 10px 0 25px; } #over-four-product.adp-product-bundle.with-total .bundle-plus { margin: 10px 0 25px; } } .adp-product-bundle .adp-price { color: #8C0000; } .adp-product-bundle .bundle-total { color: #8C1919; } .adp-product-bundle .bundle-total button { width: 100%; } .adp-product-bundle button .top-button { border-bottom: 0px; } @media (max-width: 650px) { .bundle-name { display: inline-block !important; } .adp-eqs { width: 100% !important; } .bundle-name { padding-top: 10px !important; } .bundle-total button { margin-left: auto !important; margin-right: auto !important; display: block; } } .bundle-total button { color: #fff; margin: -10px 0 -10px; width: 100%; border: none; text-decoration: none; font-size: 13%; font-family: inherit; text-transform: uppercase; font-weight: 500; padding: 10px; height: 100%; } .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { width: 100%; margin: 0; height: inherit; min-height: 50px; } .adp-product-bundle button .top-button { border-bottom: 0px; } @media (max-width: 650px) { .bundle-name { display: inline-block !important; } .adp-eqs { width: 100% !important; } .bundle-name { padding-top: 10px !important; } .bundle-total button { margin-left: auto !important; margin-right: auto !important; display: block; } .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { width: 100%; margin-top: 10px; height: inherit; max-height: 100px; min-height: 50px; } } .dp-popup div, .dp-popup span, .dp-popup h1, .dp-popup h2, .dp-popup h3, .dp-popup h4, .dp-popup h5, .dp-popup h6, .dp-popup p, .dp-popup a, .dp-popup img, .dp-popup b, .dp-popup u, .dp-popup i, .dp-popup ol, .dp-popup ul, .dp-popup li, .dp-popup form, .dp-popup label, .dp-popup table, .dp-popup tbody, .dp-popup tfoot, .dp-popup thead, .dp-popup tr, .dp-popup th, .dp-popup td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-transform: none; } .dp-popup body { line-height: 1; } .dp-popup ol, .dp-popup ul { list-style: none; } .dp-popup table { border-collapse: collapse; border-spacing: 0; } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 2147483646; padding: 20px; box-sizing: border-box; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.75); text-align: center; } .blocker:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .dp-popup-dpModal { display: inline-block; min-width: 400px; vertical-align: middle; position: relative; z-index: 2147483647; max-width: 600px; background: #fff; padding: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: center; text-transform: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; -moz-transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; transition: background-color 0.15s cubic-bezier(0.785, 0.135, 0.150, 0.860); } .dp-popup-dpModal a { background-color: transparent; } .dp-popup-dpModal a:active, .dp-popup-dpModal a:hover { outline: 0; } .dp-popup-dpModal hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .dp-popup-dpModal button, .dp-popup-dpModal input, .dp-popup-dpModal optgroup, .dp-popup-dpModal select, .dp-popup-dpModal textarea { color: inherit; font: inherit; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .dp-popup-dpModal button { overflow: visible; } .dp-popup-dpModal button, .dp-popup-dpModal select { text-transform: none; } .dp-popup-dpModal button { -webkit-appearance: button; cursor: pointer; } .dp-popup-dpModal button::-moz-focus-inner, .dp-popup-dpModal input::-moz-focus-inner { border: 0; padding: 0; } .dp-popup-dpModal input { line-height: normal; } .dp-popup-dpModal input[type='number']::-webkit-inner-spin-button, .dp-popup-dpModal input[type='number']::-webkit-outer-spin-button { height: auto; } .dp-popup-dpModal body.fadein { background: rgba(0, 0, 0, 0.65); } #dpModal-container { width: auto; } .dp-popup-dpModal #popup-dpModal-container { background: white; padding: 12px 18px 40px 18px; } @media only screen and (min-width:500px) { .dp-popup-dpModal #popup-dpModal-container { border-radius: 5px; padding: 30px 40px; } } @media only screen and (min-width:992px) { .dp-popup-dpModal #popup-dpModal-container { margin-top: 140px; } } .dp-popup-dpModal .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .dp-popup-dpModal .fade.in { opacity: 1; } /* only the stuff we need added here */ .dp-popup-dpModal h2 { font-size: 24px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .dp-popup-dpModal h3 { font-family: inherit; font-weight: normal; line-height: 1.1; color: inherit; font-size: 18px; margin-top: 10px; margin-bottom: 20px; font-weight: 500; } .dp-popup-dpModal p.body-text { font-size: 20; margin-top: 40px; margin-bottom: 10px; } .dp-popup-dpModal .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .dp-popup-dpModal .input-lg { height: 46px; padding: 10px 16px; line-height: 1.3333333; border-radius: 6px; } .dp-popup-dpModal select.input-lg { height: 46px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .dp-popup-dpModal select:focus, .dp-popup-dpModal textarea:focus, .dp-popup-dpModal input:focus { font-size: 16px; background: #eee; } } .dp-popup-dpModal .form-group { margin-bottom: 15px; } .dp-popup-dpModal .btn { display: inline-block; padding: 8px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; text-align: center; vertical-align: middle; letter-spacing: 1px; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; } .dp-popup-dpModal .btn-success { width: 100%; color: #ffffff; background-color: #4ed14e; } .dp-popup-dpModal .btn-lg { line-height: 24px; font-size: 15px; padding: 14px; line-height: 1.3333333; } .dp-popup-dpModal .close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; text-align: center; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .dp-popup-dpModal form { margin-top: 10px; } .dp-popup-dpModal .dpModal-content .close { font-size: 30px; } .dp-popup-dpModal .dpModal-backdrop.in { filter: alpha(opacity=65); opacity: .65; } .dp-popup-dpModal .completed_message { display: none; } .dp-popup-dpModal .complete .completed_message { display: block; } .dp-popup-dpModal .single-variant { display: none; } .dp-popup-dpModal div.footer { margin-top: 20px; } .dp-popup-dpModal div.footer p { color: #b3b3b3; font-size: 12px; } .dp-popup-dpModal div.no-thanks { padding-top: 20px; } .dp-popup-dpModal div.no-thanks a { color: #aaaaaa; font-size: 100%; } @media (min-width: 0px) { .dp-popup-dpModal { min-width: 100%; } } @media (min-width: 300px) { .dp-popup-dpModal { min-width: 80%; } } @media (min-width: 768px) { .dp-popup-dpModal { min-width: 600px; } } .dp-popup-dpModal img { vertical-align: middle; max-width: 100%; } .dp-popup-dpModal img.single { margin-right: 20px; margin-left: 0px; display: inline-block; padding-right: 20px; max-width: 100%; height: auto; margin: 0 auto; } #upsell-minimized-button { background-color: #44c767; border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; /*border:1px solid #18ab29;*/ display: inline-block; cursor: pointer; color: #ffffff; /*font-family:Arial;*/ padding: 10px 16px; text-decoration: none; background: #44c767; color: #ffffff; font-size: 16px; -webkit-transform: rotate(90deg); -webkit-transform-origin: left bottom; -moz-transform: rotate(90deg); -moz-transform-origin: left bottom; -ms-transform: rotate(90deg); -ms-transform-origin: left bottom; -o-transform: rotate(90deg); -o-transform-origin: left bottom; transform: rotate(90deg); left: 0px; top: 100px; transform-origin: left bottom; white-space: nowrap; position: fixed; } #upsell-minimized-button:hover { /*background-color:#5cbf2a;*/ } .dp-popup-dpModal a.close-dpModal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('data:image/png;base64,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') no-repeat 0 0; } .dp-popup .just-added { width: 100%; border-bottom: 1px solid #eee; padding-bottom: 20px; } .dp-popup .multiple-products-true div { display: block; float: left; } .dp-popup .product-container.discount-applies-true { display: flex; flex-wrap: wrap; } .dp-popup .multiple-products-false div { display: block; } .dp-popup .multiple-products-false div.product-container { max-width: 350px; width: 100%; margin-left: auto; margin-right: auto; flex-direction: column; } .dp-popup .multiple-products-false .image { flex: 1; min-height: 150px; } .dp-popup .multiple-products-true .image { width: 100px; } .dp-popup .multiple-products-false .image img { max-width: 150px; max-height: 150px; } .dp-popup .multiple-products-true .image img { max-width: 100px; max-height: 100px; } .dp-popup .multiple-products-false .details { flex: 1 0 0; text-align: center; font-size: 14px; padding-left: 15px; padding-right: 15px; padding-top: 20px; } .dp-popup .multiple-products-true .details { flex: 1; text-align: left; font-size: 14px; padding-left: 15px; padding-right: 15px; max-width: 320px; } .dp-popup .multiple-products-false .actions { flex: 1; text-align: center; padding-top: 20px; } .dp-popup .multiple-products-true .actions { vertical-align: middle; max-width: 116px; width: 100%; float: right } @media (min-width: 651px) { .dp-popup .multiple-products-true .actions button.add-upsells, .dp-popup .multiple-products-true .actions select.adp-variants { min-width: 116px; max-width: 116px; } } .dp-popup .other-upsells { width: 100%; } .dp-popup .product-container { width: 100%; padding-bottom: 10px; padding-top: 10px; } .dp-popup .product-container:not(first) { border-top: 1px #eee solid; } .dp-popup .product-container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728); background-repeat: no-repeat; background-position: right 10px center; background-size: auto; padding-right: 28px; text-indent: 0.01px; width: 100%; margin-bottom: 10px; font-size: 12px; display: block; padding-left: 10px; } .dp-popup .product-container .variant-wrapper { float: none; } .dp-popup .no-thanks { text-align: center; width: 100%; } .dp-popup-dpModal .adp-image { width: 100%; } .dp-popup-dpModal .upsell-total { width: 100%; padding-top: 10px; } .dp-popup-dpModal button.add-upsells { color: #ffffff; font-size: 100%; font-size: 14px; background-color: #a1c65b; display: inline-block; padding: 8px 12px; margin-bottom: 0; line-height: 1.42857143; text-align: center; vertical-align: middle; letter-spacing: 1px; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; font-weight: 500; width: 100%; box-shadow: none; } .adp-price .adp-regular { width: 100%; } .product-price .adp-sale { display: block; width: 100%; } .dp-popup-dpModal .product-price { padding-top: 10px; font-weight: bold; } .dp-popup-dpModal #one-product .product-price { font-size: 22px; } .dp-popup-dpModal .multiple-products-true .product-price { font-size: 16px; } .dp-popup-dpModal #one-product .product-price s { vertical-align: middle; font-size: 16px; } .dp-popup-dpModal .product-price .adp-sale s { font-weight: normal; color: #000; opacity: 1; padding-left: 5px; font-size: 13px; font-size: 100%; } .discount-applies-false .product-price .adp-sale, .discount-applies- .product-price .adp-sale { color: #000; } .discount-applies-true .adp-price .adp-sale { text-decoration: line-through; width: 100%; } .discount-applies-true .product-price .adp-sale { display: block; width: 100%; color: #8C0000; } #dpModal-container .product-title { font-weight: 400; width: 100%; } .dp-popup-dpModal .upsell-title { font-family: inherit; font-weight: normal; line-height: 1.1; color: inherit; font-size: 18px; margin-top: 10px; margin-bottom: 20px; font-weight: 500; text-align: center; } @media (max-width: 650px) { .dp-popup .multiple-products-true .details { flex: 1; padding-left: 20px; } .dp-popup .multiple-products-true .actions { max-width: inherit; width: 100%; padding-top: 15px; } .dp-popup .product-container { padding-bottom: 20px; padding-top: 20px; } } .adp-bundle-wrapper .appikon-variants-container select.adp-variants { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728); background-repeat: no-repeat; background-position: right 10px center; background-size: auto; padding-right: 28px; text-indent: 0.01px; width: 100%; margin-bottom: 10px; font-size: 12px; display: block; padding-left: 10px; } .adp-bundle-wrapper .adp-product-bundle button.add-appikon-bundle { cursor: pointer; background-color: #a1c65b; background-image: none; color: #fff; margin: -10px 0 -10px; width: 100%; border: none; text-decoration: none; font-size: 13px; font-family: inherit; text-transform: uppercase; font-weight: 500; padding: 10px; } .adp-product-bundle .bundle-total button span { font-size: 13px; } table.adp-discount-table tr th:first-child { flex: 1; } table.adp-discount-table tr th:nth-child(2) { flex: 2; } table.adp-discount-table tr td:first-child { flex: 1; } table.adp-discount-table tr td:nth-child(2) { flex: 2; } table.adp-discount-table thead { display: table-header-group; vertical-align: middle; } #dpModal-container .no_touch { cursor: default; pointer-events: none; } #dpModal-container .no_touch:hover { opacity: 1; } .dp-popup-dpModal .upsell-title, .dp-popup-dpModal .product-title, .dp-popup-dpModal .product-price .adp-sale, .dp-popup-dpModal div.no-thanks a {} .adp-product-bundle .bundle-name {} .adp-product-bundle .adp-price {} .adp-bundle-wrapper .appikon-variants-container select.adp-variants {} .adp-bundle-wrapper {} #appikon-discount-item:empty, #appikon-summary-item:empty { display: none; } .adp_show_animation { visibility: visible; opacity: 1; } .adp_default_animation { visibility: hidden; } div.adp_show_animation.adp_default_animation { visibility: visible; } .adp_fade_and_scale_effect { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .adp_show_animation.adp_fade_and_scale_effect { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .adp_slide_from_the_right { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .adp_show_animation.adp_slide_from_the_right { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .adp_slide_from_the_left { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .adp_show_animation.adp_slide_from_the_left { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .adp_slide_from_the_bottom { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .adp_show_animation.adp_slide_from_the_bottom { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .adp_fall_effect { -o-transform: perspective(1300px) translateZ(600px) rotateX(30deg); -ms-transform: perspective(1300px) translateZ(600px) rotateX(30deg); -moz-transform: perspective(1300px) translateZ(600px) rotateX(30deg); -webkit-transform: perspective(300px) translateZ(600px) rotateX(30deg); transform: perspective(1300px) translateZ(600px) rotateX(30deg); opacity: 0; } .adp_show_animation.adp_fall_effect { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } div.dp-popup.is_funnel_true span.adp-sale s { text-decoration: none !important; } #appikon-notification-bar { margin-top: 50px; } #appikon-close-notification { display: none; }
