File "woocommerce.css"
Full Path: /home/elegucvf/public_html/video/wp-content/wp-includes/wp-includes/wp-includes/wp-content/themes/atlas/scss/woocommerce/css/woocommerce.css
File size: 63.77 KB
MIME-type: text/plain
Charset: utf-8
@charset "UTF-8";
/**
* woocommerce.scss
* Governs the general look and feel of WooCommerce sections of stores using themes that do not
* integrate with WooCommerce specifically.
*/
/**
* Imports
*/
/**
* WooCommerce CSS Variables
*/
:root {
--woocommerce: #a46497;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #a46497;
--wc-primary-text: white;
--wc-secondary: #ebe9eb;
--wc-secondary-text: #515151;
--wc-highlight: #77a464;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
}
/**
* Global styles
*/
.woocommerce-store-notice,
p.demo_store {
position: fixed;
bottom: 20px;
left: 20px;
margin: 0;
width: 350px;
background-color: var(--color-accent);
color: var(--color-accent-text);
z-index: 99998;
display: none;
border-radius: var(--box-radius);
padding: 30px;
}
.woocommerce-store-notice a,
p.demo_store a {
color: var(--color-accent-text);
}
.woocommerce-store-notice__dismiss-link {
position: absolute;
top: -15px;
right: -15px;
text-indent: -9999px;
width: 46px;
height: 46px;
background-color: var(--color-accent);
color: var(--color-accent-text);
border: 2px solid #000;
border-radius: 50%;
border: var(--btn-line-size) solid var(--light-line-color-rgba);
}
.woocommerce-store-notice__dismiss-link a {
color: var(--color-accent-text);
}
.bg-dark .woocommerce-store-notice__dismiss-link {
color: var(--dark-line-color-rgba);
}
.woocommerce-store-notice__dismiss-link:before {
content: 'x';
background-color: var(--color-accent);
color: var(--color-accent-text);
text-indent: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.woocommerce-store-notice__dismiss-link:before a {
color: var(--color-accent-text);
}
.price {
display: block;
color: var(--light-text-color-heavier-rgba);
}
.bg-dark .price {
color: var(--dark-text-color-heavier-rgba);
}
.price del {
color: inherit;
display: inline-block;
}
.price ins {
background: none;
display: inline-block;
margin-left: 5px;
}
.price .from {
font-size: 0.67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, 0.5);
}
/**
* Main WooCommerce styles
*/
a.remove {
display: block;
font-size: 24px;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
text-decoration: none;
border: 0;
}
a.remove:hover {
color: #fff;
background: red;
}
.woocommerce {
font-size: 1rem;
/* Button */
}
.woocommerce img {
height: auto;
max-width: 100%;
width: 100%;
}
.woocommerce .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
animation: spin 1s ease-in-out infinite;
background: url("../images/icons/loader.svg") center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce .loader::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
animation: spin 1s ease-in-out infinite;
background: url("../images/icons/loader.svg") center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce small.note {
display: block;
font-size: 0.85rem;
margin-top: 10px;
}
.woocommerce .quantity {
position: relative;
width: 100%;
min-width: 80px;
}
.woocommerce .quantity .qty {
width: 100%;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
.woocommerce .quantity .arrow {
-webkit-user-select: none;
/* Chrome all / Safari all */
-moz-user-select: none;
/* Firefox all */
-ms-user-select: none;
user-select: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 45px;
line-height: 45px;
text-align: center;
}
.woocommerce .quantity .arrow.minus {
left: 0;
}
.woocommerce .quantity .arrow.plus {
right: 0;
}
.woocommerce .onsale {
font-family: var(--second_text-font-family);
font-weight: var(--second_text-font-weight);
font-style: var(--second_text-font-style);
text-transform: var(--second_text-text-transform);
font-size: var(--second_text-font-size);
letter-spacing: var(--second_text-letter-spacing);
line-height: var(--second_text-line-height);
color: var(--light-text-color-lighter-rgba);
z-index: 2;
background-color: var(--color-accent);
color: var(--color-accent-text);
padding: 5px 15px !important;
border-radius: var(--button-radius);
}
.bg-dark .woocommerce .onsale {
color: var(--dark-text-color-lighter-rgba);
}
.woocommerce .onsale a {
color: var(--light-text-color-lighter-rgba);
}
.bg-dark .woocommerce .onsale a {
color: var(--dark-text-color-lighter-rgba);
}
.woocommerce .onsale a {
color: var(--color-accent-text);
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: var(--box-padding);
border-radius: var(--box-radius);
margin: 0 0 var(--h_space) !important;
position: relative;
list-style: none outside;
background-color: transparent;
width: auto;
word-wrap: break-word;
background-color: var(--color-accent);
color: var(--color-accent-text);
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
display: block;
clear: both;
content: "";
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
color: var(--color-accent-text);
}
.bg-dark .woocommerce-error, .bg-dark
.woocommerce-info, .bg-dark
.woocommerce-message {
border-color: var(--dark-line-color-rgba);
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
color: var(--color-accent-text) !important;
text-decoration: underline;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
width: auto;
height: auto;
line-height: inherit;
border-radius: 0;
padding: 0;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
float: right;
color: var(--color-accent-text) !important;
text-decoration: underline;
}
/* Product Page - Done */
div.product.post-item {
margin-bottom: 0;
}
div.product .onsale {
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
}
div.product .summary-wrap-inner {
display: flex;
position: relative;
}
div.product .summary-wrap-inner > *:not(:last-child) {
margin-right: var(--primary_space);
}
@media screen and (max-width: 880px) {
div.product .summary-wrap-inner {
flex-direction: column;
}
div.product .summary-wrap-inner > *:not(:last-child) {
margin-right: 0;
margin-bottom: var(--h_space);
}
}
@media screen and (max-width: 880px) {
div.product .summary-wrap-inner > *:not(.onsale) {
width: 100% !important;
}
}
div.product .woocommerce-product-gallery {
width: 50%;
}
div.product .summary {
width: 50%;
}
div.product .summary h1 {
margin-bottom: 0;
}
div.product .summary .price {
margin-top: 15px;
margin-bottom: 0;
font-size: 1.6em;
}
div.product .summary .price ins {
font-weight: 600;
color: var(--color-accent);
}
div.product .product_title {
margin-bottom: 0;
margin-top: 0;
clear: both;
}
div.product .woocommerce-product-rating {
float: none;
display: flex;
align-items: center;
margin-top: 15px;
}
div.product .woocommerce-product-rating .star-rating {
margin: 0;
}
div.product .woocommerce-product-rating .woocommerce-review-link {
margin-left: 10px;
}
div.product .stock {
font-family: var(--second_text-font-family);
font-weight: var(--second_text-font-weight);
font-style: var(--second_text-font-style);
text-transform: var(--second_text-text-transform);
font-size: var(--second_text-font-size);
letter-spacing: var(--second_text-letter-spacing);
line-height: var(--second_text-line-height);
color: var(--light-text-color-lighter-rgba);
color: var(--color-accent);
margin-top: 20px;
margin-bottom: 0;
}
.bg-dark div.product .stock {
color: var(--dark-text-color-lighter-rgba);
}
div.product .stock a {
color: var(--light-text-color-lighter-rgba);
}
.bg-dark div.product .stock a {
color: var(--dark-text-color-lighter-rgba);
}
div.product .stock.out-of-stock {
color: red;
}
div.product p.stock {
margin-top: 15px;
}
div.product .woocommerce-product-details__short-description {
margin-top: 20px;
}
div.product form.cart {
display: block;
margin: 30px 0 0;
width: 100%;
}
div.product form.cart div.quantity {
margin-right: 15px;
float: left;
width: 100px;
}
div.product form.cart table {
border: none;
}
div.product form.cart table div.quantity {
float: none;
margin: 0;
}
div.product form.cart table small.stock {
display: block;
float: none;
}
div.product form.cart .variations {
margin: 0;
border: 0;
width: 100%;
}
div.product form.cart .variations td,
div.product form.cart .variations th {
border: 0;
padding: 0;
vertical-align: text-top;
padding-bottom: 35px;
}
div.product form.cart .variations label {
margin-bottom: 0;
text-transform: uppercase;
}
div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-bottom: 0;
}
div.product form.cart .variations td.label {
padding-right: 15px;
}
div.product form.cart .woocommerce-variation-description p {
margin-bottom: 0;
}
div.product form.cart .woocommerce-variation-add-to-cart-enabled,
div.product form.cart .woocommerce-variation-price {
margin-top: 30px;
}
div.product form.cart .reset_variations {
visibility: hidden;
font-size: 0.85rem;
color: red;
}
div.product form.cart .wc-no-matching-variations {
display: none;
}
div.product form.cart .button {
margin: 0;
}
div.product form.cart .group_table {
margin-bottom: 35px;
}
div.product form.cart .group_table td {
vertical-align: middle;
border: 0;
padding-left: 0;
}
div.product .product_meta {
clear: both;
margin-top: 30px;
font-size: 0.92rem;
}
div.product .product_meta > * {
display: block;
margin-bottom: 10px;
}
div.product .product_meta > *:last-child {
margin-bottom: 0;
}
div.product .single-shares_bottom {
margin-top: 30px;
}
div.product .woocommerce-tabs {
margin-top: var(--h_space);
clear: both;
}
div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0;
margin-bottom: 20px;
position: relative;
border: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
div.product .woocommerce-tabs ul.tabs li {
position: relative;
z-index: 0;
margin: 0;
}
div.product .woocommerce-tabs ul.tabs li a {
display: block;
font-weight: 600;
background-color: transparent;
border-color: transparent;
padding: 8px 16px;
border-radius: var(--button-radius);
}
div.product .woocommerce-tabs ul.tabs li.active a {
background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%);
}
div.product .woocommerce-tabs .panel {
margin: 0;
display: none;
}
div.product .related,
div.product .up-sells {
margin-top: var(--h_space);
}
.woocommerce-product-gallery__image a {
display: block;
}
.thumbs-wrap-inner {
display: grid;
grid-gap: 10px;
margin-top: 10px;
}
.woocommerce-product-gallery--columns-3 .thumbs-wrap-inner {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-product-gallery--columns-4 .thumbs-wrap-inner {
grid-template-columns: repeat(4, 1fr);
}
.woocommerce-product-gallery--columns-5 .thumbs-wrap-inner {
grid-template-columns: repeat(5, 1fr);
}
.woocommerce-product-gallery--columns-6 .thumbs-wrap-inner {
grid-template-columns: repeat(6, 1fr);
}
.woocommerce-product-gallery--columns-8 .thumbs-wrap-inner {
grid-template-columns: repeat(8, 1fr);
}
/* Product loops */
.posts-woo ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 30px;
}
.posts-woo ul li {
padding: 0;
margin: 0;
}
@media screen and (max-width: 767px) {
.posts-woo ul {
grid-template-columns: repeat(1, 1fr);
}
}
.sidebar-full .posts-woo ul {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 880px) {
.sidebar-full .posts-woo ul {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.sidebar-full .posts-woo ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 575px) {
.sidebar-full .posts-woo ul {
grid-template-columns: repeat(1, 1fr);
}
}
.cart-collaterals .cross-sells .posts-woo ul {
grid-template-columns: repeat(2, 1fr) !important;
}
.woo-product {
position: relative;
}
.woo-product span.onsale {
position: absolute;
top: 0;
left: 0;
}
.woo-product .entry-thumbnail {
overflow: hidden;
border-radius: var(--image-radius);
}
.woo-product .woo-desc .entry-title {
margin-bottom: 0;
}
.woo-product .woo-desc .post-desc-inner {
display: block;
position: relative;
padding-right: 45px;
}
.woo-product .woo-desc .star-rating {
margin-bottom: 10px;
}
.woo-product .woo-desc .price {
margin-top: 5px;
}
.woo-product .woo-desc .button {
position: absolute;
right: 0;
top: 0;
text-indent: -99999px;
text-align: unset;
padding: 0;
height: 35px;
width: 35px;
background-color: var(--light-sec-bg-color);
color: var(--light-text-color-heavier-rgba);
background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%);
}
.bg-dark .woo-product .woo-desc .button {
background-color: var(--dark-sec-bg-color);
color: var(--dark-text-color-heavier-rgba);
background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%);
}
.woo-product .woo-desc .button::before {
content: '';
text-indent: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 17px;
height: 17px;
display: inline-block;
background-color: var(--color-accent);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 17px;
mask-size: 17px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.123 4.25h2.166a.25.25 0 0 1 .246.205l1.701 9.358a1.75 1.75 0 0 0 1.722 1.437h11.363c.82 0 1.531-.57 1.708-1.37l1.556-7a1.75 1.75 0 0 0-1.708-2.13H9.123a.75.75 0 0 0 0 1.5h11.754a.251.251 0 0 1 .244.304l-1.556 7a.25.25 0 0 1-.244.196H7.958a.25.25 0 0 1-.246-.205L6.011 4.187A1.752 1.752 0 0 0 4.289 2.75H2.123a.75.75 0 0 0 0 1.5zm16 11.5a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 1 0 0-5.5zm-8.5 0a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 1 0 0-5.5z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.123 4.25h2.166a.25.25 0 0 1 .246.205l1.701 9.358a1.75 1.75 0 0 0 1.722 1.437h11.363c.82 0 1.531-.57 1.708-1.37l1.556-7a1.75 1.75 0 0 0-1.708-2.13H9.123a.75.75 0 0 0 0 1.5h11.754a.251.251 0 0 1 .244.304l-1.556 7a.25.25 0 0 1-.244.196H7.958a.25.25 0 0 1-.246-.205L6.011 4.187A1.752 1.752 0 0 0 4.289 2.75H2.123a.75.75 0 0 0 0 1.5zm16 11.5a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 1 0 0-5.5zm-8.5 0a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 1 0 0-5.5z'/%3E%3C/svg%3E");
}
.woo-product .woo-desc .button.added::before {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 17px;
mask-size: 17px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z'/%3E%3C/svg%3E");
}
.woo-product .woo-desc .added_to_cart {
display: none;
}
.woo-desc {
padding-top: 15px;
}
h2.woocommerce-loop-category__title {
font-size: var(--h4_desktop-font-size) !important;
margin-bottom: 0 !important;
}
h2.woocommerce-loop-category__title mark {
background: transparent;
color: currentColor;
}
.woocommerce-result-count {
font-family: var(--second_text-font-family);
font-weight: var(--second_text-font-weight);
font-style: var(--second_text-font-style);
text-transform: var(--second_text-text-transform);
font-size: var(--second_text-font-size);
letter-spacing: var(--second_text-letter-spacing);
line-height: var(--second_text-line-height);
color: var(--light-text-color-lighter-rgba);
margin-bottom: 30px;
}
.bg-dark .woocommerce-result-count {
color: var(--dark-text-color-lighter-rgba);
}
.woocommerce-result-count a {
color: var(--light-text-color-lighter-rgba);
}
.bg-dark .woocommerce-result-count a {
color: var(--dark-text-color-lighter-rgba);
}
@media screen and (min-width: 576px) {
.woocommerce-result-count {
float: left;
}
}
@media screen and (max-width: 575px) {
.woocommerce-result-count {
display: none;
}
}
.woocommerce-ordering {
font-family: var(--second_text-font-family);
font-weight: var(--second_text-font-weight);
font-style: var(--second_text-font-style);
text-transform: var(--second_text-text-transform);
font-size: var(--second_text-font-size);
letter-spacing: var(--second_text-letter-spacing);
line-height: var(--second_text-line-height);
color: var(--light-text-color-lighter-rgba);
margin-bottom: 30px;
}
.bg-dark .woocommerce-ordering {
color: var(--dark-text-color-lighter-rgba);
}
.woocommerce-ordering a {
color: var(--light-text-color-lighter-rgba);
}
.bg-dark .woocommerce-ordering a {
color: var(--dark-text-color-lighter-rgba);
}
@media screen and (min-width: 576px) {
.woocommerce-ordering {
float: right;
}
}
.woocommerce-ordering select {
vertical-align: top;
height: 1.5rem;
padding: 0;
line-height: 1.5rem;
border: none !important;
margin: 0;
padding-right: 20px;
background-color: transparent;
background-position: right 0 center;
border-radius: 0 !important;
box-shadow: none !important;
}
.bg-dark .woocommerce-ordering select {
color: var(--dark-text-color-rgba);
}
.product-category .entry-thumbnail {
overflow: hidden;
}
/* Buttons - Done */
#respond input#submit.disabled, #respond input#submit.loading, #respond input#submit:disabled, #respond input#submit:disabled[disabled],
a.button.disabled,
a.button.loading,
a.button:disabled,
a.button:disabled[disabled],
button.button.disabled,
button.button.loading,
button.button:disabled,
button.button:disabled[disabled],
input.button.disabled,
input.button.loading,
input.button:disabled,
input.button:disabled[disabled] {
cursor: not-allowed;
opacity: 0.5 !important;
}
/* Reviews */
#reviews .comment::after {
display: block;
clear: both;
content: "";
}
#reviews .comment img {
float: right;
height: auto;
}
#reviews .woocommerce-verification-required {
margin: 0;
}
#reviews #review_form_wrapper {
margin-top: 20px;
}
#reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
#reviews #respond .comment-reply-title {
font-family: var(--font_heading-font-family);
font-weight: var(--font_heading-font-weight);
font-style: var(--font_heading-font-style);
text-transform: var(--font_heading-text-transform);
line-height: var(--font_heading-line-height, normal);
letter-spacing: var(--font_heading-letter-spacing);
font-size: 1.5em;
display: block;
margin-bottom: 30px;
color: var(--light-text-color-heavier-rgba);
}
.bg-dark #reviews #respond .comment-reply-title {
color: var(--dark-text-color-heavier-rgba);
}
#reviews #respond .comment-form-rating {
display: flex;
align-items: center;
margin-bottom: 15px;
}
#reviews #respond .comment-form-rating > * {
margin-bottom: 0 !important;
margin-right: 10px;
}
#reviews #respond .comment-form-rating > *.stars, #reviews #respond .comment-form-rating > *:last-child {
margin-right: 0;
}
@media screen and (min-width: 576px) {
#reviews #respond .comment-form-author,
#reviews #respond .comment-form-email {
width: 50%;
}
}
#reviews #respond .comment-form-email {
padding-right: 0;
}
#reviews #respond label {
display: inline-block;
}
#reviews #comments .add_review::after {
display: block;
clear: both;
content: "";
}
#reviews #comments h2 {
clear: none;
}
#reviews #comments .woocommerce-noreviews {
margin-bottom: 35px;
}
#reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: none;
list-style: none;
padding: 0;
}
#reviews #comments ol.commentlist::after {
display: block;
clear: both;
content: "";
}
#reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 40px;
border: 0;
position: relative;
background: 0;
border: 0;
}
#reviews #comments ol.commentlist li .meta {
display: flex;
align-items: center;
line-height: 1;
color: var(--light-text-color-lighter-rgba);
}
.bg-dark #reviews #comments ol.commentlist li .meta {
color: var(--dark-text-color-lighter-rgba);
}
#reviews #comments ol.commentlist li .meta .woocommerce-review__author {
color: var(--light-text-color-heavier-rgba);
}
.bg-dark #reviews #comments ol.commentlist li .meta .woocommerce-review__author {
color: var(--dark-text-color-heavier-rgba);
}
#reviews #comments ol.commentlist li .meta .woocommerce-review__published-date {
font-family: var(--second_text-font-family);
font-weight: var(--second_text-font-weight);
font-style: var(--second_text-font-style);
text-transform: var(--second_text-text-transform);
font-size: var(--second_text-font-size);
letter-spacing: var(--second_text-letter-spacing);
line-height: var(--second_text-line-height);
color: var(--light-text-color-lighter-rgba);
}
.bg-dark #reviews #comments ol.commentlist li .meta .woocommerce-review__published-date {
color: var(--dark-text-color-lighter-rgba);
}
#reviews #comments ol.commentlist li .meta .woocommerce-review__published-date a {
color: var(--light-text-color-lighter-rgba);
}
.bg-dark #reviews #comments ol.commentlist li .meta .woocommerce-review__published-date a {
color: var(--dark-text-color-lighter-rgba);
}
#reviews #comments ol.commentlist li .meta .woocommerce-review__dash {
margin: 0 5px;
}
#reviews #comments ol.commentlist li img.avatar {
float: left;
width: 60px;
height: auto;
margin: 0;
box-shadow: none;
border-radius: 50%;
}
#reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 80px;
border: 0;
border-radius: 0;
padding: 0;
}
#reviews #comments ol.commentlist li .comment-text::after {
display: block;
clear: both;
content: "";
}
#reviews #comments ol.commentlist li .comment-text p {
margin: 0;
}
#reviews #comments ol.commentlist li .comment-text p.meta {
float: left;
}
#reviews #comments ol.commentlist li .comment-text .star-rating {
float: right;
margin-left: 15px;
}
#reviews #comments ol.commentlist li .comment-text .description {
margin-top: 15px;
float: left;
}
#reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
#reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
/* Star ratings */
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 13px;
width: 5em;
text-align: left;
}
.star-rating::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
float: left;
top: 0;
left: 0;
position: absolute;
color: var(--light-text-color-heavier-rgba);
}
.bg-dark .star-rating::before {
color: var(--dark-text-color-heavier-rgba);
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1em;
}
.star-rating span::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
top: 0;
position: absolute;
left: 0;
color: var(--light-text-color-heavier-rgba);
}
.bg-dark .star-rating span::before {
color: var(--dark-text-color-heavier-rgba);
}
.hreview-aggregate .star-rating {
margin: 10px 0 0;
}
p.stars {
font-size: 13px;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none !important;
float: left;
color: var(--light-text-color-heavier-rgba);
}
.bg-dark p.stars a {
color: var(--dark-text-color-heavier-rgba);
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
text-indent: 0;
}
p.stars a:hover ~ a::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
p.stars:hover a::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
p.stars.selected a.active::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
p.stars.selected a.active ~ a::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
p.stars.selected a:not(.active)::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
.woocommerce h2:not(.entry-title),
.woocommerce h3:not(.entry-title) {
margin-bottom: 20px;
font-size: var(--h3_desktop-font-size);
}
.woocommerce #order_review_heading {
margin-top: var(--h_space);
}
/* Tables - Done */
table.shop_attributes {
width: 100%;
}
table.shop_attributes tr {
display: inline-block;
float: left;
margin-right: 30px;
}
table.shop_attributes th {
display: inline-block;
text-transform: uppercase;
margin: 0;
padding: 0;
border: 0;
float: left;
margin-right: 10px;
}
table.shop_attributes td {
display: inline-block;
padding: 0;
border: 0;
float: left;
}
table.shop_table {
margin: 0;
border: 0;
text-align: left;
width: 100%;
}
table.shop_table thead {
font-family: var(--font_heading-font-family);
font-weight: var(--font_heading-font-weight);
font-style: var(--font_heading-font-style);
text-transform: var(--font_heading-text-transform);
line-height: var(--font_heading-line-height, normal);
letter-spacing: var(--font_heading-letter-spacing);
}
table.shop_table td,
table.shop_table th {
padding: 15px 10px;
vertical-align: middle;
word-break: normal;
}
table.shop_table td:first-child,
table.shop_table th:first-child {
padding-left: 0;
}
table.shop_table td:last-child,
table.shop_table th:last-child {
padding-right: 0;
}
table.shop_table td.product-thumbnail {
width: 80px;
}
table.shop_table td.product-thumbnail img {
border-radius: 50%;
}
@media screen and (min-width: 576px) {
table.shop_table td.product-remove {
width: 30px;
}
}
@media screen and (min-width: 576px) {
table.shop_table td.product-price,
table.shop_table td.product-quantity,
table.shop_table td.product-subtotal {
width: 15%;
}
}
table.shop_table .actions {
text-align: right;
}
table.shop_table .actions .button {
margin: 0;
margin-left: 5px;
}
table.shop_table .coupon {
float: left;
}
table.shop_table .coupon label {
display: none;
}
table.shop_table .coupon #coupon_code {
width: auto;
float: left;
margin-right: 5px;
}
@media screen and (max-width: 575px) {
table.shop_table .coupon #coupon_code {
width: 50%;
margin-right: 0;
}
}
table.shop_table .amount,
table.shop_table strong.product-quantity {
color: var(--light-text-color-heavier-rgba);
}
.bg-dark table.shop_table .amount, .bg-dark
table.shop_table strong.product-quantity {
color: var(--dark-text-color-heavier-rgba);
}
table.shop_table ul.wc-item-meta {
margin: 10px 0 0;
}
table.shop_table ul.wc-item-meta li {
list-style: none;
}
table.shop_table ul.wc-item-meta li > * {
display: inline-block;
}
.woocommerce form .form-row {
padding: 0;
}
.woocommerce form .form-row::after {
display: block;
clear: both;
content: "";
}
.woocommerce form .form-row .form-row {
margin-bottom: 20px;
}
.woocommerce form .form-row .form-row:last-child {
margin-bottom: 0;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row span em {
font-size: 0.85rem;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: 0.5em 0 0;
clear: both;
display: none;
position: relative;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
left: 50%;
top: 0;
margin-top: -4px;
transform: translateX(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: #1e85be transparent transparent transparent;
z-index: 100;
display: block;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden;
}
.woocommerce form .form-row .optional {
visibility: visible;
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
box-shadow: none;
}
.woocommerce form .form-row .select2-container {
width: 100%;
line-height: 45px;
}
.woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single {
position: relative;
}
.woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 45px;
color: inherit;
padding: 0 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 45px;
width: 32px;
font-size: 18px;
text-align: center;
}
.woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:after {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
.woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.woocommerce form .form-row .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow:after {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #a00;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #6dc22e;
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
margin: 30px 0;
text-align: left;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
width: 49%;
overflow: visible;
}
.woocommerce form .form-row-first {
float: left;
}
.woocommerce form .form-row-last {
float: right;
}
.woocommerce form .form-row-wide {
clear: both;
}
.woocommerce form .password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
/* Hide the Edge "reveal password" native button */
}
.woocommerce form .password-input input[type="password"] {
padding-right: 2.5rem;
}
.woocommerce form .password-input input::-ms-reveal {
display: none;
}
.woocommerce form .show-password-input {
position: absolute;
right: 0.7em;
top: 0.7em;
cursor: pointer;
}
.woocommerce form .show-password-input::after {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
.woocommerce form .show-password-input.display-password::after {
color: #585858;
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0 0 0.5em;
line-height: 1.5em;
list-style: none outside;
}
.woocommerce ul#shipping_method li input {
margin: 3px 0.4375em 0 0;
vertical-align: top;
}
.woocommerce ul#shipping_method li label {
display: inline;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
/* Order page - Done */
ul.order_details {
margin: 0;
padding-left: 0 !important;
list-style: none;
}
ul.order_details::after {
display: block;
clear: both;
content: "";
}
ul.order_details li {
text-transform: uppercase;
font-size: 0.85rem;
line-height: 1;
border-bottom: 1px dashed var(--light-line-color-rgba);
list-style-type: none;
display: block;
margin-bottom: 15px;
padding-bottom: 15px;
}
.bg-dark ul.order_details li {
border-bottom-color: var(--dark-line-color-rgba);
}
ul.order_details li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
ul.order_details li strong {
margin-right: 10px;
text-transform: none;
line-height: 2;
}
ul.order_details li:last-of-type {
border: none;
}
.wc-bacs-bank-details-account-name {
font-weight: bold;
}
.woocommerce-order-details,
ul.order_details {
margin-bottom: var(--h_space) !important;
}
.woocommerce-customer-details .woocommerce-column,
.woocommerce-order-downloads .woocommerce-column {
margin-bottom: var(--h_space);
}
.woocommerce-customer-details .woocommerce-column:last-child,
.woocommerce-order-downloads .woocommerce-column:last-child {
margin-bottom: 0;
}
.woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-order-downloads .woocommerce-customer-details--email,
.woocommerce-order-downloads .woocommerce-customer-details--phone {
margin-bottom: 0;
padding-left: 1.5em;
}
.woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce-order-downloads .woocommerce-customer-details--phone::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce-order-downloads .woocommerce-customer-details--email::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
/* Cart Page - Done */
.woocommerce-cart-form {
margin-bottom: var(--h_space);
}
.cart-collaterals,
.col2-set {
display: flex;
flex-direction: column;
gap: var(--primary_space);
}
.sidebar-full .cart-collaterals, .sidebar-full
.col2-set {
width: 100%;
}
@media screen and (min-width: 768px) {
.sidebar-full .cart-collaterals, .sidebar-full
.col2-set {
flex-direction: row;
}
.sidebar-full .cart-collaterals > *, .sidebar-full
.col2-set > * {
width: 50%;
}
}
.wc-proceed-to-checkout {
margin-top: 35px;
}
.wc-proceed-to-checkout .button {
float: right;
}
.woocommerce-shipping-destination {
margin: 15px 0 0;
}
.woocommerce-shipping-calculator .shipping-calculator-button {
margin-top: 15px;
text-decoration: underline;
display: block;
font-size: 0.85rem;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
margin-top: 20px;
}
/* Checkout page - Done */
#payment .place-order {
padding: 0;
}
#payment ul.payment_methods {
text-align: left;
border-bottom: var(--line-size) solid var(--light-line-color-rgba);
margin: 0;
list-style: none outside;
padding-left: 0;
padding-top: 30px;
padding-bottom: 30px;
}
#payment ul.payment_methods::after {
display: block;
clear: both;
content: "";
}
.bg-dark #payment ul.payment_methods {
border-bottom-color: var(--dark-line-color-rgba);
}
#payment ul.payment_methods li {
text-align: left;
margin: 0;
font-weight: normal;
}
#payment ul.payment_methods li label {
display: unset;
}
#payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
padding: 0;
position: relative;
box-shadow: none;
}
#payment ul.payment_methods li img + img {
margin-left: 2px;
}
#payment ul.payment_methods li:not(.woocommerce-notice)::after {
display: block;
clear: both;
content: "";
}
#payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 20px;
margin: 1em 0;
border-radius: 6px;
background-color: var(--color-accent);
}
#payment div.payment_box input.input-text,
#payment div.payment_box textarea {
border-color: #c7c1c6;
border-top-color: #bbb3b9;
}
#payment div.payment_box ::-webkit-input-placeholder {
color: #bbb3b9;
}
#payment div.payment_box :-moz-placeholder {
color: #bbb3b9;
}
#payment div.payment_box :-ms-input-placeholder {
color: #bbb3b9;
}
#payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
}
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token {
margin: 0 0 0.5em;
}
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label {
cursor: pointer;
}
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
#payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0;
}
#payment div.payment_box .wc-credit-card-form-card-cvc,
#payment div.payment_box .wc-credit-card-form-card-expiry,
#payment div.payment_box .wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px;
}
#payment div.payment_box .wc-credit-card-form-card-cvc.visa,
#payment div.payment_box .wc-credit-card-form-card-expiry.visa,
#payment div.payment_box .wc-credit-card-form-card-number.visa {
background-image: url("../images/icons/credit-cards/visa.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
#payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
#payment div.payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url("../images/icons/credit-cards/mastercard.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.laser,
#payment div.payment_box .wc-credit-card-form-card-expiry.laser,
#payment div.payment_box .wc-credit-card-form-card-number.laser {
background-image: url("../images/icons/credit-cards/laser.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
#payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
#payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url("../images/icons/credit-cards/diners.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
#payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
#payment div.payment_box .wc-credit-card-form-card-number.maestro {
background-image: url("../images/icons/credit-cards/maestro.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
#payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
#payment div.payment_box .wc-credit-card-form-card-number.jcb {
background-image: url("../images/icons/credit-cards/jcb.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.amex,
#payment div.payment_box .wc-credit-card-form-card-expiry.amex,
#payment div.payment_box .wc-credit-card-form-card-number.amex {
background-image: url("../images/icons/credit-cards/amex.svg");
}
#payment div.payment_box .wc-credit-card-form-card-cvc.discover,
#payment div.payment_box .wc-credit-card-form-card-expiry.discover,
#payment div.payment_box .wc-credit-card-form-card-number.discover {
background-image: url("../images/icons/credit-cards/discover.svg");
}
#payment div.payment_box span.help {
font-size: 0.857em;
color: #767676;
font-weight: normal;
}
#payment div.payment_box .form-row {
margin: 0 0 20px;
}
#payment div.payment_box .form-row:last-child {
margin: 0;
}
#payment div.payment_box p:last-child {
margin-bottom: 0;
}
#payment div.payment_box::before {
content: "";
display: block;
border: 1em solid var(--color-accent);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
#payment .payment_method_paypal .about_paypal {
text-decoration: underline;
font-size: 0.85rem;
}
#payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
#payment .form-row select {
width: auto;
}
#payment #place_order {
margin: 30px 0 0 0;
}
#payment .woocommerce-privacy-policy-text {
font-size: 0.85rem;
}
/* Account Page - Done */
nav.woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
border: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
nav.woocommerce-MyAccount-navigation ul li {
position: relative;
z-index: 0;
margin: 0;
}
nav.woocommerce-MyAccount-navigation ul li a {
display: block;
font-weight: 600;
background-color: transparent;
border-color: transparent;
padding: 8px 16px;
border-radius: var(--button-radius);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%);
}
.woocommerce-address-fields__field-wrapper {
margin-bottom: 35px;
}
.woocommerce-EditAccountForm fieldset {
margin-top: var(--h_space);
}
.woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em;
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block;
}
.woocommerce-account .addresses .title::after {
display: block;
clear: both;
content: "";
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account .addresses .title .edit {
float: right;
text-decoration: underline;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 600;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
/* Woocommerce Widgets */
/**
* Cart sidebar
*/
ul.cart_list,
ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: -15px 0;
}
ul.cart_list li,
ul.product_list_widget li {
padding: 15px 0;
margin: 0;
list-style: none;
}
ul.cart_list li::after,
ul.product_list_widget li::after {
display: block;
clear: both;
content: "";
}
ul.cart_list li img,
ul.product_list_widget li img {
width: 100px;
float: right;
margin-left: 20px;
}
ul.cart_list li .product-title,
ul.product_list_widget li .product-title {
font-family: var(--font_heading-font-family);
font-weight: var(--font_heading-font-weight);
font-style: var(--font_heading-font-style);
text-transform: var(--font_heading-text-transform);
line-height: var(--font_heading-line-height, normal);
letter-spacing: var(--font_heading-letter-spacing);
display: block;
overflow: hidden;
margin-bottom: 10px;
font-size: var(--h5_desktop-font-size);
}
ul.cart_list li .quantity,
ul.product_list_widget li .quantity {
display: block;
margin-top: 5px;
}
ul.cart_list li .star-rating,
ul.product_list_widget li .star-rating {
float: none;
font-size: 13px;
display: block;
margin-bottom: 5px;
}
ul.cart_list li ins,
ul.product_list_widget li ins {
background: inherit;
}
ul.cart_list li.mini_cart_item,
ul.product_list_widget li.mini_cart_item {
position: relative;
}
ul.cart_list li.mini_cart_item a:not(.remove),
ul.product_list_widget li.mini_cart_item a:not(.remove) {
font-family: var(--font_heading-font-family);
font-weight: var(--font_heading-font-weight);
font-style: var(--font_heading-font-style);
text-transform: var(--font_heading-text-transform);
line-height: var(--font_heading-line-height, normal);
letter-spacing: var(--font_heading-letter-spacing);
}
ul.cart_list li.mini_cart_item .remove,
ul.product_list_widget li.mini_cart_item .remove {
position: absolute;
right: 0;
top: 10px;
border-radius: 0;
opacity: 0;
background: black;
color: white;
transition: all 0.2s linear;
}
ul.cart_list li.mini_cart_item .remove:hover,
ul.product_list_widget li.mini_cart_item .remove:hover {
background: red;
}
ul.cart_list li.mini_cart_item:hover .remove,
ul.product_list_widget li.mini_cart_item:hover .remove {
opacity: 1;
}
.product-categories {
list-style: none;
}
/**
* Mini Cart sidebar
*/
ul.woocommerce-mini-cart {
margin-bottom: 15px !important;
}
.woocommerce-mini-cart__buttons {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 -5px;
}
.woocommerce-mini-cart__buttons .button {
width: 100%;
margin: 0 5px;
}
.woocommerce-mini-cart__total {
border-top: 1px solid var(--light-line-color-rgba);
padding: 15px 0 0;
margin-bottom: 15px;
}
.bg-dark .woocommerce-mini-cart__total {
border-top: 1px solid var(--dark-line-color-rgba);
}
/**
* Layered nav widget
*/
.woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding: 0 0 1px;
list-style: none;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after {
display: block;
clear: both;
content: "";
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #a00;
}
.woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
}
.widget_layered_nav_filters ul li a {
text-decoration: none;
}
.widget_layered_nav_filters ul li a::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #a00;
vertical-align: inherit;
margin-right: 0.5em;
}
/**
* Price filter widget
*/
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
}
.widget_price_filter .price_label {
float: left;
}
.widget_price_filter button {
margin: 0;
width: auto;
height: auto;
line-height: inherit;
border-radius: 0;
padding: 0;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
text-decoration: underline;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: var(--color-accent);
border-radius: 1em;
cursor: ew-resize;
outline: none;
top: -0.3em;
/* rtl:ignore */
margin-left: -0.5em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: var(--color-accent);
opacity: 0.25;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: var(--light-line-color-rgba);
border: 0;
}
.bg-dark .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: var(--dark-line-color-rgba);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
/**
* Rating Filter Widget
*/
.widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none;
}
.widget_rating_filter ul li::after {
display: block;
clear: both;
content: "";
}
.widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
}
.widget_rating_filter ul li.chosen a::before {
font-family: "woo";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #a00;
}
ul.select2-results__options li.select2-results__option {
margin: 0;
}
.woocommerce-no-js form.woocommerce-form-coupon,
.woocommerce-no-js form.woocommerce-form-login {
display: block !important;
}
.woocommerce-no-js .showcoupon,
.woocommerce-no-js .woocommerce-form-coupon-toggle,
.woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important;
}
/**
* Password strength meter
*/
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.woocommerce-password-hint {
margin: 0.5em 0 0;
display: block;
}
/**
* oEmbeds
*/
.woocommerce-oembed {
position: relative;
}
/**
* woocommerce-smallscreen.scss
* Optimises the default WooCommerce frontend layout when viewed on smaller screens.
*/
/**
* Style begins
*/
@media screen and (max-width: 575px) {
.woocommerce,
.woocommerce-page {
/**
* Cart
*/
/**
* Checkout
*/
/**
* Account
*/
}
.woocommerce table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive thead {
display: none;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
border-top: 0;
}
.woocommerce table.shop_table_responsive tbody th,
.woocommerce-page table.shop_table_responsive tbody th {
display: none;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: block;
}
.woocommerce table.shop_table_responsive tr > td,
.woocommerce-page table.shop_table_responsive tr > td {
text-align: right !important;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: block;
}
.woocommerce table.shop_table_responsive tr td.product-remove,
.woocommerce-page table.shop_table_responsive tr td.product-remove {
text-align: center !important;
}
.woocommerce table.shop_table_responsive tr td.product-remove a.remove,
.woocommerce-page table.shop_table_responsive tr td.product-remove a.remove {
display: inline-block;
}
.woocommerce table.shop_table_responsive tr td.order-actions,
.woocommerce-page table.shop_table_responsive tr td.order-actions {
text-align: left !important;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
display: block;
}
.woocommerce table.shop_table_responsive tr td.actions::before, .woocommerce table.shop_table_responsive tr td.product-remove::before,
.woocommerce-page table.shop_table_responsive tr td.actions::before,
.woocommerce-page table.shop_table_responsive tr td.product-remove::before {
display: none;
}
.woocommerce table.shop_table_responsive tr td .quantity,
.woocommerce-page table.shop_table_responsive tr td .quantity {
margin-top: 32px;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: var(--light-sec-bg-color);
}
.bg-dark .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .bg-dark
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: var(--dark-sec-bg-color);
}
.woocommerce table.my_account_orders tr td.order-actions,
.woocommerce-page table.my_account_orders tr td.order-actions {
text-align: left;
}
.woocommerce table.my_account_orders tr td.order-actions::before,
.woocommerce-page table.my_account_orders tr td.order-actions::before {
display: none;
}
.woocommerce table.my_account_orders tr td.order-actions .button,
.woocommerce-page table.my_account_orders tr td.order-actions .button {
float: none;
margin: 0.125em 0.25em 0.125em 0;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: none;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
text-align: left;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: none;
padding-bottom: 1em;
}
.woocommerce #content table.cart td.actions .coupon::after,
.woocommerce table.cart td.actions .coupon::after,
.woocommerce-page #content table.cart td.actions .coupon::after,
.woocommerce-page table.cart td.actions .coupon::after {
display: block;
clear: both;
content: "";
}
.woocommerce #content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
width: 48%;
box-sizing: border-box;
}
.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: right;
}
.woocommerce #content table.cart td.actions .button,
.woocommerce table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
display: block;
width: 100%;
margin-left: 0;
}
.woocommerce.woocommerce-checkout form.login .form-row,
.woocommerce-page.woocommerce-checkout form.login .form-row {
width: 100%;
float: none;
}
.woocommerce #payment .terms,
.woocommerce-page #payment .terms {
text-align: left;
padding: 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;
}
.woocommerce .lost_reset_password .form-row-first,
.woocommerce .lost_reset_password .form-row-last,
.woocommerce-page .lost_reset_password .form-row-first,
.woocommerce-page .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
}
}