/*-------------------------------------------------------*/ /* WooCommerce /*-------------------------------------------------------*/ .woocommerce .col-1, .woocommerce .col-2 { max-width: none; padding: 0; } .woocommerce ul.products::before { content: none; } .woocommerce ul.products li.product .button { margin-top: 0.5em; display: block; } .woocommerce a.added_to_cart { display: block; } .woocommerce-account .woocommerce a, .woocommerce-account .woocommerce li a, .woocommerce ul.products li.product a, .woocommerce .woocommerce-cart-form a:hover, .woocommerce .cart-collaterals a:hover, .woocommerce .woocommerce-form-coupon-toggle a:hover, .woocommerce .woocommerce-MyAccount-content a:hover, .woocommerce .woocommerce-MyAccount-navigation-link a:hover { text-decoration: none; } @media only screen and (max-width: 1024px) { .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width: 100%; float: none; } } /* Categories Shortcode -------------------------------------------------------*/ .product-category { position: relative; } .product-category a { display: block; overflow: hidden; } .product-category img { will-change: transform; transition: opacity 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95), transform 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); margin-bottom: 0 !important; } .product-category a:hover img, .product-category a:focus img { transform: scale(1.1); } .woocommerce ul.products li.product .woocommerce-loop-category__title { background-color: #fff; padding: 9px 12px; font-size: 0.8125rem; text-transform: uppercase; display: inline-block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); min-width: 50%; } .woocommerce ul.products li.product .woocommerce-loop-category__title .count { background-color: transparent; padding: 0; } /* Mini Cart -------------------------------------------------------*/ .arendelle-menu-wishlist, .arendelle-menu-cart { position: relative; display: block; } .arendelle-menu-cart__url, .arendelle-menu-wishlist { color: #1D1D1D; } .arendelle-item-counter { background-color: #024E82; color: #fff; display: block; text-align: center; border-radius: 50%; font-size: 0.625rem; line-height: 14px; width: 14px; height: 14px; position: absolute; top: 0; left: -6px; } /* Result Count / Ordering -------------------------------------------------------*/ .woocommerce .woocommerce-result-count { margin: 1em 0; } .woocommerce .woocommerce-ordering { margin: 0 0 1em; } .woocommerce .woocommerce-ordering select { vertical-align: top; } @media only screen and (max-width: 767px) { .woocommerce .woocommerce-ordering { float: none; } } /*-------------------------------------------------------*/ /* Archives /*-------------------------------------------------------*/ .woocommerce ul.products { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; margin-left: -10px; margin-right: -10px; } .woocommerce ul.products:before, .woocommerce ul.products:after { display: none; } .woocommerce ul.products li.product { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; float: none; clear: none; min-height: 1px; margin-left: 0; margin-bottom: 60px; padding-left: 10px; padding-right: 10px; text-align: center; } @media only screen and (min-width: 768px) { .woocommerce ul.products.columns-3 li.product { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } @media only screen and (min-width: 768px) { .woocommerce ul.products.columns-4 li.product { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media only screen and (min-width: 768px) { .woocommerce .columns-3 .product { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .woocommerce .columns-2 .product { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .woocommerce-result-count { float: right; } .woocommerce-ordering { float: left; margin-bottom: 16px; } } @media only screen and (max-width: 767px) { .woocommerce .woocommerce-ordering { float: none; } } /*-------------------------------------------------------*/ /* Grid / Products /*-------------------------------------------------------*/ .woocommerce .product, .arendelle-product { position: relative; } .arendelle-product-body { padding-top: 18px; } .arendelle-product__overlay, .arendelle-product .woocommerce-loop-product__link { position: absolute !important; display: block; width: 100%; height: 100%; top: 0; right: 0; } .arendelle-product__overlay { overflow: hidden; } .woocommerce .arendelle-product__image-holder img { width: 100%; height: auto; display: block; margin: 0; box-shadow: none; } .woocommerce .arendelle-product-image-back { position: absolute; top: 0; right: 0; height: 100%; left: 0; bottom: 0; padding: 0; margin: 0; opacity: 0; transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s; filter: blur(0); pointer-events: none; object-position: 50% 50%; object-fit: cover; } .woocommerce ul.products .product:hover .arendelle-product-image-back { opacity: 1; transform: scale(1) translateZ(0) translateY(0) !important; pointer-events: inherit; } .woocommerce ul.products li.product a.woocommerce-loop-product__link { display: block; position: relative; } .woocommerce ul.products li.product a.woocommerce-loop-product__link:hover, .woocommerce ul.products li.product a.woocommerce-loop-product__link:focus { color: #024E82; } .woocommerce ul.products .arendelle-product-body .button { padding: 14px 24px; } /* Price /*-------------------------------------------------------*/ .woocommerce ul.products li.product .price { color: #818181; font-size: 1rem; font-weight: 400; } .woocommerce ul.products li.product .price ins { font-weight: 400; } .woocommerce ul.products li.product .price del { margin-left: 8px; } .woocommerce [dir=rtl] ul.products li.product .price del { margin-right: 8px; margin-left: auto; } ins, .price ins { text-decoration: none; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 500; } .woocommerce .price del { margin-left: 10px; } /* Onsale -------------------------------------------------------*/ .woocommerce ul.products li.product .onsale, .woocommerce .product .onsale { padding: 6px 12px; font-size: 0.625rem; right: 10px; top: 10px; left: auto; margin: 0; min-height: auto; line-height: 1; border-radius: 50px; font-family: "Jost", sans-serif; background-color: #D6763C; text-transform: uppercase; } /* Actions -------------------------------------------------------*/ .arendelle-product__actions { position: absolute; display: flex; z-index: 1; width: 100%; bottom: 0; transform: translateY(100%); -webkit-transition: transform 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); -moz-transition: transform 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); -ms-transition: transform 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); -o-transition: transform 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); transition: transform 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); } .arendelle-product__actions > div { flex: 1 0 0; position: relative; } .arendelle-product__actions > div + div::before { content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 1px; z-index: 1; background-color: rgba(255, 255, 255, 0.25); } .arendelle-product__actions div > a.button, .arendelle-product__actions div > .added_to_cart { display: flex; align-items: center; justify-content: center; position: relative; height: 100%; vertical-align: middle; margin-top: 0 !important; background-color: #024E82; color: #fff; font-size: 0.625rem; padding: 16px 8px; border-radius: 0; text-align: center; } .arendelle-product__actions div > a.button:hover, .arendelle-product__actions div > a.button:focus, .arendelle-product__actions div > .added_to_cart:hover, .arendelle-product__actions div > .added_to_cart:focus { background-color: #fff; color: #024E82; } .arendelle-product__actions .ajax_add_to_cart.added { display: none; } .arendelle-product:hover .arendelle-product__actions { transform: translateY(0); } /* Quickview -------------------------------------------------------*/ #yith-quick-view-modal.open .yith-wcqv-main { overflow-y: auto; } #yith-quick-view-modal .yith-wcqv-main { box-shadow: none; } .pswp--open .pswp__caption { display: none; } #yith-quick-view-close { left: 20px; top: 20px; font-size: 0; border: 0; opacity: 1; } #yith-quick-view-close:hover { color: #1D1D1D; } #yith-quick-view-close::before { font-family: "arendelle"; content: "\e907"; font-size: 1.5rem; } .yith-wcqv-wrapper { height: auto !important; } #yith-quick-view-content .product { display: flex; } #yith-quick-view-content tr.product { display: table-row; } #yith-quick-view-content .woocommerce-product-gallery { padding-right: 0; } #yith-quick-view-content div.images, #yith-quick-view-content div.summary { flex: 1 0 50%; width: 50%; float: none; } #yith-quick-view-content div.summary { padding: 40px; } #yith-quick-view-content .woocommerce-product-gallery__wrapper, #yith-quick-view-content .woocommerce-product-gallery__image, #yith-quick-view-content .woocommerce-product-gallery__image img { height: 100%; } #yith-quick-view-content .woocommerce-product-gallery__image img { object-fit: cover; } #yith-quick-view-content .product_title.entry-title { font-size: 1.75rem; } /* Wishlist -------------------------------------------------------*/ .woocommerce .products .yith-wcwl-add-to-wishlist { position: absolute; left: 10px; top: 10px; margin: 0; z-index: 9; } .woocommerce .products .yith-wcwl-add-button { text-align: center; } .woocommerce .products .add_to_wishlist, .woocommerce .products .wishlist-url { position: relative; display: block; } .woocommerce .products .add_to_wishlist span, .woocommerce .products .wishlist-label { visibility: hidden; opacity: 0; position: absolute; top: 3px; margin-top: 8px; left: 120%; white-space: nowrap; background-color: #000000; opacity: 0.9; border-radius: 5px; padding: 4px 8px; line-height: 1.2; color: #fff; font-size: 0.75rem; } .woocommerce .products .add_to_wishlist:hover i, .woocommerce .products .add_to_wishlist:focus i, .woocommerce .products .wishlist-url:hover i, .woocommerce .products .wishlist-url:focus i { color: #024E82; } .woocommerce .products .add_to_wishlist:hover span, .woocommerce .products .add_to_wishlist:focus span, .woocommerce .products .wishlist-url:hover span, .woocommerce .products .wishlist-url:focus span { visibility: visible; opacity: 1; } .woocommerce .products .yith-wcwl-icon { margin: 0; display: block; width: 40px; height: 40px; line-height: 44px; border-radius: 50%; font-size: 15px; background-color: #fff; color: #D6763C; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1); } .add_to_wishlist:hover i::before, .add_to_wishlist:focus i::before, .wishlist-url:hover i::before, .wishlist-url:focus i::before { display: block; -webkit-animation: heartBeat 0.6s infinite; animation: heartBeat 0.6s infinite; } #yith-wcwl-popup-message { display: none !important; } .yith-wcwl-add-to-wishlist { font-weight: normal !important; } .yith-wcwl-wishlistexistsbrowse, .yith-wcwl-wishlistaddedbrowse { display: flex; flex-direction: column; } .yith-wcwl-wishlistexistsbrowse .feedback, .yith-wcwl-wishlistaddedbrowse .feedback { font-size: 0; margin-right: auto; } .yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon, .yith-wcwl-wishlistaddedbrowse .yith-wcwl-icon { font-size: 16px; } .yith-wcwl-wishlistexistsbrowse:hover a, .yith-wcwl-wishlistaddedbrowse:hover a { visibility: visible !important; opacity: 1 !important; } #yith-wcwl-popup-message { border-radius: 5px; font-family: "Jost", sans-serif; } .yith-wcwl-icon.fa, .yith-wcwl-share .fa, .edit-title-buttons .fa { font-family: "arendelle" !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .yith-wcwl-icon.fa.fa-heart-o::before { content: "\e90a"; } .yith-wcwl-icon.fa.fa-heart::before { content: "\e90b"; } .edit-title-buttons .fa-remove::before { content: "\e907"; } .edit-title-buttons .fa-check::before { content: "\e911"; } .hidden-title-form .edit-title-buttons { top: calc(50% - 26px); } .wishlist-title-with-form .btn i { margin: 0 !important; } .yith_wcwl_wishlist_footer .yith-wcwl-share { float: none; text-align: center; } .yith-wcwl-share-title { font-size: 1rem; } .yith-wcwl-share ul { padding-right: 0; } .yith-wcwl-share li a { color: #1D1D1D; } .yith-wcwl-share li a:hover { color: #024E82; } .yith-wcwl-share .fa-facebook::before { content: "\e910"; } .yith-wcwl-share .fa-twitter::before { content: "\e90f"; } .yith-wcwl-share .fa-pinterest::before { content: "\e90e"; } .yith-wcwl-share .fa-envelope-o::before { content: "\e90c"; } .yith-wcwl-share .fa-whatsapp::before { content: "\e90d"; } @keyframes heartBeat { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes heartBeat { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* Wishlist Page -------------------------------------------------------*/ .woocommerce .wishlist_table .product-add-to-cart .add_to_cart { display: block !important; } .woocommerce table.wishlist_table thead th, .woocommerce table.wishlist_table tbody td { text-align: right; } .woocommerce .wishlist_table .product-add-to-cart a.button { padding-top: 16px !important; padding-bottom: 16px !important; } @media only screen and (min-width: 769px) { .woocommerce .wishlist_table .product-add-to-cart a.button { max-width: 200px; } } .wishlist_table.shop_table { padding-right: 0; } .wishlist_table h3 { font-size: 1rem; } .wishlist_table .additional-info { width: 100%; font-weight: normal; } .wishlist_table .item-details-table { font-weight: normal; } .wishlist_table.mobile li .item-details table.item-details-table td { padding-right: 0; } .wishlist_table.mobile li .additional-info-wrapper .product-remove { text-align: center; } .wishlist_table.mobile li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; } .wishlist_table .product-remove a { color: #555555; opacity: 0.5; font-size: 0.875rem; } .wishlist_table .product-remove a:hover { opacity: 1; } .product-remove .fa-trash:before { content: "\f2ed"; } /* Pagination -------------------------------------------------------*/ .woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul { border: 0; margin: 0; } .woocommerce nav.woocommerce-pagination ul li { border: 0; overflow: visible; } /* Breadcrumbs /*-------------------------------------------------------*/ .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-weight: normal; } /*-------------------------------------------------------*/ /* Single Product /*-------------------------------------------------------*/ .single-product .woocommerce-breadcrumb { justify-content: flex-start; margin-bottom: 24px; } @media only screen and (min-width: 1025px) { .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { max-width: 694px; width: 60%; float: right; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 40%; float: left; padding-right: 38px; } .woocommerce .product .woocommerce-tabs { padding-top: 40px; clear: both; } } /* Slider /*-------------------------------------------------------*/ .woocommerce-product-gallery__image { overflow: hidden; } @media only screen and (min-width: 1025px) { .woocommerce .woocommerce-product-gallery > .flex-viewport { float: left; width: calc(100% - 130px); } .woocommerce .woocommerce-product-gallery .flex-control-thumbs { float: right; width: 120px; position: relative; } } .woocommerce div.product div.images .flex-control-thumbs { overflow: visible; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; float: none; } @media only screen and (min-width: 1025px) { .woocommerce div.product .onsale { right: 140px; } .woocommerce div.product div.images .flex-control-thumbs li { margin-bottom: 10px; } } @media only screen and (max-width: 1024px) { .woocommerce div.product div.images .flex-control-thumbs { display: flex; margin: 10px -5px 0 -5px; } .woocommerce div.product div.images .flex-control-thumbs li { padding: 0 5px; margin-bottom: 10px; } } .woocommerce div.product div.images { margin-bottom: 4em; } .woocommerce div.product div.images .flex-control-thumbs li img { backface-visibility: hidden; overflow: hidden; } /* Summary /*-------------------------------------------------------*/ .woocommerce div.product .product_title { font-size: 2.25rem; line-height: 1.2; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #1D1D1D; font-size: 1.375rem; } .woocommerce .summary .price { margin-top: 16px; margin-bottom: 20px; } .woocommerce .quantity { background-color: #fff; border: 1px solid #ebebeb; display: inline-flex; align-items: center; transition: border-color 0.3s; } .woocommerce .quantity:hover, .woocommerce .quantity:focus { border-color: #1D1D1D; } .woocommerce .quantity__button { user-select: none; cursor: pointer; width: 26px; height: 20px; padding: 0 5px; line-height: 1; display: flex; align-items: center; justify-content: center; } .woocommerce .quantity__button:hover, .woocommerce .quantity__button:focus { color: #1D1D1D; } .woocommerce .quantity__button svg { width: 16px; height: 16px; } .woocommerce .quantity .qty { width: 40px; line-height: 46px; padding: 0; margin-bottom: 0; border: 0; background-color: transparent; } .woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .quantity .qty[type=number] { -moz-appearance: textfield; } .woocommerce div.product form.cart div.quantity { margin-left: 10px; height: 48px; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label label { margin-bottom: 0; font-weight: 400; } .woocommerce div.product .add_to_wishlist, .woocommerce div.product .wishlist-url { display: flex; align-items: center; } .woocommerce div.product .yith-wcwl-icon { margin-left: 10px; } .woocommerce .product_meta { padding-top: 24px; font-weight: normal; } .woocommerce .product_meta > span { display: block; font-size: 0.875rem; padding-bottom: 4px; } .woocommerce div.product p.out-of-stock { color: #555555; font-weight: normal; } .woocommerce .product-share { padding-top: 20px; margin-top: 20px; border-top: 1px solid #ebebeb; display: flex; flex-wrap: wrap; align-items: center; } .woocommerce .product-share__label { font-weight: normal; margin-left: 16px; } /* Variation Swatches /*-------------------------------------------------------*/ .woo-variation-swatches.wvs-style-squared .variable-items-wrapper.color-variable-wrapper .variable-item, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper.color-variable-wrapper .variable-item img, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper.image-variable-wrapper .variable-item, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper.image-variable-wrapper .variable-item img, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper.color-variable-wrapper .variable-item-span-color { border-radius: 50%; } .woo-variation-swatches div.product form.cart .variations td, .woo-variation-swatches div.product form.cart .variations th { padding: 0.75em 0; border: 0; border-bottom: 1px solid #ebebeb; } .woo-variation-swatches div.product form.cart .variations tr:last-child td { border: 0; } .woo-variation-swatches .variable-items-wrapper li.variable-item { font-weight: normal; } .woo-variation-swatches .variable-items-wrapper li.variable-item:not(.radio-variable-item) { box-shadow: 0 0 0 1px #ebebeb; } .reset_variations::before { position: relative; top: 1px; content: "\e907"; font-family: "arendelle"; margin-left: 2px; } .woocommerce div.product form.cart { margin-top: 34px; } .woocommerce div.product.sold-individually form.cart { display: block; } .woocommerce div.product form.cart .quantity + .button { width: calc(100% - 104px); } .woocommerce div.product form.cart .variations { position: relative; } .woocommerce div.product form.cart .variations td.value { padding-left: 0; } .woocommerce div.product form.cart .reset_variations { position: absolute; top: -30px; color: #555555; opacity: 0.9; } .woocommerce div.product form.cart .reset_variations:hover { color: #024E82; } .woocommerce div.product form.cart .variations select { margin-bottom: 0; } .woocommerce div.product form.cart .variations .label { vertical-align: middle; } .woocommerce div.product form.cart .variations label { text-transform: uppercase; font-weight: 500; font-size: 0.8125rem; margin-bottom: 0; } .woocommerce .woocommerce-variation.single_variation { margin-bottom: 24px; } .arendelle-back-to-cart { display: flex; align-items: center; margin-right: auto; } .arendelle-back-to-cart a { display: block; margin-right: 5px; } .nav__holder .arendelle-back-to-cart { font-weight: normal; } /* Product Grouped /*-------------------------------------------------------*/ .woocommerce div.product form.cart .group_table { width: 100%; margin-bottom: 24px; font-size: 0.875rem; } .woocommerce div.product form.cart .group_table td { padding: 10px; vertical-align: middle; line-height: 1; border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce div.product form.cart .group_table td:first-child { text-align: right; width: 10em; } .woocommerce div.product form.cart .group_table .woocommerce-grouped-product-list-item__quantity { padding-right: 0; padding-left: 0; } .woocommerce div.product form.cart .group_table .quantity { min-width: 100px; width: 100px; border: 0; margin: 0; } .woocommerce div.product form.cart .group_table .woocommerce-grouped-product-list-item__label label { font-size: inherit; } .woocommerce div.product form.cart .group_table .amount { font-weight: normal; } .woocommerce div.product form.cart .group_table tr td:last-child { text-align: left; } .woocommerce div.product form.cart .group_table .add_to_cart_button { padding: 10px 16px; white-space: nowrap; display: block; text-align: center; font-size: 0.75rem; background-color: #f3f3f3; color: #1D1D1D; } .grouped_form .single_add_to_cart_button { width: 100%; } /* Description Tabs /*-------------------------------------------------------*/ .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 60px; padding: 34px; border-radius: 0 0 5px 5px; border: 1px solid #ebebeb; border-top: 0; } .woocommerce .woocommerce-tabs .panel h2 { font-size: 1.5rem; margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: #FBFBFB; border: 1px solid #ebebeb; margin: 0; padding: 0 20px; float: right; font-family: "Jost", sans-serif; } @media only screen and (min-width: 576px) { .woocommerce div.product .woocommerce-tabs ul.tabs li:not(:first-child) { margin-right: -2px; } } @media only screen and (max-width: 575px) { .woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100%; } } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; font-size: 0.9375rem; padding: 16px 0; color: #555555; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #1D1D1D; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #1D1D1D; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: #ebebeb; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce table.shop_attributes td { font-style: normal; padding: 8px; } .woocommerce table.shop_attributes td p { padding: 0; } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background-color: #FBFBFB; } /* Rating /*-------------------------------------------------------*/ .woocommerce .star-rating, .woocommerce p.stars a { color: #D6763C; } .woocommerce .woocommerce-review-link { font-weight: normal; } .woocommerce #review_form .comment-reply-title { margin-bottom: 10px; margin-top: 16px; display: block; font-size: 1.5rem; } .woocommerce .comment-form-rating { margin-top: 20px; margin-bottom: 16px; } .woocommerce #review_form #respond .comment-form-cookies-consent { margin-bottom: 16px; } .woocommerce #review_form #respond .comment-form-cookies-consent label { font-weight: normal; } .woocommerce .products .star-rating { display: inline-block; margin: 0 0 0.5em; } .woocommerce ul.products li.product .star-rating { font-size: 0.857em; } .woocommerce .woocommerce-product-rating a { color: #555555; font-size: 0.75rem; } .woocommerce .widget_rating_filter ul li .star-rating { top: 2px; } .woocommerce #review_form #respond .form-submit input { width: auto; } .woocommerce #reviews #comments ol.commentlist { padding-right: 0; } .woocommerce #reviews #comments h2 { margin-bottom: 24px; } .woocommerce .woocommerce-review__published-date { font-weight: normal; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: #ebebeb; } .woocommerce #reviews #comments ol.commentlist li .meta .woocommerce-review__author { color: #1D1D1D; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; border-radius: 50%; border: 0; } .woocommerce .star-rating::before { color: #c5c5c5; } /* Buttons /*-------------------------------------------------------*/ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .coupon button.button, .woocommerce .woocommerce-mini-cart__buttons > a:first-child, .woocommerce table.shop_table .actions > button.button:disabled, a.added_to_cart { display: inline-block; font-size: 0.9375rem; font-weight: 500; line-height: 1.1; background-color: #024E82; color: #fff; padding: 16px 24px; border: 0; border-radius: 0; vertical-align: middle; -webkit-transition: all 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); -moz-transition: all 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); -ms-transition: all 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); -o-transition: all 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); transition: all 0.2s cubic-bezier(0.43, 0.07, 0.61, 0.95); } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .coupon button.button:hover, .woocommerce .woocommerce-mini-cart__buttons > a:first-child:hover, .woocommerce table.shop_table .actions > button.button:disabled:hover, a.added_to_cart:hover { text-decoration: none; color: #fff; background-color: #024E82; } .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover { background-color: #024E82; } .woocommerce table.shop_table .actions > button.button:disabled, .woocommerce .woocommerce-mini-cart__buttons > a:first-child, .woocommerce .coupon button.button { background-color: #FBFBFB; color: #1D1D1D; } @media only screen and (max-width: 767px) { .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text + .button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text + .button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text + .button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text + .button { float: none; width: 100%; } } /* Notifications /*-------------------------------------------------------*/ .woocommerce-error, .woocommerce-info, .woocommerce-message { border-top: 0; padding-right: 3.5em !important; background-color: #FBFBFB; color: #1D1D1D; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; } .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { margin-right: auto; padding-top: 12px !important; padding-bottom: 12px !important; white-space: nowrap; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { top: auto; } @media only screen and (max-width: 575px) { .woocommerce-error, .woocommerce-info, .woocommerce-message { flex-direction: column-reverse; align-items: flex-start; } .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { margin-right: 0; margin-top: 8px; } } .woocommerce-form-coupon-toggle .woocommerce-error, .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-message { display: block; } /* Related Products /*-------------------------------------------------------*/ .related.products > h2 { font-size: 1.375rem; margin-bottom: 40px; } /*-------------------------------------------------------*/ /* Cart Page /*-------------------------------------------------------*/ .woocommerce-cart-form { margin-bottom: 64px; } .woocommerce table.shop_table { border-radius: 0; border: 1px solid #ebebeb; border-collapse: collapse; font-family: "Jost", sans-serif; font-size: 1rem; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { border: 0; border-bottom: 1px solid #ebebeb; } .woocommerce table.shop_table th { background-color: #FBFBFB; } .woocommerce table.shop_table td { padding: 16px 12px; } .woocommerce table.shop_table tbody { font-weight: normal; } .woocommerce table.shop_table tbody tr:last-child td, .woocommerce table.shop_table tbody tr:last-child th { border-bottom: 0; background-color: #fff; } .woocommerce table.shop_table td.actions { padding: 32px 24px; } .woocommerce table.shop_table .product-name a { color: #555555; } .woocommerce table.shop_table .product-name a:hover { color: #024E82; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 48px; } .woocommerce a.remove { font-weight: 400 !important; color: #a2a2a2 !important; font-size: 1.3rem; } .woocommerce a.remove:hover { color: #1D1D1D !important; background-color: transparent; } @media only screen and (min-width: 768px) { .woocommerce table.shop_table .product-remove { width: 5%; } } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart #content table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 6px 12px 5px; border: 1px solid #ebebeb; width: 160px; } #add_payment_method table.cart td.actions .coupon .input-text:focus, .woocommerce-cart #content table.cart td.actions .coupon .input-text:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text:focus { border-color: #024E82; } @media only screen and (max-width: 767px) { #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart #content table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { width: 100%; margin-bottom: 8px; } } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; } .cart_totals > h2 { margin-bottom: 24px; } #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: 0; } .woocommerce .cart_totals table.shop_table td { padding: 12px; } .woocommerce .cart_totals table.shop_table tr th { font-weight: 400; } .woocommerce form .form-row { padding: 10px 0; } #billing_address_1_field, #shipping_address_1_field { padding-bottom: 0; } .shipping-calculator-button::after { display: none; } /*-------------------------------------------------------*/ /* Checkout Page /*-------------------------------------------------------*/ .woocommerce-checkout .entry__article, .woocommerce-cart .entry__article, .woocommerce-account .entry__article { font-size: inherit; line-height: inherit; } @media only screen and (min-width: 1025px) { .woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set { width: 55%; float: right; margin-left: 4.347826087%; } .woocommerce.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review, .woocommerce-page.woocommerce-checkout form #order_review_heading { width: 40%; float: left; margin-left: 0; clear: left; } } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { width: auto; float: none; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline-block; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid #ebebeb; border-radius: 0; } .woocommerce-checkout .entry__article { line-height: 1.3; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce form .form-row label { line-height: 1; } form.woocommerce-checkout h3 { margin-bottom: 28px; margin-top: 28px; } .wc_payment_methods li { padding: 17px 0; border-bottom: 1px solid #ebebeb; } .wc_payment_methods li:first-child { padding-top: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #FBFBFB; border: 1px solid #ebebeb; border-radius: 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #ebebeb; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #ebebeb; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 0; } #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img { max-height: 40px; } .payment_method_paypal > label { display: inline-flex; align-items: center; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { margin-right: 24px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; margin-top: 10px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top-color: #ebebeb; font-weight: 400; } .woocommerce-checkout table.shop_table .product-quantity { font-weight: 400; color: #555555; } .checkout_coupon.woocommerce-form-coupon .form-row { width: auto; float: right; } .checkout_coupon.woocommerce-form-coupon .form-row .input-text { width: 350px; } .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first { margin-left: 5px; } @media only screen and (max-width: 575px) { .checkout_coupon.woocommerce-form-coupon .form-row { float: none; } .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first { margin-left: 0; } .checkout_coupon.woocommerce-form-coupon .form-row .input-text { width: 100%; } } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { color: #1D1D1D; } .woocommerce-privacy-policy-text { font-weight: normal; font-size: 0.875rem; } .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #ebebeb; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background-color: #eeeeee; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #024E82; } /*-------------------------------------------------------*/ /* My Account / Orders / Login / Lost Password Pages /*-------------------------------------------------------*/ .woocommerce .login .button { margin-left: 14px; } @media only screen and (min-width: 768px) { .woocommerce-account .woocommerce-MyAccount-content { width: 65%; } } .woocommerce-MyAccount-navigation { margin-bottom: 34px; } .woocommerce-MyAccount-navigation ul { list-style: none; padding-right: 0; } .woocommerce-MyAccount-navigation li { padding-bottom: 6px; } .woocommerce-MyAccount-navigation-link.is-active a { color: #024E82; } .woocommerce-Input + span > em { font-size: 13px; color: #555555; } .track_order { max-width: 640px; margin-right: auto; margin-left: auto; } /*-------------------------------------------------------*/ /* Widgets /*-------------------------------------------------------*/ .sidebar .widget_product_categories li, .woocommerce .widget_rating_filter ul li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .woocommerce-MyAccount-navigation li { padding: 10px 0; border-bottom: 1px solid #ebebeb; } .sidebar .widget_product_categories li:last-child, .woocommerce .widget_rating_filter ul li:last-child, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child, .woocommerce-MyAccount-navigation li:last-child { padding-bottom: 0; border-bottom: 0; } /*-------------------------------------------------------*/ /* Widget: Filter by attribute /*-------------------------------------------------------*/ .widget .wcapf-layered-nav ul li > a .deo-swatch-circle { height: 14px; width: 14px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; margin-left: 0.5em; } .widget .wcapf-layered-nav ul li > a .deo-swatch-circle span { height: 14px; width: 14px; border-radius: 30px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5); } /* Button style */ .widget .wcapf-layered-nav.deo-button-wcapf ul li, .widget .wcapf-layered-nav.deo-swatch-wcapf ul li { display: inline-flex; margin: 0 0 5px 10px !important; padding: 0; } .widget .wcapf-layered-nav.deo-button-wcapf ul li > a, .widget .wcapf-layered-nav.deo-swatch-wcapf ul li > a { padding: 0 10px 0 10px; display: inline-block; display: inline-flex; align-items: center; line-height: 30px; height: 30px; } .widget .wcapf-layered-nav.deo-swatch-wcapf ul li > a { padding: 0; } .widget .wcapf-layered-nav.deo-button-wcapf ul li > a { border: 1px solid #ebebeb; } .widget .wcapf-layered-nav.deo-button-wcapf ul li > a:hover { border-color: currentColor; } /* Swatch only */ .widget .deo-swatch-wcapf ul li > a .deo-swatch-circle { height: 24px; width: 24px; margin-left: 0; padding: 1px; border: 1px solid transparent; } .widget .deo-swatch-wcapf ul li > a .deo-swatch-circle span { height: 18px; width: 18px; border-radius: 30px; overflow: hidden; } .widget .wcapf-layered-nav.deo-swatch-wcapf ul li.chosen .deo-swatch-circle, .widget .wcapf-layered-nav.deo-button-wcapf ul li.chosen .deo-swatch-circle, .widget .wcapf-layered-nav.deo-button-wcapf ul li.chosen > a, .widget .deo-swatch-wcapf ul li > a:hover .deo-swatch-circle { border-color: #1D1D1D; color: currentColor; } .deo-swatch-wcapf ul li > a .name { display: none; } /*-------------------------------------------------------*/ /* Widget: Filter by Price /*-------------------------------------------------------*/ .widget .noUi-horizontal .noUi-handle, .widget .noUi-horizontal .noUi-base .noUi-origin:first-child { background-color: #024E82; } .widget .noUi-horizontal, .widget .noUi-horizontal .noUi-base .noUi-origin:last-child { background-color: #ebebeb; } /* Filters /*-------------------------------------------------------*/ .woocommerce .widget_layered_nav_filters ul li a::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { color: #555555; opacity: 0.5; } /* Products / Top Rated Products / Recent Reviews / Shopping Cart /*-------------------------------------------------------*/ .product_list_widget li { font-family: "Jost", sans-serif; } .product_list_widget a { color: #1D1D1D; } .product_list_widget a:hover { color: #024E82; } .product-title { font-family: "Jost", sans-serif; display: inline-block; } /* Mini Cart /*-------------------------------------------------------*/ .woocommerce-mini-cart-item a.remove { position: absolute; top: 10px !important; left: 0px; right: auto !important; z-index: 9; } .arendelle-offcanvas__mini-cart { display: flex; flex-direction: column; height: 100%; } .arendelle-offcanvas__mini-cart-empty { padding: 6vh 0; text-align: center; } .arendelle-offcanvas__mini-cart-empty svg { width: 140px; height: 140px; stroke-width: 1; opacity: 0.5; } .woocommerce-mini-cart__empty-message { margin-top: 24px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { position: relative; overflow: hidden; list-style: none; padding: 20px 76px 20px 0; margin-bottom: 20px; min-height: 92px; vertical-align: top; line-height: 1.3; } @media only screen and (min-width: 1025px) { .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 20px 134px 20px 0; min-height: 150px; } } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: none; margin-right: 0; margin-left: 8px; position: absolute; right: 0; width: 60px; margin-bottom: 20px; } @media only screen and (min-width: 1025px) { .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 110px; } } .woocommerce ul.product_list_widget .woocommerce-mini-cart-item, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding: 20px 76px 20px 25px; } @media only screen and (min-width: 1025px) { .woocommerce ul.product_list_widget .woocommerce-mini-cart-item, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding: 20px 134px 20px 25px; } } ul.product_list_widget li a:not(.remove) { margin-bottom: 5px; display: block; padding: 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; font-weight: 500; } .woocommerce-mini-cart__total { margin-bottom: 5px; margin-top: auto; } .woocommerce-mini-cart__buttons { margin: 0; } .woocommerce-mini-cart__buttons.buttons > .button, .woocommerce-page .widget_shopping_cart_content .buttons .wc-forward { width: 100%; margin-top: 10px; margin-bottom: 0; text-align: center; } .woocommerce-mini-cart__total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #ebebeb; padding: 14px 0; } ul.product_list_widget li + li { border-top: 1px solid #ebebeb; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin: 0.5em 0; } .product_list_widget .quantity, .product_list_widget .reviewer, .product_list_widget .amount { font-size: 0.875rem; font-weight: 400; border: 0; } .product_list_widget del { margin-left: 5px; } .woocommerce-grouped-product-list-item__price del { margin-left: 5px; } /* Widget Product Search /*-------------------------------------------------------*/ .woocommerce-product-search { position: relative; } .woocommerce-product-search .search-field { margin-bottom: 0; } .woocommerce-product-search button[type=submit] { font-size: 0; font-weight: 400; } .woocommerce-product-search button[type=submit]::after { font-size: 1.125rem; content: "\e905"; } /* Widget Product Categories / Widget Products by Attribute /*-------------------------------------------------------*/ .widget_product_categories li a, .widget_rating_filter li a, .woocommerce-widget-layered-nav-list li a, .woocommerce-MyAccount-navigation li a { color: #1D1D1D; } .widget_product_categories li a:hover, .widget_rating_filter li a:hover, .woocommerce-widget-layered-nav-list li a:hover, .woocommerce-MyAccount-navigation li a:hover { color: #024E82; } /* Widget Price Filter /*-------------------------------------------------------*/ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #ebebeb; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #024E82; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 4px; margin: 0; margin-bottom: 24px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { cursor: pointer; top: -6px; margin-right: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-of-type { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .woocommerce .widget_price_filter .price_slider_amount { line-height: 2.8; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 0.9375rem; height: 32px; line-height: 32px; min-height: 32px; padding: 0 18px; } /* Widget Products by Attribute /*-------------------------------------------------------*/ .widget_layered_nav a { float: right; } .widget_layered_nav .count { float: left; }