@charset "UTF-8"; /** * WooCommerce Overrides */ /** * Imports */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(6px); transform: translateX(6px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(6px); transform: translateX(6px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } /** * Products */ .woocommerce-breadcrumb { margin: 2rem 0; } .woocommerce-products-header .page-title { position: relative; padding: 40px 0; text-transform: uppercase; overflow: hidden; text-align: center; } .woocommerce-products-header .page-title:before { content: "shop"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; top: 0; color: #e3f6f5; opacity: 0.3; font-size: 7.5rem; line-height: 1.1; font-weight: 400; text-transform: uppercase; font-style: normal; -webkit-font-smoothing: antialiased; pointer-events: none; } p.woocommerce-result-count { font-size: 0.8rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; float: left; } form.woocommerce-ordering { width: 100%; text-align: end; padding-bottom: 1rem; } form.woocommerce-ordering select { border-radius: 0.188rem; } ul.products.columns-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem; } ul.products.columns-2 li.product { display: flex; flex-direction: column; position: relative; border-radius: 0.188rem; margin-bottom: 1.5rem; } ul.products.columns-2 li.product .onsale { display: inline-flex; align-items: center; justify-content: center; position: absolute; padding: 0 0.6rem; height: 1.6rem; border-radius: 0.188rem; font-size: 0.8rem; font-weight: 600; line-height: 0; text-transform: uppercase; color: #fff; background-color: #8ac6d1; top: 0.9rem; left: 0.9rem; z-index: 1; } ul.products.columns-2 li.product .product-thumb { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; height: auto; margin-bottom: 1rem; } ul.products.columns-2 li.product .product-thumb a.woocommerce-LoopProduct-link { width: 100%; height: auto; margin-bottom: 1.5rem; border-radius: 0.188rem; } ul.products.columns-2 li.product .product-thumb a.woocommerce-LoopProduct-link img { width: 100%; height: 300px; object-fit: cover; object-position: center center; border-radius: inherit; } ul.products.columns-2 li.product .product-thumb a.button, ul.products.columns-2 li.product .product-thumb a.added_to_cart { text-align: center; border-radius: 0.2rem; padding: 10px; position: absolute; bottom: 1%; width: 80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-2 li.product .product-thumb a.button:hover, ul.products.columns-2 li.product .product-thumb a.added_to_cart:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-2 li.product .product-thumb a.added { display: none; } ul.products.columns-2 li.product a h2 { margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-2 li.product .product-cat { font-size: 11px; font-weight: 500; letter-spacing: 0.075em; text-transform: uppercase; } ul.products.columns-2 li.product .star-rating { margin: 0.8rem 0; } ul.products.columns-2 li.product .price { display: inline-flex; align-items: center; font-weight: 600; font-size: 1.3rem; letter-spacing: 0.03rem; padding-top: 0.5rem; margin-top: auto; } ul.products.columns-2 li.product .price del { font-size: 1rem; opacity: 0.5; order: 2; margin-left: 0.4rem; } ul.products.columns-2 li.product .price ins { background: transparent; } ul.products.columns-3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.5rem; } ul.products.columns-3 li.product { display: flex; flex-direction: column; position: relative; border-radius: 0.188rem; margin-bottom: 1.5rem; } ul.products.columns-3 li.product .onsale { display: inline-flex; align-items: center; justify-content: center; position: absolute; padding: 0 0.6rem; height: 1.6rem; border-radius: 0.188rem; font-size: 0.8rem; font-weight: 600; line-height: 0; text-transform: uppercase; color: #fff; background-color: #8ac6d1; top: 0.9rem; left: 0.9rem; z-index: 1; } ul.products.columns-3 li.product .product-thumb { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; height: auto; margin-bottom: 1rem; } ul.products.columns-3 li.product .product-thumb a.woocommerce-LoopProduct-link { width: 100%; height: auto; margin-bottom: 1.5rem; border-radius: 0.188rem; } ul.products.columns-3 li.product .product-thumb a.woocommerce-LoopProduct-link img { width: 100%; height: 300px; object-fit: cover; object-position: center center; border-radius: inherit; } ul.products.columns-3 li.product .product-thumb a.button, ul.products.columns-3 li.product .product-thumb a.added_to_cart { text-align: center; border-radius: 0.2rem; padding: 10px; position: absolute; bottom: 1%; width: 80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-3 li.product .product-thumb a.button:hover, ul.products.columns-3 li.product .product-thumb a.added_to_cart:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-3 li.product .product-thumb a.added { display: none; } ul.products.columns-3 li.product a h2 { margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-3 li.product .product-cat { font-size: 11px; font-weight: 500; letter-spacing: 0.075em; text-transform: uppercase; } ul.products.columns-3 li.product .star-rating { margin: 0.8rem 0; } ul.products.columns-3 li.product .price { display: inline-flex; align-items: center; font-weight: 600; font-size: 1.3rem; letter-spacing: 0.03rem; padding-top: 0.5rem; margin-top: auto; } ul.products.columns-3 li.product .price del { font-size: 1rem; opacity: 0.5; order: 2; margin-left: 0.4rem; } ul.products.columns-3 li.product .price ins { background: transparent; } ul.products.columns-4 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.5rem; } ul.products.columns-4 li.product { display: flex; flex-direction: column; position: relative; border-radius: 0.188rem; margin-bottom: 1.5rem; } ul.products.columns-4 li.product .onsale { display: inline-flex; align-items: center; justify-content: center; position: absolute; padding: 0 0.6rem; height: 1.6rem; border-radius: 0.188rem; font-size: 0.8rem; font-weight: 600; line-height: 0; text-transform: uppercase; color: #fff; background-color: #8ac6d1; top: 0.9rem; left: 0.9rem; z-index: 1; } ul.products.columns-4 li.product .product-thumb { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; height: auto; margin-bottom: 1rem; } ul.products.columns-4 li.product .product-thumb a.woocommerce-LoopProduct-link { width: 100%; height: auto; margin-bottom: 1.5rem; border-radius: 0.188rem; } ul.products.columns-4 li.product .product-thumb a.woocommerce-LoopProduct-link img { width: 100%; height: 300px; object-fit: cover; object-position: center center; border-radius: inherit; } ul.products.columns-4 li.product .product-thumb a.button, ul.products.columns-4 li.product .product-thumb a.added_to_cart { text-align: center; border-radius: 0.2rem; padding: 10px; position: absolute; bottom: 1%; width: 80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-4 li.product .product-thumb a.button:hover, ul.products.columns-4 li.product .product-thumb a.added_to_cart:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-4 li.product .product-thumb a.added { display: none; } ul.products.columns-4 li.product a h2 { margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-4 li.product .product-cat { font-size: 11px; font-weight: 500; letter-spacing: 0.075em; text-transform: uppercase; } ul.products.columns-4 li.product .star-rating { margin: 0.8rem 0; } ul.products.columns-4 li.product .price { display: inline-flex; align-items: center; font-weight: 600; font-size: 1.3rem; letter-spacing: 0.03rem; padding-top: 0.5rem; margin-top: auto; } ul.products.columns-4 li.product .price del { font-size: 1rem; opacity: 0.5; order: 2; margin-left: 0.4rem; } ul.products.columns-4 li.product .price ins { background: transparent; } ul.products.columns-5 { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1.5rem; } ul.products.columns-5 li.product { display: flex; flex-direction: column; position: relative; border-radius: 0.188rem; margin-bottom: 1.5rem; } ul.products.columns-5 li.product .onsale { display: inline-flex; align-items: center; justify-content: center; position: absolute; padding: 0 0.6rem; height: 1.6rem; border-radius: 0.188rem; font-size: 0.8rem; font-weight: 600; line-height: 0; text-transform: uppercase; color: #fff; background-color: #8ac6d1; top: 0.9rem; left: 0.9rem; z-index: 1; } ul.products.columns-5 li.product .product-thumb { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; height: auto; margin-bottom: 1rem; } ul.products.columns-5 li.product .product-thumb a.woocommerce-LoopProduct-link { width: 100%; height: auto; margin-bottom: 1.5rem; border-radius: 0.188rem; } ul.products.columns-5 li.product .product-thumb a.woocommerce-LoopProduct-link img { width: 100%; height: 300px; object-fit: cover; object-position: center center; border-radius: inherit; } ul.products.columns-5 li.product .product-thumb a.button, ul.products.columns-5 li.product .product-thumb a.added_to_cart { text-align: center; border-radius: 0.2rem; padding: 10px; position: absolute; bottom: 1%; width: 80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-5 li.product .product-thumb a.button:hover, ul.products.columns-5 li.product .product-thumb a.added_to_cart:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-5 li.product .product-thumb a.added { display: none; } ul.products.columns-5 li.product a h2 { margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.products.columns-5 li.product .product-cat { font-size: 11px; font-weight: 500; letter-spacing: 0.075em; text-transform: uppercase; } ul.products.columns-5 li.product .star-rating { margin: 0.8rem 0; } ul.products.columns-5 li.product .price { display: inline-flex; align-items: center; font-weight: 600; font-size: 1.3rem; letter-spacing: 0.03rem; padding-top: 0.5rem; margin-top: auto; } ul.products.columns-5 li.product .price del { font-size: 1rem; opacity: 0.5; order: 2; margin-left: 0.4rem; } ul.products.columns-5 li.product .price ins { background: transparent; } ul.products a { text-decoration: none; } .woocommerce-pagination ul.page-numbers { display: flex; justify-content: center; align-items: center; padding-top: 1.8rem; padding-right: 1.8rem; padding-bottom: 1.8rem; padding-left: 1.8rem; width: 100%; } .woocommerce-pagination ul.page-numbers li * { display: inline-flex; align-items: center; justify-content: center; height: 2.5rem; border-radius: 3px; color: #404040; text-decoration: none; } .woocommerce-pagination ul.page-numbers li *:not(.prev):not(.next) { width: 2.5rem; } .woocommerce-pagination ul.page-numbers li .current { color: #fff; background-color: #8ac6d1; cursor: pointer; } @media (max-width: 42rem) { .shop-loop { padding: 0 !important; } .shop-loop ul.products { grid-template-columns: repeat(2, 1fr); } .shop-loop ul.products li a.woocommerce-LoopProduct-link h2 { font-size: 1.1rem; line-height: 1.6rem; } .shop-loop ul.products li a.product-cat { margin-bottom: 0.5rem; } } @media (max-width: 26rem) { .shop-loop .woocommerce-result-count { margin-bottom: 1rem; } .shop-loop form.woocommerce-ordering { text-align: start; } .shop-loop ul.products { grid-template-columns: repeat(1, 1fr); } } /** * Single product */ .single-product .single-product-wrapper > .product { margin-top: 2rem; position: relative; } .single-product .single-product-wrapper > .product.thumbs-left span.onsale { left: calc( 50% * 0.25 + 2.375rem); } .single-product .single-product-wrapper > .product span.onsale { position: absolute; top: 1.25rem; left: 1.25rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.6rem; height: 1.6rem; border-radius: 0.188rem; font-size: 0.8rem; font-weight: 600; line-height: 0; text-transform: uppercase; color: #fff; background-color: #8ac6d1; z-index: 1; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery { width: 55%; float: left; display: flex; flex-direction: row-reverse; position: relative; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute !important; top: 0.5rem; right: 0.5rem; z-index: 1; width: 2.2rem; height: 2.2rem; font-size: 0; color: #404040; display: flex; align-items: center; justify-content: center; box-sizing: content-box; text-decoration: none; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 1.2rem; display: inline-block; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-viewport { width: 75%; height: inherit !important; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-viewport a img { height: 100%; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin: 0; width: 100%; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a { display: block; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { display: block; margin: 0 auto; width: 100%; min-height: 500px; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-control-nav { display: flex; flex-direction: column; padding-right: 1rem; overflow-y: scroll; width: 25%; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-control-nav li { width: 100%; display: flex; align-items: center; justify-content: center; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-control-nav li img { width: 100%; -o-object-position: center center; object-position: center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-control-nav li img:not(.flex-active) { opacity: 0.8; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-control-nav li img:not(.flex-active):hover { opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product .single-product-wrapper > .product .woocommerce-product-gallery .flex-control-nav li:not(:last-child) { margin-bottom: 1em; } .single-product .single-product-wrapper > .product .entry-summary { width: 45%; float: left; padding-left: 2.5rem; margin-top: 0; } .single-product .single-product-wrapper > .product .entry-summary .product_title { margin-top: 0.5rem; } .single-product .single-product-wrapper > .product .entry-summary .woocommerce-product-rating { display: flex; align-items: center; margin-bottom: 1rem; } .single-product .single-product-wrapper > .product .entry-summary .woocommerce-product-rating a { font-size: 0.75rem; margin-left: 0.6rem; } .single-product .single-product-wrapper > .product .entry-summary .woocommerce-product-rating a span { color: inherit; } .single-product .single-product-wrapper > .product .entry-summary .price { display: inline-flex; align-items: center; font-weight: 600; font-size: 1.3rem; letter-spacing: 0.03rem; margin-top: 0; margin-bottom: 1.75rem; } .single-product .single-product-wrapper > .product .entry-summary .price del { font-size: 1rem; opacity: 0.5; order: 2; margin-left: 0.4rem; } .single-product .single-product-wrapper > .product .entry-summary .price ins { background: transparent; } .single-product .single-product-wrapper > .product .entry-summary form.variations_form { flex-direction: column; } .single-product .single-product-wrapper > .product .entry-summary form.variations_form .woocommerce-variation-add-to-cart { display: flex; } .single-product .single-product-wrapper > .product .entry-summary form.cart { margin-top: 1.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(224, 229, 235, 0.8); display: flex; } .single-product .single-product-wrapper > .product .entry-summary form.cart .quantity { margin-right: 1rem; } .single-product .single-product-wrapper > .product .entry-summary form.cart .quantity .blw-quantity { height: 3.5rem; border: 1px solid #e5e5e5; } .single-product .single-product-wrapper > .product .entry-summary form.cart button.button { height: 3.5rem; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .single-product .single-product-wrapper > .product .entry-summary .product_meta { display: flex; flex-direction: column; margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(224, 229, 235, 0.8); font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase; } .single-product .single-product-wrapper > .product .entry-summary .product_meta span { font-weight: 700; } .single-product .single-product-wrapper > .product .entry-summary .product_meta span > * { opacity: 0.6; font-weight: 600; } .single-product .single-product-wrapper > .product .woocommerce-tabs { clear: both; padding-top: 3.75rem; } .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs { display: flex; align-items: flex-end; justify-content: center; margin-bottom: 3.4rem; } .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs::before, .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs::after { content: "" !important; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative !important; border: none; width: auto; height: 1px; background: rgba(224, 229, 235, 0.8); } .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs li { flex: 0 1 auto; margin-right: -1px; border: 1px solid rgba(224, 229, 235, 0.8); border-width: 0px 0px 1px 0px; } .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs li a { display: flex; align-items: center; justify-content: center; height: 2rem; padding: 0 1.5rem; font-size: 0.75rem; opacity: 0.6; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; } .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs li:hover a { background-color: rgba(242, 244, 247, 0.7); } .single-product .single-product-wrapper > .product .woocommerce-tabs ul.tabs li.active a { opacity: 1; background-color: rgba(242, 244, 247, 0.7); } .single-product .single-product-wrapper > .product .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes { font-size: 0.9rem; } .single-product .single-product-wrapper > .product .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes th { width: 250px; } .single-product .single-product-wrapper > .product .woocommerce-tabs .woocommerce-Tabs-panel table.woocommerce-product-attributes td p { margin: 0; } .single-product .single-product-wrapper > .product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews { display: flex; justify-content: space-between; } .single-product .single-product-wrapper > .product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments, .single-product .single-product-wrapper > .product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper { width: 47%; } .single-product .single-product-wrapper > .product .related.products { padding-top: 2.5rem; margin-top: 3rem; border-top: 1px solid rgba(224, 229, 235, 0.8); } .single-product .single-product-wrapper > .product .related.products ul li { max-width: 100%; } .single-product .single-product-wrapper > .product .related.products ul li span.onsale { left: 1.9rem; } .single-product .single-product-wrapper.sidebar-left .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img, .single-product .single-product-wrapper.sidebar-right .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { min-height: 430px; } .single-product .single-product-wrapper.sidebar-left .product .woocommerce-tabs .woocommerce-Reviews, .single-product .single-product-wrapper.sidebar-rigth .product .woocommerce-tabs .woocommerce-Reviews { flex-wrap: wrap; } .single-product .single-product-wrapper.sidebar-left .product .woocommerce-tabs .woocommerce-Reviews #comments, .single-product .single-product-wrapper.sidebar-left .product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper, .single-product .single-product-wrapper.sidebar-rigth .product .woocommerce-tabs .woocommerce-Reviews #comments, .single-product .single-product-wrapper.sidebar-rigth .product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper { width: 100%; } .single-product .single-product-wrapper.sidebar-left .product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper .comment-form-rating, .single-product .single-product-wrapper.sidebar-rigth .product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper .comment-form-rating { padding-top: 0; } @media (max-width: 64rem) { .single-product .single-product-wrapper .product .woocommerce-product-gallery { width: 100%; float: none; } .single-product .single-product-wrapper .product .entry-summary { width: 100%; float: none; padding-left: 0; } .single-product .single-product-wrapper .product.thumbs-left span.onsale { left: calc( 50% * 0.25 + 9.375rem); } } @media (max-width: 48rem) { .single-product .single-product-wrapper .product { padding: 0 !important; } .single-product .single-product-wrapper .product.thumbs-left span.onsale { left: calc( 50% * 0.25 + 7.375rem); } .single-product .single-product-wrapper .product .woocommerce-product-gallery { max-height: 500px; } .single-product .single-product-wrapper .product .woocommerce-product-gallery .flex-control-nav { width: calc(25% + 0.25em); } .single-product .single-product-wrapper .product .woocommerce-Tabs-panel table.woocommerce-product-attributes th { width: 150px !important; } .single-product .single-product-wrapper .product .woocommerce-Tabs-panel .woocommerce-Reviews { flex-direction: column; } .single-product .single-product-wrapper .product .woocommerce-Tabs-panel .woocommerce-Reviews #comments, .single-product .single-product-wrapper .product .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper { width: 100% !important; } .single-product .single-product-wrapper .product .related.products ul.products li .woocommerce-loop-product__title { font-size: 1.1rem; line-height: 1.6rem; } .single-product .single-product-wrapper .product .related.products ul.products li .product-cat { margin-top: 0.5rem; margin-bottom: 0; } .single-product .single-product-wrapper .product .related.products ul.products li .star-rating { margin-top: 0.5rem; } } @media (max-width: 42rem) { .single-product .single-product-wrapper .product .entry-summary .product_title { font-size: 1.5rem; } .single-product .single-product-wrapper .product .entry-summary p.price { padding: 0; } .single-product .single-product-wrapper .product .entry-summary p.stock { margin-top: 0; } .single-product .single-product-wrapper .product .entry-summary .product_meta { margin-top: 1.5rem; padding-top: 1.5rem; } .single-product .single-product-wrapper .product .entry-summary form.cart { margin-top: 0; } .single-product .single-product-wrapper .product .entry-summary form.cart .quantity { width: 10rem; } .single-product .single-product-wrapper .product .woocommerce-tabs ul.tabs { flex-direction: column; margin-bottom: 0; } .single-product .single-product-wrapper .product .woocommerce-tabs ul.tabs li { width: 100%; border-bottom: 0; } .single-product .single-product-wrapper .product .related.products ul.products { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 26rem) { .single-product .single-product-wrapper .product span.onsale { left: calc( 50% * 0.15) !important; } .single-product .single-product-wrapper .product .woocommerce-product-gallery { flex-direction: column; } .single-product .single-product-wrapper .product .woocommerce-product-gallery .flex-viewport { width: 100%; } .single-product .single-product-wrapper .product .woocommerce-product-gallery .flex-control-nav { flex-direction: row; flex-wrap: wrap; width: 100%; padding-right: 0; overflow-y: unset; } .single-product .single-product-wrapper .product .woocommerce-product-gallery .flex-control-nav li { width: 21.5%; margin-top: 1rem; margin-right: 1rem; margin-bottom: 0 !important; } .single-product .single-product-wrapper .product .woocommerce-product-gallery .flex-control-nav li:nth-child(4n) { margin-right: 0; } .single-product .single-product-wrapper .product.thumbs-left span.onsale { left: calc( 50% * 0.25 + 4.375rem); } .single-product .single-product-wrapper .product .woocommerce-Tabs-panel table.woocommerce-product-attributes th { width: fit-content !important; } .single-product .single-product-wrapper .product .woocommerce-Tabs-panel .woocommerce-Reviews { flex-direction: column; } .single-product .single-product-wrapper .product .woocommerce-Tabs-panel .woocommerce-Reviews #comments, .single-product .single-product-wrapper .product .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper { width: 100% !important; } .single-product .single-product-wrapper .product .related.products ul.products { grid-template-columns: repeat(1, 1fr); } } /** * Checkout */ .billow .checkout_coupon { border: 1px solid rgba(224, 229, 235, 0.8); padding: 2rem; } .billow .checkout_coupon p:first-child { margin-top: 0; } .billow .checkout_coupon .form-row-last { margin-bottom: 0; } .billow .woocommerce-checkout .blw-wc-co { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: -0.6rem; margin-right: -0.6rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col { width: 50%; padding-left: 0.6rem; padding-right: 0.6rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col:nth-child(2) { align-self: flex-start; position: -webkit-sticky; position: sticky; top: 8rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col #customer_details { width: 100%; margin-bottom: 1.25rem; padding: 1rem 1.25rem; border: 1px solid rgba(224, 229, 235, 0.8); } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col #customer_details .col-1, .billow .woocommerce-checkout .blw-wc-co .blw-wc-col #customer_details .col-2 { width: 100%; float: none; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col #customer_details .woocommerce-billing-fields h3 { text-transform: uppercase; font-size: 1rem; font-weight: 700; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review { width: 100%; margin-bottom: 1.25rem; padding: 1rem 1.25rem; border: 1px solid rgba(224, 229, 235, 0.8); } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review h3 { text-transform: uppercase; font-size: 1rem; font-weight: 700; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table { border: none; font-size: 0.8rem; text-align: left; width: 100%; border-collapse: separate; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table th:first-child { padding-left: 0; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table th:last-child { text-align: right; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table th { text-transform: uppercase; font-weight: 400; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table th, .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table td { border-width: 0 0 1px 0; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table td, .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table th { padding: 0.9rem 0; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name { width: 70%; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check { display: inline; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-remove { margin-right: 10px; float: left; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-remove a { font-size: 1.4rem; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-remove a svg { width: 0.8rem; height: 0.8rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-remove a:hover svg { fill: #d83428; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-thumbnail { float: left; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-thumbnail img { max-width: 4rem; height: auto; margin-right: 1.25rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-name .check-name { font-weight: 600; line-height: 1.4; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-name .qty { text-transform: uppercase; font-size: 0.8rem; color: #999; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .blw-product-check .blw-product-name .qty .product-quantity { color: #404040; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .variation { display: flex; align-items: center; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .variation dd { padding: 0 0.3rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .variation dd, .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-name .variation p { margin: 0; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table .product-total { text-align: right; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table tfoot th { font-weight: 700; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order table tfoot td { text-align: right; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order { margin-top: 1.8rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .blw-order-review .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper p { opacity: 0.8; font-size: 0.9rem; line-height: 1.4; margin-bottom: 1.8rem; margin-top: 0; } .billow .woocommerce-checkout p label { display: block; margin-bottom: 0.5rem; } .billow.woocommerce-checkout.woocommerce-order-received header.entry-header { display: none; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over h2.woocommerce-heading--success { margin-bottom: 0.3rem; font-size: 1.5rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over h2.woocommerce-heading--success i.blw-icon-check { display: inline-block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; font-style: normal; margin-right: 0.5rem; padding: 0; position: relative; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over h2.woocommerce-heading--success i.blw-icon-check::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; display: inline-block; font-size: 1.2rem; color: #19a974; text-rendering: auto; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over ul.woocommerce-order-overview li { padding: 1rem 1.5rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over ul.woocommerce-order-overview li:not(:last-child) { border-bottom: 1px dashed rgba(224, 229, 235, 0.8); } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over ul.woocommerce-order-overview li span { display: block; font-weight: 700; padding-top: 0.3rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-over ul.woocommerce-order-overview li span bdi { display: flex; align-items: baseline; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .order_item .wc-item-meta { margin-top: 0.4rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .order_item .wc-item-meta li { display: flex; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .order_item .wc-item-meta li p { margin-top: 0; margin-left: 0.3rem; margin-bottom: 0.3rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details h2.woocommerce-column__title { margin-bottom: 0.5rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address { border: 0; padding: 0; font-size: 0.9rem; font-style: normal; line-height: 2; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--phone, .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email { margin-bottom: 0; font-size: 0.9rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--phone::before, .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email::before { font-family: "Font Awesome 5 Free"; font-weight: 700; display: inline-block; text-rendering: auto; padding-right: 0.5rem; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--phone::before { content: ""; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email::before { content: ""; } .billow.woocommerce-checkout.woocommerce-order-received .woocommerce-order-end { margin-top: 3rem; } @media only screen and (max-width: 58em) { .billow .woocommerce-checkout .blw-wc-co { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col { width: 100%; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .woocommerce-checkout .woocommerce-checkout-review-order { padding: 1.25rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .woocommerce-info { padding: 1.1rem; } .billow .woocommerce-checkout .blw-wc-co .blw-wc-col .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .woocommerce-info::before { content: none; } } @media only screen and (max-width: 26rem) { .billow.woocommerce-checkout .woocommerce-order .woocommerce-order-details .order_item .wc-item-meta { display: flex; flex-direction: column; padding-top: 0.5rem; } .billow.woocommerce-checkout .woocommerce-order .woocommerce-order-details .order_item .wc-item-meta li:not(:last-child) { padding-right: 0.5rem; } .billow.woocommerce-checkout .woocommerce-order .woocommerce-order-details .order_item .wc-item-meta p { margin: 0; margin-left: 0; margin-bottom: 0; } .billow.woocommerce-checkout .woocommerce-order .woocommerce-customer-details address { padding: 0rem 1.5rem !important; } } /** * Components */ .woocommerce .col2-set { width: 100%; } .woocommerce .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2 { float: right; width: 48%; } .star-rating { overflow: hidden; position: relative; width: 7em; height: 1em; font-family: "star"; font-size: 0.9em; font-weight: 400; line-height: 1em; letter-spacing: 0.4em; backface-visibility: hidden; color: #e6e6e6 !important; } .star-rating::before { content: "SSSSS"; float: left; top: 0; left: 0; right: initial; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1em; } .star-rating span::before { content: "SSSSS"; top: 0; left: 0; position: absolute; color: #77a2af !important; } .woocommerce-Reviews #comments .woocommerce-Reviews-title { margin-top: 0; padding-bottom: 1.5rem; font-size: 1.4rem; border-bottom: 1px solid rgba(224, 229, 235, 0.8); } .woocommerce-Reviews #comments p.woocommerce-noreviews { margin-top: 0; } .woocommerce-Reviews #comments .commentlist .review .comment_container { position: relative; padding-top: 2.5rem; } .woocommerce-Reviews #comments .commentlist .review .comment_container img.avatar { position: absolute; left: 0; width: 2.9rem; height: 2.9rem; border-radius: 100%; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text { padding-left: 4.4rem; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating { float: right; margin-top: 0.125rem; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta { display: flex; align-items: center; margin-top: 0; margin-bottom: 1rem; line-height: 1.25rem; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__verified { padding-left: 0.4rem; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash { font-size: 0; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash::before { content: "/"; font-size: 0.9rem; padding: 0 0.4rem; float: left; text-indent: 1px; } .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta span, .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta time { color: #b4b4b4; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-reply-title { display: inline-block; font-size: 1.4rem; font-weight: 500; margin-bottom: 1rem; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-cookies-consent input { width: auto; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form textarea, .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form input { width: 100%; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form textarea:valid, .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form input:valid { color: #404040; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating { display: flex; align-items: center; padding-top: 2.5rem; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating label { font-size: 0; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating label:before { content: "your reting"; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.1rem; text-transform: uppercase; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars { font-size: 0.9em; margin: 0 0 0 10px !important; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars span { display: -webkit-box; display: -ms-flexbox; display: flex; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars span a { position: relative; display: inline-block; width: 1em; height: 1em; text-indent: -999em; text-decoration: none; color: #e6e6e6; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars span a:not(:last-child) { margin-right: 7px; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars span a:before { content: "s"; font-family: "star"; position: absolute; display: block; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; text-indent: 0; color: #77a2af; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars span a:hover ~ a:before { content: "s"; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars span:hover a:before { content: "S"; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars.selected a.active:before { content: "S"; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars.selected a.active ~ a:before { content: "s"; } .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-rating .stars.selected a:not(.active):before { content: "S"; } .quantity { display: inline-block; position: relative; width: 6rem; } .quantity input { margin: 0 !important; border-right-width: 0 !important; } .quantity .vertical-buttons { display: flex; align-items: center; justify-content: space-between; position: absolute; cursor: pointer; right: 0; top: 0; bottom: 0; flex-direction: column; width: 25%; max-width: 1.5rem; } .quantity .vertical-buttons input { display: block; text-align: center; float: none; padding: 0; margin: 0; box-sizing: border-box; line-height: 1.25rem; transform: none; border: none !important; } .quantity .vertical-buttons input:hover { transform: none; cursor: pointer; } .quantity .vertical-buttons input:focus { outline: none; } .quantity .vertical-buttons .plus { width: 100%; top: 0; height: calc(50% - 1px); border-radius: 0 0.125rem 0 0; } .quantity .vertical-buttons .plus:hover { border-radius: 0 0.125rem 0 0; } .quantity .vertical-buttons .minus { width: 100%; border-top: 0; border-radius: 0 0 0.125rem 0; bottom: 0; height: 50%; } .quantity .vertical-buttons .minus:hover { border-radius: 0 0 0.125rem 0; } .quantity .vertical-buttons .minus::before { transform: rotate(180deg); } .quantity .qty { padding: 0 0.6rem; height: 2.5rem; -moz-appearance: textfield; font-size: 13px; } .quantity .qty::-webkit-inner-spin-button, .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .cart .quantity input { height: 100%; } .wc_payment_methods > li { display: flex; flex-wrap: wrap; align-items: center; margin: 0; border: 1px solid rgba(224, 229, 235, 0.8); } .wc_payment_methods > li:not(.woocommerce-notice) { padding: 0 1.5rem; } .wc_payment_methods > li:not(:last-child) { border-bottom: 0; } .wc_payment_methods > li input { margin-right: 0.5rem; } .wc_payment_methods > li label { flex: 1; display: flex; align-items: center; margin: 0; height: 3.4rem; font-size: 0.9rem; font-weight: 500; cursor: pointer; } .wc_payment_methods > li label img:first-of-type { margin-left: auto; } .wc_payment_methods > li label .about_paypal { display: none; } .wc_payment_methods > li .payment_box { flex: 1; min-width: 100%; padding: 1.5rem; margin: 0 -1.5rem; } form.variations_form table.variations { border: none; margin-bottom: 1.5rem; } form.variations_form table.variations tr { display: flex; flex-direction: column; } form.variations_form table.variations tr:not(:last-child) { margin-bottom: 1.5em; } form.variations_form table.variations td { padding: 0; border: none; } form.variations_form table.variations label { display: block; margin-bottom: 0.6rem; --fontWeight: 500; } form.variations_form table.variations select { width: 100%; max-width: 100%; } form.variations_form table.variations .reset_variations { margin-top: 1em; font-size: 0.9rem; line-height: normal; display: none; } form.variations_form table.variations .reset_variations[style*="visibility: hidden"] { display: none !important; } form.variations_form table.variations .reset_variations[style*="visibility: visible"] { display: inline-block !important; } form.variations_form table.variations .reset_variations:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 1rem; margin-right: 0.7rem; font-size: 0.8rem; } form.variations_form .single_variation { display: none; } form.variations_form .single_variation, form.variations_form .wc-no-matching-variations { margin-bottom: 1.5rem; } form.variations_form .single_variation .woocommerce-variation-availability p { color: #fff; background-color: #3eaf7c; padding: 0.4rem 1rem; border-radius: 0.188rem; } form.variations_form .single_variation .woocommerce-variation-availability p::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 1rem; color: #fff; margin-right: 0.4rem; font-size: 0.75rem; } .woocommerce-notices-wrapper { width: 100%; } .woocommerce-notices-wrapper .woocommerce-message { position: relative; display: flex; justify-content: space-between; font-size: 1rem; padding: 1.1rem 0.9rem 1.1rem 4rem; margin-bottom: 2.8rem; border-radius: 0.188rem; background-color: rgba(242, 244, 247, 0.7); } .woocommerce-info, .woocommerce-error, .woocommerce-message { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 1rem; padding: 1.1rem 0.9rem 1.1rem 4rem; margin-bottom: 1.8rem; border-radius: 0.188rem; } .woocommerce-info::before, .woocommerce-error::before, .woocommerce-message::before { font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.25rem; padding: 0 1rem 0 0; opacity: 0.9; position: absolute; left: 1.5rem; } .woocommerce-info::before { content: ""; } .woocommerce-error::before { content: ""; } .woocommerce-message::before { content: ""; } .woocommerce-info a.button, .woocommerce-info a.showcoupon, .woocommerce-message a.button, .woocommerce-message a.showcoupon, .woocommerce-error a.button, .woocommerce-error a.showcoupon { float: right; color: #fff; background-color: #8ac6d1; padding: 10px; margin: -0.5rem -0.3rem -0.5rem 0; text-align: center; border-radius: 0.2rem; order: 1; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-info a.button:hover, .woocommerce-info a.showcoupon:hover, .woocommerce-message a.button:hover, .woocommerce-message a.showcoupon:hover, .woocommerce-error a.button:hover, .woocommerce-error a.showcoupon:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-info, .woocommerce-message { color: #404040; background-color: rgba(242, 244, 247, 0.7); } .woocommerce-error { color: #fff; background-color: #ef3e46; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .woocommerce-error a { color: #ef3e46 !important; background-color: #fff; padding: 0.4rem 0.6rem; margin-top: 0.6rem; border-radius: 0.188rem; text-align: center; } button:disabled, button.disabled, .button:disabled, .button.disabled { opacity: 0.6; pointer-events: none; } span.required, abbr.required { color: #ef3e46; } .select2-container--default .select2-selection--single { border-color: rgba(224, 229, 235, 0.8); } .woocommerce-pagination.woocommerce-Pagination a.woocommerce-button { display: inline-block; border-radius: 0.2rem; color: #fff; background-color: #8ac6d1; border-width: 1px; border-color: #8ac6d1; border-style: solid; padding: 0.8rem 2.5rem; font-size: 0.75rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-pagination.woocommerce-Pagination a.woocommerce-button:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 62rem) { .woocommerce .col2-set { width: 100%; } .woocommerce .col2-set .woocommerce-Address { float: none; width: 100%; } .woocommerce .col2-set .col-1 { padding-bottom: 1.8rem; } } @media (max-width: 50rem) { .woocommerce .col2-set { width: 100%; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { float: none; width: 100%; } } @media (max-width: 42rem) { .woocommerce-notices-wrapper .woocommerce-message { flex-direction: column; padding: 1.1rem; } .woocommerce-notices-wrapper .woocommerce-message a.button { width: 100%; margin: 0.5rem 0 0 0; } .woocommerce-notices-wrapper .woocommerce-message::before { content: none; } .woocommerce-form-coupon-toggle .woocommerce-info { flex-direction: column; align-items: flex-start; padding: 1.1rem; } .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon { width: 100%; margin: 1.1rem 0 0 0; } .woocommerce-form-coupon-toggle .woocommerce-info::before { content: none; } } @media only screen and (max-width: 35em) { .woocommerce .woocommerce-message[role=alert] { flex-direction: column; align-items: flex-start; } } @media (max-width: 26rem) { .woocommerce-Reviews #comments .commentlist li.review:not(:last-child) { border-bottom: 1px solid rgba(224, 229, 235, 0.8); } .woocommerce-Reviews #comments .commentlist li.review:not(:last-child) .comment_container .comment-text { padding-left: 4rem; } } /** * Cart */ .billow .cart-wrapper { display: flex; } .billow .cart-wrapper .woocommerce-cart-form { padding-right: 3rem; width: 70%; } .billow .cart-wrapper .woocommerce-cart-form table { border: none; } .billow .cart-wrapper .woocommerce-cart-form table thead { display: none; } .billow .cart-wrapper .woocommerce-cart-form table th { border-width: 0 0 1px 0; } .billow .cart-wrapper .woocommerce-cart-form table tr { border-width: 0 0 1px 0; } .billow .cart-wrapper .woocommerce-cart-form table tr > *:first-child { padding-left: 0; } .billow .cart-wrapper .woocommerce-cart-form table tr > *:last-child { padding-right: 0; } .billow .cart-wrapper .woocommerce-cart-form table td { border-width: 0 0 1px 0; border-style: dashed; padding: 0.7rem; } .billow .cart-wrapper .woocommerce-cart-form table .product-remove { width: 1.25rem; } .billow .cart-wrapper .woocommerce-cart-form table .product-remove a { display: flex; align-items: center; justify-content: center; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .cart-wrapper .woocommerce-cart-form table .product-remove a svg { width: 0.8rem; height: 0.8rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .cart-wrapper .woocommerce-cart-form table .product-remove a:hover svg { fill: #d83428; } .billow .cart-wrapper .woocommerce-cart-form table .product-thumbnail { width: 5.6rem; } .billow .cart-wrapper .woocommerce-cart-form table .product-thumbnail img { max-width: 5.6rem; border-radius: 0.188rem; } .billow .cart-wrapper .woocommerce-cart-form table .product-name { max-width: 18rem; } .billow .cart-wrapper .woocommerce-cart-form table .product-name .variation { display: grid; grid-template-columns: 2.7rem 1fr; grid-template-rows: 1fr 1fr; } .billow .cart-wrapper .woocommerce-cart-form table .product-name .variation dd, .billow .cart-wrapper .woocommerce-cart-form table .product-name .variation p { margin: 0; } .billow .cart-wrapper .woocommerce-cart-form table .product-price { text-align: center; } .billow .cart-wrapper .woocommerce-cart-form table .product-quantity { text-align: center; width: 70px; } .billow .cart-wrapper .woocommerce-cart-form table .product-quantity .blw-quantity .qty-nav .quantity-button { font-size: 0; } .billow .cart-wrapper .woocommerce-cart-form table .product-quantity .blw-quantity .qty-nav .quantity-button::before { font-family: "Font Awesome 5 Free"; font-weight: 700; display: inline-block; font-size: 1.2rem; } .billow .cart-wrapper .woocommerce-cart-form table .product-quantity .blw-quantity .qty-nav .quantity-down::before { content: ""; } .billow .cart-wrapper .woocommerce-cart-form table .product-quantity .blw-quantity .qty-nav .quantity-up::before { content: ""; } .billow .cart-wrapper .woocommerce-cart-form table .product-subtotal { text-align: right; } .billow .cart-wrapper .woocommerce-cart-form table .actions { padding: 0; padding-top: 2rem; text-align: right; border-bottom: 0; } .billow .cart-wrapper .woocommerce-cart-form table .actions .coupon { display: flex; float: left; } .billow .cart-wrapper .woocommerce-cart-form table .actions .coupon label { display: none; } .billow .cart-wrapper .woocommerce-cart-form table .actions .coupon input { min-width: 13rem; margin-right: 0.5rem; } .billow .cart-wrapper .woocommerce-cart-form table .actions .coupon button { width: 100%; } .billow .cart-wrapper .cart-collaterals { position: sticky; padding: 1.25rem; top: 3rem; align-self: flex-start; border: 1px solid rgba(224, 229, 235, 0.8); width: 30%; } .billow .cart-wrapper .cart-collaterals .cart_totals h2 { font-size: 1.2rem; margin-top: 0; } .billow .cart-wrapper .cart-collaterals .cart_totals table { border: none; } .billow .cart-wrapper .cart-collaterals .cart_totals table th, .billow .cart-wrapper .cart-collaterals .cart_totals table td { border: none; } .billow .cart-wrapper .cart-collaterals .cart_totals table tr:not(:last-child) { border-bottom: 1px solid rgba(224, 229, 235, 0.8); } .billow .cart-wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 2.5rem; } .billow .cart-wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout a { text-align: center; border-radius: 0.2rem; padding: 10px; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .cart-wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow.woocommerce-cart p.cart-empty { align-items: center; justify-content: center; flex-direction: column; font-size: 1.3rem; margin-bottom: 1.8rem; padding: 0 0 1.8rem; overflow: hidden; } .billow.woocommerce-cart p.cart-empty::before { display: inline-block; width: 100%; height: 3.75rem; content: ""; background-image: url(./assets/images/svg/cart.svg); background-repeat: no-repeat; background-size: 3.75rem 3.75rem; background-position: center; margin-bottom: 1.25rem; margin-top: 1.8rem; position: static; } .billow.woocommerce-cart .return-to-shop { text-align: center; } .billow.woocommerce-cart .return-to-shop a.button.wc-backward { display: inline-block; border-radius: 0.2rem; color: #fff; background-color: #8ac6d1; padding: 0.8rem 2.5rem; font-size: 0.8rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow.woocommerce-cart .return-to-shop a.button.wc-backward:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 64rem) { .billow .cart-wrapper { flex-direction: column; } .billow .cart-wrapper form.woocommerce-cart-form { width: 100%; padding-right: 0; } .billow .cart-wrapper .cart-collaterals { width: 100%; position: relative; top: 0; } .billow .cart-wrapper .cart-collaterals table.shop_table.shop_table_responsive td { text-align: right; } } @media (max-width: 48rem) { .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item:not(:last-child) { border-top: 1px solid rgba(224, 229, 235, 0.8); } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td { width: 100%; max-width: 100%; display: block; text-align: right; border-top: none; border-bottom: none; padding: 0.7em 0; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td p.backorder_notification { margin-top: 0.2rem; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td:before { content: attr(data-title) ": "; font-weight: 600; float: left; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td.product-remove a { display: inline; border: none; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td.product-remove::before { content: none; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td.product-thumbnail { display: none; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td.product-name .variation { display: flex; justify-content: flex-end; flex-direction: column; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td.product-quantity .quantity { margin-right: 0; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr.cart_item td.product-quantity .quantity .blw-quantity { height: auto; justify-content: flex-end; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr td.actions .coupon { flex-direction: column; width: 100%; padding-bottom: 1rem; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr td.actions .coupon input { margin-right: 0; margin-bottom: 1rem; } .billow .cart-wrapper form.woocommerce-cart-form .shop_table tbody tr td.actions button.button { width: 100%; } } /** * Widgets */ .billow .widget_product_search .woocommerce-product-search { position: relative; margin: 0; } .billow .widget_product_search .woocommerce-product-search input.search-field { width: 100%; } .billow .widget_product_search .woocommerce-product-search button { position: absolute; top: 0; bottom: 0; right: 0%; background: 0 0 !important; font-size: 0; padding: 0.7rem 0.7rem; color: #77a2af; border: none; box-shadow: none; transform: none; cursor: pointer; } .billow .widget_product_search .woocommerce-product-search button::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; display: inline-block; font-size: 1.2rem; text-rendering: auto; } .billow .widget_product_search .woocommerce-product-search button:hover { border: none; box-shadow: none; transform: none; background: 0 0; color: #77a2af; } .billow .widget_top_rated_products .product_list_widget li, .billow .widget_products .product_list_widget li, .billow .widget_recent_reviews .product_list_widget li { position: relative; clear: both; padding: 0.6rem 0 0.6rem 7rem; margin: 0; min-height: 8rem; overflow: hidden; } .billow .widget_top_rated_products .product_list_widget li a::before, .billow .widget_products .product_list_widget li a::before, .billow .widget_recent_reviews .product_list_widget li a::before { content: none !important; } .billow .widget_top_rated_products .product_list_widget li a img, .billow .widget_products .product_list_widget li a img, .billow .widget_recent_reviews .product_list_widget li a img { position: absolute; top: 0.6rem; left: 0; width: 5.8rem; height: 100%; margin: 0; font-family: "object-fit: cover;"; box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .widget_top_rated_products .product_list_widget li a img:hover, .billow .widget_products .product_list_widget li a img:hover, .billow .widget_recent_reviews .product_list_widget li a img:hover { transform: translateY(-2px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .widget_top_rated_products .product_list_widget li a span, .billow .widget_products .product_list_widget li a span, .billow .widget_recent_reviews .product_list_widget li a span { font-size: 1rem; color: inherit; } .billow .widget_top_rated_products .product_list_widget li del, .billow .widget_products .product_list_widget li del, .billow .widget_recent_reviews .product_list_widget li del { width: 100%; float: left; } .billow .widget_top_rated_products .product_list_widget li ins, .billow .widget_products .product_list_widget li ins, .billow .widget_recent_reviews .product_list_widget li ins { float: left; } .billow .widget_top_rated_products .product_list_widget li .star-rating, .billow .widget_products .product_list_widget li .star-rating, .billow .widget_recent_reviews .product_list_widget li .star-rating { font-size: 0.8rem; margin: 5px 0; } .billow .widget_top_rated_products .product_list_widget li del, .billow .widget_products .product_list_widget li del, .billow .widget_recent_reviews .product_list_widget li del { font-size: 0.9rem; } .billow .widget_product_tag_cloud .tagcloud a { font-size: 1rem !important; } .billow .country_preselect form.countrypreselect_chosencountry_form { margin: 0; } .billow .country_preselect form.countrypreselect_chosencountry_form select.countrypreselect_chosencountry { padding: 0.3rem; margin-bottom: 0.4rem; } .billow .widget_rating_filter .wc-layered-nav-rating a { display: flex !important; align-items: center; } .billow .widget_rating_filter .wc-layered-nav-rating a::before { display: none !important; } .billow .widget_rating_filter .wc-layered-nav-rating a .star-rating { margin-right: 0.5rem; } .billow .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: 0.5rem; margin-right: 0.5rem; } .billow .widget_price_filter .ui-slider .ui-slider-range, .billow .widget_price_filter .ui-slider .ui-slider-handle { background-color: #77a2af; } .billow .widget_price_filter .ui-slider .ui-slider-range { top: 0; height: 100%; position: absolute; z-index: 1; font-size: 0.7rem; display: block; border: 0; border-radius: 1rem; } .billow .widget_price_filter .ui-slider .ui-slider-handle { top: -0.4rem; cursor: pointer; position: absolute; z-index: 2; width: 1rem; height: 1rem; border-radius: 1rem; outline: 0; margin-left: -0.5rem; } .billow .widget_price_filter .ui-slider-horizontal { height: 0.2rem; } .billow .widget_price_filter .price_slider { margin-bottom: 1.2rem; } .billow .widget_price_filter .ui-widget-content { background-color: rgba(224, 229, 235, 0.8); } .billow .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.6; font-size: 0.8rem; } .billow .widget_price_filter .price_slider_amount button.button { font-size: 0.8rem !important; padding: 0.2rem 2rem; float: left; } /** * Form */ .billow .woocommerce .woocommerce-form.login .form-row { display: flex; flex-direction: column; } .billow .woocommerce .woocommerce-form.login .form-row .woocommerce-form__label { margin-bottom: 1rem; } .billow .woocommerce .woocommerce-form.login .form-row .woocommerce-button { width: fit-content; } .billow .woocommerce form .password-input { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; position: relative; } .billow .woocommerce form .password-input .show-password-input { position: absolute; right: 0.7em; top: 0.88rem; cursor: pointer; } .billow .woocommerce form .password-input .show-password-input::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 0.618em; text-decoration: none; speak: none; } .billow .woocommerce form .password-input .show-password-input.display-password::after { content: ""; } .billow .woocommerce form .password-input .woocommerce-password-strength { text-align: center; font-weight: 600; padding: 3px 0.5rem; font-size: 1rem; color: #fff; } .billow .woocommerce form .password-input .woocommerce-password-strength.short { background-color: #ef3e46; } .billow .woocommerce form .password-input .woocommerce-password-strength.bad { background-color: #ff7736; } .billow .woocommerce form .password-input .woocommerce-password-strength.good { background-color: #ffb700; } .billow .woocommerce form .password-input .woocommerce-password-strength.strong { background-color: #19a974; } .billow .woocommerce form .password-input .woocommerce-password-hint { margin: 0.5rem 0 0; display: block; } .billow .woocommerce #customer_login .blw-customer-login { width: 100%; margin: 0 auto; padding: 3rem; } .billow .woocommerce #customer_login .blw-customer-login > h2 { display: block; } .billow .woocommerce #customer_login .blw-customer-login form.woocommerce-form { padding: 0; margin: 0; } .billow .woocommerce #customer_login .blw-customer-register { margin: 0 auto; padding: 3rem; } .billow .woocommerce .blw-customer-login { width: 50%; margin: 0 auto; padding: 3rem; } .billow .woocommerce .blw-customer-login > h2 { display: none; } .billow .woocommerce .blw-customer-login form.login { border: 0; padding: 0.6rem 0; font-size: 0.8rem; margin: 2rem 0; } .billow .woocommerce .blw-customer-login form.login .lost_password { display: flex; align-items: center; } .billow .woocommerce .blw-customer-login form.login .lost_password input.woocommerce-form__input { margin-right: 0.6rem; } .billow .woocommerce .blw-customer-login form.login .lost_password label.woocommerce-form__label { margin-right: auto; } .billow .woocommerce .wc-LostPassword { padding: 3rem; width: 50%; margin: 0 auto; } .billow .woocommerce .wc-LostPassword .billow_woocommerce_reset_message { font-size: 0.8rem; color: #999; margin-bottom: 1rem; line-height: 1.3rem; } .billow.woocommerce-account header.entry-header { display: none; } @media (max-width: 62rem) { .billow .woocommerce .blw-customer-login { width: 80%; } } @media (max-width: 56rem) { .billow .woocommerce #customer_login .blw-customer-login { padding: 1rem; } .billow .woocommerce #customer_login .blw-customer-register { padding: 1rem; } } @media (max-width: 50rem) { .billow .woocommerce .wc-LostPassword { width: 80%; padding: 3rem 0; } } @media (max-width: 42rem) { .billow .woocommerce .blw-customer-login { width: 90%; padding: 3rem 1rem; } } @media (max-width: 26rem) { .billow .woocommerce .wc-LostPassword { width: 100%; } .billow .woocommerce .blw-customer-login { width: 100%; padding: 3rem 0; } } /** * Account */ .billow .woocommerce .blw-MyAccount { display: grid; grid-template-columns: minmax(12.5rem, 20%) 1fr; grid-column-gap: 1.8rem; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation .wc-MyAccount-navigation-heading h5 { text-transform: uppercase; font-weight: 700; display: flex; justify-content: space-between; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation .wc-MyAccount-navigation-heading h5 a { display: none; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation .wc-MyAccount-navigation-heading h5 a::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; display: inline-block; font-size: 1.2rem; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation ul { font-size: 0.9rem; background: #fff; border-radius: 0.3rem; overflow: hidden; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation ul li.is-active a, .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation ul li:hover a { color: #fff; background-color: #8ac6d1; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation ul li:not(:last-child) a { border-bottom: 1px solid rgba(242, 244, 247, 0.7); } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation ul li a { display: flex; align-items: center; color: #404040; height: 3.4rem; padding: 0 1.25rem; text-decoration: none; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation ul li a:before { font-family: "Font Awesome 5 Free"; font-size: 1rem; font-weight: 700; content: ""; width: 1.25rem; margin-right: 0.9rem; } .billow .woocommerce .woocommerce-MyAccount-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding: 1.8rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-sub-heading { padding: 0 0 0.625rem; border-bottom: 1px solid rgba(242, 244, 247, 0.7); } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-sub-heading h2 { margin-top: 0; margin-bottom: 0.625rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-sub-heading p { margin: 0; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content { padding: 1.25rem 0; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center { border: 0; padding: 0; width: 60%; margin: 2em auto; flex-direction: column; background-color: transparent; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center .wc-MyAccount-sub-icon { margin-bottom: 1.5rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center .wc-MyAccount-sub-icon img { height: auto; max-width: 60px; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center .wc-MyAccount-sub-tagline { font-size: 1.3rem; margin-bottom: 1.5rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center .button { float: none; padding: 1rem 3rem; font-weight: 500; margin: 0 auto; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center::before { content: none; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .order_item .wc-item-meta { display: flex; padding-top: 0.5rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .order_item .wc-item-meta li:not(:last-child) { padding-right: 0.5rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .order_item .wc-item-meta p { margin: 0; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table thead th { text-align: left !important; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions, .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table .order-actions { display: table-cell; text-align: center; width: 10rem; min-width: fit-content; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button, .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table .order-actions a.button { display: inline-block; color: #fff; background-color: #8ac6d1; text-align: center; font-size: 0.8rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; border-radius: 0.2rem; padding: 0.5rem 1.5rem; margin: 0.1rem; width: 100%; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button:hover, .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-orders-table .order-actions a.button:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-Addresses { font-size: 0.9rem; padding: 0; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title { display: block; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 { text-transform: uppercase; font-size: 0.8rem; font-weight: 600; margin-top: 0; margin-bottom: 0.2rem; } .billow .woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-Addresses .woocommerce-Address address { line-height: 21px; margin-bottom: 1em; } .billow .woocommerce .woocommerce-MyAccount-content .woocommerce-account-fields fieldset { border: 0; padding: 1.5rem 0 1rem; margin-top: 3rem; margin-bottom: 0; } .billow .woocommerce .woocommerce-MyAccount-content p.woocommerce-form-row { margin-top: 0; } .billow .woocommerce .woocommerce-MyAccount-content p.woocommerce-form-row label { display: block; font-size: 0.9rem; line-height: 1.1; margin-bottom: 0.6rem; } .billow .woocommerce .woocommerce-MyAccount-content p.woocommerce-form-row.form-row-first { width: 49%; float: left; } .billow .woocommerce .woocommerce-MyAccount-content p.woocommerce-form-row.form-row-last { width: 49%; float: right; } .billow .woocommerce .woocommerce-MyAccount-content p.woocommerce-form-row span > em { font-size: 0.8rem; color: #999; } .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--dashboard a:before { content: "" !important; } .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--orders a:before { content: "" !important; } .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--downloads a:before { content: "" !important; } .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--edit-address a:before { content: "" !important; } .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--edit-account a:before { content: "" !important; } .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "" !important; } @media (max-width: 62rem) { .billow .woocommerce .wc-MyAccount-inner-content .woocommerce-account-fields p.woocommerce-form-row { float: none !important; width: 100% !important; } } @media (max-width: 56rem) { .billow .woocommerce .blw-MyAccount table.shop_table_responsive thead { display: none; } .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody tr:not(:first-child) { border-top: 1px solid #e5e5e5; } .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td { display: block; text-align: right; border: none; } .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td::before { content: attr(data-title) ": "; font-weight: 600; float: left; } .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td.order-actions, .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td.woocommerce-orders-table__cell-order-actions { display: block !important; text-align: right !important; width: auto !important; } .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td.order-actions a, .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td.woocommerce-orders-table__cell-order-actions a { width: 100%; } .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td.order-actions::before, .billow .woocommerce .blw-MyAccount table.shop_table_responsive tbody td.woocommerce-orders-table__cell-order-actions::before { content: none; } } @media (max-width: 48rem) { .billow .woocommerce .blw-MyAccount { grid-template-columns: none; grid-row-gap: 1.8rem; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation .wc-MyAccount-navigation-heading { padding: 0 1.25rem; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation .wc-MyAccount-navigation-heading a.push-my-account-nav { display: block; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation .woocommerce-MyAccount-menu { display: none; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-content { padding-top: 0; } .billow .woocommerce .blw-MyAccount .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-info.wc-MyAccount-fix-center { width: 100%; } } /*# sourceMappingURL=woocommerce.css.map */