/*************** **** GLOBAL **** ***************/ /* hide newsletter signup, because it doesn't work and you can't remove it lol wtf */ #pix-fe #cp-5e386d96b2e89916194068 .zoey-newsletter-subscribe { visibility: hidden !important; } /* Desktop & Tablet Footer layout */ #pix-fe #cp-5e386d96b2e89916194068 .zoey-footer { padding: 0 !important; } #pix-fe #cp-5e3b25afa463b721657738 > div > div { border-radius: 35px 0 0 0 !important; } #pix-fe.media-m #cp-5e3b25afa463b721657738 > div > div { border-radius: 25px 0 0 0 !important; } #pix-fe #cp-5e386d96b2e89916194068 .zoey-footer-content-container { width: 100% !important; max-width: 100% !important; } #pix-fe #cp-5e386d96b2e89916194068 div.zoey-footer-links { position: relative !important; left: 40px !important; top: 0 !important; width: 100% !important; padding-bottom: 10px !important; } /* Category and Subcategory Links */ #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul.row { position: relative !important; width: 100% !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul.row { width: 100%! important; margin-left: 0 !important; left: 0 !important; height: auto !important; position: static !important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul.row > li, #pix-fe.media-t #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul.row > li { position: relative !important; margin-left: auto !important; margin-right: auto !important; width: 16.666667% !important; padding-left: 5px !important; padding-right: 5px !important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2), #pix-fe.media-t #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) { width: 100% !important; max-width: 100% !important; position: relative !important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1), #pix-fe.media-t #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) { width: 100% !important; max-width: 100% !important; position: relative !important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(2), #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(2) { width: 100% !important; max-width: 100% !important; position: relative !important; } /* Second Section of Footer Content */ #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 { float: left!important; position: static!important; margin-left: 0 !important; padding-left: 3em!important; width: 100% !important; max-width: 50% !important; clear: left !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) { width: 100% !important; margin-left: 0!important; left: 0!important; height: auto !important; position: static!important; margin-top: 0!important; top: 0!important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4, #pix-fe.media-t #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 { width: 50% !important; position: relative !important; float: right !important; } /* Trust Badges */ #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.trust-badges { display: flex!important; flex-direction: row!important; width: 100%!important; max-width: 60%!important; margin-top: 0 !important; clear: both !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 { position: static!important; margin-left: 0!important; padding-left: 0!important; width: 100%!important; max-width: 75%!important; clear: both!important; left: 0 !important; height: auto !important; transform: translateX(20%)!important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.trust-badges { max-width: 100% !important; margin-left: 0 !important; } #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.trust-badges > li { flex: 1 !important; flex-grow: 1 !important; flex-basis: 0 !important; } #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.trust-badges > li > a div { background-size: contain !important; } /* Credit Card Logos */ #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.credit-card-logos { display: flex !important; flex-direction: row !important; width: 100% !important; max-width: 60% !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.credit-card-logos { max-width: 100% !important; } #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.credit-card-logos > li { flex: 1 !important; flex-grow: 1 !important; flex-basis: 0 !important; padding-left: 2px !important; padding-right: 2px !important; } #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-8 > ul.credit-card-logos > li:nth-child(1) > a > div { width: 100% !important; height: 100% !important; background-size: contain !important; } /* Social Media Badges */ #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links { height: auto !important; display: flex !important; flex-direction: row !important; margin-right: 0 !important; margin-left: auto !important; width: 100% !important; max-width: 60% !important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links, #pix-fe.media-t #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links { width: 80% !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links { width: 100% !important; max-width: 100% !important; } #pix-fe.media-d #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links, #pix-fe.media-t #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links { margin-right: -1em !important; transform: translateY(-100%); } #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links > li { flex: 1 !important; flex-grow: 1 !important; flex-basis: 0 !important; padding-left: 5px !important; padding-right: 5px !important; } #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(1) > div.col-xs-4 > ul.social-links > li > a > div { width: 100% !important; height: 100% !important; background-size: contain !important; } /** Final section of footer **/ #pix-fe #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(2) > div.col-xs-4.float-right { float: right !important; clear: right !important; margin: 0 !important; left: 0 !important; top: 0 !important; righT: 0 !important; width: 50% !important; transform: translateY(-100%) !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div:nth-child(2) > div:nth-child(2) > div.col-xs-4.float-right { float: none !important; clear: both !important; margin: 0 !important; left: 0 !important; top: 0 !important; right: 0 !important; width: 100% !important; transform: none !important; } /* Mobile Footer layout - Alternate right float for every 2nd category column on mobile */ #pix-fe.media-m #full-width-element-3 { padding-left: 2.5% !important; padding-right: 2.5% !important; } #pix-fe.media-m #cp-5e3b25afa463b721657738 > div > div { border-radius: 25px 0 0 0 !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 { width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 25px 0 !important; overflow: visible !important; } /* Category and Subcategory Links */ #pix-fe.media-m #cp-5e386d96b2e89916194068 div.zoey-footer-links { width: 100% !important; height: auto !important; position: static !important; padding-bottom: 50px !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div.zoey-footer-links > div > ul > li > div.label { max-width: 100% !important; width: 100% !important; height: auto !important; position: absolute !important; margin-left: auto !important; margin-right: auto !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li:nth-child(-n+6) > div { position: relative !important; left: 50% !important; transform: translateX(-50%) !important; padding-top: 15px !important; max-width: 90% !important; text-align: center !important; border-style: none none solid none !important; border-color: rgb(70, 110, 160) !important; border-width: 1px !important; padding-bottom: 5px !important; margin-bottom: 10px !important; margin-top: 5px !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li:nth-child(-n+6) > div > a { font-family: 'Karla' !important; font-size: 20px !important; text-decoration: none !important; font-weight: 500 !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li > div > a { font-size: 14px !important; font-weight: 500 !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li:nth-child(odd) { float: left !important; width: 50% !important; position: static !important; margin-left: 0 !important; margin-right: auto !important; padding-left: 2.5% !important; padding-right: 3.5% !important; text-align: right !important; margin-bottom: -2px !important; height: auto !important; min-height: 100% !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li:nth-child(odd):after { clear: right !important; display: none !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li:nth-child(even) { float: right !important; width: 50% !important; position: static !important; margin-right: 0 !important; margin-left: auto !important; padding-left: 3.5% !important; padding-right: 2.5% !important; text-align: left !important; margin-bottom: -2px !important; max-height: 100% !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li:last-child(even):after, #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li:last-child(odd-1):after { content: " " !important; display: table !important; margin-bottom: 0 !important; } #pix-fe.media-m #cp-5e386d96b2e89916194068 > div > div > div > div.zoey-footer-links > div > ul > li > ul > li:nth-child(odd):before { clear: both !important; } /*Static Page Text Styling */ #pix-fe .page-title { color: rgb(247, 150, 70); text-align: center; font-family: 'Karla' !important; padding-top: 10px; padding-bottom: 10px; } #pix-fe.media-d .page-title, #pix-fe.media-t .page-title { font-size: 30px; } #pix-fe.media-m .page-title { font-size: 24px; } #pix-fe .section-text { color: rgb(255, 255, 255) !important; line-height: 1.4; overflow: auto; font-family: 'Didact Gothic' !important; } #pix-fe .section-text ul { color: rgb(255, 255, 255) !important; line-height: 1.4; list-style: disc; font-family: 'Didact Gothic' !important; } #pix-fe.media-d .section-text li, #pix-fe.media-t .section-text li { color: rgb(255, 255, 255) !important; line-height: 1.4; font-family: 'Didact Gothic' !important; font-size: 18px !important; } #pix-fe.media-m .section-text li { color: rgb(255, 255, 255) !important; line-height: 1.4; font-family: 'Didact Gothic' !important; font-size: 14px !important; } #pix-fe.media-d .section-text, #pix-fe.media-t .section-text { font-size: 18px !important; } #pix-fe.media-m .section-text { font-size: 14px !important; } #pix-fe .section-text h1, #pix-fe .section-text h1 span { color: rgb(247, 150, 70) !important; font-family: 'Karla' !important; font-weight: 700 !important; display: inline !important; } #pix-fe .section-text h2, #pix-fe .section-text h2 span { color: rgb(255, 126, 0) !important; font-family: 'Karla' !important; font-weight: 600 !important; display: inline !important; } #pix-fe .section-title { text-align: center; color: rgb(247, 150, 70) !important; font-weight: bold !important; font-family: 'Karla' !important; } #pix-fe.media-d .section-title, #pix-fe.media-t .section-title { font-size: 28px !important; padding-top: 10px; padding-bottom: 10px; } #pix-fe.media-m .section-title { font-size: 22px !important; padding-top: 8px; padding-bottom: 8px; } #pix-fe .section-text a { color: rgb(247, 150, 70) !important; text-decoration: none !important; font-weight: bold !important; } #pix-fe .section-text a:hover { color: rgb(255, 126, 0) !important; text-decoration: none !important; font-weight: bold !important; } #pix-fe .button-text { text-align: center; line-height: 1.5; } #pix-fe .button-text a { color: rgb(255, 255, 255) !important; text-decoration: none !important; font-weight: bold !important; } #pix-fe.media-d .button-text { font-size: 20px !important; } #pix-fe.media-t .button-text { font-size: 16px !important; } #pix-fe.media-m .button-text { font-size: 14px !important; } #pix-fe .button-text a: hover { color: rgb(239, 239, 239) !important; } /* Subcat Slider Category Pages Text Styling */ /*Category / Subcategory header links styling*/ #pix-fe .category-header { font-weight: lighter !important; vertical-align: middle !important; color: rgb(247, 150, 70) !important; text-align: center !important; } #pix-fe.media-d .category-header { font-size: 45px !important; } #pix-fe.media-t .category-header { font-size: 40px !important; } #pix-fe.media-m .category-header { font-size: 30px !important; } #pix-fe .category-header a { vertical-align: middle !important; text-decoration: none; color: rgb(247, 150, 70) !important; } #pix-fe .category-header a:hover { vertical-align: middle !important; text-decoration: none; color: rgb(255, 166, 0) !important; } /* Wholesale Registration Pages Nav Links */ #pix-fe.media-d .wh-nav { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 22px !important; } #pix-fe.media-t .wh-nav { line-height: 1.4 !important; margin-bottom: 8px !important; font-size: 20px !important; } #pix-fe.media-m .wh-nav { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 18px !important; } #pix-fe.media-d .wh-nav-current { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 22px !important; } #pix-fe.media-t .wh-nav-current { line-height: 1.4 !important; margin-bottom: 8px !important; font-size: 20px !important; } #pix-fe.media-m .wh-nav-current { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 18px !important; } #pix-fe .wh-nav a { color: rgb(255, 166, 0) !important; text-decoration: none !important; } #pix-fe .wh-nav a:hover { color: rgb(255, 126, 0) !important; text-decoration: none !important; } #pix-fe .wh-nav-current a { color: rgb(75, 172, 198); font-weight: bold !important; text-decoration: none !important; } #pix-fe .wh-nav-current a:hover { color: rgb(75, 150, 150) !important; font-weight: bold !important; text-decoration: none !important; } /* Legal Pages Nav Links */ #pix-fe.media-d .legal-nav { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 22px !important; } #pix-fe.media-t .legal-nav { line-height: 1.4 !important; margin-bottom: 8px !important; font-size: 20px !important; } #pix-fe.media-m .legal-nav { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 18px !important; } #pix-fe.media-d .legal-nav-current { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 22px !important; } #pix-fe.media-t .legal-nav-current { line-height: 1.4 !important; margin-bottom: 8px !important; font-size: 20px !important; } #pix-fe.media-m .legal-nav-current { line-height: 1.4 !important; margin-bottom: 3px !important; font-size: 18px !important; } #pix-fe .legal-nav a { color: rgb(255, 166, 0) !important; text-decoration: none !important; } #pix-fe .legal-nav a:hover { color: rgb(255, 126, 0) !important; text-decoration: none !important; } #pix-fe .legal-nav-current a { color: rgb(75, 172, 198); font-weight: bold !important; text-decoration: none !important; } #pix-fe .legal-nav-current a:hover { color: rgb(75, 150, 150) !important; font-weight: bold !important; text-decoration: none !important; } /* Product Support Pages */ #pix-fe .support-section-title { color: rgb(255, 255, 255) !important; font-weight: 400 !important; font-family: 'Karla' !important; text-align: center; } #pix-fe.media-d .support-section-title, #pix-fe.media-t .support-section-title { font-size: 28px !important; padding-top: 10px; padding-bottom: 10px; } #pix-fe.media-m .support-section-title { font-size: 22px !important; padding-top: 8px; padding-bottom: 8px; } /* Toy Stories Pages Nav Bar & Content Styling */ /*Nav Bar Float Position*/ #pix-fe .stories-nav-wrapper { float: left; display: block; width: 100%; margin-right: 10px; } #pix-fe #cp-5b28d12078239250667475 .component-content { width: 100%; align-self: center; } #pix-fe .main-wrapper::after { content: "" !important; clear: both !important; display: table !important; } /* Nav Bar Styling */ #pix-fe .stories-nav { text-align: center; } #pix-fe .stories-nav a { margin-bottom: 3px; color: rgb(255, 166, 0) !important; font-family: 'Karla' !important; text-decoration: none; font-weight: bold; } #pix-fe .stories-nav a:hover { font-weight: bolder !important; color: rgb(255, 126, 0) !important; } #pix-fe.media-d .stories-nav { font-size: 18px !important; } #pix-fe.media-t .stories-nav { font-size: 16px !important; } #pix-fe.media-m .stories-nav { font-size: 14px !important; } /* Fix Bad Padding on Main Container */ #pix-fe div.component-content > div.main-container.col2-left-layout { padding: 25px !important; } #pix-fe.checkout-onepage-index.media-m .zoey-styled-select { border: 0 !important; } #pix-fe.checkout-onepage-index.media-m .zoey-styled-select.default select:not(:-webkit-autofill), #pix-fe.checkout-onepage-index.media-m .zoey-styled-select.default select:not(:hover), #pix-fe.checkout-onepage-index.media-m .zoey-styled-select.default select:not(:focus) { background: #fff !important; } #pix-fe.checkout-onepage-index.media-m .zoey-styled-select select { padding: 13px 20px 13px 6px !important; border: 1px solid #e5e5e5 !important; color: #a0a0a0 !important; } /* Text Min Height Fix */ #pix-fe .zoey-core-text-preset1 { min-height: 0 !important; } /*** ACCOUNT CREATION ***/ /* Button */ #pix-fe .account-create #form-validate > div.buttons-set > button { background-color: #ffa600; } /* Mobile Fonts */ #pix-fe.media-m #cp-393ec1df59eed5fa1004f5af9ddd8ca7 * h1, #pix-fe.media-m #cp-393ec1df59eed5fa1004f5af9ddd8ca7 * h2, #pix-fe.media-m #cp-393ec1df59eed5fa1004f5af9ddd8ca7 * h3, #pix-fe.media-m #cp-393ec1df59eed5fa1004f5af9ddd8ca7 * h4, #pix-fe.media-m #cp-393ec1df59eed5fa1004f5af9ddd8ca7 * h5 { font-size: 14px !important; } #pix-fe.media-m #cp-393ec1df59eed5fa1004f5af9ddd8ca7 * p { font-size: 12px !important; } #pix-fe .pix-design-center-layout .zoey-core-body.zoey-core-body-preset2 { background-image: url("//cfrouting.zoeysite.com/cdn-cgi/image/format=auto,fit=scale-down,quality=70/https://s3.amazonaws.com/zcom-media/sites/a0iE000000QK9yZIAT/media/mediamanager/test-stars7.png") !important; background-position: 50% 50%; background-repeat: repeat-x; background-color: black; } #pix-fe h1, #pix-fe h2, #pix-fe h3, #pix-fe h4, #pix-fe h5, #pix-fe p, #pix-fe span, #pix-fe font, #pix-fe option, #pix-fe select, #pix-fe a, #pix-fe strong { font-family: "Didact Gothic", sans-serif !important; } /* Breadcrumbs */ #pix-fe .zoey-core-breadcrumbs p, #pix-fe #zoey-core-breadcrumbs p { color: #fff; } #pix-fe.media-d #zoey-core-breadcrumbs p { font-size: 18px; } #pix-fe.media-t #zoey-core-breadcrumbs p { font-size: 16px; } #pix-fe.media-m #zoey-core-breadcrumbs p { font-size: 14px; } /* Extra Background */ #extrabg { height: 1800px; right: 0 !important; bottom: 0 !important; width: 100%; position: absolute !important; background-image: url("//cfrouting.zoeysite.com/cdn-cgi/image/format=auto,fit=scale-down,quality=70/https://s3.amazonaws.com/zcom-media/sites/a0iE000000QK9yZIAT/media/mediamanager/2018_midground_min.png"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; background-color: black !important; z-index: -1; } /*************** **** HEADER **** ***************/ #pix-fe #cp-5b200fbb73070220302434.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fbb73070220302434.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 74px; } /* Header Box Container */ #pix-fe #cp-5b200fbb76cac658810013 { background: linear-gradient(to right, rgba(59, 185, 255, .05), rgba(59, 185, 255, .45)); } #pix-fe .fixedheader { position: fixed; background: linear-gradient(to right, rgba(0, 0, 0, .9), rgba(59, 185, 255, .9)) !important; } /* Inner Box */ #pix-fe #cp-5b200fbb7c08d440557409 { width: 100% !important; max-width: 1860px !important; } /* Header Cart */ #pix-fe #shopping-cart-table { color: #fff; background: transparent !important; } #pix-fe .zoey-bundle-fixed-bottom-cta { display: none; } #pix-fe .cart-table tbody tr.parent-item td, #pix-fe .parent-item, #pix-fe #cart-sidebar { background-color: transparent !important; } #pix-fe.checkout-cart-index .col-main > .cart .page-title { font-size: 14px; } #pix-fe .zoey-grid .zoey-grid-column .product-cart-info .text-color { color: #000; } #pix-fe #header-cart { /*background: #383838 !important;*/ /*color: #fff !important;*/ border: 2px solid #ffa500; border-radius: 20px 0; overflow: hidden; } #pix-fe .minicart-wrapper .product-name { color: #ffa600 !important; } /*#pix-fe #header-cart * {*/ /* color: #fff !important;*/ /*}*/ #pix-fe #header-cart .button { border: none; background: #ffa500; border-radius: 20px 0; } #pix-fe #header-cart .button:hover { opacity: .8; } #pix-fe #header-cart .product-cart-info .text-color { color: #000; } #pix-fe .minicart-wrapper .quote-items .parent-title-actions .icon-close:hover, #pix-fe .minicart-wrapper .quote-items .product-cart-actions .icon-close:hover, #pix-fe .ui-drawer.zoey-mini-cart-drawer .ui-drawer-header .ui-drawer-close { color: #0079d0; } /* Login */ #pix-fe .zoey-account-links-content { background: #000 !important; border: 1px solid #ffa500 !important; border-radius: 25px 0 !important; } /* Override Default Colour */ #pix-fe .zoey-core-group.zoey-core-group-preset3 { background: transparent !important; } /* CART & ACCOUNT */ #pix-fe .pixafy-onepagecheckout-subtotal { color: #3bbaff; } /* Box */ #pix-fe div.pix-design-component .zoey-core-group .zoey-core-component-group-preset1 { min-width: 100px; } #pix-fe .checkout-types.top li.method-checkout-cart-methods-onepage button, #pix-fe .checkout-types.top li.method-checkout-cart-methods-onepage .button, #pix-fe .checkout-types li.method-continue_shopping_link button, #pix-fe .checkout-types li.method-continue_shopping_link .button { min-width: 230px; border-radius: 15px 0; padding: 5px; font-size: initial; } #pix-fe #shipping-zip-form > ul > li > div > select, #pix-fe #shipping-zip-form > ul > li > div > input { border-radius: 15px 0 !important; background-color: rgba(255, 255, 255, 0.1) !important; border: 1.5px solid rgba(59, 186, 255, 0.2) !important; color: white !important; } #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.cart > div.page-title.title-buttons.primary-border-color > ul > li.method-continue_shopping_link { display: inline !important; } /*#pix-fe.media-m #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.cart > div.page-title.title-buttons.primary-border-color > ul > li.method-continue_shopping_link > button { padding: 10px 2em !important; float: left !important; max-width: 48% !important; } #pix-fe.media-m #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.cart > div.page-title.title-buttons.primary-border-color > ul > li.method-checkout-cart-methods-onepage > button { float: right !important; padding: 10px 2em !important; max-width: 48% !important; } */ #pix-fe .checkout-types li.method-checkout-cart-methods-onepage button, #pix-fe .checkout-types li.method-checkout-cart-methods-onepage .button { border-radius: 25px 0; font-size: initial !important; } #pix-fe .cart-totals-wrapper .cart-total.pixafy-onepagecheckout-grand-total>.row .label { font-size: 1.5em !important; } #pix-fe .cart-totals-wrapper .cart-total.pixafy-onepagecheckout-grand-total>.row { font-size: 1.5em !important; } #pix-fe .cart-totals-wrapper .cart-total.pixafy-onepagecheckout-grand-total>.row .label, #pix-fe .cart-totals-wrapper .cart-total.pixafy-onepagecheckout-grand-total>.row .value { font-size: inherit !important; } /* MENU */ /* STICKY NAVIGATION */ /* Fix Main Links Arrow Position */ #pix-fe #cp-5b200fbb82ef4438408012 .level-top:after { display: none; } #pix-fe #cp-5b200fbb82ef4438408012 .level-top.parent > a span:after { content: "▼"; position: absolute; top: 50%; font-size: 7px; color: #fff; margin-left: 12px; } /* Remove Hover Underline from Top Level Links */ #pix-fe #cp-5b200fbb82ef4438408012 a:hover { text-decoration: none; } /* Sub Menu Fixes */ #pix-fe #cp-5b200fbb82ef4438408012 ul.level0 { border-radius: 0; border: 1px solid #a1a1a1 !important; } #pix-fe #cp-5b200fbb82ef4438408012 { z-index: 9999; } #pix-fe #cp-5b200fbb82ef4438408012 ul.level0 ul.level1 { border-radius: 0; border: 1px solid #a1a1a1 !important; } #pix-fe #cp-5b200fbb82ef4438408012 ul.level0 li:not(:last-of-type) > a:after { content: ""; width: 85%; position: absolute; height: 1px; bottom: 0px; margin: 0 auto; right: 0; left: 0; background: #7b7a78; } #pix-fe #cp-5b200fbb82ef4438408012 a { color: #fff !important; } #pix-fe #cp-5b200fbb82ef4438408012 a:hover { color: #ffa500 !important; } #pix-fe .cp-5b200fbb82ef4438408012 .zoey-nav-primary li ul li.level1.parent > a { padding-right: 10px !important; } #pix-fe .zoey-core-header-top-menu.zoey-core-header-top-menu-preset3 .zoey-nav-primary li ul { border: none !important; border-radius: none !important; } #pix-fe.media-t #cp-5b200fbb82ef4438408012 .zoey-nav-primary { text-align: center !important; } #pix-fe.media-t #cp-5b200fbb82ef4438408012 li.level-top > a { padding: 5px 15px 5px 15px !important; } /* LOGO */ #pix-fe #cp-5b200fbb7ef0d229006610 { min-width: 200px !important; max-width: 200px !important; } #pix-fe.zoey-has-mobile-header.media-m .zoey-core-header-mobile-preset3 .zoey-header-mobile-logo .pix-logo { margin: 0 auto; } /* SEARCH */ #pix-fe.media-d .form-search input, #pix-fe.media-t .form-search input { text-align: right; } #pix-fe.media-m .form-search input { text-align: left; } #pix-fe.media-m .search-container div { align-content: flex-start; } #pix-fe.media-m .form-search input, #pix-fe.media-m .search-container div > .search input { text-align: left; } #pix-fe .search input::-webkit-input-placeholder, #pix-fe .search input:-moz-placeholder, #pix-fe .search input::-moz-placeholder, #pix-fe .search input:-ms-input-placeholder { color: #fff !important; } #pix-fe.media-d .zoey-core-header-search div { min-width: 200px; } #pix-fe.media-t .zoey-core-header-search div { min-width: 150px !important; } #pix-fe.media-m .form-search { border-left: none !important; border-right: none !important; width: 100% !important; max-width: 200px !important; margin: 0 auto !important; font-size: 12px !important; } #pix-fe.media-m .form-search input { font-size: 12px !important; } #pix-fe .zoey-header-mobile-bottom-bar { margin-top: -35px; } /* Mobile */ #pix-fe.media-m #cp-5e4c4a4614e60191212926.pix-design-component { background-image: linear-gradient(rgba(59,186,255,0), rgba(59,186,255,0.15)) !important; border-bottom: 2px rgba(59,186,255,0.18) solid !important; } #pix-fe.media-m .cart-icon-cart:before { color: rgba(59,186,255,0.8) !important; font-size: 1.4em !important; } #pix-fe.media-m #mobile-cart-count { font-size: 1em !important; vertical-align: super !important; } #pix-fe #cp-5e4c4a4614e60191212926 .zoey-header-mobile-search { border-color: rgba(59,186,255,0.18) !important; } #pix-fe .zoey-header-mobile-top-menu-trigger span { display: none; } #pix-fe .zoey-header-mobile-top-menu-trigger { margin: 0 8px; font-size: 20px; } #pix-fe #header-cart-link-mobile { margin-top: 0 !important; right: 5px !important; } /* Mobile Nav */ #pix-fe.media-m #header-cart-mobile { background: #000 !important; padding: 0 20px; } #pix-fe.media-m #header-cart-mobile .cart-button { background-color: #3bbaff; } #pix-fe.media-m #header-cart-mobile .checkout-button { background-color: #ffa600; } #pix-fe.media-m .zoey-header-mobile-top-menu { background-color: #000 !important; padding-top: 15px !important; background-image: linear-gradient(rgba(59,186,255,0), rgba(59,186,255,0.3)) !important; border-right: 2px solid rgba(59,186,255,0.2); } #pix-fe.media-m .zoey-header-mobile-top-menu li a { color: #808080 !important; } #pix-fe.media-m li.level-top > a { font-weight: bold; color: #3bbaff!important; } #pix-fe #header-cart-mobile > div > div.mini-cart-frame > div > div.block-subtitle > a { background-color: rgba(59,186,255,0.6) !important; padding: 1em 2em !important; border-radius: 15px 0 !important; text-decoration: none !important; position: absolute !important; line-height: 0.5 !important; line-height: 0!important; top: 0 !important; } #pix-fe #header-cart-mobile > div > div.mini-cart-frame > div > div.block-subtitle { color: rgba(255,255,255,1) !important; font-size: 1.2em !important; font-weight: lighter !important; border-bottom: none !important; } #pix-fe .minicart-wrapper .mini-products-list { border-top: none !important; border-bottom: 2px rgba(59,186,255,0.2) solid !important; } #pix-fe #cart-sidebar > .parent-item { color: #ffa600!important; } #pix-fe #cart-sidebar > li > div > div > dl.item-options { color: rgba(255,255,255,1) !important; } #pix-fe.media-m .minicart-wrapper .mini-products-list > li { border-bottom: 2px rgba(59,186,255,0.2) solid !important; } #pix-fe.media-m .minicart-wrapper .subtotal .label { color: #ffa600!important; } #pix-fe.media-m #cart-sidebar .product-image-container { margin-top: 10px; border: 2px rgba(59,186,255,0.3) solid !important; border-radius: 15px 0; width: 8em; height: 8em; } #pix-fe .zoey-header-mobile-top-menu-trigger .icon-list { color: inherit; margin-right: 8px; font-size: 1.4em !important; position: absolute !important; top: 0.8em !important; left: 0 !important; z-index: 0 !important; } #pix-fe.media-m .mini-products-list .product-image { width: 100% !important; height: 100% !important; } #pix-fe.media-m .parent > a > span:after { content: ">"; color: #fff; margin-left: 10px; display: inline-block; transition: all .3s; } #pix-fe.media-m .rotate span:after { transform: rotate(90deg); transition: all .3s; } #pix-fe.media-m ul.level0 { display: none; } #pix-fe.media-m ul.level1 { display: none; } @media screen and (min-width: 1300px) and (max-width: 1550px) { #pix-fe.media-d #cp-5b200fbb87b55920385546 { max-width: 300px; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012 { margin-left: -1060.4% !important; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level-top > a { font-size: 14px !important; padding: 5px 14px 5px 14px !important; } } @media screen and (min-width: 769px) and (max-width: 1299px) { #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012 { margin-top: 60px !important; margin-left: -1050.4% !important; width: 100% !important; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level-top > a { padding: 5px 20px 5px 20px !important; } } /* General Video CSS */ #pix-fe .video-container { top: 50%; transform: translate(0, -50%); position: absolute; width: 100%; overflow: hidden; } #pix-fe.media-d .mobile-button { display: none; } #pix-fe .mobile-button { position: absolute; bottom: 0; text-transform: uppercase; width: 100%; height: 40px; color: #fff; background-color: #ffa500; border-radius: 0 0 25px 0; line-height: 1; z-index: 999; } #pix-fe .mobile-button:hover, #pix-fe .mobile-button:active { background-color: #ffa500; } #pix-fe #cp-5b200fdf1f762677389819 .html-content { position: relative; } #pix-fe #cp-5b200fdf1f762677389819 .html-content .video-link { position: absolute; top: 0; width: 100%; height: 100%; } #pix-fe .hidden-image, #pix-fe .image-container { position: relative; background: black; width: 100%; } #pix-fe .hidden-image img, #pix-fe .image-container img { top: 50%; transform: translate(0, -50%); position: absolute; width: 100%; } #pix-fe.media-m .hidden-image img, #pix-fe.media-m .image-container img { margin: auto; left: 0; right: 0; } #pix-fe .video-container video { border-radius: 25px 0; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } /* Hide Play button + controls on iOS */ #pix-fe .video-container video::-webkit-media-controls { display: none !important; } /*** CONTENT SLIDESHOW ***/ #pix-fe #cp-5b200fdf3385d682168744 .pix-slider-base { border: 1px solid #a1a1a1 !important; border-radius: 25px 0 !important; } @media screen and (max-width: 1024px) { #pix-fe #cp-5b200fdf3385d682168744 .slide-btn { display: initial !important; } } /* Box */ #pix-fe #cp-5b200fdf0a1a8854283406 { width: 100% !important; max-width: 1900px !important; } #pix-fe.media-m #cp-5b200fdf0a1a8854283406.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fdf0a1a8854283406.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { padding: 20px !important; } /* Slideshow Box */ #pix-fe #cp-5b200fdf23b34365145994 { overflow: hidden !important; } /* sduct Image Backgrounds */ #pix-fe #cp-5b200fdf23b34365145994 .zoey-product-image { background-color: transparent !important; } /* Newsletter Block */ #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e { width: 100%; margin-top: 30px; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e form { text-align: right; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e input { border: none !important; text-align: left; text-indent: 10px; } #pix-fe.media-m #cp-ad9f9193e836a1de6573adac497b0f3e input { font-size: 14px !important; } #pix-fe.media-m #cp-ad9f9193e836a1de6573adac497b0f3e button { padding: 10px 30px !important; font-size: 14px !important; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e input::-webkit-input-placeholder { color: #000; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e input::-moz-placeholder { color: #000; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e input:-ms-input-placeholder { color: #000; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e input:-moz-placeholder { color: #000; } #pix-fe #cp-ad9f9193e836a1de6573adac497b0f3e button { padding: 15px 40px !important; background-color: #fff !important; color: #000 !important; } /****************************** **** NORMAL CATEGORY PAGES **** *******************************/ /* Layered Nav */ #pix-fe #cp-a4463381d1ea0f6dce6e7f53d115dda4 .zoey-layered-nav { border-radius: 25px 0; background: #464646; } #pix-fe #cp-a4463381d1ea0f6dce6e7f53d115dda4 .zoey-layered-nav dt:not(:first-of-type) { border-top: 1px solid #dad9d9; } #pix-fe #cp-a4463381d1ea0f6dce6e7f53d115dda4 .zoey-layered-nav dt, #pix-fe #cp-a4463381d1ea0f6dce6e7f53d115dda4 .zoey-layered-nav dd { padding: 10px 20px !important; } #pix-fe.media-m #cp-5b200fc110808669363767.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fc2636bc571180860.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fdcf1190294928939.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fc110808669363767.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element, #pix-fe.media-m #cp-5b200fc2636bc571180860.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element, #pix-fe.media-m #cp-5b200fdcf1190294928939.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { padding: 20px !important; } /* CATEGORY LIST BLOCK */ /* Remove White Spacing Around Images */ #pix-fe #cp-5b200fc27dc04934769346 .zoey-product-image, #pix-fe #cp-5b200fc122914006452169 .zoey-product-image, #pix-fe #cp-5b200fdd0715b845888925 .zoey-product-image { background-color: transparent !important; } #pix-fe #cp-5b200fc27dc04934769346 .zoey-product-simple, #pix-fe #cp-5b200fc122914006452169 .zoey-product-simple, #pix-fe #cp-5b200fdd0715b845888925 .zoey-product-simple { background: black; } /* Product Info */ #pix-fe #cp-5b200fc27dc04934769346 .zoey-product-info { position: absolute; padding: 10px 15px 5px 15px; width: 100%; bottom: 0; right: 0; left: 0; top: unset !important; transform: none !important; margin: auto; background-color: rgba(102, 102, 102, .9); border-radius: 0 0 35px 0; } #pix-fe #cp-5b200fc122914006452169 .zoey-list-item-info, #pix-fe #cp-5b200fdd0715b845888925 .zoey-list-item-info { position: absolute; padding: 10px 0; width: 100%; bottom: 0; right: 0; left: 0; top: unset !important; transform: none !important; margin: auto; background-color: rgba(102, 102, 102, .9); border-radius: 0 0 35px 0; } /* Product Name */ #pix-fe #cp-5b200fc122914006452169 .zoey-product-name, #pix-fe #cp-5b200fdd0715b845888925 .zoey-product-name { font-weight: 500 !important; } /* Category Short Description */ #pix-fe .basic-description h1 { color: #fff; text-align: center; margin: 0 0 35px 0; line-height: 1.4; font-size: 22px; font-weight: 500; } #pix-fe .basic-description p { color: #fff; text-align: center; font-size: 16px; line-height: 1.4; } /*** PRODUCT PAGE ***/ #pix-fe .tier-prices .benefit, #pix-fe .tier-prices-grouped .benefit { font-style: unset !important; } /* Alt Tabs */ #pix-fe #cp-5b200fdac9bfe894736178 .tab-content { border-radius: 35px 0 0 0 !important; } #pix-fe #cp-5b200fdac9bfe894736178 .tab-content { top: -1px; position: relative; } #pix-fe #cp-5b200fdac9bfe894736178 .tabs .active { position: relative; border: none; z-index: 9999; } #pix-fe #cp-5b200fdac9bfe894736178 .tabs { margin-left: 22px; } #pix-fe.media-d #cp-5b200fdac9bfe894736178 .tabs li { text-align: center; width: 160px; } /* Product Image */ #pix-fe #cp-5b200fd581453093698196 .product-image-gallery, #pix-fe #cp-5b200fdab74a0423825668 .product-image-gallery { background-color: #000; border: 1px solid #3bbaff; border-radius: 35px 0 35px 0; } #pix-fe #cp-40a1254a64283f0be26ee4cec6cd9add .zoomWindow { border-radius: 35px 0 35px 0; } #pix-fe #cp-5b200fd581453093698196 .product-image-gallery > img, #pix-fe #cp-5b200fdab74a0423825668 .product-image-gallery > img { border-radius: 35px 0 35px 0; } #pix-fe #cp-5b200fd581453093698196 .thumb-link, #pix-fe #cp-5b200fdab74a0423825668 .thumb-link { background-color: #000; } #pix-fe #cp-5b200fd581453093698196 li, #pix-fe #cp-5b200fdab74a0423825668 li { float: right; } /* Product Title */ #pix-fe.media-m #cp-5b200fd592456236992612 h1, #pix-fe.media-m #cp-5b200fdac3f34229417231 h1 { font-size: 18px !important; } /* Related Products */ #pix-fe #cp-5b200fdabba11140535408 { width: 100% !important; max-width: 600px !important; padding: 15px 15px 0 15px; } #pix-fe #cp-5b200fdabba11140535408 .zoey-product-name { line-height: 1.4; } #pix-fe #cp-5b200fdabba11140535408 .button { border-radius: 10px 0; background-color: #ffa500; } #pix-fe #cp-5b200fdabba11140535408 .button:hover { background-color: #3bbaff; } #pix-fe #cp-5b200fdabba11140535408 .zoey-product-image { background-color: black; border-radius: 25px 0; } #pix-fe #cp-5b200fdabba11140535408 .zoey-product-image { border: 1px solid #3bbaff; } /* Boxes */ #pix-fe #cp-5b200fd576110268325832, #pix-fe #cp-5b200fdaac41d543045333 { width: 100% !important; max-width: 1600px !important; } #pix-fe.media-t #cp-5b200fd56f735590692001.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t #cp-5b200fdaa8810690674148.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t #cp-5b200fd56f735590692001.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element, #pix-fe.media-t #cp-5b200fdaa8810690674148.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { padding: 20px !important; } #pix-fe.media-m #cp-5b200fd56f735590692001.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fdaa8810690674148.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fd56f735590692001.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element, #pix-fe.media-m #cp-5b200fdaa8810690674148.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { padding: 20px !important; } #pix-fe.media-m #cp-5b200fd58fae7014994421.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fdac1458472298470.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-5b200fd58fae7014994421.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element, #pix-fe.media-m #cp-5b200fdac1458472298470.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { padding-left: 0 !important; } /* Out of Stock */ #pix-fe #cp-5b200fdac662b147788727 .availability span, #pix-fe #cp-5b200fdac662b147788727 .availability p { color: #ffa600; } /* Short Description */ #pix-fe #cp-5b200fd59658a414693689 .short-description, #pix-fe #cp-5b200fdac662b147788727 .short-description { line-height: 1.4; font-size: 20px !important; } #pix-fe.media-d #cp-5b200fd59658a414693689 .short-description *, #pix-fe.media-d #cp-5b200fdac662b147788727 .short-description *, #pix-fe.media-t #cp-5b200fd59658a414693689 .short-description *, #pix-fe.media-t #cp-5b200fdac662b147788727 .short-description * { font-size: 20px !important; line-height: 1.4; } #pix-fe #cp-5b200fd59658a414693689 .short-description li, #pix-fe #cp-5b200fdac662b147788727 .short-description li { margin-left: 20px !important; } #pix-fe.media-m #cp-5b200fd59658a414693689 .short-description, #pix-fe.media-m #cp-5b200fdac662b147788727 .short-description, #pix-fe.media-m #cp-c321697cc51394aaeee82b009ed1aaa2 .short-description * { font-size: 12px !important; } /* Product Options */ #pix-fe #cp-5b200fd59658a414693689 .product-options, #pix-fe #cp-5b200fdac662b147788727 .product-options { padding-left: 0; padding-right: 0; } #pix-fe #cp-5b200fd59658a414693689 .product-option-render-group, #pix-fe #cp-5b200fdac662b147788727 .product-option-render-group { border-bottom: none !important; } #pix-fe #cp-5b200fd59658a414693689 .product-options dd, #pix-fe #cp-5b200fdac662b147788727 .product-options dd { border-bottom: none !important; } /* #pix-fe #cp-5b200fd59658a414693689 .product-options dd .input-box, #pix-fe #cp-5b200fdac662b147788727 .product-options dd .input-box { font-size: 16px; color: #fff; } */ #pix-fe #cp-5b200fd59658a414693689 .product-options p.required, #pix-fe #cp-5b200fdac662b147788727 .product-options p.required { position: initial !important; float: right; } #pix-fe #cp-5b200fd59658a414693689 .product-options label, #pix-fe #cp-5b200fdac662b147788727 .product-options label { font-size: 16px; font-weight: normal; color: #ffa500; } #pix-fe.media-m #cp-5b200fd59658a414693689 .product-options label, #pix-fe.media-m #cp-5b200fdac662b147788727 .product-options label { font-size: 10px !important; } /* #pix-fe #cp-5b200fd59658a414693689 .product-options select, #pix-fe #cp-5b200fdac662b147788727 .product-options select, #pix-fe #cp-5b200fd59658a414693689 .product-options input, #pix-fe #cp-5b200fdac662b147788727 .product-options input, #pix-fe #cp-5b200fd59658a414693689 .product-options textarea #pix-fe #cp-5b200fdac662b147788727 .product-options textarea { max-width: 200px; height: 35px; margin-top: 5px; background-color: transparent; padding-left: 10px !important; color: #fff; border-color: #fff; -webkit-appearance: none; -moz-appearance: none; } */ #pix-fe #cp-5b200fd59658a414693689 .product-options #giftcard-special-message, #pix-fe #cp-5b200fdac662b147788727 .product-options #giftcard-special-message { max-width: 400px; margin-top: 5px; background-color: transparent; padding-left: 10px !important; color: #fff; border-color: #fff; -webkit-appearance: none; -moz-appearance: none; } #pix-fe #cp-5b200fd59658a414693689 .product-options select option, #pix-fe #cp-5b200fdac662b147788727 .product-options select option { color: black !important; } #pix-fe.media-m #cp-5b200fd59658a414693689 .product-options select, #pix-fe.media-m #cp-5b200fdac662b147788727 .product-options select { font-size: 10px !important; } #pix-fe #product-options-wrapper dl { border-bottom: none !important; } #pix-fe #cp-c321697cc51394aaeee82b00 #product-options-wrapper > .required { float: left !important; } /* Price */ #pix-fe #cp-5b200fd59658a414693689 .price-info, #pix-fe #cp-5b200fdac662b147788727 .price-info { float: left; margin-bottom: 10px !important; padding-left: 0; padding-top: 7px; } #pix-fe.media-m #cp-5b200fd59658a414693689 .price-info, #pix-fe.media-m #cp-5b200fdac662b147788727 .price-info, #pix-fe.media-m #cp-5b200fd59658a414693689 .price-info p, #pix-fe.media-m #cp-5b200fdac662b147788727 .price-info p, #pix-fe.media-m #cp-5b200fd59658a414693689 .price-info span, #pix-fe.media-m #cp-5b200fdac662b147788727 .price-info span { font-size: 18px !important; } /* Cart */ #pix-fe.checkout-cart-index .col-main>.cart .page-title { border-bottom: 2px rgb(59,186,255,0.2) solid !important; } #pix-fe .cart-table thead th { border-color: rgb(59,186,255,0.2) !important; } #pix-fe .cart-table thead th { color: #ffa600 !important; font-weight: bold !important; } #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.cart > div.cart-totals-wrapper > div.shipping-tax-estimator > a { font-size: 1.2em !important; background-color: rgba(59,186,255,0.2) !important; padding: 10px 2em !important; text-decoration: none !important; font-variant: inherit !important; border-radius: 15px 0 !important; display: block !important; text-align: center !important; } #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.cart > div.cart-totals-wrapper > div.shipping-tax-estimator > a:hover { background-color: rgba(59,186,255,0.5) !important; color: rgb(255,255,255) !important; text-decoration: none !important; font-weight: bold !important; } #pix-fe .shipping-tax-estimator { margin-top: 2em !important; } #pix-fe .primary-border-color { border-color: rgba(59,186,255,0.2) !important; } #pix-fe .cart-table .data-table .parent-item .odd { background: transparent !important; } #pix-fe .minicart-wrapper .product-name { color: #ffa600 !important; } #pix-fe.media-m #cart-sidebar .product-name a { color: #ffa600 !important; } #pix-fe.media-m #cart-sidebar .product-image-container { margin-right: 10px !important; } #pix-fe.media-m #cart-sidebar .mini-products-list .product-details .item-options { color: #fff !important; } #pix-fe #cp-5b200fd59658a414693689 .add-to-cart, #pix-fe #cp-5b200fdac662b147788727 .add-to-cart { padding-top: 10px; border: none; } #pix-fe #cp-5b200fd59658a414693689 .qty-wrapper label, #pix-fe #cp-5b200fdac662b147788727 .qty-wrapper label { display: none; } #pix-fe #cp-5b200fd59658a414693689 .qty-wrapper input, #pix-fe #cp-5b200fdac662b147788727 .qty-wrapper input { background: transparent; color: #fff; border-color: #fff; } #pix-fe #cp-5b200fd59658a414693689 .add-to-cart-buttons, #pix-fe #cp-5b200fdac662b147788727 .add-to-cart-buttons { margin-right: 0; } #pix-fe.media-m #cp-5b200fd59658a414693689 .add-to-cart-buttons span, #pix-fe.media-m #cp-5b200fdac662b147788727 .add-to-cart-buttons span { font-size: 13px !important; } #pix-fe .shipping-tax-estimator .shipping-form dl.sp-methods dt { color: #3bbaff !important; font-weight: bold !important; font-size: 1.2em !important; } /* PLUS AND MINUS QUANTITY BUTTONS */ #pix-fe #cp-5b200fd59658a414693689 .inc, #pix-fe #cp-5b200fdac662b147788727 .inc { background: transparent; color: #fff; margin-left: -1px; height: 40px; padding: 0 4px 0 6px; border: 1px solid #fff; border-left: none !important; font-size: 20px !important; line-height: 1.8; border-radius: 0 0 15px 0; } #pix-fe #cp-5b200fd59658a414693689 .dec, #pix-fe #cp-5b200fdac662b147788727 .dec { background: transparent; color: #fff; margin-right: -1px; height: 40px; border: 1px solid #fff; padding: 0 6px 0 4px; border-right: none !important; font-size: 20px !important; line-height: 1.8; border-radius: 15px 0 0 0; } #pix-fe.media-d .inc, #pix-fe.media-d .dec { margin-top: -1px; } #pix-fe #cp-5b200fd59658a414693689 .inc:hover, #pix-fe #cp-5b200fdac662b147788727 .inc:hover, #pix-fe #cp-5b200fd59658a414693689 .dec:hover, #pix-fe #cp-5b200fdac662b147788727 .dec:hover { background-color: #3bbaff; } #pix-fe #cp-5b200fd59658a414693689 .qty-wrapper input, #pix-fe #cp-5b200fdac662b147788727 .qty-wrapper input { float: none !important; } /* Tech Specs */ #pix-fe #cp-5b200fdadacce759293764 .zoey-product-attribute * { line-height: 1.4 !important; color: #fff; font-family: Karla !important } #pix-fe #cp-5b200fdadacce759293764 .zoey-product-attribute { padding: 0 10px; } #pix-fe #cp-5b200fdadacce759293764 { padding: 20px; border-radius: 25px 0 10px 0; background-color: rgba(70, 70, 70, .75); } #pix-fe #cp-5b200fdadacce759293764 h2 { color: #3bbaff !important; text-decoration: underline; } #pix-fe.media-d #cp-5b200fdadacce759293764 h2, #pix-fe.media-d #cp-5b200fdadacce759293764 h2 span { font-size: 22px; } #pix-fe.media-d #cp-5b200fdadacce759293764 p, #pix-fe.media-d #cp-5b200fdadacce759293764 li, #pix-fe.media-d #cp-5b200fdadacce759293764 li, #pix-fe.media-d #cp-5b200fdadacce759293764 span { font-size: 20px; } #pix-fe.media-t #cp-5b200fdadacce759293764 h2, #pix-fe.media-t #cp-5b200fdadacce759293764 h2 span { font-size: 18px !important; } #pix-fe.media-t #cp-5b200fdadacce759293764 p, #pix-fe.media-t #cp-5b200fdadacce759293764 li, #pix-fe.media-t #cp-5b200fdadacce759293764 li, #pix-fe.media-t #cp-5b200fdadacce759293764 span { font-size: 18px; } #pix-fe.media-m #cp-5b200fdadacce759293764 h2 span, #pix-fe.media-m #cp-5b200fdadacce759293764 h2 { font-size: 14px !important; } #pix-fe.media-m #cp-5b200fdadacce759293764 li, #pix-fe.media-m #cp-5b200fdadacce759293764 p, #pix-fe.media-m #cp-5b200fdadacce759293764 span { font-size: 12px !important; } #pix-fe.media-m #cp-b8c7e9a9afedcbe5f8c5a0e2d8508c1d p * { font-size: 12px !important; } /* Reviews */ #pix-fe .zoey-core-product-reviews .review-meta, #pix-fe .zoey-core-product-reviews .title { color: #fff !important; } #pix-fe.media-m .review-content { width: 100% !important; } #pix-fe .zoey-core-product-reviews input, #pix-fe .zoey-core-product-reviews textarea { color: #fff; } #pix-fe #cp-5b200fdae5e38505445204 .form-add { width: 100% !important; } #pix-fe #cp-5b200fdae5e38505445204 #add-review { background: none; border: 1px solid #fff; margin-top: 10px; float: right; padding: 5px 10px; border-radius: 35px 0; } #pix-fe #cp-5b200fdae5e38505445204 .raiting-table-container { margin-top: 15px; } #pix-fe #cp-5b200fdae5e38505445204 { min-width: 0; } #pix-fe #cp-5b200fdae5e38505445204 .rating { background-position: 0px -616px !important; } #pix-fe #cp-5b200fdae5e38505445204 h4 { display: none; } #pix-fe #cp-5b200fdae5e38505445204 textarea, #pix-fe #cp-5b200fdae5e38505445204 input { background-color: transparent !important; } #pix-fe #cp-5b200fdae5e38505445204 .input-group { margin-bottom: 0 !important; } #pix-fe #cp-05406387be450209a8d2b3ba45d43a5c * { color: #fff !important; border-color: #fff !important; } #pix-fe #cp-5b200fdae5e38505445204 h3 { padding: 15px 15px 5px 15px; } #pix-fe.media-d #cp-5b200fdae5e38505445204 #product-review-table ul { max-width: 315px; } #pix-fe.media-t #cp-5b200fdae5e38505445204 #product-review-table ul { max-width: 315px; } #pix-fe #cp-5b200fdae5e38505445204 .button { background-color: #ffa500 !important; border: none !important; border: 1px solid #fff; padding: 10px; } #pix-fe #cp-5b200fdae5e38505445204 .review-body { background-color: #464646; border: none !important; border-radius: 35px 0; } #pix-fe #cp-05406387be450209a8d2b3ba45d43a5c .review-body * { border: none !important; } /* Description */ #pix-fe.media-m #cp-8f71ca294549efa51abb9f72fcfb7fb9.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m #cp-8f71ca294549efa51abb9f72fcfb7fb9.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { padding-left: 0 !important; } #pix-fe #cp-5b200fd588664570144223 .product-description, #pix-fe #cp-5b200fdad41a2923667168 .product-description { line-height: 1.4; font-size: 20px; color: #fff; border-radius: 35px 0; } #pix-fe.media-d #cp-5b200fd588664570144223 .product-description *, #pix-fe.media-d #cp-5b200fdad41a2923667168 .product-description *, #pix-fe.media-t #cp-5b200fd588664570144223 .product-description *, #pix-fe.media-t #cp-5b200fdad41a2923667168 .product-description * { font-size: 20px; line-height: 1.4; } #pix-fe.media-t #cp-5b200fd588664570144223 .product-description, #pix-fe.media-t #cp-5b200fdad41a2923667168 .product-description { font-size: 16px; } #pix-fe.media-t #cp-02dc58e0840a59708ffbf6d2775f80fa .product-description * { line-height: 1.4; font-size: 16px !important; } #pix-fe.media-m #cp-5b200fd588664570144223 .product-description, #pix-fe.media-m #cp-5b200fdad41a2923667168 .product-description { line-height: 1.4; font-size: 12px; } #pix-fe.media-m #cp-02dc58e0840a59708ffbf6d2775f80fa .product-description * { font-size: 12px !important; line-height: 1.4; } /* Product Description - YouTube Videos */ #pix-fe #cp-5b200fdad41a2923667168 iframe { max-width: 100%; } #pix-fe.media-m #cp-5b200fdad41a2923667168 iframe { height: 170px; } /* Star Ratings */ #pix-fe #cp-5b200fd59658a414693689 .rating-box, #pix-fe #cp-5b200fdac662b147788727 .rating-box { float: right !important; } #pix-fe #cp-5b200fd59658a414693689 .rating, #pix-fe #cp-5b200fdac662b147788727 .rating { background-position: 0px -616px !important; } #pix-fe #cp-5b200fd59658a414693689 .ratings, #pix-fe #cp-5b200fdac662b147788727 .ratings { float: right !important; margin-top: 30px !important; margin-bottom: 0 !important; } #pix-fe.media-m #cp-5b200fd59658a414693689 .ratings, #pix-fe.media-m #cp-5b200fdac662b147788727 .ratings { margin-top: 15px !important; margin-bottom: 10px !important; } #pix-fe #cp-5b200fd59658a414693689 .ratings .rating-links, #pix-fe #cp-5b200fdac662b147788727 .ratings .rating-links { margin-top: 30px !important; clear: none !important; float: none !important; } /*** CONTACTS ***/ /* Form */ #pix-fe #contactForm { display: none; } /* Success Message */ #pix-fe .success-msg { margin-top: 25px; } /*** BLOG ***/ /* Overview Description */ #pix-fe .post-content-wrapper .postContent p { line-height: 1.4 !important; font-size: 16px !important; } #pix-fe .main-container h5 { width: 75% !important; max-width: 400px !important; padding-top: 10px !important; } #pix-fe .main-container .toolbar { display: none; } #pix-fe .main-container .main .breadcrumbs { padding-bottom: 35px; } #pix-fe #cp-5b200fbba6c34956027494 > div.component-content > div.main-container.col2-left-layout * { color: #fff !important; background: transparent !important; } #pix-fe .main-container .postTitle { border: none !important; } #pix-fe .main-container .postTitle p { position: relative; } #pix-fe .main-container .postTitle p:after { content: ""; width: 100%; max-width: 400px; position: absolute; height: 1px; bottom: -3px; left: 0; background: #fff; } #pix-fe.media-m .sidebar .block-content { padding: 0 !important; } #pix-fe.media-m .sidebar .block-content, #pix-fe.media-m .sidebar .block { border: none !important; } #pix-fe #cp-5b200fbba6c34956027494 .main-container .postContent > a { display: block !important; padding-top: 30px !important; } /*** EDIT CART PAGE ***/ #pix-fe .main-container .cart { background-color: transparent; } #pix-fe.media-d .main-container .cart { padding: 20px 45px !important; } #pix-fe.media-t .main-container .cart { padding: 20px !important; } #pix-fe.media-m .main-container .cart { padding: 20px !important; } #pix-fe .main-container .btn-checkout { background-color: #ffa600 !important; } #pix-fe #shopping-cart-table .product-cart-info { color: #ffa600 !important; } #pix-fe #shopping-cart-table .product-name * { color: #ffa600 !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-grand-total.cart-total { color: #fff !important; } #pix-fe .checkout-cart-index * { border-color: #ccc !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-tax.cart-total, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-shipping-total.cart-total { padding: 7px 15px; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-tax.cart-total, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-shipping-total.cart-total, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-discount-total.cart-total, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-giftcard-total.cart-total { background-color: rgba(122, 122, 122, .8) !important; margin: 0 !important; color: #ffa600 !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-discount-total.cart-total { border-radius: 25px 0 0 0; padding: 10px 15px 5px 15px; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-giftcard-total.cart-total { border-radius: 0 0 25px 0; padding: 5px 15px 10px 15px; } #pix-fe .continue-shopping-link { background-color: #666 !important; } /*** CHECKOUT PAGE ***/ #pix-fe #shopping-cart-totals-table button { border-radius: 0 !important; } #pix-fe #shopping-cart-totals-table button span { color: #fff !important; } .checkout-onepage-index .col-right { background-color: #000 !important; } .checkout-onepage-index .col-right p, .checkout-onepage-index .col-right h1, .checkout-onepage-index .col-right h2, .checkout-onepage-index .col-right h3, .checkout-onepage-index .col-right a { color: #fff !important; } .checkout-onepage-index .col-right .product-info-container { color: #fff !important; } .checkout-onepage-index .col-right .cart-total span, .checkout-onepage-index .col-right .cart-total { color: #ffa600 !important; } .checkout-onepage-index .button { background-color: #ffa600 !important; border-radius: 10px 0 !important; } .checkout-onepage-index .col-left { background-color: #6f6d6d !important; } .checkout-onepage-index .remember-me-box label, .checkout-onepage-index .step-title h2, .checkout-onepage-index .form-list .flex-container label, .checkout-onepage-index #top-progress-bar *, .checkout-onepage-index .col-left a { color: #fff !important; } .checkout-onepage-index .shipment-methods dt { color: #fff !important; } /* Mobile */ #pix-fe.media-m #top-progress-bar { background: #000 !important; } @media screen and (min-width: 1201px) and (max-width: 1425px) { #pix-fe #cp-5b200fdf1f762677389819 .html-content, #pix-fe #cp-5b200fdf23b34365145994 > .wrapper-content, #pix-fe .image-container, #pix-fe .hidden-image, #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 350px !important; max-height: 350px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615 { max-height: 350px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 350px !important; } #pix-fe #cp-5b200fdfa6cd4087499677 { max-height: 350px !important; overflow: hidden; } #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 350px !important; } #pix-fe #cp-5b200fdf9c39a240798758 { max-height: 350px !important; overflow: hidden; } #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 350px !important; } #pix-fe #cp-5b200fdf23b34365145994 { max-height: 350px !important; overflow: hidden; } #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 350px !important; } #pix-fe #cp-5b200fdfbc6ea977332352 { max-height: 350px !important; overflow: hidden; } #pix-fe #cp-5b200fdfbc6ea977332352.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfbc6ea977332352.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 350px !important; } #pix-fe #cp-5b200fdfbf648178051092 { margin-top: 300px !important; } #pix-fe #cp-5b200fdfbf648178051092 .button { font-size: 14px !important; } } @media screen and (min-width: 951px) and (max-width: 1200px) { #pix-fe #cp-5b200fdf1f762677389819 .html-content, #pix-fe #cp-5b200fdf23b34365145994 > .wrapper-content, #pix-fe .image-container, #pix-fe .hidden-image, #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 315px !important; max-height: 315px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615 { max-height: 315px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 315px !important; } #pix-fe #cp-5b200fdfa6cd4087499677 { max-height: 315px !important; overflow: hidden; } #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 315px !important; } #pix-fe #cp-5b200fdf9c39a240798758 { max-height: 315px !important; overflow: hidden; } #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 315px !important; } #pix-fe #cp-5b200fdf23b34365145994 { max-height: 315px !important; overflow: hidden; } #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 315px !important; } #pix-fe #cp-5b200fdfbc6ea977332352 { max-height: 315px !important; overflow: hidden; } #pix-fe #cp-5b200fdfbc6ea977332352.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfbc6ea977332352.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 315px !important; } #pix-fe #cp-5b200fdfbf648178051092 { margin-top: 265px !important; } #pix-fe #cp-5b200fdfbf648178051092 .button { font-size: 13px !important; } /*** SUB-CATEGORY BLOCK CATEGORY PAGE ***/ #pix-fe #cp-5b200fc275860483215673 .left-column, #pix-fe #cp-5b200fdd04980611307750 .left-column { width: 49%; } #pix-fe #cp-5b200fc275860483215673 .right-column, #pix-fe #cp-5b200fdd04980611307750 .right-column { width: 49%; margin-left: 51%; } #pix-fe #cp-5b200fc275860483215673 .right-column .inner, #pix-fe #cp-5b200fdd04980611307750 .right-column .inner { padding: 0 20px; } #pix-fe #cp-5b200fc275860483215673 .right-column h1, #pix-fe #cp-5b200fdd04980611307750 .right-column h1 { margin: 0 0 20px 0; font-size: 20px; } #pix-fe #cp-5b200fc275860483215673 .right-column p, #pix-fe #cp-5b200fdd04980611307750 .right-column p { font-size: 14px; } } @media screen and (min-width: 769px) and (max-width: 950px) { #pix-fe #cp-5b200fdf1f762677389819 .html-content, #pix-fe #cp-5b200fdf23b34365145994 > .wrapper-content, #pix-fe .image-container, #pix-fe .hidden-image, #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 275px !important; max-height: 275px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615 { max-height: 275px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 275px !important; } #pix-fe #cp-5b200fdfa6cd4087499677 { max-height: 275px !important; overflow: hidden; } #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 275px !important; } #pix-fe #cp-5b200fdf9c39a240798758 { max-height: 275px !important; overflow: hidden; } #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 275px !important; } #pix-fe #cp-5b200fdf23b34365145994 { max-height: 275px !important; overflow: hidden; } #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf23b34365145994.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 275px !important; } #pix-fe #cp-5b200fdfbc6ea977332352 { max-height: 275px !important; overflow: hidden; } #pix-fe #cp-5b200fdfbc6ea977332352.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfbc6ea977332352.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 275px !important; } #pix-fe #cp-5b200fdfbf648178051092 { margin-top: 225px !important; } #pix-fe #cp-5b200fdfbf648178051092 .button { font-size: 14px !important; } /*** SUB-CATEGORY BLOCK CATEGORY PAGE ***/ #pix-fe #cp-5b200fc275860483215673 .left-column, #pix-fe #cp-5b200fdd04980611307750 .left-column { width: 100%; display: block; position: initial; top: initial; transform: initial; } #pix-fe #cp-5b200fc275860483215673 .right-column, #pix-fe #cp-5b200fdd04980611307750 .right-column { width: 100%; margin-left: 0; } #pix-fe #cp-5b200fc275860483215673 .right-column h1, #pix-fe #cp-5b200fdd04980611307750 .right-column h1 { font-size: 20px; } #pix-fe #cp-5b200fc275860483215673 .right-column p, #pix-fe #cp-5b200fdd04980611307750 .right-column p { font-size: 14px; } } @media screen and (min-width: 400px) and (max-width: 479px) { #pix-fe #cp-5b200fdf1f762677389819 .html-content, #pix-fe .image-container, #pix-fe .hidden-image { min-height: 520px !important; max-height: 520px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615 { max-height: 520px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 520px !important; } #pix-fe #cp-5b200fdfa6cd4087499677 { max-height: 520px !important; overflow: hidden; } #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 520px !important; } #pix-fe #cp-5b200fdf9c39a240798758 { max-height: 520px !important; overflow: hidden; } #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 520px !important; } } @media screen and (min-width: 300px) and (max-width: 399px) { #pix-fe #cp-5b200fdf1f762677389819 .html-content, #pix-fe .image-container, #pix-fe .hidden-image { min-height: 470px !important; max-height: 470px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615 { max-height: 470px !important; overflow: hidden; } #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfb0d37802198615.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 470px !important; } #pix-fe #cp-5b200fdfa6cd4087499677 { max-height: 470px !important; overflow: hidden; } #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdfa6cd4087499677.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 470px !important; } #pix-fe #cp-5b200fdf9c39a240798758 { max-height: 470px !important; overflow: hidden; } #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe #cp-5b200fdf9c39a240798758.pix-design-component > .component-content > .group-background-image-container.full-width-element > .full-width-content-element { min-height: 470px !important; } } /**************************** **** SEARCH RESULTS PAGE **** ***************************/ /* Left Sidebar */ #pix-fe .kuContainer { background-color: transparent !important; } /* White Text */ #pix-fe .kuTotResults, #pix-fe .kuSortHeader label, #pix-fe .kuFilters * { color: #fff !important; } /* Products */ #pix-fe .kuName a, #pix-fe .kuName { color: #fff !important; } #pix-fe .kuGridView ul li { border: none !important; } #pix-fe .kuPagination a { background: transparent !important; color: #fff !important; } #pix-fe .kuOrigPrice, #pix-fe .kuPrice, #pix-fe .kuSalePrice { color: #ffa600 !important; } #pix-fe .kuGridView ul li { min-height: 400px !important; } .search-index-index .breadcrumbs { padding-bottom: 0 !important; } .search-index-index .breadcrumbs * { color: #fff !important; } .search-index-index .main-container { padding-top: 20px !important; } #pix-fe .klevuPS-tooltip { background-color: transparent !important; } /*=============================================================================================== /* FROM: root_component.css(108959) /*==============================================================================================*/ #pix-fe .pix-design-center-layout .zoey-core-header.zoey-core-header-preset2.pix-design-component.pix-design-component > .component-content > .group-background-image-container { background-repeat: no-repeat; } #pix-fe.media-d .pix-design-center-layout .zoey-core-header.zoey-core-header-preset2.pix-design-component.pix-design-component > .component-content > .group-background-image-container { background-repeat: no-repeat; } #pix-fe .pix-design-center-layout #cp-5b200fbb76cac658810013.zoey-core-strip-wrapper-preset3.pix-design-component.pix-design-component > .component-content > .group-background-image-container { background-repeat: no-repeat; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb76cac658810013.zoey-core-strip-wrapper-preset3.pix-design-component.pix-design-component > .component-content > .group-background-image-container { background-repeat: no-repeat; } #pix-fe .pix-design-center-layout .zoey-core-body.zoey-core-body-preset2.pix-design-component > .component-content > .group-background-image-container { background-repeat: no-repeat; } #pix-fe.media-d .pix-design-center-layout .zoey-core-body.zoey-core-body-preset2.pix-design-component > .component-content > .group-background-image-container { background-repeat: no-repeat; } #pix-fe .pix-design-center-layout .zoey-core-body.zoey-core-body-preset2 { background-image: url("//zcom-demo-media.s3.amazonaws.com/themes/saga/shutterstock_139409171.jpg"); background-position: 50% 50%; background-repeat: repeat; } #pix-fe.media-d .pix-design-center-layout .zoey-core-body.zoey-core-body-preset2 { background-image: url("//zcom-demo-media.s3.amazonaws.com/themes/saga/shutterstock_139409171.jpg"); background-position: 50% 50%; background-repeat: repeat; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:hover a { color: #333; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:hover a { color: #333; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:hover a { color: #333; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:hover a { color: #333; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:not(:hover) a { color: #333; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:not(:hover) a { color: #333; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:not(:hover) a { color: #333; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:not(:hover) a { color: #333; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:not(:hover) a { color: #fff; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:not(:hover) a { color: #fff; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3:not(:hover) a { color: #fff; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4:not(:hover) a { color: #fff; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5:not(:hover) a { color: #fff; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:not(:hover) a { color: #fff; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:not(:hover) a { color: #fff; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3:not(:hover) a { color: #fff; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4:not(:hover) a { color: #fff; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5:not(:hover) a { color: #fff; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:hover a { color: #0079d0; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:hover a { color: #0079d0; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3:hover a { color: #0079d0; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4:hover a { color: #0079d0; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5:hover a { color: #0079d0; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1:hover a { color: #0079d0; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2:hover a { color: #0079d0; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3:hover a { color: #0079d0; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4:hover a { color: #0079d0; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5:hover a { color: #0079d0; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1 a { text-align: center; font-size: 18px; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2 a { text-align: center; font-size: 18px; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3 a { text-align: center; font-size: 18px; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4 a { text-align: center; font-size: 18px; } #pix-fe .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5 a { text-align: center; font-size: 18px; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1 a { text-align: center; font-size: 18px; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2 a { text-align: center; font-size: 18px; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3 a { text-align: center; font-size: 18px; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4 a { text-align: center; font-size: 18px; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5 a { text-align: center; font-size: 18px; } #pix-fe.media-tm .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1 a { font-size: 14px; } #pix-fe.media-tm .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2 a { font-size: 14px; } #pix-fe.media-tm .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3 a { font-size: 14px; } #pix-fe.media-tm .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4 a { font-size: 14px; } #pix-fe.media-tm .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5 a { font-size: 14px; } #pix-fe.media-t .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level1 a { font-size: 14px; } #pix-fe.media-t .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level2 a { font-size: 14px; } #pix-fe.media-t .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level3 a { font-size: 14px; } #pix-fe.media-t .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level4 a { font-size: 14px; } #pix-fe.media-t .pix-design-center-layout #cp-5b200fbb82ef4438408012.zoey-core-header-top-menu-preset3 li.level5 a { font-size: 14px; } #pix-fe .pix-design-center-layout #cp-5b200fbbd9192486459257.zoey-core-social-links-preset3 .social-link { padding-right: .3%; } #pix-fe.media-d .pix-design-center-layout #cp-5b200fbbd9192486459257.zoey-core-social-links-preset3 .social-link { padding-right: .3%; } /*=============================================================================================== /* FROM: component.css(486506) /*==============================================================================================*/ #pix-fe .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-product-image { background-color: rgba(255, 255, 255, 0); border-width: 0 0 0 0; border-color: rgba(161, 161, 161, 1); } #pix-fe.media-d .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-product-image { background-color: rgba(255, 255, 255, 0); border-width: 0 0 0 0; border-color: rgba(161, 161, 161, 1); } #pix-fe .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-list-item-info .zoey-list-item-title a { background-color: rgba(218, 217, 217, 0); color: #ffa600; font-size: 22px; } #pix-fe.media-d .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-list-item-info .zoey-list-item-title a { background-color: rgba(218, 217, 217, 0); color: #ffa600; font-size: 22px; } #pix-fe .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-list-item { padding: 0 0 0 0; } #pix-fe.media-d .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-list-item { padding: 0 0 0 0; } #pix-fe.media-m .lt-5b200fc0caea6217654477 #cp-5b200fc122914006452169.zoey-core-category-subcategory-list-2 .zoey-list-item-info .zoey-list-item-title a { font-size: 15px; } /*=============================================================================================== /* FROM: component.css(486576) /*==============================================================================================*/ #pix-fe .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-product-image { background-color: rgba(0, 0, 0, 1); border-width: 0 0 0 0; border-color: rgba(161, 161, 161, 1); } #pix-fe.media-d .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-product-image { background-color: rgba(0, 0, 0, 1); border-width: 0 0 0 0; border-color: rgba(161, 161, 161, 1); } #pix-fe .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-list-item-info .zoey-list-item-title a { background-color: rgba(0, 0, 0, 0); color: #ffa600; font-size: 20px; } #pix-fe.media-d .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-list-item-info .zoey-list-item-title a { background-color: rgba(0, 0, 0, 0); color: #ffa600; font-size: 20px; } #pix-fe .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-list-item { padding: 0 0 0 0; } #pix-fe.media-d .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-list-item { padding: 0 0 0 0; } #pix-fe.media-m .lt-5b200fdcc68c4477857482 #cp-5b200fdd0715b845888925.zoey-core-category-subcategory-list-2 .zoey-list-item-info .zoey-list-item-title a { font-size: 15px; } /*=============================================================================================== /* FROM: component.css(486488) /*==============================================================================================*/ #pix-fe .lt-5b200fdec3e8b124475668 #cp-5b200fdf0a1a8854283406.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe.media-d .lt-5b200fdec3e8b124475668 #cp-5b200fdf0a1a8854283406.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe .lt-5b200fdec3e8b124475668 #cp-5b200fdf12c26440753950.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe.media-d .lt-5b200fdec3e8b124475668 #cp-5b200fdf12c26440753950.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe .lt-5b200fdec3e8b124475668 #cp-5b200fdf9c39a240798758.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe.media-d .lt-5b200fdec3e8b124475668 #cp-5b200fdf9c39a240798758.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe .lt-5b200fdec3e8b124475668 #cp-5b200fdfb0d37802198615.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe.media-d .lt-5b200fdec3e8b124475668 #cp-5b200fdfb0d37802198615.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe .lt-5b200fdec3e8b124475668 #cp-5b200fdfa6cd4087499677.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } #pix-fe.media-d .lt-5b200fdec3e8b124475668 #cp-5b200fdfa6cd4087499677.zoey-core-group-preset1.pix-design-component { background-repeat: no-repeat; } /*** WISHLIST PAGE ***/ #wishlist-view-form .price-box p, #wishlist-view-form .price-box span, #wishlist-view-form .wishlist-sku, #wishlist-view-form .customer-wishlist-item-price, #wishlist-view-form .customer-wishlist-item-quantity { color: #ccc !important; } #wishlist-view-form .product-name a { color: #ffa600 !important; } #pix-fe { background-color: black !important; } #pix-fe.media-d > div.wrapper > div.page > div > div > div.col-left > div > div.checkout-header > div.checkout-header-logo, #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-left > div > div.checkout-header > div.checkout-header-logo { padding-top: 0.5em !important; } /* progress bar fix */ #pix-fe.pixonepage-checkout-full .checkout-progress-bar { margin-bottom: 1em !important; } #pix-fe.media-m #zoey-checkout-verify-steps-ajax-error-container { margin: 0 !important; float: right !important; position: absolute !important; right: 5% !important; top: 13.5rem !important; } #pix-fe.media-m > div.wrapper > div.page > div > div > div.col-left { position: static !important; width: 100% !important; top: 0 !important; display: block !important; /*background-color: transparent !important; */ background-image: linear-gradient(rgba(59,186,255,0.2), rgba(59,186,255,0)) !important; overflow: hidden !important; } #pix-fe.media-m > div.wrapper > div.page > div > div > div.col-left > div { padding: 0 !important; width: 100% !important; min-height: 23rem !important; } #pix-fe.media-m > div.wrapper > div.page > div > div > div.col-right { width: 100% !important; position: relative !important; border: none !important; } #pix-fe.media-m .checkout-header { padding: 0 20px 1em 20px !important; } #pix-fe.media-m .checkout-header-logo { padding: 10px !important; width: 100% !important; margin: 0 0 -1em -1em !important; } #pix-fe.media-d > div.wrapper > div.page > div > div > div.col-left > div, #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-left > div { padding: 0 !important; max-width: 90% !important; } /* fields theming */ #pix-fe #billing-new-address-form > fieldset > ul > li > div > div > .input-text, #pix-fe #billing-new-address-form > fieldset > ul > li > div > div > div > .input-text, #pix-fe #billing-new-address-form > fieldset > ul > li > div > .input-text, #pix-fe #billing-new-address-form > fieldset > ul > li > div > div > span > select, #pix-fe #checkout-shipping-method-load > dl > dd > ul > li > label, #pix-fe #zoey-checkout-verify-email-step > div > .input-text, #pix-fe #register-form > div > div > .input-text, #pix-fe #login-form > div > .input-text, #pix-fe #shipping-new-address-form > fieldset > ul > li > div > div > div > .input-text, #pix-fe #shipping-new-address-form > fieldset > ul > li > div > div > .input-text, #pix-fe #shipping-new-address-form > fieldset > ul > li > div > div > span > select, #pix-fe #shipping-new-address-form > fieldset > ul > li > div > .input-text, #pix-fe #allow-gift-messages-for-order-container > ul > li.fields > div > div > .input-text, #pix-fe #allow-gift-messages-for-order-container > ul > li.wide > div > textarea, #pix-fe #opc-payment .zoey-cc-form input-text, #pix-fe #authorizenet_cc_type_exp_div > div > div > span > select, #pix-fe.pixonepage-checkout-full ol.opc li.section .step input[type=text] { border-radius: 15px 0 !important; background-color: rgba(255, 255, 255, 0.1) !important; border: 1.5px solid rgba(59, 186, 255, 0.2) !important; color: white !important; } #pix-fe.media-d #authorizenet_cc_type_exp_div > div > div:nth-child(2) > span > select, #pix-fe.media-t #authorizenet_cc_type_exp_div > div > div:nth-child(2) > span > select { max-width: 90% !important; float: right !important; } #pix-fe.media-m #billing-new-address-form > fieldset > ul > li > div > div > div > .input-text, #pix-fe.media-m #billing-new-address-form > fieldset > ul > li > div > .input-text, #pix-fe.media-m #billing-new-address-form > fieldset > ul > li > div > div > span > select, #pix-fe.media-m #checkout-shipping-method-load > dl > dd > ul > li > label, #pix-fe.media-m #zoey-checkout-verify-email-step > div > .input-text, #pix-fe.media-m #register-form > div > div > .input-text, #pix-fe.media-m #login-form > div > .input-text, #pix-fe.media-m #shipping-new-address-form > fieldset > ul > li > div > div > div > .input-text, #pix-fe.media-m #shipping-new-address-form > fieldset > ul > li > div > div > .input-text, #pix-fe.media-m #shipping-new-address-form > fieldset > ul > li > div > div > span > select, #pix-fe.media-m #shipping-new-address-form > fieldset > ul > li > div > .input-text, #pix-fe.media-m #allow-gift-messages-for-order-container > ul > li.fields > div > div > .input-text, #pix-fe.media-m #allow-gift-messages-for-order-container > ul > li.wide > div > textarea, #pix-fe.media-m #opc-payment .zoey-cc-form input-text, #pix-fe.media-m #authorizenet_cc_type_exp_div > div > div > span > select, #pix-fe.media-m .pixonepage-checkout-full ol.opc li.section .step input[type=text], #pix-fe.media-m #authorizenet_cc_type_cvv_div > div > div:nth-child(1) > input { margin: 1rem 0 0 0 !important; } #pix-fe .pixonepage-checkout-full ol.opc li.section .step label:not([for="allow_gift_messages"]) { margin-bottom: 0.5em !important; color: rgba(255,255,255,0.6) !important; } #pix-fe .gift-messages-form .leave-blank-message { text-align: center !important; font-size: 1em !important; color: rgba(255,255,255,0.3) !important; } #pix-fe #opc-shipping_method input[type="radio"]:checked+label, #pix-fe #checkout-payment-method-load input[type="radio"]:checked+label { background-color: rgba(59,186,255,0.3) !important; } #pix-fe #checkout-shipping-method-load > dl > dd > ul > li > label { font-size: 1.1em !important; padding-left: 2.25em !important; } #pix-fe .zoey-styled-select.default { background: none !important; } /*reduce width left column*/ #pix-fe.media-d > div.wrapper > div.page > div > div > div.col-left, #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-left { max-width: 45% !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-left { background-color: transparent !important; background-image: linear-gradient(rgb(59,186,255,0.2), rgb(59,186,255,0)) !important; } /* stretch order summary right column*/ #pix-fe.media-d > div.wrapper > div.page > div > div > div.col-right, #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-right { border: none !important; max-width: 55% !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top { padding-bottom: 0.5em !important; } /* turn edit cart link into button */ #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div.summary-top-content { margin: 2em 0 !important; width: 100% !important; padding: 0 2em !important; display: flex !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > h3 { float: left !important; font-size: 1.4em!important; font-weight: bold; clear: right !important; max-width: 50% !important; flex: 1 !important; padding-top: 0.5em !important; } #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > h3 { max-width:45% !important; } #pix-fe.media-m > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > h3 { max-width:40% !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a { background-color: rgba(255,166,0,.5)!important; border-radius: 15px 0!important; text-align: center!important; float: right!important; clear: both!important; padding: 0.6em 2em!important; margin: 0!important; max-width: 40%!important; right: 2em!important; position: fixed!important; } #pix-fe.media-m > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a { position: absolute !important; right: 1.5em !important; width: 50% !important; padding: 0.5em 0.5em !important; } #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a { padding: 0.6em 1.6em!important; } /* mobile version that hides on desktop */ #pix-fe > div.wrapper > div.page > div > div > div.col-left > div > div.checkout-header > div.checkout-header-cart-link.hide-tablet.hide-desktop > a:link { background-color: rgba(59,186,255,0.2)!important; padding: 1em 2em !important; border-radius: 20px 0 !important; float: right !important; font-variant: small-caps !important; text-decoration: none !important; position: absolute !important; right: 1em !important; top: 2em !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-left > div > div.checkout-header > div.checkout-header-cart-link.hide-tablet.hide-desktop > a:hover { text-decoration: none !important; font-weight: bold !important; background-color: rgba(59,186,255,0.5)!important; } #pix-fe.media-d > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a, #pix-fe.media-t > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a, #pix-fe.media-dt > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a { width: 25% !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a:link { text-decoration: none!important; font-variant: small-caps!important; font-size: 1.5em !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top > div > a:hover { background-color: rgba(255,166,0,1) !important; text-decoration: none !important; font-variant: small-caps !important; font-weight: bold !important; } /* order summary */ #pix-fe #pixonepagecheckout-cart-sidebar p.product-name, #pix-fe #pixonepagecheckout-cart-sidebar > li > div > div.product-price-container > p > span { font-size: 1.3em !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container, #pix-fe .minicart-wrapper > .mini-products-list, #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.minicart-wrapper, #pix-fe .minicart-wrapper > .mini-products-list > li { border-top: 1px rgba(59,186,255,0.2) solid !important; } #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.summary-top, #pix-fe > div.wrapper > div.page > div > div > div.col-right > div.summary-container > div.minicart-wrapper, #pix-fe .minicart-wrapper > .mini-products-list, #pix-fe .minicart-wrapper > .mini-products-list > li { border-bottom: 1px rgba(59,186,255,0.2) solid !important; } #pix-fe #pixonepagecheckout-cart-sidebar > li > div > div.product-image-container { max-width: 110px !important; border: 2px rgba(59,186,255,0.2) solid !important; background: transparent !important; border-radius: 15px 0 !important; overflow: hidden !important; } #pix-fe #pixonepagecheckout-cart-sidebar > li > div > div.product-info-container { font-size: 1.2em !important; } #pix-fe #pixonepagecheckout-cart-sidebar > li > div { max-width: 100% !important; } /* cart totals */ #pix-fe #shopping-cart-totals-table { font-size: 1.2em !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-subtotal { padding-left: 1em !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-shipping-total.cart-total, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-tax.cart-total{ background-color: transparent !important; border-bottom: 1px rgba(59,186,255,0.2) solid !important; padding: 0.5em 1em !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-grand-total.cart-total { margin: 0 !important; padding: 0.5em 0 0 0 !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-grand-total.cart-total > div > span.label { font-size: 0.8em !important; padding-left: 0.7em !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-grand-total.cart-total > div > span.value { font-size: 0.8em !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-discount-total.cart-total, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-giftcard-total.cart-total { border-radius: 25px 0 25px 0 !important; padding: 1em !important; width: 100% !important; margin: 0 0 1em 0 !important; background-color: rgba(59,186,255,0.2) !important; } #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-discount-total.cart-total > div > a, #pix-fe #shopping-cart-totals-table > div.pixafy-onepagecheckout-giftcard-total.cart-total > div > a { text-decoration: none !important; } /* sign in or page 1 */ #pix-fe.media-d #zoey-checkout-verify-email-step > div.flex-container > label, #pix-fe.media-t #zoey-checkout-verify-email-step > div.flex-container > label { float: left !important; display: block !important; clear: right !important; width: 100% !important; position: relative !important; bottom: -2rem !important; } #pix-fe.media-d #opc-login .zoey-checkout-verify-customer .verify-customer-email-step .toggle-link:not(.hidden), #pix-fe.media-t #opc-login .zoey-checkout-verify-customer .verify-customer-email-step .toggle-link:not(.hidden) { display: inline-block !important; } #pix-fe.media-d #zoey-checkout-verify-email-step > div > input, #pix-fe.media-t #zoey-checkout-verify-email-step > div > input { margin: 0 0 1rem !important; } #pix-fe.media-m #zoey-checkout-verify-email-step > div.flex-container > label { float: left !important; display: block !important; clear: right !important; width: 100% !important; position: relative !important; top: 0 !important; } #pix-fe.media-m #zoey-checkout-verify-email-step > div > input { margin: 1rem 0 important; position: absolute !important; top: 1rem !important; left: 0 !important; } /* turn 'have an account login' link to a button, move it below input field */ #pix-fe.media-d a.login-toggle, #pix-fe.media-t a.login-toggle { font-size: 1.5em !important; font-variant: all-small-caps !important; text-decoration: none !important; margin: 0 !important; padding: 15px 2em !important; text-align: center !important; background-color: rgba(59,186,255,0.6) !important; width: 100% !important; border-radius: 10px 0 10px 0 !important; float: right !important; clear: both !important; top: 8.5rem !important; position: relative !important; } #pix-fe.media-m a.login-toggle { font-size: 1.5em !important; font-variant: all-small-caps !important; text-decoration: none !important; margin: 0 !important; padding: 15px 2em !important; text-align: center !important; background-color: rgba(59,186,255,0.6) !important; width: 100% !important; border-radius: 10px 0 10px 0 !important; float: right !important; clear: both !important; top: 4rem !important; position: relative !important; } /* move checkout as a guest button below account login */ #pix-fe.media-d #onepage-guest-register-button, #pix-fe.media-t #onepage-guest-register-button { padding: 15px 2em!important; margin-bottom: 1em !important; position: relative !important; width: 100% !important; top: 6rem !important; float: left !important; clear: both !important; } #pix-fe.media-m #onepage-guest-register-button { padding: 15px 2em!important; margin-bottom: 1em !important; position: relative !important; width: 100% !important; top: 4.5rem !important; float: left !important; clear: both !important; } /*move 'create an account' to bottom */ #pix-fe.media-d #zoey-checkout-guest-step > div > a, #pix-fe.media-t #zoey-checkout-guest-step > div > a { position: relative !important; display: block !important; float: left !important; clear: both !important; top: 6rem !important; width: 100% !important; } #pix-fe.media-m #zoey-checkout-guest-step > div > a { position: relative !important; display: block !important; float: left !important; clear: both !important; top: 4rem !important; width: 100% !important; } #pix-fe #zoey-checkout-guest-step > div > a:hover { color: rgba(255,166,0,1) !important; text-decoration: none !important; } /* create an account fixes */ #pix-fe.media-d #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link:not(hidden), #pix-fe.media-t #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link:not(hidden) { top: 19rem !important; } #pix-fe.media-d #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link, #pix-fe.media-t #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link { top: 16rem !important; padding: 10px 2em !important; text-align: center !important; background-color: rgba(59,186,255,0.6) !important; width: 100% !important; border-radius: 10px 0 10px 0 !important; font-size: 1.3em !important; font-variant: all-small-caps !important; position: relative !important; } #pix-fe.media-d #login-form > div.button-set > a, #pix-fe.media-t #login-form > div.button-set > a { margin: 0 !important; position: relative !important; top: -4rem !important; float: right !important; clear: both !important; } #pix-fe.media-d #checkout-step-login, #pix-fe.media-t #checkout-step-login { min-height: 16rem !important; } #pix-fe.media-m #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link { float: right !important; clear: both !important; position: relative !important; width: 100% !important; top: 16rem !important; padding: 10px 2em !important; text-align: center !important; background-color: rgba(59,186,255,0.6) !important; width: 100% !important; border-radius: 10px 0 10px 0 !important; font-size: 1.3em !important; font-variant: all-small-caps !important; } #pix-fe.media-m #checkout-step-login { min-height: 18rem !important; } /* change checkout as guest link to button from create an account page */ /* #pix-fe #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link { font-size: 1.1em !important; background-color: rgba(59,186,255,0.2)!important; padding: 15px 2em !important; border-radius: 15px 0 !important; font-variant: small-caps; text-align: center !important; } #pix-fe #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link:hover { font-weight: bold !important; background-color: rgba(59,186,255,0.5) !important; text-decoration: none !important; } #pix-fe.media-m #zoey-checkout-verify-email-step > div.flex-container > a.guest-toggle.toggle-link { width: 100% !important; } #pix-fe #onepage-register-button, #pix-fe #login-form > div.button-set > button { padding: 15px 2em !important; } #pix-fe .opc #opc-login p:not(.required) { font-style: italic; font-size: 13px; color: rgba(59,186,255,0.5); margin-top: 5px !important; } #pix-fe.media-m .opc #opc-login p:not(.required) { margin-bottom: 10px !important; } #pix-fe #zoey-checkout-verify-steps-ajax-error-container { position: absolute !important; transform: translateY(-13px) !important; } */ /* page 2 - shipping details */ #pix-fe .checkout-onepage-index ol.opc li.section .step .input-box { margin-bottom: 0.8em !important; } #pix-fe #opc-billing .form-list > li.control label, #pix-fe #co-shipping-form > ul > li.control label { border-radius: 15px 0 !important; border-color: rgba(59,186,255,0.1) !important; padding: 1em !important; text-align: center !important; font-size: 105% !important; } #co-billing-form > fieldset > .form-list > .control > label { color: #b9b9b9 !important; } #pix-fe .control input[type="radio"]:checked+label, #pix-fe .control input[type="checkbox"]:checked+label { background-color: rgba(59,186,255,0.2) !important; border-color: rgba(59,186,255,0.2) !important; border-radius: 15px 0 !important; padding: 1em !important; color: rgba(255,255,255,1) !important; text-align: center !important; font-weight: bold !important; font-size: 105% !important; } #pix-fe input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: none; } #pix-fe input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; left: -1px; position: relative; background-color: #ffa500; content: ''; display: inline-block; visibility: visible; border: none; } /* page 3 shipping methods */ #pix-fe .gift-messages .control label { border: 1px rgba(59,186,255,0.2) solid !important; border-radius: 15px 0 !important; background-color: rgba(59,186,255,0.05) !important; padding: 1em !important; font-size: 1em !important; color: rgba(255,255,255,0.5) !important; } #pix-fe .gift-messages .control input[type="checkbox"] { visibility: hidden !important; } #pix-fe .gift-messages-form { background: rgba(59,186,255,0.1) !important; border-radius: 15px 0 !important; } #pix-fe #allow-gift-message-container > p > label { color: rgba(255,255,255,0.5) !important; font-size: 1.1em !important; font-weight: 100 !important; } #pix-fe #allow-gift-messages-for-order-container > ul > li.wide > label, #pix-fe #allow-gift-messages-for-order-container > ul > li.fields > div > label { font-weight: 200 !important; color: rgba(255,255,255,0.8) !important; font-size: 1.2em !important; } #pix-fe .gift-messages-form .form-list li { max-width: 100% !important; } /* page 4 payment and terms and conditions */ #pix-fe #checkout-agreements .checkout-agreements .agreement-content { background-color: rgba(59,186,255,0.1) !important; border-radius: 15px 0 !important; margin-bottom: 1rem !important; border: 2px solid rgba(59,186,255,0.1) !important; padding: 15px 2em !important; color: rgba(255,255,255,0.8) !important; } #pix-fe #opc-payment .sp-methods dt label { border-radius: 15px 0 !important; background-color: rgba(255, 255, 255, 0.1) !important; border: 1.5px solid rgba(59, 186, 255, 0.1) !important; color: white !important; padding: 1em 0 1em 3em !important; font-size: 1.1em !important; } #pix-fe #checkout-agreements > ol > li > h4 { text-align: center !important; } #pix-fe #checkout-agreements > ol > li > p.agree.required > label { color: rgba(255,255,255, 1) !important; } #pix-fe .form-list>li { color: rgba(255,255,255,0.8) !important; } /* page 5 order review */ #checkout-step-review > .block-progress > .block-title { color: #ffa600; font-size: 1.2em !important; font-weight: bold !important; } #checkout-step-review > div.block > .block-content > dl > div > dt, #billing-progress-opcheckout > dt, #shipping-progress-opcheckout > dt { color: rgb(59,186,255) !important; font-size: 1.1em !important; } #billing-progress-opcheckout > dd > address, #shipping-progress-opcheckout > dd > address, #shipping_method-progress-opcheckout > dd, #payment-progress-opcheckout > dd > p, #billing-progress-opcheckout > dd > div:nth-child(2) > p { color: #fff !important; margin-bottom: 1em !important; padding-bottom: 1em !important; } #checkout-review-submit > div.newsletter_subscription_wrapper > label { color: #fff !important; margin-left: 10px; } #billing-progress-opcheckout > a, #shipping-progress-opcheckout > a, #shipping_method-progress-opcheckout > a, #payment-progress-opcheckout > a { background-color: rgba(59,186,255,0.6) !important; padding: 5px 15px !important; border-radius: 10px 0 !important; } #billing-progress-opcheckout > a:hover, #shipping-progress-opcheckout > a:hover, #shipping_method-progress-opcheckout > a:hover, #payment-progress-opcheckout > a:hover { background-color: rgba(59,186,255,1) !important; text-decoration: none !important; } #shipping_method-progress-opcheckout > dt, #payment-progress-opcheckout > dt { margin-top: 1em !important; } /* for create an account page */ /* #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout { padding: 0 0 30px !important; } #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc { padding: 20px 45px!important; } #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div { width: auto !important; margin: 0 !important; } #pix-fe.media-m #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > div:nth-child(3) { margin: 0 !important; } #pix-fe.media-d #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > h2, #pix-fe.media-t #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > h2 { padding: 20px 0 0 0 !important; margin: 6px 10px 15px 0 !important; font-weight: bold !important; float: left !important; font-size: 1.6em !important; } #pix-fe.media-d #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > p, #pix-fe.media-t #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > p { float: right !important; position: absolute !important; display: inline-block !important; clear: left !important; padding: 2.5% 1.7em 0 1em !important; font-size: 1.2em !important; width: auto !important; } #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-firstname > div > input[type="text"], #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-lastname > div > input[type="text"], #pix-fe #form-validate > div.fieldset > ul > li > div > input[type="email"], #pix-fe #form-validate > div.fieldset > ul > li > div > div > input[type="password"] { border-radius: 15px 0 !important; background-color: rgba(255, 255, 255, 0.1) !important; border: 1.5px solid rgba(59, 186, 255, 0.2) !important; color: white !important; width: 100% !important; } #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-firstname > label, #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-lastname > label, #pix-fe #form-validate > div.fieldset > ul > li:nth-child(2) > label, #pix-fe #form-validate > div.fieldset > ul > li.fields > div > label { font-size: 1.1em !important; font-weight: 600 !important; padding: 0.5em 0 0.2em 0 !important; color: #ffa500 !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div { display: inline-flex !important; flex-wrap: nowrap !important; width: 100% !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-firstname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-firstname, #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-lastname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-lastname { flex: 1 !important; max-width: 50% !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-firstname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-firstname { margin-right: 1.5em !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-lastname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-lastname { margin-left: 1.5em !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(4), #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(4) { display: block !important; float: left !important; margin-right: 1.5em !important; width: auto !important; clear: both !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(5), #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(5) { display: block !important; float: left !important; margin-left: 1.5em !important; width: auto !important; clear: right !important; } #pix-fe.media-d #form-validate > div.buttons-set, #pix-fe.media-t #form-validate > div.buttons-set { margin: 3em 0 0 0 !important; padding-top: 1em !important; border-top: 1px rgba(59,186,255,0.5) solid !important; } #pix-fe.media-m #form-validate > div.buttons-set { display: flex !important; margin: 1em 0 !important; padding-top: 1em !important; border-top: 1px rgba(59,186,255,0.5) solid !important; } #pix-fe.media-d #form-validate > div.buttons-set > p > .back-link, #pix-fe.media-t #form-validate > div.buttons-set > p > .back-link { border-radius: 15px 0!important; text-align: center!important; float: left!important; clear: both!important; padding: 0.6em 2em!important; margin: 0!important; position: relative !important; line-height: 1.2 !important; background-color: rgba(59,186,255,0.6)!important; } #pix-fe.media-m #form-validate > div.buttons-set > p > .back-link { border-radius: 15px 0!important; text-align: center!important; flex: 1 !important; padding: 0.75em 2em!important; margin: 0!important; position: relative !important; line-height: 1.2 !important; left: 0 !important; background-color: rgba(59,186,255,0.6)!important; } #pix-fe.media-d #form-validate > div.buttons-set > p > .back-link:hover, #pix-fe.media-t #form-validate > div.buttons-set > p > .back-link:hover { background-color: rgba(59,186,255,1)!important; text-decoration: none !important; color: rgba(255,255,255,1) !important; font-weight: bold !important; } #pix-fe .account-create #form-validate>div.buttons-set>button { background-color: rgba(255,166,0,0.5) !important; border-radius: 15px 0 !important; } #pix-fe .account-create #form-validate>div.buttons-set>button:hover { background-color: rgba(255,166,0,1) !important; font-weight: bold !important; } #pix-fe.media-m .account-create #form-validate>div.buttons-set>button { background-color: rgba(255,166,0,1) !important; font-weight: bold !important; flex: 2 !important; margin-left: 1em !important; right: 0 !important; } */ /* for create an account page */ #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc { padding: 20px 45px!important; } #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > p { width: 100% !important; text-align: center; float: left; clear: both; padding: 0 0 1em 0; font-size: large; margin: 0 !important; } #pix-fe .col1-layout .col-main { position: relative; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(218,217,217,.5); border-radius: 35px 0 35px 0; background-image: linear-gradient(to bottom, rgba(255,255,255,0.25), rgba(0,0,0,.25)); } #pix-fe label.required:after { color: rgb(247, 150, 70) !important; font-size: larger; } #pix-fe label { font-size: 1.1em !important; color: #ffa500 !important; } #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout { padding: 6em 6em 4em 6em !important; } #pix-fe #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div { width: auto !important; margin: 0 !important; } #pix-fe.media-m #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > div:nth-child(3) { margin: 0 !important; } #pix-fe.media-d #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > h2, #pix-fe.media-t #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > h2 { padding: 20px 0 0 0!important; margin: 0 !important; font-weight: bold!important; float: none; color: rgb(77 203 224); text-align: center !important; font-size: 2em !important; font-family: 'karla' !important; } #pix-fe.media-d #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > p, #pix-fe.media-t #full-width-element-2 > div > div.body-non-dc-content > div.main-container.col1-layout > div > div > div.account-create.pix-acc > div > p { /* float: right !important; position: absolute !important; display: inline-block !important; clear: left !important; padding: 2.5% 1.7em 0 1em !important; font-size: 1.2em !important; */ width: 100% !important; } #pix-fe .section-text { overflow: inherit !important; } #form-validate > div.fieldset { width: 100% !important; } #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-firstname > div > input[type="text"], #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-lastname > div > input[type="text"], #pix-fe #form-validate > div.fieldset > ul > li > div > input[type="email"], #pix-fe #form-validate > div.fieldset > ul > li > div > div > input[type="password"], #wh_introduction, #wh_facebook, #wh_instagram, #store_name, #wh_phone, #website, #wh_terms_agree, #wh_type, #company { border-radius: 15px 0!important; background-color: rgba(0,0,0,.3)!important; border: 1.5px solid rgba(59,186,255,.2)!important; color: #fff!important; width: 100%!important; padding: 1em; } #wh_terms_agree { padding: 2.5% 2.5% 2.5% 10%; } select#wh_terms_agree { font-size: medium !important; } #form-validate > div.fieldset > ul > li:nth-child(10) > label { margin-right: 1em !important; font-size: medium !important; font-weight: 600 !important; } #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-firstname > label, #pix-fe #form-validate > div.fieldset > ul > li > div > div.field.name-lastname > label, #pix-fe #form-validate > div.fieldset > ul > li:nth-child(2) > label, #pix-fe #form-validate > div.fieldset > ul > li.fields > div > label { font-size: 1.1em !important; font-weight: 600 !important; padding: 0.5em 0 0.2em 0 !important; color: #ffa500 !important; } /* #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div { display: inline-flex !important; flex-wrap: nowrap !important; width: 100% !important; } */ .customer-name { width: 100% !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(2) > div > div.field.name-firstname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(2) > div > div.field.name-firstname, #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(2) > div > div.field.name-lastname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(2) > div > div.field.name-lastname { width: 100% !important; max-width: 45% !important; display: inline-block !important; } #pix-fe.media-d .field.name-firstname, #pix-fe.media-t .field.name-firstname, #pix-fe.media-d .field.name-lastname, #pix-fe.media-t .field.name-lastname { width: 100% !important; max-width: 45% !important; display: inline-block !important; } #pix-fe.media-d .field.name-lastname, #pix-fe.media-t .field.name-lastname { float: right !important; clear: both !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-firstname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-firstname { margin-right: 1.5em !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-lastname, #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(1) > div > div.field.name-lastname { margin-left: 1.5em !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(4), #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(4) { display: block !important; float: left !important; margin-right: 1.5em !important; width: 100% !important; clear: left !important; max-width: 50% !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(5), #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(5) { display: inline-block !important; width: 100% !important; max-width: 48% !important; } #pix-fe.media-d #form-validate > div.fieldset > ul > li:nth-child(6), #pix-fe.media-t #form-validate > div.fieldset > ul > li:nth-child(6) { display: inline-block !important; width: 100% !important; max-width: 48% !important; margin-left: 4% !important; } #form-validate > div.fieldset > ul > li:nth-child(7) { display: block !important; width: 100% !important; max-width: 100% !important; clear: both !important; } #form-validate > div.fieldset > ul > li:nth-child(10) { display: inline-flex !important; flex-wrap: nowrap !important; width: 100% !important; } #form-validate > div.fieldset > ul > li:nth-child(10) > label { flex: 2 !important; } #form-validate > div.fieldset > ul > li:nth-child(10) > div { flex: 1 !important; } #pix-fe.media-d #form-validate > div.buttons-set, #pix-fe.media-t #form-validate > div.buttons-set { margin: 3em 0 0 0 !important; padding-top: 1em !important; border-top: 1px rgba(59,186,255,0.5) solid !important; } #pix-fe.media-m #form-validate > div.buttons-set { display: flex !important; margin: 1em 0 !important; padding-top: 1em !important; border-top: 1px rgba(59,186,255,0.5) solid !important; } #pix-fe.media-d #form-validate > div.buttons-set > p > .back-link, #pix-fe.media-t #form-validate > div.buttons-set > p > .back-link { border-radius: 15px 0!important; text-align: center!important; float: left!important; clear: both!important; padding: 0.6em 2em!important; margin: 0!important; position: relative !important; line-height: 1.2 !important; background-color: rgba(59,186,255,0.6)!important; } #pix-fe.media-m #form-validate > div.buttons-set > p > .back-link { border-radius: 15px 0!important; text-align: center!important; flex: 1 !important; padding: 0.75em 2em!important; margin: 0!important; position: relative !important; line-height: 1.2 !important; left: 0 !important; background-color: rgba(59,186,255,0.6)!important; } #pix-fe.media-d #form-validate > div.buttons-set > p > .back-link:hover, #pix-fe.media-t #form-validate > div.buttons-set > p > .back-link:hover { background-color: rgba(59,186,255,1)!important; text-decoration: none !important; color: rgba(255,255,255,1) !important; font-weight: bold !important; } #pix-fe .account-create #form-validate>div.buttons-set>button { background-color: rgba(255,166,0,0.5) !important; border-radius: 15px 0 !important; } #pix-fe .account-create #form-validate>div.buttons-set>button:hover { background-color: rgba(255,166,0,1) !important; font-weight: bold !important; } #pix-fe.media-m .account-create #form-validate>div.buttons-set>button { background-color: rgba(255,166,0,1) !important; font-weight: bold !important; flex: 2 !important; margin-left: 1em !important; right: 0 !important; } /* for WH registration */ .zb2b-registration-index .col-center>form { width: 100% !important; } #wh_introduction { width: 100% !important; min-height: 5em !important; }