/* Product customizer stylesheet */ header .header_content { margin-bottom: 7px; } header .announcements_mobile { display: none !important; } .main_content { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .main_content .breadcrumb { margin-bottom: 0; } /*.main_content hr { border-color: #dbdbdb; margin: 0; }*/ /*.cart_banner { display: block !important; margin-bottom: 10px !important; } .cart_banner_mobile { display: none !important; }*/ #divPromo { position: relative; } #divCountdown { position: absolute; top: 15px; right: 50px; z-index: 1; font: bold 18px 'Open Sans'; width: 191px; text-align: right; line-height: .8em; } #divCountdown .digital { font: 30px 'digital'; color: maroon; } .cart_empty { padding: 80px 0px; } .cart_empty h2 { margin-bottom: 35px; } .have_questions_button_container { padding: 10px 0 0 12px; } .have_questions_content .table ul { margin: 0; padding: 5px 0 5px 20px; } .cart_details_wrapper, .cross_sell_wrapper { position: relative; padding-left: 8px; } .cart_details_wrapper .cart_referrer { line-height: 40px; background-color: #dbdbdb; margin-top: -40px; float: right; padding: 0 20px; max-width: 600px; } .section_title { padding: 3px 20px; } .cart_details .section_title { padding: 3px 0; } .cart-preview-wrapper { margin: 10px; text-align: center; } .cart-preview-wrapper > img.cart-preview { max-width: 100px; max-height: 100px; } .cart_item_ { border-bottom: solid 1px #dbdbdb; } .cart_item_:last-child { border: none; } /*.cart_item_, .cart_subtotal_, .cart_promotional_code, .is_a_gift { border-bottom: 1px solid #dbdbdb; }*/ .cart_item_ table { width: 95%; margin-bottom: 0; } .cart_item_ .cart_item_actions a { text-decoration: none; float: left; border-right: 1px solid #dbdbdb; padding: 20px 0; width: 60px; height: 60px; text-align: center; color: #000; font-size: 16px; font-weight: bold; } .cart_item_ .cart_item_actions .glyphicon { font-weight: bold; } .cart_item_actions .cart-item-preview { display: inline-block; text-align: center; width: 100px; } .cart_item_actions .cart-item-preview img { max-width: 75px; max-height: 75px; margin: 10px; } /*.delivery-options { padding: 5px 0px; }*/ .delivery-options .delivery-option { padding: 5px 0px; } /*.cart_item_ .cart_item_actions .edit_cart_item .edit-button-hover { display: none; } .cart_item_ .cart_item_actions .edit_cart_item:hover .edit-button { display: none; } .cart_item_ .cart_item_actions .edit_cart_item:hover .edit-button-hover { display: inline-block; } .cart_item_ .cart_item_actions .delete_cart_item .delete-close-button-hover { display: none; } .cart_item_ .cart_item_actions .delete_cart_item:hover .delete-close-button { display: none; } .cart_item_ .cart_item_actions .delete_cart_item:hover .delete-close-button-hover { display: inline-block; }*/ .cart_item_ .cart_item_details { padding: 15px 0 10px; } .cart_item_ .cart_item_details p { margin-bottom: 8px; } .cart_item_ .cart_item_details .cart_item_desc, .cart-item-price, .sale-price { font-size: 17px; font-weight: 600; } .cart_item_ .cart_item_details .cart_item_desc span { display: inline-block; } .cart_item_ .cart_item_details .cart_item_desc span.cart_item_name { margin-left: 5px; } .cart_item_ .cart_item_details .cart_item_other { margin-left: 65px; } .cart_item_ .cart_item_details .cart_item_other .cart_item_additional_details { margin-bottom: 5px; } .cart_subtotal_ p, .cart_subtotal_ span { margin: 0; display: inline-block; vertical-align: middle; } .cart_subtotal_ .price_info { padding: 20px; } /*.cart_subtotal_ .price_info p { font-size: 12px; }*/ .cart_subtotal_ .price_info span { vertical-align: middle; } .cart_subtotal_ .price { padding: 10px 0; text-align: right; float: left; width: 40%; border-bottom: solid; } .cart_subtotal_ .price_details { padding: 10px 0; text-align: right; float: left; width: 60%; } .cart_subtotal_ .price_details span, .cart_subtotal_ .price span { font-size: 17px; font-weight: 600; line-height: 45px; vertical-align: middle; display: block; } .cart_subtotal_ .price_details span.subtotal { text-align: right; } .cart_subtotal_ .price span { font-size: 25px; text-align: right; padding-right: 15px; } .cart_subtotal_ .price img { width: 40px; } .details_padding { padding-left: 6px !important; padding-right: 6px !important; } .cart_actions_ { padding: 20px; text-align: center; } .cart_promotional_code { text-align: left; } .cart_promotional_code .need_a_promo_code { margin-top: -4px; } .cart_promotional_code .need_a_promo_code i { font-family: 'Bitter', serif; font-style: italic; font-weight: bold; } .cart_promotional_code .input-group-addon.btn { width: 100px !important; } .is_a_gift { padding: 10px; } .is_a_gift .is_a_gift_selection { text-align: center; } .is_a_gift span, .is_a_gift label.no-margin { vertical-align: middle; margin: 0 !important; } .is_a_gift label, .cart_promotional_code label { font-size: 14px; font-weight: normal; } .is_a_gift label { margin: 0 15px; } .is_a_gift .gift-box { margin: 0 10px; } .is_a_gift_question { font-family: 'Bitter', serif; font-style: italic; font-size: 17px; margin: 0 10px; } .is_a_gift .gift_msg { margin: 10px auto 0; width: 355px; } .is_a_gift .gift_msg .gift_msg_too, .is_a_gift .gift_msg .gift_msg_from { margin: 0; line-height: 1.2; } .is_a_gift .gift_msg .gift_msg_text { text-align: justify; } .gift_msg .row p { margin-left: 17px !important; } .gift_msg_modal label, .gift_msg_modal input, .gift_msg_modal textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } .gift_msg_modal input, .gift_msg_modal textarea { color: #222; border: 1px solid #dadada; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .gift_msg_modal .modal_content { } .cart_promotional_code label { margin: 5px; } .cart_actions_ .btn, .btn_cart_action { width: 240px; margin: 0 8px; } .cross_sell h4 { font-size: 22px; } .have_questions_content .panel-group .panel .panel-body { padding: 20px; max-height: 320px; overflow: auto; } .product_options_thumbs { padding: 12px 12px 0; } .product_options_thumbs .thumbnail { margin-bottom: 12px; /*min-height: 360px;*/ } .product_options_thumbs .thumbnail .product_banner { min-height: inherit !important; padding: 45px 40px !important; } .product_options_thumbs .thumbnail.placeholder { background: #ebebeb; } .product_options_thumbs .thumbnail.placeholder .olivers-labels-logo-placeholder-large, .product_options_thumbs .thumbnail.placeholder .olivers-labels-logo-placeholder-small { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /*#mdlCheckout { } #mdlCheckout .cart-checkout-total { background: #ffefae; padding: 20px 10px; } #mdlCheckout .cart-checkout-total i { font-family: 'Bitter', serif; font-size: 16px; } #mdlCheckout .cart-checkout-total span { font-size: 16px; font-weight: 600; } #mdlCheckout ul.delivery-option-details { padding: 0; margin: 10px 20px; }*/ /* Define how SqPaymentForm iframes should look */ .sq-input { height: 34px; margin-bottom: -5px; box-sizing: border-box; border: 1px solid #999; background-color: white; -webkit-transition: border-color .2s ease-in-out; -moz-transition: border-color .2s ease-in-out; -ms-transition: border-color .2s ease-in-out; transition: border-color .2s ease-in-out; } /* Define how SqPaymentForm iframes should look when they have focus */ .sq-input--focus { border: 1px solid #4A90E2; } /* Define how SqPaymentForm iframes should look when they contain invalid values */ .sq-input--error { border: 1px solid #E02F2F; } #divApplePay, #divGooglePay { display: none; } #divApplePay .btn-apple-pay { background-color: black; color: #fff; background-image: -webkit-named-image(apple-pay-logo-white); background-size: 100% 100%; background-origin: content-box; background-repeat: no-repeat; } #divApplePay, #divGooglePay { display: none; } .btn-apple-pay { background-color: black; color: #fff; background-image: -webkit-named-image(apple-pay-logo-white); background-size: 100% 100%; background-origin: content-box; background-repeat: no-repeat; } .btn-google-pay, .btn-google-pay:active { background-color: #000; min-height: 34px; padding: 5px 24px; background-origin: content-box; background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; outline: 0; cursor: pointer; /*box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15); */ background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22103%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976zm32.35-.341v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H96.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M75.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M68.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M68.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) !important; } @supports (-webkit-appearance: -apple-pay-button) { #divApplePay > .btn-apple-pay { text-indent: -9999px; } } .btn-paypal { background-color: #EFEFEF; padding: 4px 0px; border-color: #999; } .btn-paypal span.paypal { vertical-align: middle; display: inline-block; } .btn-paypal:disabled, .btn-paypal:disabled:hover { background-color: #dbdbdb; border-color: #EFEFEF; } .choose_secure_method .choose_secure_method_section { padding: 0px 40px 10px; } .modal-checkout { } .modal-checkout .col-right, .modal-checkout .col-left { padding: 0px 20px; } .modal-checkout .col-right { padding-bottom: 115px; border-left: solid 1px #dbdbdb; } .modal-checkout .col-left { border: 0 none; } .modal-checkout .or-container { text-align: center; padding: 10px 0; } .modal-checkout .or-container hr { border-top: solid 1px #dbdbdb; margin: 10px 0 -10px; } .modal-checkout .or-container span { padding: 0 15px; background: #fff; line-height: 20px; font-size: 17px; font-weight: 600; } .modal-checkout h4 { margin-bottom: 15px; } .modal-checkout h4 > small { font-size: 14px; color: #000; } .modal-checkout .total-amount { position: absolute; bottom: 0px; left: calc(50% - 1px); border-left: solid 1px #dbdbdb; background: url('/content/images/main/cart_totals_background.png') repeat; width: 51%; color: #fff; padding: 20px; } .modal-checkout .total-amount h4 { display: inline; } /* Style sheet for container set at 960px wide */ @media (max-width: 1199px) { .cart_item_ .cart_item_actions a { width: 50px; height: 50px; padding: 15px 0; } .cart_subtotal_ .price { width: 35%; } .cart_subtotal_ .price_details { width: 59.1%; } .panel-group .panel .panel-heading a { font-size: 16px; } .cart_subtotal_ .price span { padding-right: 0; } .cart_promotional_code { text-align: center; } .cart_promotional_code .need_a_promo_code { /*padding: 20px;*/ /*line-height: 30px;*/ margin-top: 0px; } } /* Style sheet for container set at 724px wide */ @media (max-width: 991px) { .main_content .cart_details_wrapper { padding-left: 0; } .have_questions_modal .modal-header { border-bottom: none; } .have_questions_modal .panel-group { border-bottom: none; } .have_questions_modal .customer_service { border: none; } .have_questions_modal .customer_service .contact_by_option .contact_details { max-width: 100%; } .have_questions_modal .customer_service .contact_by_option .contact_details .email { font-size: 14px; } #divCountdown { top: 5px; right: 10px; font-size: 16px; width: 110px; } #divCountdown .digital { font-size: 28px; } } /* Style sheet for container below 767px wide */ @media (max-width: 767px) { .modal-checkout .total-amount { left: 0px; width: 100%; } .modal-checkout .col-left { border: 0 none; border-bottom: solid 1px #dbdbdb; padding-bottom: 10px; } header { /*position: fixed;*/ } header .header_bottom_section { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .main_content { /*margin-top: 62px;*/ } .have_questions_button_container { padding: 10px 0 0 10px; } .cart_details, .cross_sell { margin-bottom: 10px; } .cross_sell .section_title { padding: 3px 12px; } .cart_item_ .cart_item_details { padding: 5px 0; } .cart_item_ .cart_item_details .cart_item_desc { font-size: 14px; } .cart_item_ .cart_item_price { font-size: 17px; padding: 5px 5px 15px 0; } .cart_item_ .cart_item_details .cart_item_other { margin-left: 22px; } .cart_subtotal_ .price { width: 20%; } .cart_subtotal_ .price_details { width: 76.8%; } .cart_item_ .cart_item_actions a { width: 36px; height: 36px; padding: 6px; border-right: none; float: none; display: block; } .cart_item_ .cart_item_actions a:first-child { border-bottom: 1px solid #dbdbdb; } .cart_item_actions .cart-item-preview { display: none; } .cart_subtotal_ .price_info { padding: 5px 12px; } .cart_subtotal_ .price_details span, .cart_subtotal_ .price span { font-size: 17px; line-height: 30px; } .cart_subtotal_ .price_details, .cart_subtotal_ .price { padding: 0 0 5px; } .cart_promotional_code { padding: 10px 40px; } .cart_promotional_code .form-group { margin: 0; } .cart_promotional_code .form-group label { margin-top: 0; } .cart_promotional_code .input-group { margin: 0 auto; } .is_a_gift .gift_msg { width: 80%; } .cart_actions_ { padding: 10px; } .cart_actions_ .btn { /*display: block;*/ margin: 0 auto; } .cart_actions_ .btn + .btn { margin-top: 10px; } .cart_details, .cross_sell { border: none; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } } /* Style sheet for container below 420px wide */ @media (max-width: 420px) { .choose_secure_method .choose_secure_method_section { padding: 0px 20px 10px; } .is_a_gift .radio_buttons_group { display: inline-block; } .is_a_gift .is_a_gift_question { margin-bottom: 10px; display: block; } .is_a_gift label { margin: 0 10px; } .cart_subtotal_ .price_details { width: 78%; } } @media (max-width: 415px) { .gift_msg .row p { margin-left: 0 !important; } /*.cart_banner { display: none !important; } .cart_banner_mobile { display: block !important; margin-bottom: 10px !important; }*/ #divCountdown { top: auto; bottom: 16px; right: 10px; font-size: 16px; } #divCountdown .digital { font-size: 28px; } } .container-dynamic { position: relative; text-align: center; color: black; font-size: 1.3vw; font-family: 'Roboto Slab', serif; font-weight: 500; line-height: 120%; } @media only screen and (max-width: 1800px) { .container-dynamic { font-size: 1.5vw !important; } } @media only screen and (max-width: 1600px) { .container-dynamic { font-size: 1.7vw !important; } } @media only screen and (max-width: 1430px) { .container-dynamic { font-size: 1.9vw !important; } } @media only screen and (max-width: 991px) { .container-dynamic { font-size: 1.6vw !important; } } @media only screen and (max-width: 970px) { .container-dynamic { font-size: 1.7vw !important; } } @media only screen and (max-width: 914px) { .container-dynamic { font-size: 1.8vw !important; } } @media only screen and (max-width: 787px) { .container-dynamic { font-size: 2.1vw !important; } } @media only screen and (max-width: 550px) { .container-dynamic { font-size: 2vw !important; } } .container-dynamic-mobile { font-size: 4.5vw !important; } .centered-dynamic { width: 47%; position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); } .centered-dynamic-mobile { position: absolute; top: 14%; left: 5%; transform: translate(-2.8%, -5%); } .money-red { color: red; font-size: 105%; font-weight: 600; } .money-red-blink { color: red; font-size: 105%; font-weight: 600; } .disclaimer { font-size: 10px; line-height: 150%; text-align: left; font-style: italic; text-decoration: none; }