@font-face {
font-family: 'star';
src: url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/star.eot);
src: url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/star.eot?#iefix) format("embedded-opentype"), url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/star.woff) format("woff"), url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/star.ttf) format("truetype"), url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/star.svg#star) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/WooCommerce.eot);
src: url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/WooCommerce.woff) format("woff"), url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/WooCommerce.ttf) format("truetype"), url(//www.thevillagesalon.com/wp-content/themes/reine/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: normal;
font-style: normal;
}
:root {
--reine-primary: #af8855;
--reine-secondary: #e55d42;
--reine-body-color: #6f6f6f;
--tbk-primary-color: var(--reine-primary);
--tbk-primary-color-hover: var(--reine-white);
}
.btn-secondary {
--reine-btn-bg: var(--reine-secondary);
--reine-btn-border-color: var(--reine-secondary);
--reine-btn-hover-border-color: var(--reine-secondary);
--reine-btn-active-border-color: var(--reine-secondary);
--reine-btn-color: var(--reine-white);
}
.btn-outline-primary {
--reine-btn-color:var(--reine-primary);
}
html {
overflow-x: hidden;
}
html,
body {
min-height: 100vh;
}
body {
overflow-x: hidden;
--swiper-theme-color: var(--reine-primary);
display: flex;
flex-direction: column;
-ms-word-wrap: break-word;
word-wrap: break-word;
padding-right: 0 !important;
}
figure,
iframe {
max-width: 100%;
}
.has-pale-pink-background-color .wp-block-cover-text {
color: var(--reine-white) !important;
}
.has-nested-images.wp-block-gallery.is-layout-flex .wp-block-image {
padding-left: 0;
padding-right: 0;
}
.comment-list li.pingback:nth-last-child(2) {
margin-bottom: 30px;
}
.comment-list li.trackback,
.comment-list li.pingback {
margin-bottom: 10px;
}
svg {
fill: currentColor;
fill-rule: evenodd;
}
.text-light,
.text-white {
--reine-headings-color: #fff;
}
.author-name,
.nav-links,
.card-title,
.post-title,
.text-heading {
--reine-link-color: var(--reine-headings-color);
--reine-link-hover-color: var(--reine-primary);
--reine-link-decoration: none;
--reine-link-hover-decoration: none;
}
.link-white {
--reine-link-color: var(--reine-white);
--reine-link-hover-color: var(--reine-white);
}
.link-underline {
--reine-link-decoration: underline;
}
.more-link {
--reine-link-hover-color: var(--reine-dark);
}
.card-body .list-group {
--reine-list-group-item-padding-x: 0;
}
.card-body .list-group-item {
display: flex;
column-gap: 7px;
align-items: center;
}
.card-body .list-group-item svg {
color: var(--reine-primary);
}
.text-muted {
--reine-link-color: #6c757d;
--reine-link-hover-color: var(--reine-primary);
}
input[type="submit"]:not(.btn),
button[type="submit"]:not(.btn) {
--reine-btn-color: var(--reine-white);
background-color: var(--reine-primary);
--reine-btn-border-color: var(--reine-primary);
--reine-btn-hover-color: var(--reine-white);
--reine-btn-hover-bg: var(--reine-dark);
--reine-btn-hover-border-color: var(--reine-dark);
}
.badge {
text-transform: uppercase;
letter-spacing: 1px;
--reine-link-hover-color: var(--reine-dark);
}
.badge-primary {
background-color: rgba(var(--reine-primary-rgb), 0.1);
--reine-link-hover-color: var(--reine-dark);
}
.badge-secondary {
background-color: rgba(var(--reine-secondary-rgb), 0.1);
--reine-link-hover-color: var(--reine-primary);
}
.post-password-form,
.searchform > div {
display: flex;
column-gap: 5px;
row-gap: 5px;
}
.post-password-form__label,
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.wp-block-tag-cloud {
display: flex;
flex-wrap: wrap;
column-gap: 6px;
row-gap: 6px;
--reine-link-color: var(--reine-white);
--reine-link-hover-color: var(--reine-white);
--reine-link-decoration: none;
--reine-link-hover-decoration: none;
}
.wp-block-tag-cloud a {
font-size: 0.935rem !important;
line-height: 1;
padding: 6px 15px;
color: #363636;
border: 1px solid var(--tag-border-color, #363636);
background-color: var(--tag-background-color, #fff);
border-radius: 0.25rem;
border-radius: 0.25rem;
text-decoration: none;
}
.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus {
--tag-background-color: var(--reine-primary);
--tag-border-color: var(--reine-primary);
color: var(--reine-white) !important;
}
.btn {
--reine-link-decoration: none;
--reine-link-hover-decoration: none;
}
.btn-primary {
--reine-btn-bg: var(--reine-primary);
--reine-btn-border-color: var(--reine-primary);
--reine-btn-hover-border-color: var(--reine-white);
--reine-btn-hover-color: var(--reine-white);
--reine-btn-hover-bg: transparent;
--reine-btn-active-border-color: var(--reine-primary);
--reine-btn-color: var(--reine-white);
}
.btn-outline-primary {
--reine-btn-border-color: var(--reine-primary);
--reine-btn-color: var(--reine-primary);
--reine-btn-hover-color: var(--reine-white);
--reine-btn-hover-bg: var(--reine-primary);
--reine-btn-hover-border-color: var(--reine-primary);
}
.nav-pills {
--reine-nav-pills-link-active-bg: var(--reine-primary);
}
.wp-block-image figcaption,
figcaption {
font-style: italic;
font-size: 13px;
}
.card-img-top-content {
padding: var(--reine-card-spacer-x);
}
.entry-footer {
clear: both;
}
.alignright {
float: right;
margin: 0 0 1em 1em;
}
.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-audio-shortcode [type="button"] {
padding: 0;
border: 0;
}
.has-parallax {
position: relative;
overflow: hidden;
}
.has-parallax > *:not(.parallax) {
z-index: 1;
position: relative;
}
.parallax {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: var(--reine-parallax-bg);
opacity: var(--reine-parallax-opacity, 0.25);
background-size: var(--reine-parallax-bg-size, cover);
background-position: var(--reine-parallax-bg-position, center);
z-index: 0;
}
.text-bg-dark,
.text-bg-primary,
.text-bg-secondary {
--reine-headings-color: #fff;
}
.text-bg-dark .blockquote-footer,
.text-bg-primary .blockquote-footer,
.text-bg-secondary .blockquote-footer {
color: #fff;
}
.entry-content figure,
.entry-content > * {
margin-bottom: 30px;
}
.entry-content blockquote {
border-left: 4px solid var(--reine-blockquote-border-color, #000);
padding-left: 1rem;
}
.entry-content .wp-block-pullquote blockquote {
border-left: 0;
}
.comment-metadata > a {
--reine-link-color: rgba(var(--reine-body-color-rgb), .8);
}
.comment-metadata .reviewr-name {
--reine-link-color: var(--reine-headings-color);
}
.required-field-message {
display: block;
}
.card.comment-respond {
padding: var(--reine-card-spacer-y) var(--reine-card-spacer-x);
}
.comment .card.comment-respond {
margin-bottom: var(--reine-card-spacer-y);
}
.list-unstyled .children {
list-style: none;
}
.banner-subtitle p {
max-width: 768px;
margin: 0 auto;
}
.banner-subtitle p:last-child {
margin-bottom: 0;
}
.numeric-pagination {
--reine-pagination-border-width: 2px;
--reine-pagination-border-color: #262b2f;
--reine-pagination-hover-border-color: var(--reine-border-color);
--reine-link-hover-color: var(--reine-link-color);
--reine-link-color: var(--reine-headings-color);
clear: both;
}
.numeric-pagination a.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
border: var(--reine-pagination-border-width) solid #d2d2d2;
border-radius: var(--reine-border-radius);
font-weight: 500;
line-height: 1;
text-decoration: none;
}
.numeric-pagination a.page-numbers:not(.current):hover {
--reine-pagination-border-color: var(--reine-pagination-hover-border-color);
}
.numeric-pagination a.page-numbers:hover {
border-color: #262b2f;
background-color: #262b2f;
color: #fff;
}
.numeric-pagination .current {
border-color: var(--reine-pagination-border-color);
background-color: var(--reine-pagination-border-color);
color: #fff;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.numeric-pagination > span.dots {
--reine-pagination-border-width: 0;
min-width: auto;
}
.numeric-pagination .page-numbers.next,
.numeric-pagination .page-numbers.prev,
.numeric-pagination > .next,
.numeric-pagination > .prev {
column-gap: 5px;
border: none !important;
}
.numeric-pagination .page-numbers.next svg,
.numeric-pagination .page-numbers.prev svg,
.numeric-pagination > .next svg,
.numeric-pagination > .prev svg {
margin-bottom: -2px;
}
.numeric-pagination .flaticon-left-arrow:before,
.numeric-pagination .flaticon-right-arrow:before,
.numeric-pagination > .prev .nav-prev-text::before,
.numeric-pagination > .next .nav-next-text::before {
position: relative;
top: 2px;
font-size: 22px;
}
.offcanvas.showing, .offcanvas.show {
margin-top: var(--wp-admin--admin-bar--height);
}
.swiper {
--swiper-pagination-bullet-width: 12px;
--swiper-pagination-bullet-height: 12px;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-inactive-color: transparent;
}
.swiper .swiper-pagination-bullet {
border: 2px solid var(--swiper-theme-color);
transform: scale(1) !important;
}
.swiper:not(.swiper-initialized) .swiper-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.video-icon {
color: #fff;
width: 80px;
height: 80px;
border-radius: 100%;
background-color: var(--reine-primary);
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.video-icon svg {
fill: var(--reine-white);
position: relative;
right: -2px;
}
.video-icon:before {
content: '';
position: absolute;
left: -5px;
right: -5px;
top: -5px;
bottom: -5px;
background: rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: all 400ms ease-in-out;
}
.video-icon:hover::before {
opacity: .75;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
}
.max-width-100 {
max-width: 100px;
}
.max-width-200 {
max-width: 200px;
}
.max-width-300 {
max-width: 300px;
}
.max-width-400 {
max-width: 400px;
}
.max-width-500 {
max-width: 500px;
}
.max-width-600 {
max-width: 600px;
}
.bypostauthor,
.gallery-caption,
.wp-caption-text,
.wp-caption {
font-variant: normal;
}
.gallery {
--reine-gutter-x: 20px;
display: flex;
flex-wrap: wrap;
row-gap: var(--reine-gutter-x);
column-count: var(--reine-gallery-column-count, 1);
margin-right: calc(-.5 * var(--reine-gutter-x));
margin-left: calc(-.5 * var(--reine-gutter-x));
}
.gallery .gallery-item {
flex: 0 0 auto;
flex-shrink: 0;
width: calc(100% / var(--reine-gallery-column-count));
max-width: 100%;
padding-right: calc(var(--reine-gutter-x) * .5);
padding-left: calc(var(--reine-gutter-x) * .5);
margin-bottom: 0;
position: relative;
}
.gallery .gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery .gallery-item figcaption {
padding-top: calc(var(--reine-gutter-x) * .25);
}
.gallery-columns-1 {
--reine-gallery-column-count: 1;
}
.gallery-columns-2 {
--reine-gallery-column-count: 2;
}
.gallery-columns-3 {
--reine-gallery-column-count: 3;
}
.gallery-columns-4 {
--reine-gallery-column-count: 4;
}
.gallery-columns-5 {
--reine-gallery-column-count: 5;
--reine-gutter-x: 10px;
}
.gallery-columns-6 {
--reine-gallery-column-count: 6;
--reine-gutter-x: 10px;
}
.gallery-columns-7 {
--reine-gallery-column-count: 7;
--reine-gutter-x: 10px;
}
.gallery-columns-8 {
--reine-gallery-column-count: 8;
--reine-gutter-x: 10px;
}
.gallery-columns-9 {
--reine-gallery-column-count: 9;
--reine-gutter-x: 10px;
}
@media (max-width: 767.98px) {
.gallery-columns-1 {
--reine-gallery-column-count: 1;
}
.gallery-columns-2 {
--reine-gallery-column-count: 1;
}
.gallery-columns-3 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
.gallery-columns-4 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
.gallery-columns-5 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
.gallery-columns-6 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
.gallery-columns-7 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
.gallery-columns-8 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
.gallery-columns-9 {
--reine-gallery-column-count: 2;
--reine-gutter-x: 10px;
}
}
.container-wrap > .wp-block-group__inner-container {
--reine-gutter-x: 1.5rem;
--reine-gutter-y: 0;
width: 100%;
padding-right: calc(var(--reine-gutter-x) * .5);
padding-left: calc(var(--reine-gutter-x) * .5);
margin-right: auto;
margin-left: auto;
position: initial;
}
@media (min-width: 576px) {
.container-wrap > .wp-block-group__inner-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-wrap > .wp-block-group__inner-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-wrap > .wp-block-group__inner-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-wrap > .wp-block-group__inner-container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-wrap > .wp-block-group__inner-container {
max-width: 1320px;
}
}
.wp-block-quote {
border-left: 0.25em solid var(--reine-dark);
margin: 0 0 1.75em;
padding-left: 1em;
}
.comment-reply-title #cancel-comment-reply-link {
margin-left: 30px;
text-decoration: none;
color: #363636;
}
.more-link {
--reine-link-color: initial;
--reine-link-hover-color: var(--reine-primary);
--reine-link-decoration: none;
--reine-link-hover-decoration: none;
}
@media (max-width: 991px) {
body {
display: block;
}
}
.woocommerce-Tabs-panel {
border: 1px solid #1680fb;
border-radius: 0 0 16px 16px;
margin-top: -1px;
padding: 30px;
}
.quantity input {
padding: 8px 16px;
background-color: transparent;
border: 1px solid green;
border-radius: 0 !important;
}
.quantity input:focus {
box-shadow: none;
}
.quantity button.input-group-text {
padding: 0 16px;
font-size: 1rem;
background-color: #f4f4f9;
border-radius: .375rem;
}
.quantity button.input-group-text.minus {
border-radius: 5px 0px 0px 5px;
}
.quantity button.input-group-text:active, .quantity button.input-group-text:focus, .quantity button.input-group-text:hover {
background-color: #f4f4f9 !important;
}
.woocommerce-Reviews ol li {
list-style: none;
}
.woocommerce-tabs .nav-tabs {
border-bottom: 0;
}
.woocommerce-tabs .nav-tabs li.active .nav-link:focus,
.woocommerce-tabs .nav-tabs li.active .nav-link:focus-visible,
.woocommerce-tabs .nav-tabs li.active .nav-link {
border-color: #1680fb !important;
border-bottom: transparent;
background-color: #fff;
}
.woocommerce-tabs .nav-tabs li .nav-link {
border: 1px solid transparent;
}
.woocommerce-tabs .nav-tabs li .nav-link:focus, .woocommerce-tabs .nav-tabs li .nav-link:hover {
border-color: #1680fb;
border-bottom: none;
padding: 1rem 2rem;
}
body.theme--dark .woocommerce-tabs .nav-tabs {
border-bottom: 0;
}
body.theme--dark .woocommerce-tabs .nav-tabs li.active .nav-link:focus,
body.theme--dark .woocommerce-tabs .nav-tabs li.active .nav-link:focus-visible,
body.theme--dark .woocommerce-tabs .nav-tabs li.active .nav-link {
background-color: #232734 !important;
}
body.theme--dark .woocommerce-tabs .nav-tabs .nav-link:focus {
background-color: #232734 !important;
}
body.theme--dark .quantity input[type="text"] {
background-color: #232734;
color: #fff;
}
body.theme--dark .quantity input[type="text"]:hover {
background-color: #232734;
color: #fff;
}
body.theme--dark .breadcrumbs-section.bg-white {
background-color: #1d212c !important;
}
body.theme--dark .breadcrumbs-section.bg-white .border-bottom {
border-color: #1d212c !important;
}
body.theme--dark .alert-dismissible .btn-close {
color: #fff;
}
body.theme--dark .alert-dismissible .btn-closefocus {
outline: none;
}
body.theme--dark .bg-light {
background-color: #232734 !important;
}
body.theme--dark .breadcrumb-item::before {
color: #666;
}
body.theme--dark .navbar-dark .wsmenu-list > li > a.h-link:hover {
color: #fff !important;
}
.comment-form-rating .nice-select.form-select {
display: none;
}
.woocommerce-product-gallery {
overflow: hidden;
}
.cart_totals h2,
.related.products h2,
.genz-tabs-wrapper h2 {
font-size: 28px;
line-height: 1.29;
}
.variations_form.cart .form-select {
width: fit-content;
}
.woocommerce-Address address {
line-height: 1.25rem;
} .site-header-cart {
position: relative;
margin: 0;
padding: 0;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
}
.btn.single_add_to_cart_button {
border: none;
}
.select2-results__option {
color: #222;
}
.add_to_cart_button {
text-decoration: none !important;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #F2B827;
}
.card.text-center .star-rating {
margin-left: auto;
margin-right: auto;
}
.card.card-style1 .card-footer {
position: absolute;
width: 100%;
bottom: -100px;
z-index: -99;
padding: 0;
background-color: rgba(var(--bs-light-rgb), 0.95);
transition: all 0.2s ease-in-out;
}
.card.card-style1 .card-footer a {
color: var(--bs-dark);
}
.card.card-style1 .card-footer a:hover, .card.card-style1 .card-footer a:focus {
color: var(--bs-primary);
}
.card.card-style1 .card-footer a .pe-7s-cart {
font-weight: bold;
font-size: 22px;
}
.card.card-style1 .card-footer .loop-add-to-cart {
margin-right: auto;
padding: 1rem;
}
.card.card-style1 .card-footer .yith-wcwl-add-to-wishlist {
padding: 1rem;
}
.card.card-style1 .card-footer .yith-wcwl-add-to-wishlist {
margin: 0;
border-left: 1px solid rgba(var(--bs-black-rgb), 0.125);
padding-left: 1rem;
align-self: stretch;
}
.card.card-style1 .card-footer .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
margin-right: 0;
}
.card.card-style1 .card-footer .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
color: var(--bs-primary);
}
.card.card-style1 .card-footer .compare,
.card.card-style1 .card-footer .yith-wcqv-button {
font-size: 0;
border-left: 1px solid rgba(var(--bs-black-rgb), 0.125);
padding: 1rem;
align-self: stretch;
}
.card.card-style1 .card-footer .compare:before,
.card.card-style1 .card-footer .yith-wcqv-button:before {
content: "\e60b";
font-family: 'Pe-icon-7-stroke';
font-style: normal;
font-weight: bold;
font-size: 22px;
font-variant: normal;
text-transform: none;
line-height: 1;
text-indent: initial;
}
.card.card-style1 .card-footer .compare:before {
content: "\e651";
}
.card.card-style1:hover .card-footer,
.card.card-style1:focus .card-footer {
bottom: 0;
z-index: 9;
}
.checkout_coupon .form-row {
max-width: 400px;
}
.cart-icon .cart-contents {
position: relative;
}
.cart-icon .cart-contents i {
font-size: 22px;
margin-right: 0;
}
.cart-icon .cart-contents .cart-contents-count {
width: 22px;
height: 22px;
color: white;
background-color: var(--bs-primary);
display: block;
border-radius: 50%;
text-align: center;
position: absolute;
top: -10px;
right: -14px;
font-size: .825rem;
line-height: 22px;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #F2B827;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #F2B827;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #F2B827;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #F2B827;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #F2B827;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #F2B827;
opacity: 1;
}
.cart_item .product-thumbnail img {
width: 100px !important;
}
.wc-tabs-wrapper .nav-tabs .nav-link {
padding: 1rem 2rem;
border-top-width: 4px;
color: var(--bs-headings-color);
}
.wc-tabs-wrapper .nav-tabs .nav-link:focus, .wc-tabs-wrapper .nav-tabs .nav-link:focus-visible, .wc-tabs-wrapper .nav-tabs .nav-link.active {
border-color: #1680fb;
background-color: #f4f4f9;
border-bottom: none;
box-shadow: none;
}
.woocommerce-form-login__rememberme .form-check-input::after,
.woocommerce-account-fields .form-check-input::after {
content: none;
}
#tab-additional_information h2,
#tab-description h2 {
margin-bottom: 20px;
}
.wc_payment_methods .wc_payment_method label {
margin-bottom: 0 !important;
}
.wc_payment_methods .wc_payment_method .input-radio::after {
background: var(--reine-primary);
}
.wc_payment_methods .wc_payment_method .input-radio:focus {
outline: none;
}
.woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
}
.select2-container .select2-selection--single {
height: auto;
}
.select2-container .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 10px;
}
.p-last-mb-0 > p:last-child {
margin-bottom: 0;
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
color: var(--bs-danger) !important;
}
.table .product-name {
min-width: 200px;
}
.table .product-subtotal,
.table .product-total {
text-align: right;
}
.table tfoot td:last-child,
.table .order-total td:last-child,
.table .cart-subtotal td:last-child {
text-align: right;
}
.table tbody .product-name a {
color: white;
}
.quantity input[type="text"] {
max-width: 80px;
margin: 0;
text-align: center;
border-color: #e9ecef;
}
.quantity .count-control i {
font-size: 15px;
}
.onsale {
width: 60px;
height: 60px;
background-color: var(--reine-primary);
color: var(--reine-white);
position: absolute;
top: 10px;
right: 10px;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
.woocommerce .blog-post-txt span.price,
.product .blog-post-txt span.price {
font-size: 20px;
font-weight: 700;
color: gray;
}
.woocommerce .blog-post-txt span.price span,
.product .blog-post-txt span.price span {
font-size: inherit;
}
.woocommerce .entry-header,
.product .entry-header {
border-bottom: 3px solid var(--global--color-border);
padding-bottom: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.woocommerce .entry-title,
.product .entry-title {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 10px;
}
.woocommerce .related h2,
.woocommerce .related h3,
.woocommerce .upsells h2,
.woocommerce .upsells h3,
.woocommerce .cross-sells h2,
.woocommerce .cross-sells h3,
.woocommerce .cart_totals h2,
.woocommerce .cart_totals h3,
.woocommerce .woocommerce-billing-fields h2,
.woocommerce .woocommerce-billing-fields h3,
.woocommerce .woocommerce-Reviews h2,
.woocommerce .woocommerce-Reviews h3,
.woocommerce .woocommerce-order-details h2,
.woocommerce .woocommerce-order-details h3,
.woocommerce .woocommerce-customer-details h2,
.woocommerce .woocommerce-customer-details h3,
.woocommerce .woocommerce-additional-fields h2,
.woocommerce .woocommerce-additional-fields h3,
.product .related h2,
.product .related h3,
.product .upsells h2,
.product .upsells h3,
.product .cross-sells h2,
.product .cross-sells h3,
.product .cart_totals h2,
.product .cart_totals h3,
.product .woocommerce-billing-fields h2,
.product .woocommerce-billing-fields h3,
.product .woocommerce-Reviews h2,
.product .woocommerce-Reviews h3,
.product .woocommerce-order-details h2,
.product .woocommerce-order-details h3,
.product .woocommerce-customer-details h2,
.product .woocommerce-customer-details h3,
.product .woocommerce-additional-fields h2,
.product .woocommerce-additional-fields h3 {
margin-bottom: 20px;
}
.woocommerce .woocommerce-Reviews .avatar,
.product .woocommerce-Reviews .avatar {
width: 70px;
height: 70px;
}
.woocommerce .woocommerce-Reviews .comment-text .meta,
.product .woocommerce-Reviews .comment-text .meta {
margin-bottom: 0;
}
.woocommerce .woocommerce-cart-form__cart-item .product-name .variation-size,
.woocommerce .shop_table .product-name .variation-size,
.product .woocommerce-cart-form__cart-item .product-name .variation-size,
.product .shop_table .product-name .variation-size {
display: inline-block;
padding-left: 5px;
}
.woocommerce .select2-selection--single,
.product .select2-selection--single {
border: none;
}
.woocommerce .select2-selection__rendered,
.product .select2-selection__rendered {
border: var(--form--border-width) solid var(--form--border-color);
background-color: #f3f3f3;
color: var(--form--color-text);
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit);
margin: 0 2px;
max-width: 100%;
height: var(--bs-input-height, 43px);
border-radius: 0.375rem;
}
.woocommerce .woocommerce-order-overview,
.woocommerce .wc_payment_methods {
list-style: none;
}
.woocommerce-pagination ul {
list-style: none;
display: flex;
gap: 15px;
padding-left: 0;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}
.search-results .woocommerce .entry-header,
.search-results .product .entry-header {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
table {
width: 100%;
}
table th,
table td {
padding: 20px 10px !important;
text-align: left;
font-size: 18px;
}
.woocommerce-Address {
line-height: 1;
}
.woocommerce-checkout-payment .form-check-input {
width: 1.375rem;
height: 1.375rem;
}
.select2-container--default .select2-selection--single {
border-radius: 8px;
margin: 0 0 0px;
}
.woocommerce .select2-selection__rendered {
background-color: transparent;
height: 50px;
border: 1px solid #ccc;
margin: 0;
padding: 15px !important;
font-size: 1rem;
line-height: 18px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
background-color: transparent;
}
.select2-container--default .select2-results__option[data-selected="true"] {
background-color: #0fbc49;
}
.coupon input {
padding: 12px;
border-color: #ccc;
border-radius: 5px 0 0 5px !important;
}
.form-control:focus {
box-shadow: none;
}
.woocommerce-customer-details h2,
.woocommerce-order-details h2 {
font-size: 32px;
line-height: 1.34;
}
.woocommerce-order-details .shop_table th,
.woocommerce-order-details .shop_table td {
text-align: left;
}
.woocommerce-order-details address {
line-height: 1.5;
}
.address-shipping label,
.edit-account label,
.woocommerce-ResetPassword label,
.woocommerce-form-register label,
.woocommerce-form-login label {
margin-bottom: 5px;
font-size: 1rem;
}
.address-shipping .form-control,
.edit-account .form-control,
.woocommerce-ResetPassword .form-control,
.woocommerce-form-register .form-control,
.woocommerce-form-login .form-control {
padding: 15px;
background-color: white;
border-color: #ccc;
}
.address-shipping .form-check-input,
.edit-account .form-check-input,
.woocommerce-ResetPassword .form-check-input,
.woocommerce-form-register .form-check-input,
.woocommerce-form-login .form-check-input {
width: 1.375rem;
height: 1.375rem;
}
.woocommerce-cart-form table {
table-layout: fixed;
}
.woocommerce-cart-form .product-remove {
width: 50px;
}
.woocommerce-cart-form .product-remove .remove {
display: block;
text-align: center !important;
}
@media (max-width: 991.98px) {
.quantity input[type="text"] {
width: 50px;
padding: 2px 16px;
border-radius: 5px !important;
}
.quantity .input-group-text {
padding: 2px 16px;
display: block;
border-radius: 5px !important;
margin: 3px 0;
}
.quantity .input-group {
display: block;
}
}
.wc-block-components-sidebar-layout .wc-block-components-product-badge {
display: none;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
padding-right: 2.5283018868% !important;
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
padding-left: 0 !important;
}
.wc-block-components-sidebar-layout .wc-block-cart-item__wrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px !important;
}
.wc-block-components-sidebar-layout .wc-block-components-product-name {
-ms-word-break: break-all !important;
max-width: 250px !important;
text-align: left;
line-height: 26px;
text-decoration: none;
min-width: 130px;
}
.wc-block-components-sidebar-layout .wc-block-components-quantity-selector__button--minus,
.wc-block-components-sidebar-layout .wc-block-components-quantity-selector__button {
font-size: 22px !important;
}
@media only screen and (max-width: 991px) {
.wc-block-components-sidebar-layout .wc-block-cart-item__wrap {
display: block;
align-items: left;
}
table.wc-block-cart-items .wc-block-cart-items__row {
display: flex !important;
justify-content: space-between;
align-items: center;
}
.wc-block-cart table.wc-block-cart-items,
.wc-block-cart table.wc-block-cart-items td,
.wc-block-cart table.wc-block-cart-items th {
margin: 0 0 0em !important;
}
table th,
table td {
padding: 10px 10px !important;
}
} @media only screen and (max-width: 767px) {
.woocommerce .entry-title,
.product .entry-title {
padding-bottom: 10px !important;
margin-bottom: 0 !important;
}
tr.wc-block-cart-items__row td {
float: inline-start;
width: 100%;
display: contents;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
display: block !important;
text-align: left !important;
}
td.wc-block-cart-item__image img {
margin-bottom: 20px !important;
}
table.wc-block-cart-items .wc-block-cart-items__row {
display: block !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
text-align: left;
}
}
.wc-block-cart__submit-container {
margin-top: 30px;
}
.components-button {
color: #363636 !important;
background-color: #fff !important;
border: 1px solid #363636 !important;
font-size: 0.725rem;
line-height: 1 !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
padding: 1rem 1.8rem;
border: 1.5px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
text-decoration: none;
display: inline-block;
}
.components-button:hover {
color: #fff !important;
background-color: #363636 !important;
border-color: #363636 !important;
}
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
top: -3px !important;
}
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
padding: .71em !important;
border-color: #ccc !important;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill + label,
.wc-block-components-form .wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:-webkit-autofill + label,
.wc-block-components-text-input.is-active label {
transform: translateY(0.35em) scale(0.75) !important;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
width: auto !important;
} .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: var(--bs-primary);
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: var(--bs-primary);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}
.woocommerce .product_list_widget img {
width: 100px;
}
.widget .wc-layered-nav-rating a {
display: flex;
align-items: center;
}
.widget .wc-layered-nav-rating a .star-rating {
display: inline-flex;
margin-right: 10px;
}
.widget .chosen,
.widget .current-cat {
border-left-color: var(--bs-primary);
}
.widget.woocommerce li {
display: flex;
justify-content: space-between;
}
.woocommerce table th,
.woocommerce table td,
.shop_table table th,
.shop_table table td,
.product table th,
.product table td {
border: 1px solid #ccc;
color: blacck;
}
.woocommerce table.woocommerce-checkout-review-order-table tr,
.woocommerce table.woocommerce-checkout-review-order-table th:not(.product-total),
.shop_table table.woocommerce-checkout-review-order-table tr,
.shop_table table.woocommerce-checkout-review-order-table th:not(.product-total),
.product table.woocommerce-checkout-review-order-table tr,
.product table.woocommerce-checkout-review-order-table th:not(.product-total) {
text-align: left;
}
.woocommerce table.woocommerce-table--order-details tbody,
.shop_table table.woocommerce-table--order-details tbody,
.product table.woocommerce-table--order-details tbody {
text-align: center;
}
.woocommerce table td.product-name,
.shop_table table td.product-name,
.product table td.product-name {
color: black;
}
.woocommerce table td.product-name a,
.shop_table table td.product-name a,
.product table td.product-name a {
color: inherit;
}
.variations_form.cart .form-select:focus {
box-shadow: none;
}
table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr {
vertical-align: middle;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
}
.products .product .card {
background-color: red;
}
.products .product .card .price,
.products .product .card .title {
color: white;
}
.products .blog-post-txt a {
text-decoration: none;
}
.products .woocommerce-pagination .page-numbers {
border: none;
}
.form-select:focus {
box-shadow: none;
}