/* Globals */ .screen-reader-text {clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important;} .clear {clear:both;} /* BADGE */ .now-badge {display:flex;width:fit-content;background:#29ABE2;color:#fff;font-size:14px;font-weight:600;line-height:1.2;padding:4px 16px 6px 16px;border-radius:48px;text-transform:uppercase;} .subscription-badge {display:flex;width:fit-content;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1em;padding:2px 4px 3px 4px;letter-spacing:.5px;text-transform:uppercase;} /* GLOBAL PRICE STYLING */ span.price ins, .item-price ins {text-decoration:none!important;} span.price, .item-price {font-size:16px;line-height:1em;} span.price > del, .item-price > del {font-family:var(--font-primary);font-size:14px;font-weight:700;color:#777;display:inline-block;width:fit-content;margin:0 3px 0 0;} span.price > del > span, .item-price > del > span {font-size:inherit;} /* PRICE OVERRIDES */ .sidebar-cart-upsell span.price > ins, .sidebar-cart-upsell .item-price > ins, ul.products > li span.price > ins, ul.products > li .item-price > ins, .sidebar-cart-upsell .woocommerce-Price-amount bdi {font-weight:700;} .sidebar-cart-item.subscription span.price > del, .sidebar-cart-item.subscription .item-price > del, .wcsatt-options-prompt-action span.price > del, .wcsatt-options-prompt-action .item-price > del {display:block;width:100%;margin-bottom:3px;} span.subscription-details {display:inline-block!important;width:fit-content!important;font-weight:400!important;} ul.products > li span.price {font-size:21px;} /* PAYPAL */ .ppc-button-wrapper {margin:20px 0;} /* Select 2 */ .select2-hidden-accessible {border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;} .select2-container {box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;} .select2-container .select2-selection--single {box-sizing:border-box;cursor:pointer;display:block;height:28px;margin:0 0 -4px;-webkit-user-select:none;user-select:none;} .select2-container .select2-selection--single .select2-selection__rendered {display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .select2-container--default .select2-selection--single .select2-selection__rendered {color:var(--color-black);line-height:28px;} .select2-dropdown {background-color:var(--color-white);border:1px solid #ebe9eb;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;box-shadow:0 3px 7px rgba(0,0,0,.3);} .select2-container--open .select2-dropdown {left:0;} .select2-container--open .select2-dropdown--below {border-top:none;border-top-left-radius:0;border-top-right-radius:0;} .select2-search--dropdown {display:block;padding:4px;} .select2-search--dropdown .select2-search__field {padding:4px;width:100%;box-sizing:border-box;} .select2-container--default .select2-search--dropdown .select2-search__field {border:1px solid #ebe9eb;} .select2-results {display:block;} .select2-results__options {list-style:none;margin:0;padding:0;} .select2-container--default .select2-results>.select2-results__options {max-height:200px;overflow-y:auto;} .select2-results__option[aria-selected], .select2-results__option[data-selected] {cursor:pointer;} .select2-results__option {padding:6px;-webkit-user-select:none;user-select:none;} .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {background-color:#ebe9eb;} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {background-color:var(--color-primary);color:var(--color-white);} /* Woocommerce > Star Rating */ .woocommerce .star-rating {font-size:16px;margin-bottom:15px;display:block;overflow:hidden;position:relative;height:16px;line-height:1;width:90px;font-family:"Font Awesome 6 Free";font-weight:900;} .woocommerce .star-rating::before {content:"\f005\f005\f005\f005\f005";font-weight:400;color:#cfc8d8;float:left;top:0;left:0;position:absolute;} .woocommerce .star-rating span {overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:24px;} .woocommerce .star-rating span::before {content:"\f005\f005\f005\f005\f005";top:0;left:0;position:absolute;} .woocommerce-LoopProduct-link .star-rating {display:none;} /* Woocommerce > Buttons */ .woocommerce #respond input#submit, .woocommerce a.button:not(.add_to_wishlist):not(.delete_item):not(.wcs_deletion_error):not(.product-add-to-cart a), .woocommerce button.button, .woocommerce input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button:not(.add_to_wishlist):not(.delete_item):not(.wcs_deletion_error):not(.product-add-to-cart a), .woocommerce-page button.button, .woocommerce-page input.button, .page #respond input#submit, .page a.button:not(.add_to_wishlist):not(.delete_item):not(.wcs_deletion_error):not(.product-add-to-cart a), .page button.button, .page input.button {position:relative;white-space:normal;border:0 !important;background-color:var(--color-primary) !important;color:var(--color-white) !important;border-radius:0;padding:20px 60px !important;font-size:16px;line-height:20px;text-transform:uppercase;font-family:var(--font-secondary);display:inline-flex;align-items:center;justify-content:center;transition:color .3s ease-in-out, background-color .3s ease-in-out;} .woocommerce #respond input#submit:hover, .woocommerce a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a):hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a):hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .page #respond input#submit:hover, .page a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a):hover, .page button.button:hover, .page input.button:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a):focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce-page #respond input#submit:focus, .woocommerce-page a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a):focus, .woocommerce-page button.button:focus, .woocommerce-page input.button:focus, .page #respond input#submit:focus, .page a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a):focus, .page button.button:focus, .page input.button:focus {background-color:var(--color-grey-dark) !important;color:var(--color-white) !important;} .woocommerce #respond input.disabled#submit, .woocommerce a.button.disabled:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a), .woocommerce button.button.disabled, .woocommerce input.button.disabled, .woocommerce-page #respond input.disabled#submit, .woocommerce-page a.button.disabled:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a), .woocommerce-page button.button.disabled, .woocommerce-page input.button.disabled, .page #respond input.disabled#submit, .page a.button.disabled:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a), .page button.button.disabled, .page input.button.disabled {opacity:.5;cursor:not-allowed;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] {opacity:1;cursor:not-allowed;background-color:#c9c9c9 !important;color:var(--color-black) !important;} .woocommerce-MyAccount-content a.wcs_deletion_error {font-size:0!important;padding:20px 28px!important;position:relative;white-space:normal;border:0 !important;background-color:var(--color-primary) !important;color:var(--color-white) !important;border-radius:0;line-height:20px;text-transform:uppercase;font-family:var(--font-secondary);display:inline-flex;align-items:center;justify-content:center;transition:color .3s ease-in-out, background-color .3s ease-in-out;} .woocommerce-MyAccount-content a.wcs_deletion_error::before {content:"\f014";font-family:"Font Awesome 6 Free";font-weight:900;font-size:16px;} /* Woocommerce > Input Plus/Minus */ .form-group.quantity {margin-bottom:0;} .input-plusminus {display:flex;position:relative;background-color:var(--color-white);width:100px;max-width:100%;flex-shrink:0;border:1px solid var(--color-primary);} .input-plusminus .btn-qty {width:35px;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:15px;flex-shrink:0;} .input-plusminus .quantity {flex-grow:1;} .input-plusminus .input-text {background-color:transparent;text-align:center;padding:20px 0;border:0;font-size:18px;line-height:20px;font-weight:400;outline:none !important;flex-grow:1;max-width:30px;} .input-plusminus .input-text::-webkit-outer-spin-button , .input-plusminus .input-text::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;} .input-plusminus .input-text[type=number] {-moz-appearance:textfield;appearance:none;width:100%;max-width:100%;} /* Woocommerce > Shop Aside */ #woocommerce-shop-aside {padding:15px 15px 1px;background-color:var(--color-grey);} #woocommerce-shop-aside #sidebar-mobile-toggle {font-size:21px;font-weight:700;} #woocommerce-shop-aside .sidebar-mobile-collapse {padding-top:15px;} #woocommerce-shop-aside h3 {font-size:16px;font-weight:700;text-transform:none;} #woocommerce-shop-aside ul {padding:0;list-style:none;} #woocommerce-shop-aside .product-categories {margin-bottom:15px;} #woocommerce-shop-aside .product-categories, #woocommerce-shop-aside .product-categories li {list-style-type:none;} #woocommerce-shop-aside .product-categories li > ul {margin-top:5px;margin-left:25px;margin-bottom:10px;} #woocommerce-shop-aside .product-categories li {margin-bottom:5px;} #woocommerce-shop-aside .product-categories li.current-cat > a {color:var(--color-primary);} /* Woocommerce > MyAccount sidebar */ .woocommerce-MyAccount-navigation {float:left;width:30%;} .woocommerce-MyAccount-navigation > ul {margin:0 0 30px;list-style:none;background-color:#F6F6F6;padding:15px;color:var(--color-black);} .woocommerce-MyAccount-navigation > ul > li + li {padding-top:10px;} .woocommerce-MyAccount-navigation > ul > li {margin:0 -15px;} .woocommerce-MyAccount-navigation > ul > li > a {display:block;padding:0 15px;border-left:3px solid transparent;color:var(--color-primary) !important;} .woocommerce-MyAccount-navigation > ul > .is-active > a {color:var(--color-primary);font-weight:700;border-color:var(--color-primary);} /* Woocommerce > Loop Products */ .woocommerce ul.products {margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:30px 0;--woocommerce-list-product-width:22.05%;} .woocommerce ul.products::before, .woocommerce ul.products::after {display:block;} .woocommerce ul.products.columns-1 {--woocommerce-list-product-width:100%;} .woocommerce ul.products.columns-2 {--woocommerce-list-product-width:48%;} .woocommerce ul.products.columns-3 {--woocommerce-list-product-width:30.75%;} .woocommerce ul.products.columns-5 {--woocommerce-list-product-width:16.95%;} .woocommerce ul.products.columns-6 {--woocommerce-list-product-width:13.5%;} .woocommerce ul.products li.product {width:var(--woocommerce-list-product-width);margin-right:2.5%;position:relative;float:left;text-align:center;} .woocommerce ul.products li.product a {color:var(--color-black);text-decoration:none;} /* .woocommerce ul.products li.product .loop-image {background-color:var(--color-grey);} */ .woocommerce ul.products li.product .loop-image img {width:100%;max-width:100%;height:450px;object-fit:contain;display:block;margin-bottom:15px;box-shadow:none;} .woocommerce ul.products li.product .woocommerce-loop-product__title {font-size:22px;font-weight:700;padding:10px 0;margin:0;} .woocommerce ul.products.swiper-wrapper {flex-wrap:nowrap;gap:0;} .woocommerce ul.products.swiper-wrapper li.product {width:100%;margin:0;} /* Woocommerce > Loop Products (has subscription) */ .woocommerce ul.products li.product.has-subscription-plans span.price > small.wcsatt-sub-options {font-size:16px!important;display:block;white-space:nowrap;font-weight:400;line-height:1.2;color:var(--color-grey-dark);margin-top:5px;} .woocommerce ul.products li.product.has-subscription-plans span.price > small.wcsatt-sub-options > span.wcsatt-dash, .woocommerce ul.products li.product.has-subscription-plans span.price > small.wcsatt-sub-options > del {display:none;} /* Woocommerce > Pagination */ .woocommerce-pagination, .woocommerce-pagination > ul {display:flex;justify-content:center;margin-top:30px;} .woocommerce nav.woocommerce-pagination ul {border:0;margin:0;display:inline-flex;gap:10px;} .woocommerce nav.woocommerce-pagination ul::before, .woocommerce nav.woocommerce-pagination ul::after {display:none;} .woocommerce nav.woocommerce-pagination ul li {border:0;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {display:flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 5px;font-size:16px;color:var(--color-grey-dark);background-color:var(--color-white);border:1px solid var(--color-grey-dark);box-shadow:none;transition:color .3s ease-in-out, background-color .3s ease-in-out;} .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span:hover, .woocommerce nav.woocommerce-pagination ul li span:focus {color:var(--color-grey-dark);background-color:var(--color-grey);border-color:var(--color-grey-dark);} .woocommerce nav.woocommerce-pagination ul li span.current {color:var(--color-white);background-color:var(--color-grey-dark);border-color:var(--color-grey-dark);pointer-events:none;} .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next {font-size:0;} .woocommerce nav.woocommerce-pagination ul li a.prev::before {content:"\f104";font-family:"Font Awesome 6 Free";font-weight:900;font-size:16px;} .woocommerce nav.woocommerce-pagination ul li a.next::before {content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;font-size:16px;} /* Woocommerce > Loop Products > Onsale/New */ .woocommerce ul.products li.product .onsale, .woocommerce .product .onsale {position:absolute;text-align:center;top:10px;left:10px;right:unset;margin:0;font-size:16px;font-weight:400;line-height:1.2;min-height:unset;min-width:unset;padding:5px;border-radius:0;color:var(--color-white);background-color:var(--color-primary);} .woocommerce ul.products li.product .new, .woocommerce .product .new {top:10px;left:10px;right:unset;margin:0;font-size:16px;font-weight:400;line-height:1.2;min-height:unset;min-width:unset;padding:5px;border-radius:0;color:var(--color-white);background-color:var(--color-primary);} .woocommerce ul.products li.product .onsale + .new, .woocommerce .product .onsale + .new {top:45px;} .woocommerce ul.products li.product .new + .onsale, .woocommerce .product .new + .onsale {top:45px;} /* Woocommerce > Forms */ /* .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width:47%;overflow:visible;} .woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {content:" ";display:table;} .woocommerce form .form-row-first, .woocommerce-page form .form-row-first {float:left;} .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {float:right;} .woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {clear:both;} */ .woocommerce form .form-row label {display:flex;margin-bottom:5px;} .woocommerce form .woocommerce-privacy-policy-text {margin-bottom:15px;} .woocommerce form .woocommerce-form-row.form-row:last-child {margin-bottom:0;} .woocommerce form .woocommerce-LostPassword.lost_password {margin-bottom:0;} .woocommerce form .woocommerce-password-strength.bad {color:#CC4F4B !important;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border:1px solid var(--color-grey-dark);border-radius:0;padding:14px 15px;font-size:16px;font-weight:400;line-height:20px;color:var(--color-black);width:100%;margin:0;outline:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea::placeholder {color:var(--color-grey-dark);} .woocommerce form .form-row input.input-text[readonly], .woocommerce form .form-row textarea[readonly] {background-color:var(--color-grey);} .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {color:var(--color-black);border-color:var(--color-primary) !important;box-shadow:0 0 0.25rem 0.25rem rgba(61,153,245,.25);} .woocommerce .form-control.border {border:1px solid var(--color-grey-dark);} .woocommerce form .form-row .required {color:red;font-weight:700;border:0 !important;text-decoration:none;} .woocommerce .select2 {border:1px solid #ebe9eb;height:50px;position:relative;font-size:16px;color:var(--color-black);margin-bottom:10px;} .woocommerce .selection {position:absolute;transform:translate(0, -50%);top:50%;left:15px;right:15px;} .woocommerce .selection .select2-selection {border:unset !important;color:var(--color-black);background:none;} .woocommerce .woocommerce-shipping-fields {margin-top:40px;} .woocommerce #order_comments_field {margin-top:40px;} .woocommerce .woocommerce-form__label-for-checkbox {position:relative;} .woocommerce .woocommerce-form__label-for-checkbox input {position:absolute;z-index:-1;opacity:0;} .woocommerce .woocommerce-form__label-for-checkbox span {position:relative;padding-left:35px;display:inline-block;cursor:pointer;} .woocommerce .woocommerce-form__label-for-checkbox span::before {content:"";position:absolute;top:3px;left:0;width:20px;height:20px;border:1px solid #dee2e6;background-color:var(--color-white);border-radius:3px;transition:all .15s ease-in-out;} .woocommerce .woocommerce-form__label-for-checkbox span:hover::before {background-color:var(--color-grey);} .woocommerce .woocommerce-form__label-for-checkbox span::after {content:"";position:absolute;left:7px;top:6px;width:6px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);transition:all .15s ease-in-out;} .woocommerce .woocommerce-form__label-for-checkbox input:checked + span::before {background-color:var(--color-primary);border-color:var(--color-primary);} .woocommerce .woocommerce-form__label-for-checkbox input:checked + span::after {-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);} .woocommerce .woocommerce-form__label-for-checkbox input[aria-required="true"] + span {padding-left:40px;} .woocommerce .woocommerce-form__label-for-checkbox .required {position:absolute;top:0;left:30px;} /* Woocommerce > Forms > Show password */ .woocommerce form .password-input input, .woocommerce-page form .password-input input {padding-right:55px;} .woocommerce form .password-input, .woocommerce-page form .password-input {display:flex;flex-direction:column;justify-content:center;position:relative;} .woocommerce form .show-password-input, .woocommerce-page form .show-password-input {position:absolute;top:14px;right:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;} .woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {content:"\f06e";font-family:"Font Awesome 6 Free";font-weight:900;margin:0;font-size:16px;} .woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after {content:"\f070";} /* Woocommerce > Forms > Payments */ .wc_payment_methods .wc_payment_method > label {position:relative;padding-left:35px;display:inline-block;cursor:pointer;font-weight:700;} .wc_payment_methods .wc_payment_method > input {position:absolute;z-index:-1;opacity:0;} .wc_payment_methods .wc_payment_method > label::before {content:"";position:absolute;top:7px;left:0;width:20px;height:20px;border:1px solid #dee2e6;background-color:var(--color-white);border-radius:100%;transition:all .15s ease-in-out;} .wc_payment_methods .wc_payment_method > label:hover::before {background-color:var(--color-grey);} .wc_payment_methods .wc_payment_method > label::after {content:"";position:absolute;left:6px;top:13px;width:8px;height:8px;background-color:var(--color-white);border-radius:100%;-webkit-transform:scale(0);transform:scale(0);transition:all .15s ease-in-out;} .wc_payment_methods .wc_payment_method > input:checked + label::before {background-color:var(--color-primary);border-color:var(--color-primary);} .wc_payment_methods .wc_payment_method > input:checked + label::after {-webkit-transform:scale(1);transform:scale(1);} ul.payment_methods img.stripe-icon {mix-blend-mode: darken;} ul.payment_methods > li > input[type="radio"] {accent-color:#000;} ul.woocommerce-SavedPaymentMethods {padding:0;margin-bottom:8px;} ul.woocommerce-SavedPaymentMethods > li {display:flex;align-items:flex-start;gap:8px;padding:4px 0;} ul.woocommerce-SavedPaymentMethods > li > input[type="radio"] {margin-top:4px;accent-color:#000;} ul.woocommerce-SavedPaymentMethods > li > label {display:block;line-height:1.4em;} ul.woocommerce-SavedPaymentMethods > li::marker {content:none;} /* Woocommerce > Pages */ .woocommerce main .woocommerce, .woocommerce-page main .woocommerce {--bs-gutter-x:var(--body-row-gutter-x);--bs-gutter-y:0;width:100%;padding-top:var(--section-padding-y);padding-left:calc( var(--bs-gutter-x) * .5 );padding-bottom:var(--section-padding-y);padding-right:calc( var(--bs-gutter-x) * .5 );margin-left:auto;margin-right:auto;} @media only screen and (min-width:576px) {.woocommerce main .woocommerce, .woocommerce-page main .woocommerce {max-width:540px;}} @media only screen and (min-width:768px) {.woocommerce main .woocommerce, .woocommerce-page main .woocommerce {max-width:720px;}} @media only screen and (min-width:992px) {.woocommerce main .woocommerce, .woocommerce-page main .woocommerce {max-width:960px;}} @media only screen and (min-width:1200px) {.woocommerce main .woocommerce, .woocommerce-page main .woocommerce {max-width:1140px;}} @media only screen and (min-width:1400px) {.woocommerce main .woocommerce, .woocommerce-page main .woocommerce {max-width:1320px;}} .woocommerce-form-coupon-toggle, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {margin-left:15px;margin-right:15px;} .woocommerce-error, .woocommerce-info, .woocommerce-message {display:inline-flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 0 20px;position:relative;color:#515151;background-color:#f6f5f8;border-top:3px solid #000;list-style:none outside;width:auto;word-wrap:break-word;padding:1em 2em 1em 3em;outline:0 !important;font-size:18px;text-align:left;} .woocommerce-error a, .woocommerce-info a, .woocommerce-message a {text-align:center;} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {font-family:"Font Awesome 6 Free";content:"\f2d0";font-weight:900;display:inline-block;position:absolute;top:1em;left:1em;} .woocommerce-error {border-color:#CC4F4B;color:#CC4F4B;background-color:#fff8f8;} .woocommerce-info {border-color:var(--color-black);} .woocommerce-info::before {color:var(--color-black);} .woocommerce-message {border-color:#198754;} .woocommerce-message::before {color:#198754;} .woocommerce-message a.button {height:50px !important; padding:1em !important} .single-product .woocommerce-message {background-color:#eaf1ee;border-color:#198754;width:400px;max-width:100%;margin-bottom:40px;margin-top:-40px;padding-left:45px;} .single-product .woocommerce-message::before {color:#198754;left:18px;} /* .single-product.woocommerce-page .woocommerce-message .button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a), .woocommerce-page.woocommerce-orders .woocommerce-message .button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a), .woocommerce-page.woocommerce-subscriptions .woocommerce-message .button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a) {width:100%;padding:0 !important;text-transform:none;font-size:18px;background-color:transparent !important;height:auto !important;justify-content:flex-start;color:var(--color-black) !important;font-family:var(--font-primary);font-weight:700;} */ .woocommerce-page.woocommerce-orders .woocommerce-message, .woocommerce-page.woocommerce-subscriptions .woocommerce-message {background-color:#f6f6f6;} .woocommerce-checkout .woocommerce-info {background-color:#f6f6f6;font-size:18px;font-weight:700;flex-direction:column;gap:10px;} .woocommerce-checkout .woocommerce-info a {font-weight:400;font-size:16px;} .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {margin-top:30px;} .woocommerce-message, .woocommerce-error {border-top:unset!important;border-left-width:3px;border-left-style:solid;} .single-product .woocommerce-notices-wrapper {display: flex;justify-content: flex-end;} .single-product .woocommerce-notices-wrapper:has(> div) {margin-bottom: 32px;} .single-product .woocommerce-notices-wrapper > div[role="alert"] {display:flex;flex-wrap:wrap;gap:10px;position:relative;color:#515151;background-color:#f6f5f8;border-top:unset!important;list-style:none outside;width:100%;word-wrap:break-word;padding:1em 1.5em;margin:0;outline:0 !important;font-size:16px;text-align:left;} .single-product .woocommerce-notices-wrapper > div[role="alert"]::before {display:none!important;} .single-product .woocommerce-notices-wrapper > div[role="alert"] > a {position: relative;white-space: normal;border: 0 !important;background-color: var(--color-primary) !important;color: var(--color-white) !important;border-radius: 0;padding: 20px 60px !important;font-size: 16px;line-height: 20px;text-transform: uppercase;font-family: var(--font-secondary);display: inline-flex;align-items: center;justify-content: center;transition: color .3s ease-in-out, background-color .3s ease-in-out;} .single-product .woocommerce-notices-wrapper > .woocommerce-error {border-left: 3px solid #CC4F4B !important;} .single-product .section-upsell {display:none;} /* Woocommerce > Account */ .woocommerce-page .navbar.navbar-default {box-shadow:0 0 7px rgba(0,0,0,.3);} .woocommerce-page .section-header.bg-header {padding-bottom:0;} .woocommerce-page.post-type-archive-product .section-header.bg-header {padding-bottom:var(--section-padding-y);background-image:url(/wp-content/themes/ocean/assets/img/bg-head-shop.webp);color:var(--color-white);} .woocommerce-page.post-type-archive-product .section-header.bg-header .breadcrumb_last {color:var(--color-white);} .woocommerce-page .section.section-breadcrumbs {background-color:transparent;font-size:16px;padding-bottom:30px;} .woocommerce-page .section.section-breadcrumbs + .woocommerce {padding-top:0;} .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {content:" ";display:table;} .woocommerce-account .woocommerce::after {clear:both;} .woocommerce-account .woocommerce-MyAccount-content {float:right;width:68%;} .woocommerce-account .woocommerce-EditAccountForm legend {margin-top:30px;} .woocommerce-account .woocommerce-EditAccountForm button[type="submit"], .woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {margin-top:30px;} .woocommerce-PaymentMethods input[type="checkbox"]#wc-stripe-update-subs-payment-method-card {all:revert;accent-color:#000;} /* Woocommerce > Account > Addresses */ .woocommerce-account .woocommerce-Addresses {margin-top:30px;} .woocommerce-account .woocommerce-Addresses .title {margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;} .woocommerce-account .woocommerce-Addresses .title h2 {font-size:20px;margin:0;} .woocommerce-account .woocommerce-Addresses .title h3 {margin:0;float:none;flex-grow:1;} .woocommerce-account .woocommerce-Addresses .title .edit {float:none;display:block;flex-shrink:0;width:35px;height:35px;font-size:0;border-radius:10px;background-color:var(--color-grey);display:flex;align-items:center;justify-content:center;margin-left:10px;} .woocommerce-account .woocommerce-Addresses .title .edit:hover {color:#000;} .woocommerce-account .woocommerce-Addresses .title .edit::before {content:"\f044";font-size:16px;font-weight:900;font-family:"Font Awesome 6 Free";color:inherit;} /* Woocommerce > Login */ .woocommerce-account:not(.logged-in) .section-header, .woocommerce-account:not(.logged-in) .section-breadcrumbs {display:none;} .woocommerce-account:not(.logged-in) .woocommerce {padding-top:var(--section-padding-y) !important;} .woocommerce-account:not(.logged-in) .woocommerce .col2-set, .woocommerce-account:not(.logged-in) .woocommerce-page .col2-set {align-items:flex-start;} .woocommerce .col2-set, .woocommerce-page .col2-set {--bs-gutter-x:var(--body-row-gutter-x);display:flex;flex-wrap:wrap;gap:30px 0;width:auto;margin-left:calc( var(--bs-gutter-x) * -.5 );margin-right:calc( var(--bs-gutter-x) * -.5 );} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {width:50%;padding-left:calc( var(--bs-gutter-x) * .5 );padding-right:calc( var(--bs-gutter-x) * .5 );display:flex;flex-direction:column;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width:50%;padding-left:calc( var(--bs-gutter-x) * .5 );padding-right:calc( var(--bs-gutter-x) * .5 );display:flex;flex-direction:column;} .woocommerce-form-coupon-toggle, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {margin:0;flex-grow:1;} .woocommerce-form-login .woocommerce form .form-row input.input-text, .woocommerce-form-register .woocommerce form .form-row input.input-text {border:1px solid #cfc8d8;} .woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox {display:block;margin-bottom:15px;} .woocommerce-input-wrapper span.optional {display:none!important;} /* Woocommerce > Dashboard */ .woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content p a {font-weight:700;} /* Woocommerce > Single Products */ .woocommerce .product {position:relative;} .woocommerce .product .images img {display:block;width:100%;height:100%;box-shadow:none;object-position:center center;object-fit:contain;} .woocommerce .product form.cart .variations label {font-weight:700;text-align:left;} .woocommerce.single-product .main-content {position:relative;display:flex;gap:30px;} .woocommerce.single-product .product-type-variable .main-content .entry-summary > .price { font-size:21px; line-height:26px; } .woocommerce.single-product .main-content .price {font-size:16px;font-family:var(--font-secondary);margin:0;line-height:1.2;color:var(--color-primary);} .woocommerce.single-product .main-content .price ins {display:inline-block;text-decoration:none;} .woocommerce.single-product .main-content h1.product_title {font-size:36px;margin-bottom:32px;line-height:1.1em;} .woocommerce.single-product .main-content .woocommerce-product-details__short-description p {font-size:18px;line-height:1.2;margin-bottom:15px;} .woocommerce.single-product .main-content .product_meta, .woocommerce.single-product .main-content .product_meta > * {display:block;margin-top:20px;} .woocommerce.single-product .main-content .woocommerce-product-gallery {position:relative;flex:1;flex-shrink:0;width:50%;} .woocommerce.single-product .main-content .woocommerce-product-gallery .woocommerce-product-gallery__trigger {position:absolute;top:7px;right:7px;font-size:25px;z-index:9;width:36px;height:36px;background-color:#fff;text-indent:-9999px;border-radius:200%;box-sizing:content-box;} .woocommerce.single-product .main-content .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {content:"";display:block;width:10px;height:10px;border:2px solid #000;border-radius:100%;position:absolute;top:10px;left:10px;} .woocommerce.single-product .main-content .woocommerce-product-gallery .woocommerce-product-gallery__trigger::after {content:"";display:block;width:2px;height:8px;background:#000;border-radius:6px;position:absolute;top:17px;left:20px;transform:rotate(-45deg);} .woocommerce.single-product .main-content .woocommerce-product-gallery .woocommerce-product-gallery__image {aspect-ratio:1;padding-bottom:40px;} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-control-nav {list-style:none;padding:0;margin:0;display:inline-flex;align-items:center;gap:10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%,0);} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-control-nav img {display:block;width:10px;height:10px;object-fit:contain;object-position:-10px -10px;border-radius:100%;background-color:var(--color-white);border:1px solid var(--color-primary);cursor:pointer;transition:background-color .15s ease-in-out;overflow:hidden;} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-control-nav img.flex-active {background-color:var(--color-primary);} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-direction-nav {padding:0;margin:0;list-style:none;} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-direction-nav > li > a {position:absolute;top:50%;transform:translate(0,-50%);z-index:9;width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:20px;background-color:rgba(255,255,255,.3);border-radius:100%;text-indent:100%;white-space:nowrap;overflow:hidden;} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-direction-nav .flex-prev {left:0;background-image:url(/wp-content/themes/ocean/assets/icons/icon-carousel-left.svg);} .woocommerce.single-product .main-content .woocommerce-product-gallery .flex-direction-nav .flex-next {right:0;background-image:url(/wp-content/themes/ocean/assets/icons/icon-carousel-right.svg);} .woocommerce.single-product .main-content .summary {width:50%;padding-right:180px;} .woocommerce.single-product .quantity-wrapper {display:flex;flex-wrap:wrap;gap:30px 15px;align-items:center;margin-top:30px;} .woocommerce.single-product .main-content form.cart div.quantity {float:unset !important;margin:0 !important;} .woocommerce.single-product .main-content form.cart .woocommerce-product-excerpt p {margin:0;} .woocommerce.single-product .main-content form.cart .button {float:unset!important;margin:30px 0 0 0 !important;width:100%;padding-left:15px !important;padding-right:15px !important;order:6;} .woocommerce.single-product .main-content form.cart .single_add_to_cart_button::before {content:"";position:relative;bottom:2px;display:block;flex-shrink:0;width:15px;height:15px;margin-right:10px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(/wp-content/themes/ocean/assets/icons/icon-cart-white.svg);} .woocommerce.single-product .main-content form.cart .single_add_to_cart_button[disabled]::before, .woocommerce.single-product .main-content form.cart .single_add_to_cart_button.disabled::before {background-image:url(/wp-content/themes/ocean/assets/icons/icon-cart.svg);} .woocommerce.single-product .main-content form.cart #waitlist_btn {margin-top:15px!important;} /* .woocommerce.single-product .main-content form.cart .button.waitlist::after {content:'\f004';font-family:"Font Awesome 6 Free";font-weight:900;display:inline-block;color:inherit;margin-left:10px;font-size:16px;position:relative;top:-3px;} */ .woocommerce.single-product .woocommerce-product-rating .star-rating {margin-top:0;} .woocommerce .product-related {padding:var(--section-padding-y) var(--section-padding-x);} .woocommerce .product-related .section-title {margin-bottom:20px;} .woocommerce .product-related .section-title h3 {font-size:27px;margin-bottom:8px;} .woocommerce .product-related .product .product-image {position:relative;width:100%;height:auto;aspect-ratio:1/1;margin-bottom:1em;} .woocommerce .product-related .product .product-image img {width:100%;height:100%;object-fit:contain;object-position:center center;display:block;} .woocommerce .product-related .product .product-title {font-size:18px;} .woocommerce .product-related .product:hover, .woocommerce .product-related .product:focus {all:inherit;cursor:pointer;} .pswp__caption .pswp__caption__center {text-align:center;} /* Woocommerce > Product simple */ .woocommerce.single-product .product-type-simple form.cart {position:relative;} .woocommerce.single-product .product-type-simple ul.wcsatt-options-prompt-radios {margin-top:20px;} .woocommerce.single-product .product-type-simple .price small.wcsatt-sub-options {display:none;} .woocommerce.single-product .product-type-simple .form-group.quantity, .woocommerce.single-product .product-type-simple .woocommerce-product-excerpt {display:inline-flex;align-items:center;} /* Woocommerce > Product simple > taste variations */ .woocommerce.single-product .taste-variations {display:flex;align-items:center;justify-content:flex-start;gap:1.2em;margin-bottom:16px;} .woocommerce.single-product .taste-variations a.variation-item {width:64px;height:64px;padding:4px;border-radius:100%;background-color:#efefef;} .woocommerce.single-product .taste-variations a.variation-item:hover {outline:solid 2px #000;outline-offset:2px;} .woocommerce.single-product .taste-variations a.variation-item img {width:100%;height:100%;object-fit:contain;} .woocommerce.single-product .taste-variations a.variation-item.active {pointer-events:none;outline:solid 2px #000;outline-offset:2px;} .woocommerce.single-product .taste-variations a.variation-item.active img {opacity:0.5;} .woocommerce.single-product .variation-output {font-size: 16px;font-family: var(--font-secondary);text-transform: uppercase;} /* Woocommerce > Variation > Product */ .woocommerce.single-product div.product form.cart .variations {width:100%;border:0;} .woocommerce.single-product div.product form.cart .variations .product-variation {margin-bottom:40px;} .woocommerce.single-product div.product form.cart .variations .product-variation:last-child {margin-bottom:0;} .woocommerce.single-product div.product form.cart .variations td, .woocommerce.single-product div.product form.cart .variations th {color:var(--color-black);font-size:16px;vertical-align:middle;} .woocommerce.single-product div.product form.cart .variations th {display:table-cell;width:120px;padding:2px;text-align:left;} .woocommerce.single-product div.product form.cart .variations .form-select {margin:0;} .woocommerce.single-product div.product form.cart .variations .reset_variations {display:none !important;} .woocommerce.single-product div.product form.cart .variations .custom-variations {display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;} .woocommerce.single-product div.product form.cart .variations .custom-variations label {position:relative;margin:0;} .woocommerce.single-product div.product form.cart .variations .custom-variations input {position:absolute;z-index:-1;opacity:0;visibility:hidden;} .woocommerce.single-product div.product form.cart .variations .custom-variations .radio__indicator {cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:outline .15s ease-in-out;} .woocommerce.single-product div.product form.cart .variations .custom-variations .radio__indicator.img {outline:2px solid #EFEFEF;width:50px;height:50px;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:var(--color-grey);} .woocommerce.single-product div.product form.cart .variations .custom-variations .radio__indicator.label {padding:.75em 2em;border-radius:0;color:#333;background-color:var(--color-grey);} .woocommerce.single-product div.product form.cart .variations .custom-variations label:hover .radio__indicator, .woocommerce.single-product div.product form.cart .variations .variations-options input:checked + .radio__indicator {outline-color:var(--color-primary);} .woocommerce.single-product div.product form.cart .variations .custom-variations label:hover .radio__indicator.label, .woocommerce.single-product div.product form.cart .variations .variations-options input:checked + .radio__indicator.label {color:#FFF;background:var(--color-primary);outline-color:var(--color-primary);} .woocommerce.single-product div.product form.cart .variations .variation-output {font-size:16px;font-family:var(--font-secondary);text-transform:uppercase;} /* .woocommerce.single-product .main-content form.cart {display:block !important;} */ /* .woocommerce.single-product .main-content .variations_form .price {margin-bottom:15px;display:block !important;} */ .woocommerce.single-product .main-content .variations_form .yith-wcwl-icon {margin:0 !important;} .woocommerce.single-product .main-content .woocommerce-variation-add-to-cart .yith-wcwl-add-to-wishlist {display:inline-block !important;} .woocommerce.single-product .main-content .woocommerce-variation-add-to-cart .blockOverlay {width:30px !important;right:0 !important;left:unset !important;} /* Woocommerce > Variation > Price */ .woocommerce.single-product .single_variation_wrap {margin-top:48px;} .woocommerce.single-product .woocommerce-variation-price {margin-top:8px;font-size:16px;font-family: var(--font-secondary);text-transform: uppercase;} .woocommerce.single-product .wcsatt-options-product-prompt {margin:0;} .woocommerce.single-product ul.wcsatt-options-prompt-radios {display:flex;padding:0;gap:8px;} .woocommerce.single-product ul.wcsatt-options-prompt-radios > li {width:100%;border:solid 1px var(--color-grey);border-radius:8px;margin:0;} .woocommerce.single-product ul.wcsatt-options-prompt-radios > li > label {width:100%;height:100%;display:block;} .woocommerce.single-product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action {width:100%;padding:0;text-align:center;} .woocommerce.single-product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action > .inner {width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:32px 16px;position:relative;font-size:18px;font-weight:400;gap:8px;} .woocommerce.single-product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action .subscription-price-wrapper {display:flex;flex-direction:column;align-items:center;} .woocommerce.single-product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action .subscription-price > span {width:100%;display:block;text-align:center;white-space:nowrap;} .woocommerce.single-product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action .subscription-price > span.subscription-details {font-weight:400;font-family:"sofia-pro", sans-serif;font-size:16px;} .woocommerce.single-product .wcsatt-options-prompt-label .discount-amount {position:absolute;top:-14px;} .woocommerce.single-product .wcsatt-options-prompt-label > span::before {content:"";position:absolute;top:50%;left:8px;transform:translate(0,-50%);width:20px;height:20px;background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:100%;} .woocommerce.single-product .wcsatt-options-prompt-label > span::after {content:"";position:absolute;top:50%;left:13px;transform:translate(0,-50%) scale(0);width:10px;height:10px;background-color:var(--color-primary);border-radius:100%;transition:transform .15s ease-in-out;} .woocommerce.single-product .wcsatt-options-prompt-label > input:checked + span::after {transform:translate(0,-50%) scale(1);transition:transform .15s ease-in-out;} .subscription-price-wrapper {font-size:0;} .subscription-price-wrapper > span.price > .subscription-details {font-size:12px;} .woocommerce.single-product .wcsatt-options-prompt-label {position:relative;width:100%;cursor:pointer;} .woocommerce.single-product .wcsatt-options-prompt-label input {position:absolute;top:0;right:0;z-index:-1;opacity:0;visibility:hidden;} /* Woocommerce > Has subscription > Add to Cart */ .woocommerce.single-product .has-subscription-plans form.cart > .price {display:none;} .woocommerce.single-product .custom-subscription-details {display:none;background-color:#F4F4F4;flex-direction:column;width:100%;margin-top:30px;} .woocommerce.single-product .custom-subscription-details.active {display:flex;} .woocommerce.single-product .custom-subscription-details .detail-head {padding:15px;border-bottom:1px solid #DFD9D9;} .woocommerce.single-product .custom-subscription-details h4 {margin:0;font-family:var(--font-primary);font-size:18px;font-weight:700;} .woocommerce.single-product .custom-subscription-details .table {margin:0;} .woocommerce.single-product .custom-subscription-details .table tr td, .woocommerce.single-product .custom-subscription-details .table tr th {padding:15px;border:0;background-color:transparent;font-size:18px;} .woocommerce.single-product .custom-subscription-details .table tr + tr td, .woocommerce.single-product .custom-subscription-details .table tr + tr th {padding-top:5px;} .woocommerce.single-product .custom-subscription-details .table tr td:last-child, .woocommerce.single-product .custom-subscription-details .table tr th:last-child {text-align:right;} .woocommerce.single-product .custom-subscription-details .table tr td .date {color:#838383;display:block;} /* .woocommerce.single-product .woocommerce-variation-add-to-cart {display:flex;flex-wrap:wrap;gap:30px 15px;align-items:center;margin-top:40px;} */ .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-wrapper:before {display:none;} .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-action-label {position:relative;cursor:pointer;} .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-action-label input {position:absolute;top:0;right:0;z-index:-1;opacity:0;visibility:hidden;} .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-action-label > span {padding-left:35px;position:relative;} .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-action-label > span::before {content:"";position:absolute;top:50%;left:0;transform:translate(0,-50%);width:20px;height:20px;background-color:var(--color-white);border:1px solid var(--color-primary);} .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-action-label > span::after {content:"";position:absolute;top:4px;left:6px;width:7px;height:11px;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease-in-out;} .woocommerce.single-product .woocommerce-variation-add-to-cart .wcsatt-add-to-subscription-action-label > input:checked + span::after {transform:rotate(45deg) scale(1);transition:transform .15s ease-in-out;} p.out-of-stock {border-left: 3px solid #CC4F4B;background-color: #fff8f8;padding: 20px;color: #CC4F4B !important;margin-top:8px;margin-bottom: 28px;font-size:18px;} /* Woocommerce > Cart */ .woocommerce table.shop_table {border:1px solid rgba(0,0,0,.1);text-align:left;width:100%;border-radius:5px;border-collapse:separate;} .woocommerce table.shop_table th {padding:9px 12px;font-weight:700;} .woocommerce table.shop_table tbody td, .woocommerce table.shop_table tbody th {border-top:1px solid rgba(0,0,0,.1);padding:9px 12px;} .woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions, .woocommerce table.shop_table .woocommerce-orders-table__header-order-actions {text-align:right;} .woocommerce table.shop_table a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a) {background-color:#c9c9c9 !important;color:var(--color-black) !important;} .woocommerce table.shop_table a.button + a.button {margin-top:20px;} .woocommerce table.shop_table .order-total h3, .woocommerce table.shop_table .order-total .woocommerce-Price-amount bdi {font-size:28px;margin:0;} .woocommerce table.shop_table .order-total .includes_tax {font-size:16px;} .includes_tax > * {font-size:inherit!important;} /* .includes_tax,*/ .tax_label {display:none!important;} .woocommerce .woocommerce-checkout-review-order table.shop_table .order-total, .woocommerce .woocommerce-checkout-review-order table.shop_table .order-total .woocommerce-Price-amount {font-size:21px;} #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {min-width:32px;} #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th {width:35%;} .woocommerce ul.cart_list, .woocommerce ul.product_list_widget, .woocommerce-page ul.cart_list, .woocommerce-page ul.product_list_widget, .page ul.cart_list, .page ul.product_list_widget {list-style:none outside; padding:0; margin:0;} .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li, .page ul.cart_list li, .page ul.product_list_widget li {padding:4px 0;margin:0;list-style:none;} .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a, .page ul.cart_list li a, .page ul.product_list_widget li a {display:block;font-weight:700;} .woocommerce a.remove, .woocommerce-page a.remove, .page a.remove {display:block;font-size:1.5em;height:1em;width:1em;text-align:center;line-height:.7;border-radius:100%;color:#ff0000 !important;text-decoration:none;font-weight:700;border:0;transition:color .15s ease-in-out, background-color .15s ease-in-out;} .woocommerce a.remove:hover, .woocommerce-page a.remove:hover, .page a.remove:hover {color:var(--color-white) !important;background-color:#ff0000 !important;} .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img, .page ul.cart_list li img, .page ul.product_list_widget li img {float:right;margin-left:4px;width:60px;height:auto;box-shadow:none;} .woocommerce a.button.wc-forward:not(.checkout-button), .woocommerce-page a.button.wc-forward:not(.checkout-button), .page a.button.wc-forward {height:auto;} .woocommerce a.button.checkout-button, .woocommerce a.woocommerce-Button, .woocommerce a.button.view, .woocommerce-page a.button.checkout-button, .woocommerce-page a.woocommerce-Button, .woocommerce-page a.button.view {padding:1em !important;} .woocommerce ul.cart_list li + li, .woocommerce ul.product_list_widget li + li, .woocommerce-page ul.cart_list li + li, .woocommerce-page ul.product_list_widget li + li {border-top: 1px solid rgba(0,0,0,.1);} .woocommerce ul.cart_list li .quantity .woocommerce-Price-amount, .woocommerce ul.product_list_widget li .quantity .woocommerce-Price-amount, .woocommerce-page ul.cart_list li .quantity .woocommerce-Price-amount, .woocommerce-page ul.product_list_widget li .quantity .woocommerce-Price-amount, .page ul.cart_list li .quantity .woocommerce-Price-amount, .page ul.product_list_widget li .quantity .woocommerce-Price-amount {color:var(--color-black);} .woocommerce .woocommerce-mini-cart__buttons, .woocommerce-page .woocommerce-mini-cart__buttons, .page .woocommerce-mini-cart__buttons {margin-top:5px;} .woocommerce .woocommerce-mini-cart__buttons .button + .button, .woocommerce-page .woocommerce-mini-cart__buttons .button + .button, .page .woocommerce-mini-cart__buttons .button + .button {margin-top:5px;} .woocommerce main table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page main table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width:auto; height:50px; margin-right:12px; padding-left:1em; padding-right:1em;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {margin-bottom:0;} .woocommerce .cart-collaterals .cart-collaterals-content-col-promo {border:1px solid #ebe9eb;border-radius:5px;padding:15px 20px 20px;margin-bottom:30px;} .woocommerce .cart-collaterals .cart-collaterals-content-col-promo h4 {font-size:21px;} .woocommerce .cart-collaterals .cart-collaterals-content-col-promo .wrap_coupon_code {border-top:1px solid #ebe9eb;padding:20px 0;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float:none !important;width:100% !important;} .woocommerce .cart_totals th, .woocommerce .cart_totals td {vertical-align:middle !important;} .woocommerce .cart_totals th {font-size:21px !important;} .woocommerce .cart_totals .cart-discount th {font-size:16px !important;} .woocommerce form .form-row .select2-container {background-repeat:no-repeat;background-position:center right 15px;background-size:15px;background-image:url(/wp-content/themes/ocean/assets/icons/icon-angle-down.svg);margin-bottom:0;} .select2-container--default .select2-selection--single .select2-selection__arrow {display:none;} #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {min-width:80px;width:32px;max-width:100%;height:auto;} .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {text-align:right;} .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {float:left;} .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {border-top:0;} #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {border-top:1px solid #e9e6ed;} #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {margin-bottom:0;} #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button {float:none;margin-top:5px;display:inline-block;} #add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {content:"\f0d1";font-family:"Font Awesome 6 Free";font-weight:900;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;text-decoration:none;} #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {padding:20px 0;} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {display:block;text-align:center;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:#f6f6f6;border-radius:5px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {text-align:left;padding:15px;border-bottom:1px solid var(--color-grey);margin:0;list-style:none outside;} #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {line-height:2;text-align:left;margin:0;font-weight:400;} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {position:relative;box-sizing:border-box;width:100%;padding:15px;margin:15px 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:var(--color-grey);color:var(--color-grey-dark);} #add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child {margin-bottom:0;} #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {padding:15px;} .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border:1px solid var(--color-grey);padding:20px;text-align:left;border-radius:0;} .woocommerce-checkout .woocommerce-billing-fields > h3 {margin-bottom:20px;} .woocommerce-checkout h3 + .woocommerce-checkout-review-order {margin-top:20px;} .woocommerce ul#shipping_method {list-style:none outside;margin:0;padding:0;} .woocommerce ul#shipping_method li {margin:0 0 .5em;list-style:none outside;} .woocommerce ul#shipping_method li input {margin:3px .4375em 0 0;vertical-align:top;} .woocommerce ul#shipping_method li label {display:inline;} .woocommerce .woocommerce-MyAccount-content p + h2 {margin-top:30px;} .woocommerce .woocommerce-order-details {margin-top:30px;} .woocommerce .fluid_section .fluid_cl {width:50%;} .woocommerce .woocommerce-order-details .woocommerce-table--order-details a.order-actions-button + a.order-actions-button {margin-left:20px;} .woocommerce .woocommerce-order-details .order-again {margin:30px 0;} .woocommerce .woocommerce-MyAccount-content h2 {margin-top:30px;} .shop_table.woocommerce-checkout-review-order-table > thead > tr > th.product-total {display:none;} .woocommerce form.checkout > .container-fluid {padding:0;} .woocommerce table.shop_table {margin-bottom:30px;border-radius:0;} .woocommerce table.shop_table dl.variation {display:inline-flex;width:100%;font-size:14px;gap:8px;margin:0;} .woocommerce table.shop_table dl.variation dd, .woocommerce table.shop_table dl.variation dd p {margin:0;} .woocommerce table.shop_table tr.tax-rate td {text-align:right;} .woocommerce table.shop_table th, .woocommerce table.shop_table td {vertical-align:center;} ul#shipping_method {display:flex;flex-flow:row wrap;gap:8px;min-width:148px;} ul#shipping_method li {width:100%;margin:0!important;line-height:1.2em;} .woocommerce table.shop_table td {padding:8px 12px;} .woocommerce table.shop_table tr.cart_item:last-child td {border-bottom:1px solid rgba(0,0,0,.1);} .woocommerce table.shop_table td.product-total {text-align:right;} .woocommerce table.shop_table tr.cart-subtotal td, .woocommerce table.shop_table tr.shipping td, .woocommerce table.shop_table tr.order-total td {text-align:right;} .woocommerce table.shop_table tr.order-total th {font-family:var(--font-secondary);} body.woocommerce-cart .actions .coupon {display: flex; gap:8px; flex-flow: row wrap; width:100%; align-items: center; } body.woocommerce-cart .actions .coupon .input-text { background-color: transparent; text-align: center; padding: 20px 0; font-size: 18px; line-height: 20px; font-weight: 400; outline: none !important; height: 60px !important; } body.woocommerce-cart .actions .coupon-error-notice {color:#CC4F4B; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.cart-subtotal.recurring-total > td, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.shipping.recurring-total > td, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.tax-rate.recurring-total > td {font-size:0;} body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.cart-subtotal.recurring-total > td > span, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.shipping.recurring-total > td > span, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.tax-rate.recurring-total > td > span {font-size:16px!important;} body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.cart-subtotal.recurring-total > td, body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.shipping.recurring-total > td, body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.tax-rate.recurring-total > td {font-size:0;} body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.cart-subtotal.recurring-total > td > span, body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.shipping.recurring-total > td > span, body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.tax-rate.recurring-total > td > span {font-size:16px!important;} body.woocommerce-checkout #order_review > table.shop_table > tfoot > tr.recurring-totals > * {border-top:solid 1px rgba(0,0,0,0.1);} .woocommerce tr.cart-discount.coupon-freeshipping > td {text-align:right;} .shop_table .woocommerce-remove-coupon {color:var(--bs-red);} .woocommerce-checkout button#place_order {width:100%;margin-top:.75em;} .woocommerce-checkout .place-order p {margin-bottom:.5rem;} .woocommerce-checkout .place-order .woocommerce-terms-and-conditions-wrapper {color:var(--color-grey-dark);} .woocommerce-checkout .place-order .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout .place-order p.form-row {font-size:14px;line-height:1.4em;} .woocommerce-checkout #order_review #payment {padding:0 20px;border-radius:0;} .woocommerce-checkout #order_review #payment > * {padding:15px 0;} /* .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::before {content: "";display: table;} .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after {clear:both;} */ .woocommerce-checkout .checkout_coupon {width:100%;display:block!important;visibility:visible!important;border:1px solid #e5e5e5;padding:20px;margin-bottom:1em!important;} .woocommerce-checkout .checkout_coupon .coupon-form-inner {display:flex;flex-flow:row wrap;align-items:flex-start;gap:8px;position:relative;} .woocommerce-checkout .checkout_coupon .coupon-form-inner > * {width:100%;} .woocommerce-checkout .checkout_coupon .coupon-form-label {display:block;margin-bottom:8px;} .woocommerce-checkout .checkout_coupon .coupon-form-inner > .coupon-field {flex:1;} .woocommerce-checkout .checkout_coupon .coupon-form-inner > button {flex:0 0 auto;font-size:14px;padding:16px 24px!important;} .woocommerce-checkout .checkout_coupon .coupon-form-inner .coupon-field input#coupon_code {width:auto;color: var(--color-grey-dark);display: block;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--color-white);border: 1px solid var(--color-grey-dark);border-radius: 0;padding: 13px 15px;font-size: 16px;font-weight: 400;line-height: 20px;color: var(--color-black);width: 100%;margin: 0;outline: 0;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .woocommerce-checkout .checkout_coupon > *[role="alert"] {width:100%;font-size:16px;line-height:1.3em;} @media only screen and (max-width:992px) { .woocommerce-checkout .checkout_coupon .coupon-form-inner {flex-flow:row wrap;} .woocommerce-checkout .checkout_coupon .coupon-form-inner > .coupon-field, .woocommerce-checkout .checkout_coupon .coupon-form-inner > button {width:100%;} .woocommerce.single-product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action > .inner {font-size:15px;} .woocommerce.single-product .wcsatt-options-prompt-action::before {width:16px!important;height:16px!important;left:6px!important;} .woocommerce.single-product .wcsatt-options-prompt-action::after {width:8px!important;height:8px!important;left:10px!important;} } @media only screen and (min-width:992px) { body.woocommerce-checkout main > .woocommerce {position:relative;padding-top:0;margin-top:150px;} body.woocommerce-checkout main > .woocommerce > div[role="alert"] {width:fit-content;position:absolute;left:0;bottom:100%;} body.woocommerce-checkout .coupon-wrapper {width:100%;position:absolute;right:0;bottom:100%;} /* body.woocommerce-checkout form.woocommerce-checkout #order_review {transform:translateY(150px);} */ /* body.woocommerce-checkout form.woocommerce-checkout {margin-top:-150px;} */ /* body.woocommerce-checkout form.woocommerce-checkout #order_review {margin-top:150px;} */ } .woocommerce-order-received main > .woocommerce {padding-top:0;} .woocommerce-order-received .woocommerce-order {padding:24px 0;display:flex;flex-flow:row wrap;align-items:center;gap:42px;} .woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received {order:1;width:100%;font-family:var(--font-secondary);font-size:42px;font-weight:700;margin-bottom:8px;} .woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details {order:2;width:100%;max-width:640px;list-style:none outside;padding:0;margin:0;} .woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details > li {padding:8px 0;border-bottom:solid 1px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:8px;} .woocommerce-order-received .woocommerce-order > section {margin-top:32px;} .woocommerce-order-received .woocommerce-order section.woocommerce-bacs-bank-details {order:4;width:100%;max-width:420px;} .woocommerce-order-received .woocommerce-order section.woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {font-family:var(--font-secondary);font-size:18px;font-weight:700;margin-bottom:20px;} .woocommerce-order-received .woocommerce-order section.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {font-size:24px;margin:0;} .woocommerce-order-received .woocommerce-order section.woocommerce-bacs-bank-details ul.bacs_details {list-style:none outside;padding:0;margin:0;} .woocommerce-order-received .woocommerce-order section.woocommerce-bacs-bank-details ul.bacs_details > li {padding:8px 0;border-bottom:solid 1px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:8px;} .woocommerce-order-received .woocommerce-order section.woocommerce-order-details {order:3;width:100%;max-width:640px;} .woocommerce-order-received .woocommerce-order section.woocommerce-order-details .woocommerce-order-details__title {display:none;} .woocommerce-order-received .woocommerce-order section.woocommerce-order-details .woocommerce-table--order-details .woocommerce-table__product-total {text-align:left;} .woocommerce-order-received .woocommerce-order section.woocommerce-order-details .woocommerce-table--order-details tfoot .order-actions-button, .woocommerce table.shop_table a.button:not(.add_to_wishlist):not(.delete_item):not(.product-add-to-cart a) {background-color:var(--color-black)!important;color:var(--color-white)!important;} .woocommerce-order-received .woocommerce-order section.woocommerce-customer-details {order:5;width:100%;} .woocommerce-order-received .woocommerce-order section.woocommerce-customer-details .woocommerce-columns {display:flex;flex-flow:row wrap;gap:24px;} .woocommerce-order-received .woocommerce-order section.woocommerce-customer-details .woocommerce-column {width:100%;max-width:420px;padding:32px 24px;border:solid 1px rgba(0,0,0,.1);} .woocommerce-order-received .woocommerce-order section.woocommerce-customer-details .woocommerce-column .woocommerce-column__title {font-family:var(--font-secondary);font-size:18px;font-weight:700;margin-bottom:8px;} .woocommerce-order-received .woocommerce-order section.woocommerce-customer-details address {line-height:1.8em;} @media only screen and (max-width:992px) { .woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received {font-size:24px;} .woocommerce-order-received .woocommerce-order > section {width:100%;max-width:unset;} .woocommerce-order-received .woocommerce-order section.woocommerce-order-details .woocommerce-table--order-details tfoot th {display:none;} .woocommerce-order-received .woocommerce-order section.woocommerce-order-details .woocommerce-table--order-details tfoot tr, .woocommerce-order-received .woocommerce-order section.woocommerce-order-details .woocommerce-table--order-details tfoot td {width:100%;} } /* ------------------------------------------ WC CHECKOUT FORM FIELDS OVERRIDES ------------------------------------------ */ .woocommerce-checkout .form-row::after, .woocommerce-checkout .form-row::before, .woocommerce-shipping-fields__field-wrapper::before, .woocommerce-shipping-fields__field-wrapper::after, .woocommerce-billing-fields__field-wrapper::before, .woocommerce-billing-fields__field-wrapper::after {display:none!important;} @media only screen and (min-width: 768px) { .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;} .woocommerce-checkout .form-row {width:100%;margin:0;} .woocommerce-checkout .form-row-wide {width:100%!important;} .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last {width: calc(50% - 10px) !important;} } /* ------------------------------------------ REVIEWS ------------------------------------------ */ /* Review summary section */ .review-summary-container { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 30px; background: #fafafa; } .review-summary-flex { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .rating-overview-flex { display: flex; align-items: center; gap: 15px; } .average-rating-display { display: flex; align-items: center; gap: 8px; } .rating-stars-large { font-size: 24px; color: #ffa500; } .average-rating-number { font-size: 24px; font-weight: bold; color: #333; } .rating-breakdown-container { min-width: 200px; } .rating-count-text { font-size: 16px; margin-bottom: 5px; color: #666; } .rating-based-text { font-size: 14px; color: #888; } .review-form-container { max-height: 0; overflow: hidden; border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; transition: all 0.4s ease-in-out; opacity: 0; } .review-form-content { padding: 20px; } .review-form-title { margin-top: 0; margin-bottom: 20px; color: #333; } .comment-form-rating { margin-bottom: 15px; } .comment-form-rating select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; margin-top: 5px; } .comment-form-rating select option { color: #333; } .comment-form-rating select option i { color: #ffa500; margin-right: 2px; } .star-rating-input { margin-top: 10px; } .star-rating-input input[type="radio"] { display: none; } .star-label { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 5px; cursor: pointer; transition: all 0.3s ease; background: #fff; } .star-label:hover { background: #f9f9f9; border-color: #ffa500; } .star-rating-input input[type="radio"]:checked + .star-label { background: #fff4e6; border-color: #ffa500; box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.1); } .star-label .stars { color: #ffa500; font-size: 16px; display: flex; gap: 2px; } .star-label .rating-text { color: #333; font-weight: 500; } .comment-form-comment textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; resize: vertical; } .comment-form-author input, .comment-form-email input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; } .reviews-section-title { margin-bottom: 20px; color: #333; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; } .commentlist { list-style: none; padding: 0; margin: 0; } .commentlist li { border-bottom: 1px solid #eee; padding: 25px 0; margin-bottom: 0; } .commentlist li:last-child { border-bottom: none; } .commentlist .comment { display: flex; gap: 15px; align-items: flex-start; } .commentlist .avatar { border-radius: 50%; width: 50px; height: 50px; } .commentlist .comment-content { flex: 1; min-width: 0; } .commentlist .comment-meta { display: flex; flex-direction: column; gap: 5px; margin-bottom: 10px; } .commentlist .comment-meta-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .commentlist .comment-meta .fn { font-weight: 600; font-size: 16px; color: #333; margin: 0; white-space: nowrap; } .commentlist .comment-meta .comment-date { color: #666; font-size: 14px; text-decoration: none; white-space: nowrap; } .commentlist .comment-meta .comment-date:hover { color: #333; } .commentlist .star-rating { display: flex; align-items: center; gap: 2px; color: #ffa500; font-size: 14px; } .commentlist .star-rating .star { line-height: 1; } .commentlist .comment-text { margin-top: 10px; line-height: 1.6; color: #555; } .commentlist .comment-text p { margin-bottom: 15px; } .commentlist .comment-text p:last-child { margin-bottom: 0; } .commentlist .woocommerce-review__verified { display: inline-flex; align-items: center; background: #e8f5e8; color: #2e7d2e; padding: 3px 8px; border-radius: 12px; font-size: 12px; font-weight: 500; margin-left: 8px; white-space: nowrap; } .commentlist .woocommerce-review__verified:before { content: "✓"; margin-right: 4px; font-weight: bold; } .commentlist .children { margin-top: 20px; margin-left: 65px; list-style: none; padding: 0; } .commentlist .children .comment { padding: 15px; background: #f9f9f9; border-radius: 8px; border: none; } @media (max-width: 768px) { .commentlist .comment { flex-direction: column; gap: 10px; } .commentlist .comment-author { align-self: flex-start; } .commentlist .children { margin-left: 0; margin-top: 15px; } .commentlist .comment-meta { gap: 10px; } } #toggle-review-form { transition: all 0.3s ease; background: #000; border-radius: 0; } #toggle-review-form i { margin-right: 6px; font-size: 13px; } #review_form_wrapper { transform-origin: top; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); margin-bottom:20px;} #review_form_wrapper.show { max-height: 1600px !important; opacity: 1 !important; padding-top: 20px; padding-bottom: 20px; } #review_form_wrapper.hide { max-height: 0 !important; opacity: 0 !important; padding-top: 0; padding-bottom: 0;margin:0; } #review_form_wrapper .form-submit input { background: #333; color: white; border: none; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-weight: bold; } #review_form_wrapper .form-submit input:hover { background: #555; } .review-summary-section .stars { line-height: 1; display: flex; gap: 2px; } .review-summary-section .stars i { font-size: inherit; } /* Responsive */ @media (max-width: 768px) { .review-summary-section > div { flex-direction: column; align-items: flex-start !important; } .rating-overview { flex-direction: column; align-items: flex-start !important; } } /* ------------------------------------------ */ .ocean-product-rating { display: flex; align-items: center; gap: 10px; margin: 0 0 16px 0;} .rating-stars { display: flex; gap: 2px; color: #ffa500; font-size: 16px; } .rating-text { display: flex; align-items: center; gap: 8px; font-size: 14px; } .rating-number { font-weight: 600; color: #333; } .reviews-link { color: #666; text-decoration: none; transition: color 0.3s ease; } .reviews-link:hover { color: #333; text-decoration: underline; } .woocommerce-product-rating { display: none !important; } @media (max-width: 768px) { .ocean-product-rating { flex-direction: column; align-items: flex-start; gap: 5px; } } /* ------------------------------------------ SIDEBAR CART ------------------------------------------ */ .sidebar-cart { position: fixed; top: 0; right: -100%; width: 100%; max-width: 400px; height: 100vh; background: #fff; z-index: 9999; transition: right 0.3s ease-in-out; box-shadow: -2px 0 10px rgba(0,0,0,0.1); } .sidebar-cart.is-open { right: 0; } .sidebar-cart-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .sidebar-cart.is-open .sidebar-cart-overlay { opacity: 1; visibility: visible; } .sidebar-cart .sidebar-cart-content { height: 100%; display: flex; flex-direction: column; position: relative; z-index: 9999; background: var(--color-white); } .sidebar-cart .sidebar-cart-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; } .sidebar-cart .sidebar-cart-header h3 { margin: 0; font-size: 18px; font-weight: 600; } .sidebar-cart .sidebar-cart-close { background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .sidebar-cart .sidebar-cart-close i { font-size: 21px; } .sidebar-cart .sidebar-cart-body { flex: 1; overflow-y: auto; padding: 20px; } .sidebar-cart .sidebar-cart-upsell {padding:20px;} .sidebar-cart .sidebar-cart-upsell .upsell-header {padding:8px;color:#FFF;background:#FC3D01;} .sidebar-cart .sidebar-cart-upsell .upsell-header .title {font-size:16px;text-align:center;font-weight:600;margin:0;padding:0;line-height:1.2em;} .sidebar-cart .sidebar-cart-upsell .upsell-products {display:flex;flex-direction:column;} .sidebar-cart .sidebar-cart-upsell .upsell-products > .upsell-item {position:relative;display:flex;align-items:center;padding:12px 0;border:1px solid #eee;} .sidebar-cart .sidebar-cart-upsell .upsell-products > .upsell-item:first-child {border-top: none;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-image {height:80px;width:80px;margin-right:15px;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-image img {display:block;width:100%;height:100%;object-fit:contain;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-content {width:calc(100% - 95px);height:fit-content;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-content .product-title > * {display:block;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-content .product-title > .title {font-size:16px;font-weight:700;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-content .product-title > .description {font-size:14px;color:#333;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-content .product-data {display:flex;align-items:center;justify-content:space-between;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-data span.price {width:100%;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-data span.price > .wcsatt-sub-options {display:none;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-data .add-upsell-label {padding:4px 12px;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-data .upsell-item-action > .full-size-btn, .sidebar-cart .sidebar-cart-upsell .upsell-item .product-data .upsell-item-action > .full-size-btn.added {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0!important;} .sidebar-cart .sidebar-cart-upsell .upsell-item .product-data .upsell-item-action > :not(.full-size-btn) {display:none!important;} .sidebar-cart .sidebar-cart-footer { border-top: 1px solid #eee; padding: 20px; background: #f9f9f9; } .sidebar-cart .sidebar-cart-item { display: flex; padding: 15px 0; border-bottom: 1px solid #eee; } .sidebar-cart .sidebar-cart-item:last-child { border-bottom: none; } .sidebar-cart .item-image {height:80px;width:80px;margin-right:15px;} .sidebar-cart .item-image img {display:block;width:100%;height:100%;object-fit:contain; } .sidebar-cart .item-details {width:calc(100% - 95px);} .sidebar-cart .item-head {margin-bottom:5px;} .sidebar-cart .item-title {display:flex;align-items:center;width:100%;} .sidebar-cart .item-title .product-name {color:#000;font-weight:600;width:100%;} .sidebar-cart .item-description {font-size:14px;color:#333;} .sidebar-cart .item-variations { font-size: 14px; color: #333; display: flex; flex-flow: row wrap; gap: 0 8px; } .sidebar-cart .item-quantity-price {display:flex;justify-content:space-between;align-items:center;} .sidebar-cart .quantity-controls {display:flex;align-items:center;} .sidebar-cart .quantity-controls .qty-btn {background:none;border:none;display:flex;align-items:center;justify-content:center;} .sidebar-cart .quantity-controls .quantity-input { width:28px; text-align:center; border:none; background:none; -webkit-appearance: none; -moz-appearance: textfield; appearance: none; } .sidebar-cart .quantity-controls .quantity-input::-webkit-outer-spin-button, .sidebar-cart .quantity-controls .quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sidebar-cart .quantity-controls .quantity-input[type="number"] {-moz-appearance: textfield;appearance: none;} .sidebar-cart .quantity-controls .quantity-input::-ms-input-spin-button, .sidebar-cart .quantity-controls .quantity-input::-o-input-spin-button, .sidebar-cart .quantity-controls .quantity-input::-input-spin-button {display: none;} .sidebar-cart .quantity-controls input[type="number"].quantity-input {-webkit-appearance: none;-moz-appearance: textfield;appearance: none;} .sidebar-cart .item-price ins { font-weight: 600; } .sidebar-cart .item-remove { margin-left: 15px; } .sidebar-cart .remove-item { background: none; border: none; color: #999; cursor: pointer; font-size: 18px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .sidebar-cart .remove-item:hover { color: #dc3232; } .sidebar-cart .cart-total { display:flex;align-items:center;gap:8px;font-size: 18px; font-weight: 600; margin-bottom: 15px; text-align: center; display: flex; justify-content: space-between; } .sidebar-cart .cart-total:has(:only-child) {justify-content: center;} .sidebar-cart .shipping-costs {font-size:16px; font-weight:400;} .sidebar-cart .cart-actions { display: flex; gap: 10px; } .sidebar-cart .sidebar-cart-empty { text-align: center; padding: 40px 20px; color: #666; } .sidebar-cart .free-shipping-notice { background: #f0f8ff; border: 1px solid #000; border-radius: 4px; padding: 15px; margin-bottom: 20px; } .sidebar-cart .free-shipping-achieved { text-align:center; color: #000; font-weight: 600; } .sidebar-cart .progress-bar { background: #e0e0e0; height: 8px; border-radius: 4px; margin:24px 0 12px 0; overflow:visible;} .sidebar-cart .progress-fill { background: #FC3D01; height: 100%; transition: width 0.3s ease; position:relative;display:flex;align-items:center;justify-content:flex-end;border-radius:4px;} .sidebar-cart .progress-fill .progress-icon {width:36px; height:36px; border-radius:50%; color:#fff;background: #FC3D01; display:flex; align-items:center; justify-content:center; box-shadow:0 0 5px rgba(0,0,0,0.1); } .sidebar-cart #sidebar-cart-viewcart-btn { background-color: var(--color-grey) !important; color: var(--color-black) !important; font-size: 14px!important; width: 100%; } .sidebar-cart #sidebar-cart-checkout-btn { width: 100%; text-align: center; } .sidebar-cart .sidebar-cart.loading { opacity: 0.6; pointer-events: none; } .sidebar-cart .cart-plus { padding:20px 0 0 0; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; } .sidebar-cart .cart-plus p { line-height: 1em; font-size: 14px; margin: 0; } body.sidebar-cart-open { overflow: hidden; } @media (max-width: 768px) { .sidebar-cart { max-width: 100%; width: 100%; } } /* ------------------------------------------ Responsive ------------------------------------------ */ /* Smartphone */ @media only screen and (max-width:767px) and (min-width:320px) { /* Woocommerce > Loop Products */ .woocommerce ul.products {--woocommerce-list-product-width:100%;} .woocommerce ul.products.columns-2 {--woocommerce-list-product-width:100%;} .woocommerce ul.products.columns-3 {--woocommerce-list-product-width:100%;} .woocommerce ul.products.columns-5 {--woocommerce-list-product-width:100%;} .woocommerce ul.products.columns-6 {--woocommerce-list-product-width:100%;} .woocommerce ul.products li.product {margin-right:0;} /* Woocommerce > Account */ .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {float:none;width:100%;} /* Woocommerce > Login */ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {width:100%;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width:100%;} /* Woocommerce > Cart */ .woocommerce table.shop_table_responsive tr td.product-quantity::before, .woocommerce-page table.shop_table_responsive tr td.product-quantity::before {float:none;text-align:left;display:block;margin-bottom:5px;} table .product-quantity .input-plusminus {width:100%;} .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {display:none;} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {content:attr(data-title) ": ";font-weight:700;float:left;} .woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before {display:none;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {display:block;text-align:right;} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color:var(--color-grey);} .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {display:none;} .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {display:block;} .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {border-top:0;} .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {display:none;} .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {display:block;width:100%;} /* Woocommerce > Single Products */ .woocommerce.single-product .main-content {flex-wrap:wrap;} .woocommerce.single-product .main-content .woocommerce-product-gallery {width:100%;} .woocommerce.single-product .main-content .woocommerce-product-gallery .woocommerce-product-gallery__image {height:300px;} .woocommerce.single-product .main-content .summary {width:100%;padding-right:0;} .woocommerce.single-product .main-content h1.product_title {font-size:30px;} .woocommerce.single-product .woocommerce-variation-add-to-cart {gap:15px;margin-top:30px;} /* Woocommerce > Variation > Price */ .woocommerce.single-product .woocommerce-variation-price {margin-top:30px;} .woocommerce.single-product .woocommerce-variation-price .price {font-size:14px;} .woocommerce.single-product .woocommerce-variation-price .wcsatt-options-prompt-label > span {font-size:16px;} /* Woocommerce > Checkout form */ .form-row {float:unset!important;width:100%!important;} ul#shipping_method {min-width:unset;} /* Woocommerce > Cart */ body.woocommerce-cart .actions .coupon {margin-bottom: 20px; } body.woocommerce-cart .actions .coupon > * { width: 100% !important; margin:0 !important; } } /* Smartphone Landscape @media only screen and (min-width:480px) and (max-width:767px){} */ /* Tablet */ @media only screen and (min-width:768px) and (max-width:991px) { /* Woocommerce > Loop Products */ .woocommerce ul.products {--woocommerce-list-product-width:48%;} .woocommerce ul.products.columns-2 {--woocommerce-list-product-width:100%;} .woocommerce ul.products.columns-3 {--woocommerce-list-product-width:48%;} .woocommerce ul.products.columns-5 {--woocommerce-list-product-width:30.75%;} .woocommerce ul.products.columns-6 {--woocommerce-list-product-width:30.75%;} .woocommerce ul.products li.product {margin-right:0;} /* Woocommerce > Account */ .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {float:none;width:100%;} /* Woocommerce > Login */ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {width:100%;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width:100%;} /* Woocommerce > Cart */ body.woocommerce-cart .actions .coupon {flex-wrap:nowrap;margin-bottom:15px;} .woocommerce table.shop_table_responsive tr td.product-quantity, .woocommerce-page table.shop_table_responsive tr td.product-quantity {display:flex;align-items:center;justify-content:space-between;} .woocommerce table.shop_table_responsive tr td.product-quantity::before, .woocommerce-page table.shop_table_responsive tr td.product-quantity::before {float:none;text-align:left;margin-right:15px;} .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {display:none;} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {content:attr(data-title) ": ";font-weight:700;float:left;} .woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before {display:none;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {display:block;text-align:right;} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color:var(--color-grey);} .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {display:none;} .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {display:block;} .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {border-top:0;} .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {display:none;} .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {display:block;width:100%;} /* Woocommerce > Single Products */ .woocommerce.single-product .main-content {flex-wrap:wrap;} .woocommerce.single-product .main-content .woocommerce-product-gallery {width:100%;} .woocommerce.single-product .main-content .woocommerce-product-gallery .woocommerce-product-gallery__image {height:400px;} .woocommerce.single-product .main-content .summary {width:100%;} } /* Tablet Landscape */ @media only screen and (min-width:992px) and (max-width:1199px) { /* Woocommerce > Single Products */ .woocommerce.single-product .main-content .summary {padding-right:60px;} } /* Laptop 13' - 1366x768 Non-Retina */ @media only screen and (min-width:1200px) and (max-width:1366px) { /* Woocommerce > Single Products */ .woocommerce.single-product .main-content .summary {padding-right:100px;} } /* Laptop 4:3 - 1440x1080 */ @media only screen and (min-width:1367px) and (max-width:1440px) { /* Woocommerce > Single Products */ .woocommerce.single-product .main-content .summary {padding-right:150px;} } .screen-reader-text {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}