/** Shopify CDN: Minification failed Line 1347:0 Comments in CSS use "/* ... */" instead of "//" Line 1423:71 Expected ":" Line 1430:0 Comments in CSS use "/* ... */" instead of "//" Line 1977:57 Unexpected "#" **/ /******************************************************************************************************** 1. CSS RESET 2. VARIABLES 2.1 GRADIENTS 2.2 COLOR VARIABLES 2.3 CSS3 TRANSITIONS 3. GLOBAL THEME STYLES 3.1 MISCELLANEOUS 3.2 PAGE PRELOADER 3.3 COOKIES POLICY MESSAGE 3.4 GOOGLE MAPS 3.5 FANCYBOX COMMON STYLES 3.6 NEWSLETTER POPUP 3.7 ADD TO CART MESSAGE 3.8 PRODUCT QUICK VIEW 4. TYPOGRAPHY 4.1 HEADINGS 4.2 PARAGRAPHS & LISTS 4.3 LINKS 4.4 PRODUCT ATTRIBUTES (name, description, price) 4.5 RTE 5. FORMS & COMPONENTS 5.1 FORMS 5.2 ALERTS & NOTIFICATIONS 5.3 BUTTONS 6. GLOBAL PAGE LAYOUT 7. MAIN PAGE 7.1 PROMOBANNER 7.2 HEADER 7.3 MEGAMENU 7.4 NIVOSLIDER 7.5 SHOWCASE 7.6 MAIN PRODUCT LISTING 7.7 OTHER HOMEPAGE BLOCKS 7.8 FOOTER 8. COLLECTION PAGES 8.1 BREADCRUMBS 8.2 DESCRIPTIONS & TAGS 8.3 PRODUCTS SORTING 8.4 COLLECTION LISTING 8.5 PAGINATION 9. SIDEBAR WIDGETS 9.1 MAIN SIDEBAR 9.2 SIDEBAR BLOG WIDGETS 10. SEARCH RESULTS PAGE 11. PRODUCT PAGE 11.1 PRODUCT IMAGES 11.2 PRODUCT INFO 11.3 PRODUCT PAGINATION 11.4 RELATED PRODUCTS 12. BLOG 12.1 POSTS LISTING 12.2 SINGLE POST 13. CUSTOMER PAGES 13.1 LOGIN 13.2 RESET PASSWORD 13.3 ACCOUNT 13.4 ADDRESSES 13.5 ORDERS 14. CART PAGE 15. CONTACTS PAGE 16. PAGE 404 ********************************************************************************************************/ /******************************************************************************************************** 1. CSS RESET ********************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button {margin: 0;padding: 0;border: 0;outline: none !important;vertical-align: top;background: transparent;font-weight: normal;line-height: 1.5em;} ol, ul {list-style:none;} a, span {vertical-align:baseline;} b, strong {font-weight: bold;} i, dfn {font-style: italic;} img {max-width: 100%;} /******************************************************************************************************** 2. VARIABLES ********************************************************************************************************/ /* 2.1 GRADIENTS */ /* 2.2 COLOR VARIABLES */ /* COLOR SHADES CONVERTER */ /* 2.3 CSS3 TRANSITIONS */ /******************************************************************************************************** 3. GLOBAL THEME STYLES ********************************************************************************************************/ /* 3.1 MISCELLANEOUS */ /* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */ input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;} /* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix {zoom: 1;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;} /* utility classes: hidden, float left, float right, etc. */ .hidden, .visuallyhidden {display: none;} .left {float: left;} .right {float: right;} /* jquery.formstyler styles for selects */ .jq-selectbox {display: block;z-index: 1000 !important;cursor: pointer;} .jq-selectbox.opened {} .jq-selectbox.focused {} .jq-selectbox__select {} .jq-selectbox__select-text {width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .jq-selectbox__trigger i {position: absolute;top: 0;right: 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .jq-selectbox__dropdown {width: 100%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .jq-selectbox.opened .jq-selectbox__trigger i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* other */ #at15s {z-index: 999 !important;} #habla_window_div { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } /* 3.2 PAGE PRELOADER */ @-webkit-keyframes preloader_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes preloader_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } #page_preloader {width: 100%;height: 100%;background: #ffffff;position: fixed;left: 240px;top: 0;z-index: 1000;} #page_preloader div { display: block; position: absolute; left: -500px; top: -500px; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 50%; border: 3px solid transparent; border-top-color: #888888; -webkit-animation: preloader_spin 2s linear infinite; animation: preloader_spin 2s linear infinite; } #page_preloader div:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #000000; -webkit-animation: preloader_spin 3s linear infinite; animation: preloader_spin 3s linear infinite; } #page_preloader div:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: rgba(0,0,0,.8); -webkit-animation: preloader_spin 1.5s linear infinite; animation: preloader_spin 1.5s linear infinite; } /* 3.3 COOKIES POLICY MESSAGE */ .cookies_container {min-height: 60px;background: #191919; display: none; } .cookies_container p {display: inline-block;margin: 0;font-size: 17px;line-height: 60px;color: #888;} .cookies_container p b {vertical-align: baseline;color: #fff;} .cookies_container .cookie_btn {height: 40px;display: inline-block;margin: 10px 0 10px 6px;padding: 0 20px;border-width: 1px;border-style: solid;font-weight: bold;font-size: 17px;line-height: 38px;color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .cookies_container .cookie_ok {margin: 10px 0 10px 20px;background: #18a439;border-color: #18a439;} .cookies_container .cookie_no {border-color: #585858;} .cookies_container .cookie_btn:hover {background: #585858;border-color: #585858;} /* 3.4 GOOGLE MAPS */ #google_map, #google_map iframe {width: 100% !important;height: 300px !important;background: #e7e7e6;} #google_map img {max-width: none !important;} /* 3.5 FANCYBOX COMMON STYLES */ .fancybox-skin {padding: 15px; -webkit-border-radius: 0; border-radius: 0; } .fancybox-close {display: block;background: #888888;border: 3px solid rgba(255,255,255,.9); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.5); box-shadow: 0 0 8px 0 rgba(0,0,0,.5); -webkit-border-radius: 50%; border-radius: 50%; } .fancybox-close:hover {background: #000000;} .fancybox-close:before {content: '\f00d';width: 30px;height: 30px;display: block;font: 15px/30px 'FontAwesome';color: #888888;text-align: center;} .fancybox-nav span {width: 36px;height: 36px;display: block;margin: -18px 0 0 0;background: #888888;border: 3px solid rgba(255,255,255,.9); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.6); box-shadow: 0 0 10px 0 rgba(0,0,0,.6); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; } .fancybox-nav:hover > span {background: #000000;} .fancybox-nav span:before {width: 30px;height: 30px;display: block;font: 20px/28px 'FontAwesome';color: #888888;text-align: center;} .fancybox-prev span:before {content: '\f104';padding: 0 2px 0 0;} .fancybox-next span:before {content: '\f105';padding: 0 0 0 2px;} /* 3.6 NEWSLETTER POPUP */ #newsletter_popup { margin-bottom: 17px; margin-top: 1rem; } #newsletter_popup input#contact_email { padding: 6px; } #newsletter_popup input#contact_email:focus-visible { outline: 1px solid #ccc; box-shadow: none; } #newsletter_popup #newsletter_label { padding: 0; padding-bottom: 3px; } #newsletter_popup p { margin: 0; padding: 32px 100px 0 100px; font-size: 14px; line-height: 1.5em; color: #333; } #newsletter_popup form { border-bottom: solid #cbcbcb 1px; } #newsletter_popup input { border: none; box-shadow: none !important; -webkit-box-shadow: none !important; color: #333; padding: 1px 0 3px; text-transform: initial !important; width: calc(100% - 28px); } #newsletter_popup input:focus { border-color: rgba(255, 255, 255, 1); } #newsletter_popup .btn { background: #ffffff !important; border: none; color: #9e9e9e !important; padding: 0 0 0 8px !important; margin: 0 !important; } #newsletter_popup .btn i { font-size: 13px !important; } #newsletter_popup .btn:hover { background: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } #newsletter_popup .newsletter_error { color: red; margin: 4px 0 0 0; padding: 0; } #newsletter_popup .newsletter_success { color: #119000; margin: 4px 0 0 0; padding: 0; } /* 3.7 ADD TO CART MESSAGE */ #cart_added {} #cart_added .cart_added__row {height: 120px;display: table;} #cart_added h4 {margin: 0 0 15px 0;color: #000000;text-align: center;} .cart_added__1 {width: 120px;height: 100%;display: table-cell;text-align: center;} .cart_added__1 img {height: 120px;background: #f5f5f5;} .cart_added__2 {width: 300px;height: 100%;display: table-cell;padding: 0 0 0 15px;} .cart_added__2 .product_name {display: block;} .cart_added__2 #cart_added__quantity {margin: 15px 0 0 0;font-size: 16px;} .cart_added__2 .btn {margin: 15px 10px 0 0;} #cart_added.cart_error {max-width: 420px;} /* 3.8 PRODUCT QUICK VIEW */ #quick_view__wrap {} #quick_view__wrap .fancybox-skin {padding: 30px !important;} #product_quick_view {width: 668px;} .product_quick_wrapper {width: 100%;display: table;} .quick_view__left {width: 317px;height: 100%;display: table-cell;padding: 0 15px 0 0;} .quick_view__left #img_big {width: 302px;padding: 4px;border: 1px solid #ffffff;} .quick_view__left #img_big img {background: #f5f5f5;} .quick_view__left .product_images {width: 302px;overflow: hidden;} .quick_view__left .product_images .bx-wrapper {max-width: 100% !important;width: 100% !important;} .quick_view__left .img_gallery {} .quick_view__left .img_gallery a {width: 94px !important;display: block;float: left;margin: 0 10px 0 0;padding: 4px;border: 1px solid #ffffff;} .quick_view__left .img_gallery a img {max-width: 100%;background: #f5f5f5;} .quick_view__right {height: 100%;display: table-cell;overflow: hidden;padding: 0 0 0 15px;/*border-left: 1px solid #ffffff;*/} .quick_view__right p {margin: 15px 0 0 0;font-size: 14px;} .quick_view__right label {font-weight: normal;font-size: 14px;color: #888888;} #quick_view__name {margin: 0;} #quick_view__type {} #quick_view__vendor {} #quick_view__variants {overflow: hidden;margin: 15px -10px 0 -10px;} #quick_view__variants label {display: block;padding: 0 10px;} #quick_view__variants .options_wrapper {} #quick_view__variants .selector-wrapper {width: 33.33333333333333%;float: left;padding: 15px 10px 0 10px;} #quick_view__variants .selector-wrapper label {display: none !important;} #quick_view__variants .selector-wrapper select {width: 98%;display: block;} #quick_view__price {margin: 30px 0 0 0;} #quick_view__price {position: relative;} #quick_view__price .price {margin: 0;padding: 0 60px 0 0;} #quick_view__price .money {margin: 0 7px 0 0;font-size: 20px;} #quick_view__price .money_sale {font-size: 16px;} #quick_view__price .money_sale_percent {width: 52px;height: 26px;display: block;margin: -13px 0 0 0;background: #000000;font: bold 14px/26px 'Arial';color: #888888;text-align: center;position: absolute;right: 0;top: 50%;} #quick_view__availability {margin: 20px 0 0 0;} #quick_view__form {margin: 15px 0 0 0;} #quick_view__form label {display: block;} #quick_view__form #quick_view__add {height: 50px;margin: 10px 10px 0 0;padding: 0 20px;font-size: 18px;} /******************************************************************************************************** 4. TYPOGRAPHY ********************************************************************************************************/ body {font: normal 12px "Open Sans";color: #bbbbbb;} /* 4.1 HEADINGS */ h1, h2, h3, h4, h5, h6 {margin: 15px 0;font: normal 20px "Open Sans";color: #888888;text-transform: uppercase;} .page_heading.search-results-heading { display: inline-block; font-size: 11px; position: absolute; top: -36px; } h2, h3, h4 {font-size: 16px;} h5, h6 {font-size: 14px;} .page_heading {margin: 0;font-size: 12px;line-height: 1.25rem;text-transform: none;} .page_heading a {font-weight: inherit;} /* 4.2 PARAGRAPHS & LISTS */ p {margin: 15px 0;padding: 0;} .column_center ul {list-style-type: square;list-style-position: inside;} .column_center ol {list-style-type: decimal;list-style-position: inside;} /* 4.3 LINKS */ a {color: #888888;text-decoration: none; -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out; transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out; } a:hover, a:active {color: #000000;} /* 4.4 PRODUCT ATTRIBUTES (name, description, price) */ .product_name {font-size: 11px;color: #888888;} .product_name a {color: #888888; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .product_name a:hover {color: #000000;} .product_desc {font-size: 12px;color: #888888;} .money {color: #000000;} .money_sale, .compare-at-price {color: #bbbbbb;text-decoration: line-through;} /* 4.5 RTE */ .rte {margin-top: 15px;margin-bottom: 15px;color: inherit;} .rte > * {max-width: 100% !important;} .rte a {/*color: inherit;*/text-decoration: underline;} .rte a:hover {text-decoration: none;} .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {margin: 30px 0 15px 0;padding: 0 0 15px 0;border-bottom: 2px solid rgba(0,0,0,.2);} .rte h1 {font-size: 30px;} .rte h2 {font-size: 28px;} .rte h3 {font-size: 26px;} .rte h4 {font-size: 24px;} .rte h5 {font-size: 18px;} .rte h6 {font-size: 16px;} .rte ul {list-style-type: disc;list-style-position: inside;} .rte ol {list-style-type: decimal;list-style-position: inside;} .rte blockquote {padding: 5px 35px;font-weight: normal;} .rte blockquote:before {content: '\f10d';font: 16px 'FontAwesome';} .rte blockquote:after {content: '\f10e';float: right;font: 12px 'FontAwesome';} .rte blockquote * {margin: 10px 0 !important;font-size: 15px;} .rte iframe {max-width: 100% !important;} .page_content .rte {} .page_content .rte table {width: 100%;max-width: 100%;} .page_content .rte table td {padding: 0 15px;} .page_content .rte table td img {width: auto;max-width: 100% !important;} .page_content .rte table h2, .page_content .rte table h3, .page_content .rte table h4, .page_content .rte table h5, .page_content .rte table h6 {margin: 15px 0;padding: 0;border: none;font-weight: normal;color: ;text-transform: uppercase;} /******************************************************************************************************** 5. FORMS & COMPONENTS ********************************************************************************************************/ /* 5.1 FORMS */ label {font-weight: bold;font-size: ;} select, select.form-control, textarea, textarea.form-control, input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="telephone"] {padding: 6px;border:1px solid #ffffff;font-size: 12px;color: ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; box-shadow: none; } select, select.form-control {padding: 8px 3px;} textarea, textarea.form-control {min-width: 100%;max-width: 100%;min-height: 100px;} select:focus, select.form-control:focus, textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="telephone"]:focus {border-color: #aaa; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd; } input[type="radio"], input[type="checkbox"], .form-group {vertical-align: top !important;margin-top: 15px;margin-bottom: 0;} .form-horizontal {} .form-horizontal label {padding-top: 0 !important;text-align: right;line-height: 34px;} .form-horizontal select {width: 100%;} .action_bottom span.note {margin-left: 5px;} .action_bottom span.note a {margin-left: 5px;} /* 5.2 ALERTS & NOTIFICATIONS */ .alert {margin: 15px 0;padding: 12px;font-weight: bold; -webkit-border-radius: 0; border-radius: 0; } .alert p {margin: 0;} .alert a {font-weight: bold;text-decoration: underline;} .alert a:hover {text-decoration: none;} .alert ul {list-style-type: disc;list-style-position: inside;margin: 0;} .alert ul li {font-weight: bold;} .alert ol {list-style-type: decimal;list-style-position: inside;margin: 0;} .alert ol li {font-weight: bold;} .alert > p + p, .alert > ul + ul {margin: 10px 0 0 0;} .alert-success {background-color: #dff0d8;color: #1e892a;} .alert-success a {color: #1e892a;} .alert-info {background-color: #cfedfc;color: #267abe;} .alert-info a {color: #267abe;} .alert-warning {background-color: #fff5c7;color: #c87100;} .alert-warning a {color: #c87100;} .alert-danger, .alert-error {background-color: #ffcccc;color: #d10300;} .alert-danger a, .alert-error a {color: #d10300;} .alert-form {border-color: #d10300 !important;} .alert-form-info {display: none;margin: 5px 0 0 0;font-weight: bold;color: #d10300;} .notify_success {color: #1e892a;} .notify_info {color: #267abe;} .notify_warning {color: #c87100;} .notify_danger {color: #d10300;} /* 5.3 BUTTONS */ .btn, .btn a, .btn-info, .btn-primary {padding: 6px 10px;background: #f5f5f5 !important;border-color: #f5f5f5 !important;font-size: 11px;color: #888888 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; } .btn a {padding: 0 !important;border: none !important;} .btn:hover, .btn:hover a, .btn-info:hover, .btn-primary:hover {background: #000000 !important;border-color: #000000 !important;color: #888888 !important;} .btn-alt, .btn-alt a {background: #888888 !important;border-color: #888888 !important;color: #888888 !important;} .btn-alt:hover, .btn-alt:hover a {background: #000000 !important;border-color: #000000 !important;} .btn-cart {background: #000000 !important;border-color: #000000 !important;color: #888888 !important;} .btn-cart:hover {background: rgba(0,0,0,.7) !important;border-color: transparent !important;} /******************************************************************************************************** 6. GLOBAL PAGE LAYOUT ********************************************************************************************************/ html {width: 100%;height: 100%;} body {background-color: #ffffff;} #wrapper1 {height: 100%;position: relative;z-index: 1;} #wrapper2, #wrapper3 {height: 100%;} #wrapper3 {position: relative;} body.template-index {height: 100%;} body.template-index #wrapper3 { } .wrapper_main {width: 100%;float: left;} /* MAIN SIDEBAR */ .wrapper_left {width: 230px;height: 100%;float: left;margin: 0 0 0 -100%;} @media (max-width: 991px) { #sidebar_main {width: 13vw;} } #sidebar_main {width: 230px;height: 100%;position: fixed;left: 0;top: 0;z-index: 100; -webkit-transition: left .4s ease-in-out; transition: left .4s ease-in-out; } #sidebar_main.sidebar_main_subpages {position: fixed;left: 0; } #sidebar_main ul li { line-height: 1.25rem; } @media (max-width: 768px) { #sidebar_main ul li { line-height: 2.25rem; } } .sidebar_widget.sidebar_widget__collections ul li:nth-child(1) { margin-bottom: 1rem; } .sidebar_widget.sidebar_widget__collections { margin-top: 2rem; } /* MAIN SIDEBAR TOGGLE (menu icon lives in mobile header, right-aligned) */ #sidebar_btn { display: inline-flex; align-items: center; justify-content: center; position: relative; left: auto; top: auto; z-index: auto; width: auto; height: auto; min-width: 36px; min-height: 36px; padding: 6px; background: transparent !important; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #sidebar_btn .header-mobile__icon-img { display: block; } /* Hamburger only: hide on desktop; 1200–1299px uses #sidebar_btn_tablet; ≥1300 sidebar is inline */ @media (min-width: 1200px) { #sidebar_btn { display: none !important; } } /* Narrow drawer: tablet when mobile header is hidden (see theme.liquid) */ .sidebar-btn-tablet-fallback { display: none; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 6px; background: #fff; text-decoration: none; color: #333; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } @media (min-width: 1200px) and (max-width: 1299px) { .sidebar-btn-tablet-fallback { display: none; position: fixed; right: 16px; top: 16px; z-index: 102; } } @media (min-width: 1300px) { .sidebar-btn-tablet-fallback { display: none !important; } } /* Mobile drawer: close control + hide sidebar logo */ @media (max-width: 991px) { .sidebar__close { display: block; align-self: flex-start; margin: 0 0 12px 0; padding: 0; background: none; border: none; font-size: 11px; letter-spacing: 0.08em; font-weight: normal; cursor: pointer; color: #333; text-align: left; } #sidebar_main .logo_sidebar { display: none !important; } } @media (min-width: 992px) { .sidebar__close,#sidebar_btn { display: none !important; } } /* Menu icon stays visible/tappable when drawer is open so it can toggle closed */ /* MAIN COLUMN */ .wrapper_right {margin: 0 0 0 230px;position: relative; -webkit-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out; min-height: 100vh; display: flex; flex-direction: column; } /* Sticky footer: keep newsletter + copyright at bottom when main content is short (e.g. CMS pages) */ header.header-site-bar { flex-shrink: 0; position: relative; z-index: 101; } #main { padding: 0 0 0 0; flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #main > .container-fluid { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #main > .container-fluid > .breadcrumb_wrap { flex-shrink: 0; } #main > .container-fluid > .row { flex: 1 1 auto; } #main .footer { flex-shrink: 0; margin-top: 100px; } /* outdated browsers notification */ .old_browsers a {display: block;padding: 20px 0;background: #ffa200;font-size: 20px;color: #fff;text-align: center;text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, .3); -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out; } .old_browsers a i {margin: 0 5px 0 0;font-size: 30px;color: #e90b00; text-shadow: 1px 1px 0 rgba(255, 255, 255, .5); } .old_browsers a:hover {color: #e90b00;} /******************************************************************************************************** 7. MAIN PAGE ********************************************************************************************************/ /* 7.2 HEADER */ header {padding: 45px 0 15px 0;} /* Top bar (search, account, cart, menu): icons right-aligned */ .header-mobile__inner {position: relative;padding: 8px 124px 8px 0;} .header-mobile__icons { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: flex-end; gap: 4px; } .header-mobile__icon { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 6px; color: #333 !important; font-size: 18px; line-height: 1; text-decoration: none; } .header-mobile__icon-img { display: block; width: 24px; height: 24px; object-fit: contain; vertical-align: middle; } .header-mobile__icon:hover .header-mobile__icon-img, .header-mobile__icon:focus .header-mobile__icon-img { opacity: 0.75; } .header-mobile__icon:hover, .header-mobile__icon:focus {color: #000 !important;} button.header-mobile__icon { background: none; border: none; cursor: pointer; font: inherit; padding: 6px; } .header-mobile__icon--cart {position: relative;} .header-mobile__cart-count { position: absolute; top: -2px; right: -2px; min-width: 16px; height: 16px; padding: 0 4px; font-size: 10px; line-height: 16px; text-align: center; background: #eee; border-radius: 999px; } /* Header search overlay (covers wrapper_right) */ .header-search-overlay { position: absolute; left: 0; right: 0; top: 0; min-height: 100%; min-height: 100vh; z-index: 9999; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; } .header-search-overlay[hidden] { display: none !important; } body.header-search-is-open { overflow: hidden; height: 100%; } .header-search-overlay__inner { padding: 20px 20px 32px; } .header-search-overlay__top { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; } .header-search-overlay__close { margin: 0; padding: 0; border: none; background: none; font: inherit; font-size: 12px; line-height: 1.4; text-transform: uppercase; text-decoration: underline; color: #333 !important; cursor: pointer; letter-spacing: 0.02em; } .header-search-overlay__close:hover, .header-search-overlay__close:focus { color: #000 !important; } .header-search-overlay__title { font-size: 12px; line-height: 1.4; color: #333 !important; text-transform: none; } .header-search-overlay__form { margin: 0; padding: 0; text-align: left; } /* Input + arrow inside field (same idea as footer newsletter / sidebar search) */ .header-search-overlay__field { position: relative; max-width: 40%; width: 100%; box-sizing: border-box; } .header-search-overlay__input { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 10px 36px 10px 0; border: none; border-bottom: 1px solid #333; border-radius: 0; background: transparent; font-size: 14px; line-height: 1.4; color: #333 !important; box-shadow: none; -webkit-appearance: none; appearance: none; } .header-search-overlay__input:focus { outline: none; border-bottom-color: #000; } .header-search-overlay__submit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0; margin-top: 2px; padding: 4px 0 4px 8px; border: none; background: transparent; font: inherit; font-size: 16px; line-height: 1; color: #333 !important; cursor: pointer; -webkit-appearance: none; appearance: none; } .header-search-overlay__submit:hover, .header-search-overlay__submit:focus { color: #000 !important; } button.header-search-overlay__submit.arrow-right { line-height: 1; padding-right: 0; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .logo_main {max-width: 180px;} .logo_main a {display: inline-block;color: #888888} .logo_main b {font-weight: normal;font-size: 62px;line-height: 1em;} .logo_main span {display: block;padding: 6px 0 0 0;font-size: 13px;line-height: 1em;text-transform: uppercase;letter-spacing: 8px;} @media (max-width: 768px) { .header-mobile__icon.header-mobile__icon--menu { width: 50px!important; } header.header-site-bar .container .row .col-xs-12 { padding-right: 0; } header.header-site-bar { padding-right: 1rem!important; padding-top: 1rem; } } #logo_homepage {position: absolute;left: 50%;top: 50%;} #logo_homepage a {color: #888888;} .header_user {} .header_user li {} .header_user li a {} .header_user li a i {margin: 0 5px 0 0;line-height: 1.5em;} /* 7.3 MEGAMENU */ /* 7.4 NIVOSLIDER */ /* 7.5 SHOWCASE */ /* 7.6 MAIN PRODUCT LISTING */ .product_listing_main .product_wrapper {} .product_listing_main .product_img {} .product_listing_main .product_img a {display: block;position: relative;} .product_listing_main .product_img img {background-color: #f5f5f5;position: relative;z-index: 1;} .product_listing_main .product_img .img__2 {position: absolute;left: 0;top: 0;z-index: 10; opacity: 0; } .product_listing_main .product_img span.product_badge {display: block;padding: 5px 10px;font-size: 10px;color: #888888;text-transform: uppercase;position: absolute;top: 3px;z-index: 100;} .product_listing_main .product_img span.new {background: #888888;left: 3px;} .product_listing_main .product_img span.sale {background: #000000;right: 3px;} .product_listing_main .product_info {text-align: center;} .product_listing_main .product_name {padding: 12px 0 0 0;} /* PLP: title case (first letter of each word) instead of all caps */ .product_listing_main .plp-product-title-text { text-transform: capitalize; } .product_listing_main .product_desc {padding: 2px 0 0 0;font-size: 11px;display: none;} .product_listing_main .product_desc__short {display: block;} .product_listing_main .product_price {padding: 7px 0 0 0;font-size: 14px;} .product_listing_main .product_price .money {} .product_listing_main .product_price .money_sale {} .product_listing_main .product_links {} .product_listing_main .product_links form {display: inline-block;} .product_listing_main .product_links .btn {margin: 10px 0 0 0;} /* COLLECTION PRODUCT LISTING (GRID/LIST) */ .product_collection {} .product_collection.item4_1 {clear: left;} .view_list {} .view_list .product {width: 100%;float: none;overflow: hidden;} .view_list .product_img {width: 250px;float: left;} .view_list .product_info {margin: 0 0 0 280px;text-align: left;} .view_list .product_name {padding: 0;} .view_list .product_desc {padding: 10px 0 0 0;} .view_list .product_desc__short {display: none;} .view_list .product_desc__long {display: block;} /* 7.7 OTHER HOMEPAGE BLOCKS */ /* 7.8 FOOTER */ /* BACK TO TOP BUTTON */ #back_top {width: 30px;height: 30px;display: block;margin: 0 0 0 720px;background: #888888;color: #888888;text-align: center;position: fixed;left: 50%;bottom: 100px;z-index: 999;} #back_top:before {content: '\f106';font: 18px/29px 'FontAwesome';} #back_top:hover {background: #000000;} /******************************************************************************************************** 8. COLLECTION PAGES ********************************************************************************************************/ /* 8.1 BREADCRUMBS */ .breadcrumb_wrap {margin: 0 0 50px 0;text-align: center;position: relative;} .breadcrumb_wrap:before {content: '';width: 100%;height: 1px;display: block;background: #ffffff;position: absolute;left: 0;top: 50%;z-index: -1;} .breadcrumb_wrap ul {display: inline-block;padding: 0 20px;background: #ffffff;font-size: 0;} .breadcrumb_wrap ul li {display: inline-block;padding: 0 10px;background: #ffffff;font-size: 12px;color: #bbbbbb;position: relative;z-index: 1;} .breadcrumb_wrap ul li ~ li {padding: 0 10px 0 0;} .breadcrumb_wrap ul li a {font-size: 12px;color: #bbbbbb;} .breadcrumb_wrap ul li a:hover {color: #000000;} .breadcrumb_wrap ul li a:after {content: '/';margin: 0 0 0 10px;color: #bbbbbb;} /* 8.2 DESCRIPTIONS & TAGS */ .collection_info {} .collection_info .collection_img {margin-top: 15px;text-align: center;} .collection_info .collection_desc {margin-top: 15px;} .collection_info .collection_desc .rte {margin: 0;} ul.tags {margin: 10px 0 0 0;list-style-type: none;} ul.tags li {float: left;margin: 5px 5px 0 0;} ul.tags li a {display: block;padding: 5px 10px;background: #888888;color: #888888;} ul.tags li a:hover, ul.tags li.active a {background: #000000;} /* 8.3 PRODUCTS SORTING */ //.product_listing_controls {overflow: hidden;margin: 30px 0 0 0;padding: 0 10px 10px 10px;background: #f5f5f5;} .product_listing_controls { overflow: hidden; margin: 60px 0 0 0; padding: 0 10px 10px 10px; background: #fff; width: 100%; max-width: 100%; box-sizing: border-box; } .product_listing_controls.row { margin-left: 0; margin-right: 0; } .product_listing_toggle {float: left;font-size: 0;} .product_listing_toggle li {width: 30px;height: 30px;display: inline-block;margin: 10px 10px 0 0;border: 1px solid transparent;color: #888888;text-align: center;cursor: pointer; -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; } .product_listing_toggle li.active {background: #888888;border-color: #ffffff;color: #000000;cursor: default;} .product_listing_toggle li i {font-size: 17px;line-height: 30px;} .sort_by {float: right;margin: 10px 0 0 10px;} .sort_by label {margin: 0 4px 0 0;line-height: 30px;} .sort_by select {width: auto !important;height: 30px;display: inline-block;padding: 5px 4px;cursor: pointer;} .show_products {float: right;margin: 10px 0 0 10px;} .show_products label {margin: 0 4px 0 0;line-height: 30px;} .show_products select {width: auto !important;height: 30px;display: inline-block;padding: 5px 4px;cursor: pointer;} #product_listing_preloader {position: relative;} #product_listing_preloader p {width: 100%;height: 32px;background: url(//www.olivialilalahood.com/cdn/shop/t/11/assets/bx_loader.gif?v=53951889216931649501778070055) 50% 0 no-repeat;position: absolute;left: 0;top: 0;} /* 8.4 COLLECTION LISTING */ .collection_listing_main {} .collection_listing_item {margin: 30px 0 0 0;text-align: center;} .collection_listing_item.item_4_1 {clear: left;} .collection_listing_item .collection_img {} .collection_listing_item .collection_img a {} .collection_listing_item .collection_img a img {background: #f5f5f5;} .collection_listing_item .collection_info {} .collection_listing_item .collection_name {margin: 15px 0 0 0;} .collection_listing_item .collection_name a {color: #000000;} .collection_listing_item .collection_name a:hover {color: #888888;} .collection_listing_item .collection_products {margin: 5px 0 0 0;color: #888888;} .collection_listing_item .collection_desc {margin: 5px 0 0 0;} .collection_listing_item .btn {margin: 15px 0 0 0;} /* 8.5 PAGINATION */ .products_count { height: 30px; margin: 10px 0 0 0; font-size: 10px; line-height: 30px; color: black; text-align: center; } #pagination {display: inline-block;margin: 10px 0 0 0;font-size: 0;} #pagination span {display: inline-block;vertical-align: middle; padding 0 15px} #pagination span ~ span {margin: 0 0 0 2px;} /*#pagination span a {height: 30px;display: block;padding: 0 10px;background: #888888;border: 1px solid #ffffff;font-size: 13px;line-height: 28px;color: #888888;}*/ #pagination span a {height: 15px;display: block;padding: 0 10px;font-size: 10px;line-height: 28px;color:#000} #pagination span.page a {width: 15px;padding: 0;text-align: center;} //#pagination span a:hover {background: #000000;border-color: #000000;color: #888888;} /*#pagination span.current {width: 30px;height: 30px;background: #000000;border: 1px solid #000000;font-weight: bold;font-size: 13px;line-height: 28px;color: #888888;text-align: center;cursor: default;}*/ #pagination span.deco,#pagination span.current {width: 15x;height: 15px;font-size: 10px;line-height: 28px;text-align: center;cursor: default;} span.deco:after{ content: '.'; } /* PLP: custom collection pagination (arrows match .pdp-gallery-lightbox__nav) */ .collection-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.75rem 1rem; margin-top: 0.75rem; font-size: 10px; box-sizing: border-box; } #pagination.collection-pagination { display: flex; font-size: inherit; } .collection-pagination__nav { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; margin: 0; padding: 0; border: none; background: transparent; width: auto; min-height: 1.25em; font-size: 10px; line-height: 1; color: #000 !important; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; } .collection-pagination__nav-label { font-size: 10px; line-height: 1.25; white-space: nowrap; } .collection-pagination__nav-arrow { font-size: 8px; line-height: 1; padding: 0 15px } a.collection-pagination__nav:hover, a.collection-pagination__nav:focus { color: #333 !important; } .collection-pagination__nav.is-disabled { opacity: 0.35; cursor: not-allowed; pointer-events: none; } .collection-pagination__pages { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.35rem 0.75rem; margin: 0 1.5rem; } .collection-pagination__page { font-size: 10px; line-height: 1.25; color: #000 !important; text-decoration: none; padding: 8px 12px; } a.collection-pagination__page:hover, a.collection-pagination__page:focus { color: #333 !important; } .collection-pagination__page--current { border-bottom: 1px solid #000; } .collection-pagination__ellipsis { font-size: 10px; color: #000 !important; padding: 0 2px; user-select: none; } /******************************************************************************************************** 9. SIDEBAR WIDGETS ********************************************************************************************************/ /* NANOSCROLLER STYLES */ .nano {width: 100%;height: 100%;overflow: hidden;position: relative;} .nano > .nano-content {overflow: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .nano > .nano-content::-webkit-scrollbar { display: none; } .has-scrollbar > .nano-content::-webkit-scrollbar { display: block; } .nano > .nano-pane {width: 15px;background: rgba(0,0,0,.25);position: absolute;top: 0;right: 0;bottom: 0; -webkit-transition: .2s; transition: .2s; } .nano > .nano-pane > .nano-slider {width: 15px;background: rgba(255,255,255,.4);position: relative;} .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {opacity: 0.99;} /* 9.1 MAIN SIDEBAR */ #sidebar_main .nano-content {padding: 30px 30px 0 30px; width: 100%;} #sidebar_main.nanoscroller_off {height: 100%;} #sidebar_main.nanoscroller_on.sidebar_bottom {padding: 30px 0;position: relative;left: auto;bottom: auto;} #sidebar_main.nanoscroller_off .sidebar_bottom {position: absolute;left: 30px;bottom: 0;} .sidebar_currency {padding: 0 0 16px 0;} .sidebar_currency select {width: 0 !important;height: 0 !important;overflow: hidden !important;} .sidebar_currency .jq-selectbox {width: 35px;} .sidebar_currency .jq-selectbox__select {color: #888888;transition: color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;} .sidebar_currency .jq-selectbox__select:hover {color: #000;} .sidebar_currency .jq-selectbox__select-text {} .sidebar_currency .jq-selectbox__trigger i {right: 0;top: 3px;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;} .sidebar_currency .jq-selectbox__dropdown {width: 100% !important;background: #fff;border: 1px solid #ebebeb;text-align: center;top: 24px !important;} .sidebar_currency .jq-selectbox__dropdown ul {-ms-overflow-style: none;} .sidebar_currency .jq-selectbox__dropdown ul::-webkit-scrollbar {display: none;} .sidebar_currency .jq-selectbox__dropdown ul li {font-size: 11px;padding: 2px 0;color: #888888;} .sidebar_currency .jq-selectbox__dropdown ul li:hover {color: #000000;} .sidebar_currency .jq-selectbox__dropdown ul li.sel {background: #000000;color: #888888;} .sidebar_menu {} .sidebar_menu li {} .sidebar_menu li ~ li {} .sidebar_menu li a {color: #888888;} .sidebar_menu li a i {vertical-align: baseline;margin: 0 4px 0 0;font-size: 10px;} .sidebar_menu li a:hover, .sidebar_menu li a.active {color: #000000;} .sidebar_search {padding: 15px 0 0 0; border-bottom: 1px solid #ccc} .sidebar_search form input {width: 100%;height: 30px;background: none;color: #bbbbbb; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; } .sidebar_search form input:focus {border:none;color: #888888;} .sidebar_cart {padding: 0 0 20px 0;} .sidebar_cart a {color: #000000;} .sidebar_cart a #cart_items {margin: 0 4px;} .sidebar_cart a:hover {color: #888888;} .sidebar_widget__collections {padding: 0 0 20px 0;} .sidebar_widget__collections ul {margin-left:0} .sidebar_widget__collections ul li {} .sidebar_widget__collections ul li ~ li {padding: 5px 0 0 0;} .sidebar_widget__collections ul li a {font-size: 16px;color: #888888;} .sidebar_widget__collections ul li a:hover, .sidebar_widget__collections ul li a.active {color: #000000;} .sidebar_links {padding: 0 0 20px 0;} .sidebar_links h3 {margin: 0;font-size: 16px;text-transform: none;} .sidebar_links ul {} .sidebar_links ul li {padding: 5px 0 0 0;} .sidebar_links ul li a {color: #888888;} .sidebar_links ul li a:hover {color: #000000;} .sidebar_bottom {padding: 30px 0;} .sidebar_bottom ul {font-size: 0;} .sidebar_bottom ul li {display: inline-block;margin: 0 12px 10px 0;font-size: 16px;} .sidebar_bottom ul li a {color: #888888;} .sidebar_bottom ul li a:hover {color: #000000;} .sidebar_bottom p {margin: 0;font-size: 12px;} .sidebar_bottom p ~ p {margin: 5px 0 0 0;} .sidebar_bottom p a {color: #bbbbbb;} .sidebar_bottom p a:hover {color: #000000;} @media (max-width: 768px) { .footer .row { width: 100%; } .newsletter.col-sm-5, .copyright_section.col-sm-5 {padding: 0 40px 20px 40px;max-width: 100%;} .copyright_links a { margin-right: 1em; width: 100%; float: left; line-height: 3rem; } #product-recommendations { padding: 2rem!important; margin-top: 6rem!important; margin-bottom: 6rem!important; } #product-recommendations .product_listing_main .product_wrapper { padding: 1px !important; } } p.newsletter__text { line-height: 18rpx; } .copyright_links a:last-child { padding-bottom: 0.85rem; } .newsletter {margin-top: 40px;padding: 20px 0;border-top: 1px solid #ffffff;text-align: left;} .newsletter__title {margin: 0 0 2.5rem;font-size: 12px;font-weight: normal;text-transform: none;} .newsletter form {display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px;max-width:100%;border-bottom: 1px solid #000;margin-bottom:2rem;} .newsletter__label {display: block;width: 100%;font-size: 12px;margin-bottom: 4px;} .newsletter__input {flex: 1;min-width: 200px;height: 40px;padding: 0 12px;border: 1px solid #ffffff;background: #fff;} .newsletter__submit {height: 40px;} .copyright_section {margin-top: 40px;padding: 20px 0;border-top: 1px solid #ffffff;text-align: left;} .copyright_section p {margin: 0;font-size: 12px;} .copyright_links a {margin-right: 1em;} .sidebar ul{margin-left:0;padding-left:0} /* 9.2 SIDEBAR BLOG WIDGETS */ .sidebar_blog {} .sidebar_blog .sidebar_widget {margin: 30px 0 0 0;} .sidebar_widget__search {height: 40px;padding: 0 38px 0 0;border: 1px solid #ffffff;} .sidebar_widget__search input {width: 100%;height: 38px;float: left;padding: 0 0 0 10px;background: none;border: none; -webkit-box-shadow: none !important; box-shadow: none !important; } .sidebar_widget__search button {width: 38px;height: 38px;margin: 0 -40px 0 0;color: #888888;} .sidebar_widget__search button i.fa {height: 38px;display: block;font-size: 18px;line-height: 37px;} .sidebar_widget__search button:hover {color: #000000;} .sidebar_widget__articles {} .sidebar_widget__articles .widget_content {margin: 20px 0 0 0;} .sidebar_widget__articles ul {} .sidebar_widget__articles ul li {} .sidebar_widget__articles ul li ~ li {margin: 30px 0 0 0;padding: 30px 0 0 0;border-top: 1px solid #ffffff;} .sidebar_widget__articles img {width: 145px;float: left;} .sidebar_widget__articles .article_content {} .sidebar_widget__articles .article_content__img {margin: 0 0 0 175px;} .sidebar_widget__articles .article_title {margin: 10px 0 0 0;} .sidebar_widget__articles .article_comments {margin: 10px 0 0 0;} .sidebar_widget__articles .article_comments:before {content: '\f0e6';margin: 0 5px 0 0;font: 14px 'FontAwesome';} .sidebar_widget__tags {} .sidebar_widget__tags .widget_content {margin: 15px 0 0 0;} .sidebar_widget__comments {} .sidebar_widget__comments .widget_content {margin: 20px 0 0 0;} .sidebar_widget__comments ul {} .sidebar_widget__comments ul li ~ li {margin: 25px 0 0 0;padding: 25px 0 0 0;border-top: 1px solid #ffffff;} .sidebar_widget__comments a {} .sidebar_widget__comments .item_icon {width: 30px;height: 20px;display: inline-block;vertical-align: top;float: left;font-size: 16px;} .sidebar_widget__comments .item_content {display: block;margin: 0 0 0 30px;color: #bbbbbb;} .sidebar_widget__comments .item_info {display: block;padding: 10px 0 0 0;} .sidebar_widget__comments .item_info time {display: block;float: right;margin: 0 0 0 10px;} .sidebar_widget__comments .item_info .item_time {margin: 0 0 0 7px;padding: 0 0 0 10px;border-left: 1px solid #ffffff;} /******************************************************************************************************** 10. SEARCH RESULTS PAGE ********************************************************************************************************/ #searchresults {margin: 0 !important;} #searchresults .search-form {margin: 15px 0 0 0;} #searchresults .search-form input {width: 100%;float: left;padding: 0 34px 0 10px;} #searchresults .search-form button {width: 34px;height: 34px;float: left;margin: 0 0 0 -34px;background: none;border: none;font-size: 20px;color: #888888;} #searchresults .search-form button:hover {color: #000000;} #searchresults .search-form button i {line-height: 32px;} #searchresults h3 {margin: 0;padding: 0;} #searchresults ol {list-style-type: none;border-bottom: 1px solid #ffffff;} #searchresults ol li {overflow: hidden;margin: 0;padding: 15px 0;border-top: 1px solid #ffffff;} #searchresults ol li .search-result_image {float: left;margin-right: 15px;} #searchresults ol li .search-result_container {padding: 15px 0 0 0;} /******************************************************************************************************** 11. PRODUCT PAGE ********************************************************************************************************/ .product_wrap {} /* 11.1 PRODUCT IMAGES */ /* BIG IMAGE + ZOOM */ .elevatezoom_big_wrapper {width: 370px;padding: 4px;background: #888888;border: 1px solid #ffffff;} .elevatezoom_big_clicker {cursor: pointer; display: none; } .zoomWrapper, #elevatezoom_big {width: 360px !important;height: auto !important;position: relative !important;} #elevatezoom_big {background: #f5f5f5;} #elevatezoom_big ~ #elevatezoom_big {width: 0 !important;height: 0 !important;} .zoomWrapper {} .zoomContainer {z-index: 1 !important;} .zoomLens {z-index: 1 !important;} .zoomWindow {margin: -5px 0 0 0 !important;} /* THUMBS */ #elevatezoom_gallery {} #elevatezoom_gallery a {width: 85px !important;display: block;margin: 0 10px 0 0;padding: 4px;border: 1px solid #ffffff;} #elevatezoom_gallery a img {background: #f5f5f5;} /* THUMBS NAV */ .product_images .bx-wrapper {max-width: 100% !important;margin: 10px 0 0 0;position: relative;} .product_images .bx-viewport {height: auto !important;} .product_images .bx-controls a {width: 25px;height: 40px;display: block;overflow: hidden;margin: -20px 0 0 0;background: rgba(0,0,0,.6);color: #888888;text-align: center;position: absolute;top: 50%; opacity: .5; -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,.3); box-shadow: 0 0 10px 0 rgba(255,255,255,.3); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .product_images:hover .bx-controls a { opacity: 1; } .product_images .bx-controls a:hover {background: rgba(0,0,0,.8);} .product_images .bx-controls a:before {font: 22px/39px 'FontAwesome';} .product_images .bx-controls a.bx-prev {left: 0;} .product_images .bx-controls a.bx-prev:before {content: '\f104';} .product_images .bx-controls a.bx-next {padding: 0 0 0 1px;right: 0;} .product_images .bx-controls a.bx-next:before {content: '\f105';} /* 11.2 PRODUCT INFO */ .product_info__wrapper {display: table;} .product_info__wrapper .product_info__left {width: 500px;display: table-cell;padding: 0 20px 0 0;} .product_info__wrapper .product_info__right {width: 270px;display: table-cell;padding: 0 0 0 20px;border-left: 1px solid #ffffff;} .product_info__wrapper label {font-weight: normal;font-size: 14px;line-height: 1.5em;color: #888888;} .product_info__wrapper .product_name {font-size: 18px;} /* VARIANTS */ .product_info__wrapper .variants-wrapper {overflow: hidden;margin: 0 -10px;padding: 0 0 5px 0;} .product_info__wrapper .selector-wrapper {width: 33.33333333333333%;float: left;padding: 15px 10px 0 10px;} .product_info__wrapper .selector-wrapper label {display: block;} .product_info__wrapper .selector-wrapper select {width: 99%;height: 37px;margin: 5px 0 0 0;padding: 5px;} /* DETAILS */ .product_info__wrapper .product_details {margin: 15px 0 0 0;padding: 5px 0 0 0;border-top: 1px solid #ffffff;} .product_info__wrapper .product_details__item {margin: 10px 0 0 0;font-size: 14px;line-height: 1.5em;color: #000000;} .product_info__wrapper .product_details__item a {color: #000000;text-decoration: underline;} .product_info__wrapper .product_details__item a:hover {text-decoration: none;} .product_tags span:before {content: '\f02b';margin: 0 3px 0 7px;font: 13px 'FontAwesome';} /* PRICE */ #product_price {position: relative;} #product_price .price {margin: 0;padding: 0 60px 0 0;} #product_price .money {margin: 0 7px 0 0;font-size: 14px;} #product_price .money_sale {font-size: 14px;} /* PDP: space between sale price and compare-at; strikethrough covers full compare line incl. AUD */ #product_price .product-price__current + .compare-at-price { margin-left: 1rem; } #product_price .money_sale_percent {width: 52px;height: 26px;display: block;margin: -13px 0 0 0;background: #000000;font: bold 14px/26px 'Arial';color: #888888;text-align: center;position: absolute;right: 0;top: 50%;} /* QUANTITY */ #product_quantity {margin: 15px 0 0 0;} /* ADD TO CART FORM */ #purchase {margin: 15px 0 0 0; padding: 0 1.5rem;} #purchase label {display: block;} /* QUANTITY BOX (GLOBAL STYLES) */ .quantity_box {display: inline-block;margin: 10px 10px 0 0;} .quantity_box input {width: 54px;height: 24px;display: block;padding: 0;background: none;border: 2px solid #ffffff !important;font-size: 15px;text-align: center; -webkit-box-shadow: none !important; box-shadow: none !important; } .quantity_box .quantity_modifier {width: 26px;height: 24px;display: block;float: left;border: 2px solid #ffffff;text-align: center;cursor: pointer;} .quantity_box .quantity_modifier:active {color: #888888;} .quantity_box .quantity_modifier i {font-size: 14px;line-height: 22px;} .quantity_box .quantity_down {margin: 2px 0 0 0;} .quantity_box .quantity_up {margin: 2px 0 0 2px;} #purchase #add-to-cart {height: 50px;margin: 10px 0 0 0;padding: 0 20px;font-size: 18px;} /* ADDTHIS */ .product_info__wrapper .addthis_sharing_toolbox {margin: 20px 0 0 0;padding: 17px 0 0 0;border-top: 1px solid #ffffff;} .product_info__wrapper .addthis_sharing_toolbox .at-share-btn {vertical-align: top;margin: 3px 3px 0 0 !important;} /* DESCRIPTION */ .product_wrap .product_description {} .product_wrap .product_description__title {margin: 40px 0 0 0;} /* Product metafields (Size, Colour, etc.) - font-size matches description (.rte) */ .product_metafields {font-size: inherit;} .product_metafields__title {margin: 0 0 10px 0;font-size: inherit;} .product_metafields__item {display: flex;margin: 0;padding: 10px 0;border-bottom: 1px solid #000000;font-size: inherit;line-height: 1.8em;} .product_metafields__name {width: 30%;padding-right: 1em;flex-shrink: 0;} .product_metafields__value {width: 70%;flex-grow: 1;} .product_metafields__shipping-content {margin-top: 0;} /* 11.3 PRODUCT PAGINATION */ .product_pagination {width: 100%;overflow: hidden;margin: 40px 0 0 0;} .product_pagination .product_prev {float: left;} .product_pagination .product_next {float: right;} /* 11.4 RELATED PRODUCTS */ .widget_related_products {} .widget_related_products h3 {margin: 40px 0 0 0;} /* Product recommendations slider (Search & Discovery) */ .product-recommendations-slider {margin: 40px 0 0 0;padding: 0 0 20px;} .product-recommendations-slider__title {margin: 0 0 20px;font-size: 18px;} .product-recommendations-slider__content .bx-viewport {min-height: 1px;} .product-recommendations-slider__list.bxslider {margin: 0;padding: 0;list-style: none;} .product-recommendations-slider__list.bxslider li {float: left;list-style: none;} ul.product_listing_related {list-style-type: none;} ul.product_listing_related .product {} ul.product_listing_related .product_img {} ul.product_listing_related .product_name {} ul.product_listing_related .product_price {} /******************************************************************************************************** 12. BLOG ********************************************************************************************************/ .article_title {font-weight: normal;font-size: 16px;color: #888888;text-transform: none;} .article_title a {color: #888888;} .article_title a:hover {color: #000000;} .article_date {} .article_date:before {content: '\f073';margin: 0 5px 0 0;font: 14px 'FontAwesome';} .article_info {margin: 15px 0 0 0;} .article_info span {margin: 0 0 0 12px;padding: 0 0 0 12px;border-left: 1px solid #ffffff;} .blog_tags {font-size: 0;} .blog_tags a {display: inline-block;margin: 10px 10px 0 0;padding: 5px 10px;background: #f5f5f5;font-size: 12px;color: #888888;} .blog_tags a:before {content: '\f02b';margin: 0 5px 0 0;font: 13px 'FontAwesome';color: #000000;} .blog_tags a:hover {background: #000000;color: #888888;} .blog_tags a:hover:before {color: #888888;} .blog_tags a.tag_active {background: #000000;color: #888888 !important;cursor: default;} .blog_tags a.tag_active:before {color: #888888;} /* 12.1 POSTS LISTING */ .blog_listing__article {margin: 30px 0 0 0;} .blog_listing__article ~ .blog_listing__article {padding: 30px 0 0 0;border-top: 1px solid #ffffff;} .blog_listing__article .article_title {margin: 0;font-size: 20px;} .blog_listing__article .article_body {margin: 30px 0;} .blog_listing__article .article_content {margin: 15px 0 0 0;} .blog_listing__article .article_footer {} .blog_listing__article .article_footer .blog_tags {margin: -10px 0 30px 0;} /* 12.2 SINGLE POST */ .blog_article {margin: 30px 0 0 0;} .blog_article .article_title {margin: 0;font-size: 20px;}# .blog_article .article_content {margin: 30px 0 0 0;} .blog_article .article_content .rte {margin: 0;} .blog_article .article_footer {margin: 30px 0 0 0;} .blog_article .article_footer .blog_tags {margin: -10px 0 30px 0;} .blog_article .article_pagination {margin: 30px 0 0 0;} .blog_article .article_pagination .article_next {float: right;} .article_comments__list {margin: 30px 0 0 0;padding: 30px 0 0 0;border-top: 1px solid #ffffff;} .article_comments__list h3 {margin: 0;} .article_comments__list ul {} .article_comments__list ul li {margin: 30px 0 0 0;padding: 15px;background: rgba(0,0,0,.05);} .article_comments__list ul li time {float: right;} .article_comments__list ul li time span {margin: 0 0 0 12px;padding: 0 0 0 12px;border-left: 1px solid #ffffff;} .article_comments__list .comment_author {margin: 0;} .article_comments__list .comment_content {margin: 10px 0 0 0;} .article_comments__form {margin: 30px 0 0 0;padding: 30px 0 0 0;border-top: 1px solid #ffffff;} .article_comments__form h3 {margin: 0;} .article_comments__form .col-lg-6 {margin: 15px 0 0 0;} .article_comments__form button {margin: 15px 0 0 0;} /******************************************************************************************************** 13. CUSTOMER PAGES ********************************************************************************************************/ .account_section {margin: 30px 0 0 0;padding: 30px;border: 1px solid #ffffff;border-top: 2px solid #000000;} .account_section h4 {overflow: hidden;margin: 0;font-size: 16px;} .account_section h4 span {vertical-align: top;float: right;} .account_section h4 a {font-weight: normal;} .account_section h4 a ~ a {margin: 0 0 0 15px;} .account_section h4 a:before {vertical-align: top;margin: 0 5px 0 0;font: 14px/24px 'FontAwesome';} .account_section h4 a.link_add:before {content: '\f067';} .account_section h4 a.link_edit:before {content: '\f040';} .account_section h4 a.link_close:before {content: '\f00d';} .account_section h4 a.link_delete:before {content: '\f1f8';} .account_section p.note {margin: 15px 0 0 0;} .account_section .btn {margin-right: 15px;} .account_section label {line-height: 34px;} .account_section .address_item {line-height: 26px;} .account_section .address_item:before {width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin: 0 7px 0 0;border: 1px solid #000000;font: 15px/25px 'FontAwesome';color: #888888;text-align: center;cursor: default; -webkit-border-radius: 50%; border-radius: 50%; } .account_section .address_item {margin: 15px 0 0 0;} .account_section .address_item ~ .address_item {margin: 10px 0 0 0;} .account_section .address_location {} .account_section .address_location:before {content: '\f015';} .account_section .address_phone {} .account_section .address_phone:before {content: '\f095';font-size: 14px;} .account_section .address_user {} .account_section .address_user:before {content: '\f007';} .account_section input[type="radio"], .account_section input[type="checkbox"] {margin: 10px 5px 0 0;} .account_wrapper {width: 100%;height: 100%;display: table;margin: 30px 0 0 0;} .account_wrapper .account_left {width: 50%;height: 100%;display: table-cell;padding: 0 15px 0 0;} .account_wrapper .account_right {width: 50%;height: 100%;display: table-cell;padding: 0 0 0 15px;} .account_wrapper .account_section {width: 100%;height: 100%;margin: 0;} /* 13.1 LOGIN */ #account_login {} #account_login .account_left {} #account_login .account_left ul {margin: 10px 0 0 0;} #account_login .account_left ul li {margin: 5px 0 0 0;color: #888888;text-transform: uppercase;} #account_login .account_left ul li:before {content: '\f00c';margin: 0 7px 0 0;font: 14px 'FontAwesome';color: #000000;} #account_login .account_left .btn {margin-top: 15px;} #account_reset {} #account_guest {margin: 30px 0 0 0;padding: 30px;border: 1px solid #ffffff;} #account_guest .btn {margin-top: 15px;} /* 13.2 RESET PASSWORD */ #account_reset_form {margin: 0;} /* 13.3 ACCOUNT */ .account_area {} .account_area .page_heading {overflow: hidden;padding: 0 0 10px 0;background: none;border: none;border-bottom: 2px solid #ffffff;position: relative;} .account_area .page_heading a {display: block;float: right;margin: 4px 0 0 10px;font-size: 14px;} .account_area .page_heading a.link_logout {position: absolute;right: 0;top: 0;} /* WELCOME MESSAGE */ .account_welcome {text-align: center;} .account_welcome .page_heading {} .account_welcome .page_heading:before {content: '\f007';margin: 0 7px 0 0;font-family: 'FontAwesome';} .account_welcome__name {margin: 30px 0 0 0;color: #000000;} .account_welcome__desc {} /* ACCOUNT TABLES */ .account_table {width: 100%;margin: 15px 0 0 0;} .account_table th, .account_table td {vertical-align: middle;} .table_info {} .table_info tr {} .table_info tr ~ tr {border-top: 1px solid #ffffff;} .table_info td {padding: 5px 0;} .table_info td ~ td {padding: 5px 0 5px 5px;color: #888888;text-align: right;} .table_orders {} .table_orders thead {border-bottom: 2px solid #ffffff;} .table_orders th {padding: 5px 7px;border: 1px solid #ffffff;color: #888888;text-transform: uppercase;} .table_orders tbody {} .table_orders td {padding: 5px 7px;border: 1px solid #ffffff;} .table_orders tfoot {border-top: 2px solid #ffffff;} .table_orders p {margin: 7px 0 0 0;} .table_orders a {text-decoration: underline;} .table_orders a:hover {text-decoration: none;} .table_orders .cell_fulfillment {} .table_orders .cell_total {text-align: right;} .table_orders .row_total {border-top: 2px solid #ffffff;font-size: 14px;} .table_orders .row_total .money {font-weight: bold;} /* DEFAULT ADDRESS */ .account_default {} .account_default .address_all {margin: 15px 0 0 0;} .account_default .address_all a {text-decoration: underline;} .account_default .address_all a:hover {text-decoration: none;} /* 13.4 ADDRESSES */ .account_address__item {} .account_address__item h4 {padding: 0 0 7px 0;border-bottom: 1px solid #ffffff;} /* 13.5 ORDERS */ .order_cancelled {} .order_cancelled h4 {margin: 0;font-size: 14px;} .order_cancelled p {margin: 10px 0 0 0;} /******************************************************************************************************** 14. CART PAGE ********************************************************************************************************/ .cart_page {} .cart_page .page_heading {} .cart_page .page_heading #cart_loader {width: 44px;height: 44px;display: block;margin: 0 0 0 -22px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNrs2TEKwkAUhOEXBSurQM5jo2AbyG2EgIfyCkKqXEDiGYI2QkBn5aXYYBqb7MAM/Ft/LNutWbwtqtEVDei9UIMbajf93A51CyLn6twWrUwQOq0csTl6EICDMV/jOKG9pb+Nv21rCW53rM1wvFzPsD5zOc1WRjaBBRZYYIEFFlhggQUWWGCBBRZYYIEFFvh/cE/kfQbwnQh8C+ALEfhrLYznU6YY5RUBuJpe98HS/Vg8zr2R8E16Rk0C0MYt0dftR4ABAFfva4h/thfHAAAAAElFTkSuQmCC') 0 0 no-repeat;position: fixed;left: 50%;top: 0;z-index: 1000; opacity: 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .cart_page .page_heading #cart_loader:after {content: '';width: 44px;height: 44px;display: block;background: url('fancybox_loading.gif') 50% 50% no-repeat;} .cart_page .page_heading #cart_loader.loading {top: 60px; opacity: 1; } .cart_list {width: 100%;max-width: 100%;margin: 30px 0 0 0;} .cart_list th {padding: 15px 20px;background: rgba(0,0,0,.05);border: 1px solid #ffffff;font-size: 14px;color: #888888;text-transform: uppercase;} .cart_list th ~ th {text-align: center;} .cart_list td {padding: 20px;border: 1px solid #ffffff;} .cart_list .cell_3 {text-align: center;} .cart_list .cell_5 {text-align: center;} .cart_list .cart_price {font-size: 14px;text-align: right;} .cart_item {} .cart_item__img {width: 140px;float: left;} .cart_item__info {margin: 0 0 0 160px;} .cart_item__name {margin: 0;} .cart_item__variant {margin: 15px 0 0 0;font-size: 14px;color: #888888;} .cart_item__details {margin: 10px 0 0 0;} .cart_item__details p {margin: 5px 0 0 0;} .cart_item__details p span {color: #888888;} .cart_item .quantity_box {width: 88px;height: 24px;margin: 0;position: relative;} .cart_item .quantity_box input {width: 40px;position: absolute;left: 24px;top: 0;} .cart_item .quantity_box .quantity_down {margin: 0;position: absolute;left: 0;top: 0;} .cart_item .quantity_box .quantity_up {margin: 0;position: absolute;right: 0;top: 0;} .cart_item .cart_update {width: 88px;margin: 5px 0 0 0;} .cart_item__remove {font-size: 11px;} .cart_item__remove i {vertical-align: baseline;} .cart_list .cart_buttons .btn {float: right;margin: 0 0 0 20px;} .cart_list .cart_buttons .btn-alt {float: none;margin: 0;} .cart_list .cart_buttons .btn:before {margin: 0 7px 0 0;font: 14px 'FontAwesome';} .cart_list .cart_buttons .cart_continue:before {content: '\f060';} .cart_list .cart_buttons .cart_update:before {content: '\f021';} .cart_list .cart_buttons #cart_clear:before {content: '\f1f8';} .cart_list .cart_summary .cart_summary__row {margin: 0;padding: 0 0 10px 0;border-bottom: 1px solid #ffffff;font-size: 16px;color: #888888;} .cart_list .cart_summary .cart_summary__row ~ .cart_summary__row {padding: 10px 0;} .cart_list .cart_summary .cart_summary__row span {float: right;} .cart_list .cart_summary .cart_summary__notification {margin: 20px 0 0 0;} .cart_list .cart_summary .cart_summary__instructions {margin: 15px 0 0 0;} .cart_list .cart_summary .cart_summary__instructions label {display: block;padding: 0 0 3px 0;font-weight: normal;color: #888888;} .cart_list .cart_summary .cart_summary__instructions textarea {width: auto !important;height: 100px !important;max-width: 100% !important;resize: none;} .cart_list .cart_summary .cart_summary__checkout {} .cart_list .cart_summary .cart_summary__checkout button {float: right;margin: 20px 0 0 10px;padding: 10px 20px;font-size: 16px;} .cart_list .cart_summary .cart_summary__methods {float: left;} .cart_list .cart_summary .cart_summary__methods li {float: left;margin: 20px 10px 0 0;} /* EMPTY CART NOTIFICATION */ .cart_empty {} .cart_empty .alert {} .cart_empty h3 {} .cart_empty h3 a {font-weight: inherit;text-decoration: underline;} .cart_empty h3 a:hover {text-decoration: none;} /******************************************************************************************************** 15. CONTACTS PAGE ********************************************************************************************************/ .contact-scope {} .contact-scope #google_map {margin: 15px 0;} .contact-form {} .contact-scope iframe {width: 100%;margin: 15px 0;border: 1px solid #ffffff;} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="telephone"], .contact-form textarea {} .contact-form textarea {width: 100%;} .contact-form_buttons {} .contact-form_buttons .btn-toolbar {} /******************************************************************************************************** 16. PAGE 404 ********************************************************************************************************/ .template-404 h2, .template-404 h2 a {vertical-align: baseline;} .template-404 h2 a {color: #000000;text-decoration: underline;} .template-404 h2 a:hover {color: #bbbbbb;text-decoration: none;} /* CUSTOM */ button#search-submit { border: none; background: transparent; } input#search-field:focus-visible { outline: 1px solid #ccc; box-shadow: none !important; } input#search-field { width: calc(100% - 28px); } .img_change img{width:100%} .sidebar_widget__types,.cart_summary__instructions,.cart_summary__notification,.cart_summary__methods,#back_top,.product_listing_main .product_img span.product_badge,.breadcrumb_wrap{display:none !important;} #sidebar_main *{font-size: 12px !important} .sidebar_widget__collections ul li ~ li{padding:0;} .sidebar_menu{margin-bottom: 15px;} .product_listing_main .product_info{text-align:left;} .product_listing_main .product_price,.product_listing_main .product_name a,.product_listing_main .product_name,.product_listing_main .product_price .money{font-size:10px;color:#000;} .product_listing_main .product_name{padding:15px 0 0 15px;line-height: 18px;} .product_listing_main .product_price{padding:0 0 0 15px} .logo_sidebar{margin-bottom:15px;} @media only screen and (min-width: 600px) { #main { padding: 0 0 0 0; } .main_content{padding:0} } #sidebar_main .nano-content { background: #fff; } .template-product .product_pagination,.template-product .widget_related_products,.template-product .quantity_box,.template-product .product_details__item,.template-product .product_details{display:none;} .template-cart .btn-alt, .template-cart .btn-alt a{background:#000 !important;color:#fff !important;font-size:11px !important;} .template-cart .cart_continue{padding: 10px 20px} @media (max-width: 767px){ .cart_list .cart_summary .cart_summary__checkout button{margin-top:0 !important;} .cart_list .cart_summary .cart_summary__row{margin: 0 0 0 -30% !important;text-align:center !important} } .cart_list .cart_summary .cart_summary__checkout button{margin-top:0 !important;} .cart_list .cart_summary .cart_summary__row{margin: 0 0 0 160px;} .template-cart .cart_continue{margin-right:20px} /* div#sidebar_main *{text-transform:uppercase} */ .template-product .prod-gallery{margin-bottom: 1px;} .template-product .product_wrap{margin-top:15px;} .template-product .product_info__wrapper .product_name{color: #333;font-size: 12px;} .template-product .product_description__title{font-size:10px;color: black;line-height:1.5em;display:none;} .template-product p,.template-product .rte{margin:0; line-height: 1.5rem;} .template-product #purchase #add-to-cart{margin-bottom: 25px; font-size: 12px;padding: 7px 50px;height:auto;color:white !important;} #product_price .money{font-size:12px;color:black;margin-right:0} .curr-type{margin-right: 5px;} .template-product #product_price span.price{padding-right:0;} .template-product #product_price p{color:black;} .template-product #product_price{margin-top:10px;margin-bottom:1.75rem} #side-bar-custom,.template-product .rte{color:#333} .sidebar_widget__collections,#side-bar-custom,#contact-menu{padding-bottom:15px} #sidebar_main p{margin:0} #sidebar_main a:link,#sidebar_main a:visited,.sidebar_widget__collections ul li a:link{color:#333} .sidebar_menu a:active,.sidebar_widget__collections ul li a:active{color:#333} #your-shopping-cart .page_heading,#about .page_header{visibility:hidden} .page_content{color: #333} a:hover{color:#333 !important} #your-shopping-cart .cart_list td{padding:20px 20px 20px 0;border:1px;border-top: 1px solid #888;} .page_content .rte h2{font-size:12px;margin: 15px 0 5px 0;padding: 0;text-decoration:none;color:#333;border-bottom:0;font-weight:100} .page_content .rte p{margin: 0 0 10px 0;color:#333} .page_content .rte{margin-top:15px} .btn-alt, .btn-alt a{background: #000 !important;border-color: #000 !important;color: #fff !important;} .fancybox-close{background: #fff;-webkit-box-shadow: 0;box-shadow: 0;} .fancybox-close:before{color:#000;} #your-shopping-cart .cart_list *{text-transform:uppercase;font-size: 14px;} #your-shopping-cart .cart_list p{margin:0;padding:0} .cart_item__remove{color:#333} #your-shopping-cart .cart_list td {padding: 20px 0;} .cart_item__details{margin-top:0} .cart_item__name.product_name a{color: #333} #your-shopping-cart .cart_list p.cart_summary__row{padding-left: 160px;} #contactFormWrapper input.form-control, #contactFormWrapper textarea.form-control { border: none; border-bottom: 1px solid #888; border-radius: 0; box-shadow: none; background: transparent; padding-left: 0; padding-right: 0; } #contactFormWrapper input.form-control:focus, #contactFormWrapper textarea.form-control:focus { border: none; border-bottom: 1px solid #333; box-shadow: none; outline: none; } #contactFormWrapper *{font-size: 10px;color: #333;font-weight:normal;} #contactFormWrapper .contact-page__form-title { margin: 0 0 1.25rem 0; padding: 0; font-size: 14px; font-weight: normal; line-height: 1.3; color: #333 !important; text-transform: none; } #contact-us .page_heading{display: none;} #contact_page .contact-page__layout { margin-top: 1rem; align-items: flex-start; } #contact_page .contact-page__banner { padding-top: 0; } @media (min-width: 992px) { #contact_page .contact-page__banner { padding-left: 12rem; } } #contact_page .contact-page__banner-img { width: 100%; height: auto; display: block; } #contact-us .btn{ padding: 10px 20px; font-size: 11px; text-transform: uppercase; margin-top: 5px; } #contact-us .btn:hover{background:initial;color:#fff !important} select:focus, select.form-control:focus, textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="telephone"]:focus{box-shadow:none;webkit-box-shadow:none} .red{color:red;} #cart_added *{font-size: 12px !important;text-transform:uppercase;} .fancybox-close{display:none;} .cart_added__2 #cart_added__quantity{margin-top:5px;} .logo_main{margin-top: 15px;} .template-page .page_content .rte p{font-size: 12px;line-height: 1.25rem;margin-bottom: 1.25rem;} #sidebar_main .sidebar_bottom p{font-size: 8px !important} .alert.alert-error{background:#f9f9f9;color:#000;font-weight:normal;border:0;padding:0;text-align:center;} #social-menu{padding-bottom:15px;} #social-menu .fa{position:relative;top:2px;} .p4px{padding:0 1px 40px 1px} #product_price .money_sale_percent{display:none !important;} /* PDP: gallery above title / description / ATC when columns stack (mobile) */ @media (max-width: 767px) { .template-product .product_wrap > .row { flex-direction: column; flex-wrap: nowrap; } .template-product .product_wrap > .row > .col-md-8.product_images { order: 1; } .template-product .product_wrap > .row > .col-md-4:first-child { order: 2; } } /* PDP: floating ADD TO BAG when primary button is off-screen (mobile only) */ .pdp-sticky-atc { display: none !important; } @media (max-width: 767px) { body.pdp-sticky-atc-visible .pdp-sticky-atc { display: block !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100150; width: 100%; box-sizing: border-box; padding: 0; margin: 0; background: #ffffff; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08); } .template-product .pdp-sticky-atc__btn { display: block; width: 100%; margin: 0 !important; font-size: 12px; padding: 7px 50px; height: auto; color: white !important; } body.template-product.pdp-sticky-atc-visible { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); } } /* PDP: sticky description/add to cart on desktop */ @media (min-width: 992px) { /* Sticky needs wrapper_right overflow: visible */ body.template-product .wrapper_right { overflow: visible; } /* Prevent horizontal scroll - clip at body level so sticky (inside wrapper_right) still works */ body.template-product { overflow-x: hidden; } .template-product .product_wrap .row { align-items: flex-start; } .template-product .product_wrap .row > .col-md-4:first-child { position: sticky; top: 20px; } } button.arrow-right {border: 0;background: transparent;line-height: 2.75;padding-right: 0;} input#newsletter_email {padding-left: 0;} @media (min-width: 1400px) { .container {max-width: 100%;} } header.header-site-bar {padding-right: 1.25rem;} .sidebar_widget ul li:last-child {padding-top: 1.25rem;} .header-mobile__icons img.header-mobile__icon-img {height: 13px;width: auto;padding-left: 10px;} /* PDP: full-page product image gallery lightbox */ body.pdp-gallery-lightbox-open { overflow: hidden; } .pdp-gallery-lightbox { position: fixed; inset: 0; z-index: 100100; box-sizing: border-box; } .pdp-gallery-lightbox[hidden] { display: none !important; } .pdp-gallery-lightbox:not([hidden]) { display: block !important; } .pdp-gallery-lightbox__backdrop { position: absolute; inset: 0; z-index: 0; background: rgba(0, 0, 0, 0.94); cursor: pointer; } .pdp-gallery-lightbox__inner { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 48px 56px; box-sizing: border-box; pointer-events: none; } .pdp-gallery-lightbox__close, .pdp-gallery-lightbox__zoom, .pdp-gallery-lightbox__nav, .pdp-gallery-lightbox__stage { pointer-events: auto; } .pdp-gallery-lightbox__zoom { position: absolute; top: 12px; left: 16px; z-index: 3; margin: 0; padding: 6px 10px; border: 1px solid rgba(0,0,0,.4); background: transparent; font-size: 11px; line-height: 1; color: #000 !important; cursor: pointer; text-transform: uppercase; letter-spacing: 0.05em; -webkit-appearance: none; appearance: none; } .pdp-gallery-lightbox__zoom:hover, .pdp-gallery-lightbox__zoom:focus { background: rgba(0,0,0,.06); color: #000 !important; } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__zoom { color: #fff !important; border-color: rgba(255,255,255,.5); } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__zoom:hover, .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__zoom:focus { background: rgba(255,255,255,.1); color: #fff !important; } .pdp-gallery-lightbox__close { position: absolute; top: 12px; right: 16px; z-index: 3; margin: 0; padding: 8px 12px; border: none; background: transparent; font-size: 32px; line-height: 1; color: #000 !important; cursor: pointer; -webkit-appearance: none; appearance: none; } .pdp-gallery-lightbox__close:hover, .pdp-gallery-lightbox__close:focus { color: #333 !important; } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__close { color: #fff !important; } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__close:hover, .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__close:focus { color: #ccc !important; } .pdp-gallery-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; margin: 0; padding: 0; border: none; background: transparent; width: 20px; height: auto; font-size: 20px; line-height: 1; color: #000 !important; cursor: pointer; -webkit-appearance: none; appearance: none; } .pdp-gallery-lightbox__nav:hover:not(:disabled), .pdp-gallery-lightbox__nav:focus:not(:disabled) { color: #333 !important; } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__nav { color: #fff !important; } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__nav:hover:not(:disabled), .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__nav:focus:not(:disabled) { color: #ccc !important; } .pdp-gallery-lightbox__nav:disabled { opacity: 0.35; cursor: not-allowed; } .pdp-gallery-lightbox__nav--prev { left: 8px; } .pdp-gallery-lightbox__nav--next { right: 8px; } .pdp-gallery-lightbox__stage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } .pdp-gallery-lightbox__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .pdp-gallery-lightbox--fit .pdp-gallery-lightbox__img { object-fit: contain; } /* Cart drawer (add to bag) */ .cart-drawer { position: fixed; inset: 0; z-index: 100200; pointer-events: none; visibility: hidden; transition: visibility 0.3s; } body.cart-drawer-open .cart-drawer { visibility: visible; pointer-events: auto; } .cart-drawer__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.3s; cursor: pointer; } body.cart-drawer-open .cart-drawer__backdrop { opacity: 1; } .cart-drawer__panel { position: absolute; top: 0; right: 0; width: 100%; max-width: 600px; height: 100%; background: #fff; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.35s ease; box-sizing: border-box; } body.cart-drawer-open .cart-drawer__panel { transform: translateX(0); } .cart-drawer__header { display: flex; align-items: center; justify-content: flex-start; padding: 16px 18px 8px; flex-shrink: 0; } .cart-drawer__close { margin: 0; padding: 4px 8px 4px 0; border: none; background: none; font-size: 28px; line-height: 1; color: #333 !important; cursor: pointer; -webkit-appearance: none; appearance: none; } .cart-drawer__body { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 18px 24px; } .cart-drawer__items {} .cart-drawer__empty { margin: 0; padding: 24px 0; font-size: 12px; color: #666 !important; text-align: center; } .cart-drawer__line { display: flex; gap: 14px; padding: 20px 0; border-bottom: 1px solid #000; } .cart-drawer__line-img { flex-shrink: 0; width: 72px; } .cart-drawer__line-img img { display: block; width: 72px; height: auto; max-height: 96px; object-fit: cover; background: #f5f5f5; } .cart-drawer__line-main { flex: 1; min-width: 0; text-align: left; } .cart-drawer__line-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .cart-drawer__line-title { font-size: 11px; line-height: 1.35; color: #333 !important; margin: 0; flex: 1; min-width: 0; } .cart-drawer__line-price { font-size: 11px; line-height: 1.35; color: #333 !important; flex-shrink: 0; text-align: right; white-space: nowrap; } .cart-drawer__line-variant { font-size: 10px; color: #666 !important; margin: 6px 0 8px 0; } .cart-drawer__remove { margin-top: 1rem; padding: 0; border: none; background: none; font: inherit; font-size: 10px; text-underline-offset: 2px; color: #333 !important; cursor: pointer; -webkit-appearance: none; appearance: none; text-align: left; } .cart-drawer__remove:disabled { opacity: 0.5; cursor: wait; } .cart-drawer__below { max-width: 60%; margin-top: 20px; align-self: flex-start; } .cart-drawer__summary { margin-bottom: 16px; } .cart-drawer__summary-row { font-size: 11px; line-height: 3; color: #333 !important; margin-bottom: 8px; } .cart-drawer__summary-row--shipping { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 12px; } .cart-drawer__summary-row--shipping .cart-drawer__summary-value { text-align: right; } .cart-drawer__summary-row--total { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 12px; margin-bottom: 0; } .cart-drawer__summary-label { flex-shrink: 0; } .cart-drawer__summary-value { text-align: right; } .cart-drawer__checkout { display: block; width: 100%; max-width: 100%; text-align: center; text-transform: uppercase !important; letter-spacing: 0.04em; font-size: 11px !important; padding: 14px 16px !important; box-sizing: border-box; } body.cart-drawer-open { overflow: hidden; } /*HACKS */ *{color:#333 !important} .dev-hidden {display: none;} .g-1{ --bs-gutter-x: 2px !important; } button.arrow-right{ font-size: 8px; vertical-align: middle; } .p-15{padding: 0 15px} .footer .row { --bs-gutter-x:2px } *{text-transform: uppercase !important}