/*--------------------------------------------------------------
# Abstract.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Blocks.
--------------------------------------------------------------*/
.wc-block-components-sort-select {
margin-bottom: 2.5em;
}
.wc-block-grid__product-add-to-cart .added_to_cart.wc-forward {
/* View cart link */
display: block;
margin-top: 10px;
}
.wc-block-grid__products {
gap: 2em;
margin-right: 0;
margin-left: 0;
}
.wc-block-grid__products a:hover {
text-decoration: none;
}
.wc-block-grid.has-6-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-5-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-4-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-3-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-2-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-1-columns .wc-block-grid__products .wc-block-grid__product.product {
font-size: 100%;
}
@media screen and (min-width: 600px) {
.wc-block-grid.has-6-columns .wc-block-grid__product {
flex: 1 0 calc(16.6666666667% - 2em);
max-width: 16.6666666667%;
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
flex: 1 0 calc(20% - 2em);
max-width: 20%;
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
flex: 1 0 calc(25% - 2em);
max-width: 25%;
}
.wc-block-grid.has-3-columns .wc-block-grid__product {
flex: 1 0 calc(33.3333333333% - 2em);
max-width: 33.3333333333%;
}
.wc-block-grid.has-2-columns .wc-block-grid__product {
flex: 1 0 calc(50% - 2em);
max-width: 50%;
}
.wc-block-grid.has-1-columns .wc-block-grid__product {
flex: 1 0 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.wc-block-grid .wc-block-grid__products .wc-block-grid__product {
flex: 1 0 calc(50% - 2em);
max-width: 50%;
margin: unset;
}
}
@media (max-width: 480px) {
.wc-block-grid.has-2-columns .wc-block-grid__products, .wc-block-grid.has-3-columns .wc-block-grid__products, .wc-block-grid.has-4-columns .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products, .wc-block-grid.has-6-columns .wc-block-grid__products {
display: flex;
}
.wc-block-grid.has-2-columns .wc-block-grid__products:last-child, .wc-block-grid.has-3-columns .wc-block-grid__products:last-child, .wc-block-grid.has-4-columns .wc-block-grid__products:last-child, .wc-block-grid.has-5-columns .wc-block-grid__products:last-child, .wc-block-grid.has-6-columns .wc-block-grid__products:last-child {
margin-left: 0;
}
}
@media (max-width: 600px) {
.wc-block-grid__products {
gap: 1em;
}
}
@media (min-width: 481px) and (max-width: 600px) {
.wc-block-grid.has-1-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-1-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
}
.wc-block-grid__product .wc-block-grid__product-image {
margin: 0 0 1em;
}
.wc-block-grid__product .wc-block-grid__product-image img {
width: 100%;
}
.wc-block-grid__product {
text-align: left;
border: none;
}
.wc-block-grid__product .wc-block-grid__product-onsale {
margin: -0.5em -0.5em 0 0;
top: 0;
right: 0;
}
.wc-block-grid__product .wc-block-grid__product-title {
margin: 0;
padding: 0.5em 0;
font-size: 1.2em;
color: #3F3F46;
}
.wc-block-grid__product .wc-block-grid__product-title:hover {
color: #027ABB;
}
.wc-block-grid__product .wc-block-grid__product-price {
font-size: 0.8em;
margin-bottom: .5em;
font-weight: 400;
color: #52525B;
}
.wc-block-grid__product .wc-block-grid__product-price ins {
font-weight: 700;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
margin-top: 1em;
margin-bottom: 0;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link {
padding: 0.7rem 1rem;
text-align: left;
border: 0 solid #027ABB;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
color: #fff;
background-color: #015989;
}
.wc-block-layout.wc-block-grid__product .wc-block-components-product-price {
font-size: 1.1em;
}
.wc-block-grid__product-onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: 0.202em;
font-weight: 700;
position: absolute;
top: 0;
right: 0;
left: auto;
line-height: 3.236;
font-size: 1.1em;
border-radius: 100%;
text-transform: capitalize;
background: #027ABB;
border: 0;
color: #FAFAFA;
}
.single-product .product {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
column-gap: 30px;
}
.single-product .product__content {
width: 100%;
}
.single-product .product .onsale {
z-index: 99;
}
.single-product .product .woocommerce-product-details__short-description p {
margin-bottom: 0;
}
.single-product .product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product .product .woocommerce-product-gallery a {
display: flex;
align-items: flex-start;
/* Fix - Image stretch in iOS/Safari */
}
.single-product .product .woocommerce-product-gallery__trigger {
position: absolute;
top: 16px;
right: 16px;
display: block;
z-index: 99;
}
.single-product .product .woocommerce-product-gallery__wrapper {
margin: 0;
}
.single-product .product .woocommerce-product-gallery .flex-viewport {
border-radius: 2px;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
padding: 0;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li {
list-style: none;
cursor: pointer;
line-height: unset;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img {
height: 70px;
width: 70px;
border-radius: 4px;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
border: 2px solid #027ABB;
}
.single-product .product .entry-summary {
flex: 1 1 calc(var(--entry-summary-width, 50%) - 1em);
}
.single-product .product .entry-summary .woocommerce-product-rating {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-product .product .entry-summary .woocommerce-review-link {
font-size: 1.4rem;
color: gray;
margin-left: 16px;
}
.single-product .product .entry-summary .woocommerce-review-link:hover {
color: #027ABB;
}
.single-product .product .entry-summary .woocommerce-review-link .count {
all: unset;
}
.single-product .product .entry-summary .onsale {
position: unset;
display: inline-block;
}
.single-product .product .entry-summary .price {
font-size: 1.8rem;
}
.single-product .product .entry-summary .stock,
.single-product .product .entry-summary .available-on-backorder {
font-style: italic;
}
.single-product .product .entry-summary .cart {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 24px;
margin-top: 24px;
}
.single-product .product .entry-summary .variations__form table.variations {
position: relative;
margin-bottom: 40px;
}
.single-product .product .entry-summary .variations__form select {
padding: 16px;
width: 100%;
}
.single-product .product .entry-summary .variations__form .reset_variations {
position: absolute;
top: calc(100% + 16px);
right: 0;
}
.single-product .product .entry-summary .variations__form .single_variation {
margin-top: 16px;
margin-bottom: 32px;
}
.single-product .product .entry-summary .variations_button {
display: flex;
}
.single-product .product .entry-summary .qty {
width: 100px;
padding: 8px 24px;
}
.single-product .product .entry-summary .single_add_to_cart_button {
width: 100px;
padding: 8px 24px;
border-radius: 4px;
}
.single-product .product.product-type-external .entry-summary .single_add_to_cart_button {
margin-left: unset;
}
.single-product .product .wc-tabs-wrapper {
flex-basis: 100%;
}
.single-product .product .product_meta {
display: flex;
flex-direction: column;
margin-top: 24px;
padding: 16px 0;
border-top: 1px solid #D4D4D8;
border-bottom: 1px solid #D4D4D8;
}
.single-product .product .product_meta > span {
margin: 8px 0;
}
.single-product .product .variations label {
margin-bottom: 0;
}
.single-product .product table td {
border: 0;
}
.single-product .product .woocommerce-grouped-product-list-item {
column-gap: 2px;
}
.single-product .product .product_title {
margin-top: 30px;
}
.single-product .related,
.single-product .upsells {
grid: unset;
grid-gap: 0;
margin: 40px 0;
width: 100%;
}
.single-product .related .product,
.single-product .upsells .product {
all: unset;
list-style: none;
position: relative;
overflow: hidden;
}
.single-product .shop_attributes {
background: #FFF;
border-radius: 2px;
}
.single-product .shop_attributes p {
margin: 0;
}
.single-product .comment-form {
margin-top: 16px;
}
.single-product ol.commentlist {
list-style: none;
margin: 0;
}
.single-product ol.commentlist > li {
padding: 16px 16px 0;
border-bottom: 1px solid gray;
border-radius: 2px;
margin-bottom: 16px;
}
.single-product ol.commentlist .children {
margin-left: 16px;
border-bottom: 1px solid gray;
}
.single-product ol.commentlist .children:last-child {
border-bottom: 0;
}
.single-product ol.commentlist .children li {
border-top: 1px solid gray;
padding-top: 16px;
}
.single-product ol.commentlist .comment_container {
display: flex;
}
.single-product ol.commentlist .avatar {
width: 40px;
height: 40px;
margin-right: 16px;
border-radius: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.single-product .comment-respond {
margin-top: 32px;
}
.single-product .comment-respond .comment-reply-title {
font-size: 2.4rem;
font-weight: 500;
}
.single-product .comment-respond .comment-form {
background: #FFF;
padding: 16px 0;
}
.single-product .comment-respond label {
display: block;
margin-bottom: 8px;
}
.single-product .comment-respond input[type="text"],
.single-product .comment-respond input[type="email"],
.single-product .comment-respond input[type="number"] {
width: 100%;
}
.single-product .comment-respond input[type="checkbox"] {
margin-right: 8px;
}
.single-product .comment-respond .comment-form-cookies-consent {
display: flex;
align-items: baseline;
}
.quantity input {
border: 1px solid #D4D4D8;
border-radius: 4px;
}
.reset_variations {
margin-left: 1em;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #027ABB;
}
.stock.out-of-stock {
color: #e2401c;
}
@media screen and (min-width: 768px) {
.single-product .product {
flex-direction: unset;
}
.single-product .product .woocommerce-product-gallery {
flex: 1 1 calc(var(--product-gallery-width, 50%) - 1em);
}
.single-product .product .product_title {
margin-top: 0;
}
.single-product .related,
.single-product .upsells {
margin: 60px 0;
}
.single-product .upsells + .related {
margin-top: 0;
}
.comment-respond {
width: 100%;
}
}
|