.site-header {
background: #fff;
border-bottom: 1px solid #e6e6e6;
}
.site-header .header--default {
position: relative;
padding: 15px 0;
margin: 0;
}
.site-header {
width: 100%;
}
@media screen and (max-width: 991px) {
.site-header .site-branding {
text-align: center;
}
}
@media screen and (max-width: 768px) {
.site-header .site-branding {
position: relative;
margin: 0 auto -45px;
top: -9px;
text-align: center;
max-width: 250px;
z-index: 101;
}
}
.site-header .site-branding .site-title {
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
text-transform: none;
line-height: 1;
}
.site-header .site-branding .no-tagline {
font-size: 30px;
line-height: 1.5;
}
.site-header .site-branding .site-description {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 12px;
}
.site-header .site-branding a {
text-decoration: none;
color: #000000;
}
.site-header .header-navigation {
display: table;
width: 100%;
}
.site-header .header-navigation .main-navigation {
display: table-cell;
width: 75%;
vertical-align: middle;
}
.site-header .header-navigation .header-cart {
display: table-cell;
width: 25%;
vertical-align: middle;
}
.site-header .header-cart {
font-size: 14px;
color: #000;
}
.site-header .header-cart a.cart-contents {
height: 32px;
color: #000;
display: flex;
font-weight: 500;
align-items: center;
text-transform: uppercase;
justify-content: center;
position: relative;
}
.site-header .header-cart a.cart-contents::after{
top: 100%;
right: 0px;
width: 100%;
content: "";
height: 24px;
position: absolute;
}
.site-header .header-cart .cart-icon {
width: 24px;
height: 24px;
}
.site-header .header-cart .count {
top: -4px;
left: 16px;
width: 16px;
height: 16px;
color: #fff;
line-height: 1;
font-size: 100%;
text-align: center;
border-radius: 5px;
position: absolute;
background: var(--theme--accent-color);
}
.site-header .header-cart .amount {
line-height: 1;
margin-left: 8px;
position: relative;
}
@media screen and (max-width: 768px) {
.site-header .header-cart .amount {
display: none;
}
}
.header-cart  .woocommerce-mini-cart__total{
display: flex;
align-items: center;
justify-content: space-around;
}
.header-cart .woocommerce-mini-cart__buttons{
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.header-cart .woocommerce-mini-cart__buttons a{
line-height: 1;
cursor: pointer;
font-weight: 600;
width: fit-content;
border: 1px solid;
display: inline-flex;
text-decoration: none;
justify-content: center;
color: var(--theme--button-color);
border-color: var(--theme--button-border-color);
font-size: var(--theme--button-desktop-font-size);
background: var(--theme--button-background-color);
border-radius: var(--theme--button-border-radius);
text-transform: var(--theme--button-text-transform);
letter-spacing: var(--theme--button-letter-spacing);
padding: var(--theme--button-desktop-top-bottom-padding) 24px;
-webkit-appearance: button;
appearance: button;
width: 100%;
}
.header-cart .woocommerce-mini-cart__buttons a:first-child {
color: var(--theme--base-color);
background-color: transparent;
} .section-page-header {
line-height: 2;
padding: 15px 0;
color: var(--theme--content-card-heading-color);
background: var(--theme--content-card-background);
}
.section-page-header .entry-title,
.section-page-header .page-title {
margin: 0;
color: #000000;
float: left;
line-height: 2;
padding: 0;
text-align: left;
width: auto;
font-weight: 500;
text-transform: capitalize;
font-size: 24px;
letter-spacing: 0.2px;
}
.section-page-header .breadcrumb-trail .trail-items {
margin: 0;
padding: 5px 0;
list-style: none;
}
.section-page-header .breadcrumb-trail .trail-items .trail-item {
font-size: 14px;
line-height: 36px;
font-weight: 400;
display: inline-block;
}
.section-page-header .breadcrumb-trail .trail-items .trail-item:last-child {
padding: 0;
}
.section-page-header .breadcrumb-trail .trail-items .trail-item a {
padding-right: 25px;
position: relative;
display: inline-block;
color: #000000;
}
.section-page-header .breadcrumb-trail .trail-items .trail-item a:after {
content: ">";
position: absolute;
right: 10px;
} .site-header-cart {
position: relative;
margin: 0;
padding: 0;
list-style: none;
float: right;
}
.site-header-cart:after {
content: '';
display: table;
clear: both;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
background: #fff;
padding: 30px 15px;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
}
.site-header-cart .mini_cart_item {
display: flex;
align-items: flex-start;
flex-direction: column;
position: relative;
margin-bottom: 0px;
padding-left: 100px;
min-height: 120px;
width: calc( 100% - 20px);
row-gap: 8px;
}
.site-header-cart .mini_cart_item a{
text-decoration: none;
}
.site-header-cart .mini_cart_item img{
top: 0px;
left: 0px;
width: 82px;
max-height: 100%;
position: absolute;
object-fit: cover;
object-position: center;
}
.site-header-cart .mini_cart_item .quantity{
all: unset;
}
.site-header-cart .mini_cart_item a.remove{
top: 0;
left: auto;
right: -20px;
width: 18px;
height: 18px;
font-size: 16px;
line-height: 16px;
text-align: center;
border-radius: 50%;
position: absolute;
display: flex;
align-items: center;
text-decoration: none;
justify-content: center;
-webkit-transition: ease transform 300ms;
transition: ease transform 300ms;
color: var(--theme--base-color);
font-size: -20px;
z-index: 11;
}.section-hero {
position: relative;
overflow: hidden;
}
.section-hero figure {
margin: 0;
}
.section-hero figure img{
width: 100%;
margin: 0;
padding: 0;
}
.section-hero figure figcaption {
max-width: 1140px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
}
.section-hero figure figcaption .title {
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 54px;
}
@media screen and (max-width: 768px) {
.section-hero figure figcaption .title {
font-size: 200%;
margin: 0;
}
}
.section-hero figure figcaption .rte-settings {
font-size: 40px;
color: #fff;
}
@media screen and (max-width: 768px) {
.section-hero figure figcaption .rte-settings {
font-size: 150%;
}
}
.section-hero figure figcaption .btn {
display: flex;
padding: 10px 30px;
margin-top: 30px;
color: #000;
background: #fff;
text-decoration: none;
font-size: 20px;
width: fit-content;
}
@media screen and (max-width: 768px) {
.section-hero figure figcaption .btn {
margin: 0;
width: 125px;
padding: 7.5px 15px;
margin-top: 10px;
}
} .section-featured {
position: relative;
margin-top: 30px;
padding: 0;
}
.section-featured figure {
margin: 0;
position: relative;
}
.section-featured figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.section-featured figure:after {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.25);
position: absolute;
z-index: -0;
pointer-events: none;
}
.section-featured figcaption {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 30px;
color: #fff;
z-index: 1;
}
.section-featured .block-featured-main {
height: 580px;
}
@media screen and (max-width: 767px) {
.section-featured .block-featured-main {
margin-bottom: 30px;
height: auto;
}
}
.section-featured .block-featured-main .btn {
width: 150px;
display: block;
margin-top: 30px;
padding: 10px 30px;
background: #fff;
color: #000 !important;
border-color: transparent;
text-align: center;
text-decoration: none;
}
.section-featured .block-featured-item {
height: 275px;
min-height: 100px;
}
.section-featured .block-featured-item:first-child {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.section-featured .block-featured-item {
width: calc(50% - 15);
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: -ms-calc(50% - 15px);
width: -o-calc(50% - 15px);
display: inline-block;
margin-bottom: 0;
height: auto;
}
.section-featured .block-featured-item:first-child {
float: left;
margin-bottom: 0;
}
.section-featured .block-featured-item:last-child {
float: right;
}
}
@media screen and (max-width: 572px) {
.section-featured .block-featured-item {
width: 100%;
padding: 0 !important;
}
.section-featured .block-featured-item:first-child {
float: left;
margin-bottom: 30px;
}
}
.section-featured .block--featured-item-link {
display: block;
width: 100%;
height: 100%;
} .section-collection {
background: #fff;
margin: 0;
padding: 30px 0 0;
}
.section-collection .collection-image {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.section-collection .collection-image {
margin-bottom: 30px;
}
}
.section-collection .collection-image figcaption {
position: absolute;
bottom: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 450ms ease-out;
-o-transition: all 450ms ease-out;
transition: all 450ms ease-out;
}
.section-collection .collection-image figcaption .btn {
color: #000;
font-size: 12px;
display: inline-block;
cursor: pointer;
padding: 10px 50px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
line-height: 30px;
font-weight: 500;
text-transform: uppercase;
background-color: #fff;
border-radius: 0;
}
.section-collection .collection-image .collection-src {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 1s;
transition: opacity 0.35s, -webkit-transform 1s;
-o-transition: opacity 0.35s, transform 1s;
transition: opacity 0.35s, transform 1s;
transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}
.section-collection .collection-image:hover figcaption {
bottom: 65px;
}
.section-collection .collection-image:hover .collection-src {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .section-products {
padding: 30px 0 0;
}
.section-products .section-heading .section-title {
margin: 0;
padding-bottom: 30px;
text-transform: uppercase;
}
.section-products .products {
overflow: hidden;
}
.section-products .products .owl-stage {
min-width: 5000px;
overflow: hidden;
}
.section-products .products .owl-stage .owl-item {
display: inline-block;
}
.section-products .products .owl-stage .owl-item .product {
width: 100%;
margin: 0;
}
.section-products .products .star-rating {
position: absolute;
}
.section-products .woocommerce {
position: relative;
}
.section-products .woocommerce .owl-nav {
position: absolute;
top: -60px;
right: 0;
}
.section-products .woocommerce .owl-nav button {
background: transparent;
border: transparent;
padding: 7.5px;
outline: none;
}
.section-products .woocommerce .owl-nav button .next,
.section-products .woocommerce .owl-nav button .previous {
fill: #000;
}
.section-products .woocommerce .owl-nav .disabled .next,
.section-products .woocommerce .owl-nav .disabled .previous {
fill: #ababab;
} .block-collection-grid {
background: #3E71FF;
padding: 45px 0 30px;
margin-top: 30px;
}
.block-collection-grid .section-heading {
margin-bottom: 45px;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.block-collection-grid .section-heading .heading {
margin: 0;
}
.block-collection-grid .collection-image {
margin: 0 0 30px;
}
.block-collection-grid .collection-image img {
width: 100%;
position: relative;
vertical-align: bottom;
}
.block-collection-grid .collection-image .caption .title {
display: block;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
color: #000;
line-height: 20px;
overflow: hidden;
box-sizing: border-box;
padding: 15px 5px;
white-space: normal;
margin: 0;
background: #fff;
} .section-proposition {
background: #1b1b1b;
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 480px) {
.section-proposition .proposition-block {
width: 100%;
}
}
.section-proposition .proposition-item {
position: relative;
}
@media screen and (max-width: 992px) {
.section-proposition .proposition-item {
margin-bottom: 30px;
}
}
.section-proposition .proposition--item-thumb {
position: absolute;
left: 0;
right: 0;
}
.section-proposition .proposition--item-icon {
width: 40px;
}
@media screen and (max-width: 768px) {
.section-proposition .proposition--item-icon {
width: 30px;
position: relative;
top: -2px;
}
}
.section-proposition .proposition--item-caption {
position: relative;
padding-left: 50px;
color: #fff;
}
.section-proposition .proposition--item-title {
margin: 0 0 2px;
text-transform: uppercase;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.section-proposition .proposition--item-title {
font-size: 75%;
}
}
.section-proposition .proposition--item-desc {
font-size: 13px;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.section-proposition .proposition--item-desc {
font-size: 75%;
}
} .site-footer {
background: #000;
color: #bfbfbf;
} .section-footer {
padding: 30px 0 45px;
}
.section-footer .title {
color: #fff;
font-size: 12px;
margin: 0 0 20px;
text-transform: uppercase;
}
.section-footer .widget {
padding: 0px;
font-size: 14px;
color: #bfbfbf;
}
.section-footer .widget a {
color: inherit;
text-decoration: none;
}
.section-footer .widget_custom_html ul li {
margin-bottom: 8px;
}
.section-footer .widget_custom_html ul li i {
color: #fff;
font-size: 14px;
margin-right: 8px;
}
.section-footer .social-icons {
padding: 0;
margin: 0 0 30px;
}
.section-footer .social-icons li {
display: inline-block;
margin: 8px 8px 8px 0;
}
.section-footer .social-icons li a {
width: 30px;
height: 30px;
color: #000;
display: block;
font-size: 15px;
line-height: 30px;
text-align: center;
border-radius: 100%;
background-color: #fff;
} .site-footer .section-copyright {
font-size: 14px;
padding: 15px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.site-footer .section-copyright a {
color: #bfbfbf;
display: inline-block;
text-decoration: none;
}
.site-footer .section-copyright a:hover {
color: #bcbcbc;
}
.site-footer .section-copyright small {
display: block;
font-size: 13px;
}.quantity{
width: 110px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--theme--border-color);
border-radius: var(--theme--button-border-radius);
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
appearance: none;
-webkit-appearance: none;
margin: 0;
}
.quantity input[type=number] {
border: 0px;
width: 35px;
height: 25px;
padding: 0px;
text-align: center;
appearance: textfield;
background: transparent;
-moz-appearance: textfield;
}
.quantity button[type="button"]{
width: 40px;
height: 40px;
border: unset;
padding: 8px;
background: transparent;
color: var(--theme--base-color);
display: flex;
align-items: center;
justify-content: center;
} .woocommerce .woocommerce-form-login {
max-width: 480px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-row{
display: flex;
flex-direction: column;
}
.woocommerce .woocommerce-form-login .password-input input{
width: 100%;
}
.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row){
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.woocommerce-account.logged-in .entry-content>.woocommerce{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.woocommerce-MyAccount-navigation{
flex: 0 0 25%;
padding: 0 15px;
border: 1px solid var(--theme--border-color);
}
.woocommerce-MyAccount-content{
flex: 1 1;
padding: 30px;
}
.woocommerce-MyAccount-navigation > ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.woocommerce-MyAccount-navigation > ul li {
list-style: none;
border-top: 1px solid var(--theme--border-color);
}
.woocommerce-MyAccount-navigation > ul li:first-child{
border-top: 0px;
}
.woocommerce-MyAccount-navigation > ul li a{
padding: 18px 0;
display: flex;
align-items: center;
justify-content: flex-start;
text-decoration: none;
color: var(--theme--base-color);
}
.woocommerce-MyAccount-navigation > ul li.is-active a {
color: var(--theme--accent-color);
} .woocommerce-page-header{
margin: 0px;
position: relative;
}
.woocommerce-page-header .wc-header__image{
height: 372px;
overflow: hidden;
}
.woocommerce-page-header .wc-header__image .wp-post-image{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .products{
margin: 0px;
padding: 0px;
display: grid;
list-style: none;
grid-row-gap: 32px;
grid-column-gap: 32px;
}
.products .product {
display: flex;
position: relative;
padding-bottom: 15px;
flex-direction: column;
border: 1px solid var(--theme--border-color);
}
.products .product a{
text-decoration: none;
}
.products .product a.added_to_cart{
display: none;
}
.products .product .product-meta{
padding: 16px;
}
.products .product .product-meta h2{
color: #000;
font-size: 16px;
text-decoration: none;
margin-bottom: 8px;
font-weight: 400;
}
.products .product .product-meta ins{
text-decoration: none;
}
.products.columns-6{
grid-template-columns: repeat(6, 1fr);
}
.products.columns-5{
grid-template-columns: repeat(5, 1fr);
}
.products.columns-4{
grid-template-columns: repeat(4, 1fr);
}
.products.columns-3{
grid-template-columns: repeat(3, 1fr);
}
.products.columns-2{
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 992px) {
.products.columns-6,
.products.columns-5,
.products.columns-4,
.products.columns-3,
.products.columns-2{
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.products{
row-gap: 16px;
column-gap: 16px;
}
.products.columns-6,
.products.columns-5,
.products.columns-4,
.products.columns-3,
.products.columns-2{
grid-template-columns: repeat(2, 1fr);
}
}
.products .product .onsale {
top: 15px;
left: 15px;
color: #fff;
line-height: 1;
padding: 5px 15px;
position: absolute;
background: #000;
text-transform: uppercase;
font-size: 12px;
}
.products .product .button {
display: flex;
margin: 0 auto;
width: calc( 100% - 32px );
color:  var(--theme--button-color);
}
@media screen and (max-width: 680px) {
.products .product .button{
padding-left: 18px;
padding-right: 18px;
width: calc( 100% - 16px);
}
}
.products .product img{
width: 100%;
height: auto;
} .woocommerce .woocommerce-header{
color: var(--theme--content-card-heading-color);
background: var(--theme--content-card-background);
}
.woocommerce .woocommerce-header .woocommerce-header__title {
float: left;
width: auto;
margin: 16px 0;
font-size: 24px;
font-weight: 500;
color: #000000;
text-align: left;
padding: 16px 0;
line-height: 24px;
}
.woocommerce .section-result {
display: flex;
padding: 10px;
align-items: center;
margin-bottom: 30px;
justify-content: space-between;
color: var(--theme--content-card-color);
background: var(--theme--content-card-background);
}
.woocommerce .section-result h1,
.woocommerce .section-result h2,
.woocommerce .section-result h3,
.woocommerce .section-result h4,
.woocommerce .section-result h5,
.woocommerce .section-result h6{
margin-top: 0px;
margin-bottom: 8px;
color: var(--theme--content-card-heading-color);
}
.woocommerce .section-result .woocommerce-ordering,
.woocommerce .section-result .woocommerce-result-count {
display: flex;
align-items: center;
vertical-align: middle;
margin: 0;
}
.woocommerce .section-result .woocommerce-ordering {
justify-content: flex-end;
}
.woocommerce .product-category .woocommerce-loop-category__title {
text-align: center;
font-size: 17px;
text-decoration: none;
}
.woocommerce .products .product-category .collection-inner .ins,
.woocommerce .products .product-category .collection-inner mark {
background: transparent;
}
.woocommerce .products .product-category .collection-inner a {
text-decoration: none;
}
.woocommerce .woocommerce-pagination {
margin-top: 32px;
margin-bottom: 32px;
}
.woocommerce .woocommerce-pagination .page-numbers {
margin: 0;
padding: 0;
display: flex;
list-style: none;
line-height: 40px;
text-align: center;
align-items: center;
justify-content: center;
gap: 8px;
}
.woocommerce .woocommerce-pagination .page-numbers li {
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce .woocommerce-pagination .page-numbers li .current {
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
border-radius: 0px;
color: var(--theme--button-color);
background: var(--theme--button-background-color);
border: 1px solid var(--theme--button-border-color);
border-radius: var(--theme--button-border-radius);
}
.woocommerce .woocommerce-pagination .page-numbers li a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
text-decoration: none;
justify-content: center;
background: transparent;
color: var(--theme--base-color);
border: 1px solid var(--theme--button-border-color);
border-radius: var(--theme--button-border-radius);
} .single-product .product {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
column-gap: 32px;
}
@media screen and (max-width: 768px) {
.single-product .product{
flex-direction: column;
}
} .single-product .product .woocommerce-product-gallery {
width: 50%;
flex: 0 0 50%;
display: flex;
position: relative;
align-items: flex-start;
flex-direction: row-reverse;
gap: 20px;
}
.single-product .product .woocommerce-product-gallery__image img{
width: 100%;
height: auto;
vertical-align: bottom;
position: relative;
}
.single-product .product .woocommerce-product-gallery .flex-viewport {
width: 100%;
margin-bottom: 16px;
border: 1px solid var(--theme--border-color);
}
.single-product .product .woocommerce-product-gallery .flex-viewport figure {
margin: 0;
}
.single-product .product .woocommerce-product-gallery .flex-viewport figure img {
width: 100%;
}
.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
right: 25%;
margin-right: 15px;
}
.single-product .product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
width: 80px;
display: flex;
flex-direction: column;
}
.single-product .product .woocommerce-product-gallery .flex-control-thumbs li {
cursor: pointer;
list-style: none;
margin-bottom: 8px;
}
.single-product .product .woocommerce-product-gallery .flex-control-thumbs li img {
width: 100%;
opacity: 0.5;
position: relative;
vertical-align: bottom;
border: 1px solid var(--theme--border-color);
}
.single-product .product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product .product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
@media screen and (max-width: 768px) {
.single-product .product .summary,
.single-product .product .woocommerce-product-gallery{
width: 100%;
flex: 0 0 100%;
}
} .single-product .woocommerce-product-gallery .flex-direction-nav{
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 0px;
list-style: none;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
display: flex;
align-items: center;
justify-content: space-between;
width: calc( 100% - 110px );
margin-left: auto;
right: 12px;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next{
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -100px;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev{
width: 100%;
height: 100%;
display: flex;
border-radius: 32px;
align-items: center;
justify-content: center;
position: relative;
text-decoration: none;
color: var(--theme--button-color);
background: var(--theme--button-background-color);
border: 1px solid var(--theme--button-border-color);
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next:hover,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev:hover{
color: var(--theme--button-color);
background: var(--theme--button-background-color-hover);
border: 1px solid var(--theme--button-border-color-hover);
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next::after,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev::after{
content: '';
width: 12px;
height: 12px;
outline: none;
position: relative;
border-left: none;
border-bottom: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 2px solid var(--theme--button-color);
border-right: 2px solid var(--theme--button-color);
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next:hover::after,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev:hover::after{
border-color: var(--theme--button-color-hover);
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next::after{
left: -2px;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev::after{
right: -2px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.single-product .vertical-left .woocommerce-product-gallery .flex-viewport {
float: right;
width: 75%;
}
.single-product .vertical-left .woocommerce-product-gallery .flex-control-thumbs {
float: left;
width: calc(25% - 15px);
width: -webkit-calc(25% - 15px);
width: -moz-calc(25% - 15px);
width: -ms-calc(25% - 15px);
}
.single-product .vertical-left .onsale {
left: 30%;
}
.single-product .vertical-right .woocommerce-product-gallery .flex-viewport {
float: left;
width: 75%;
}
.single-product .vertical-right .woocommerce-product-gallery .flex-control-thumbs {
float: right;
width: calc(25% - 15px);
width: -webkit-calc(25% - 15px);
width: -moz-calc(25% - 15px);
width: -ms-calc(25% - 15px);
}
.single-product .vertical-right .woocommerce-product-gallery__trigger {
right: 30% !important;
}
.single-product .horizontal .woocommerce-product-gallery .flex-viewport {
float: none;
width: 100%;
}
.single-product .horizontal .woocommerce-product-gallery .flex-control-thumbs {
width: 90%;
display: table;
margin: 0 auto !important;
}
.single-product .horizontal .woocommerce-product-gallery .flex-control-thumbs li {
width: 25%;
padding: 0 5px 5px;
display: table-cell;
}
@media screen and (max-width: 768px) {
.single-product .product .woocommerce-product-gallery .flex-control-thumbs{
display: none;
}
.single-product .woocommerce-product-gallery .flex-direction-nav{
left: 0;
right: 0;
margin: 0 auto;
width: calc( 100% - 30px );
}
}
.single-product .flex-viewport,
.single-product .images {
margin-bottom: 1em;
}
.single-product .flex-viewport figure,
.single-product .images figure {
margin: 0;
}
.single-product .onsale {
top: 15px;
left: 104px;
z-index: 101;
color: #fff;
font-size: 12px;
background: #000;
position: absolute;
text-transform: uppercase;
padding: 3px 15px;
}
.single-product .summary .price .amount {
font-size: 24px;
font-weight: 700;
color: #000;
}
.single-product .summary .price del {
font-weight: normal;
color: #b2b2b2;
}
.single-product .summary .price del .amount {
font-size: 17px;
color: #b2b2b2;
font-weight: normal;
}
.single-product .summary .price ins {
background: none;
text-decoration: none;
}
.single-product .product .summary {
margin: 0;
flex: 1 1 auto;
text-align: left;
}
.single-product .product .summary .entry-title {
margin: 0 0 15px;
font-size: 25px;
font-weight: 500;
}
.single-product .product .summary .single_add_to_cart_button {
width: calc(100% - 130px);
width: -webkit-calc(100% - 130px);
}
.single-product .product .product_meta {
margin: 0px;
width: 100%;
font-weight: 600;
position: relative;
display: inline-block;
border-top: 1px solid var(--theme--border-color);
padding: 15px 0px;
}
.single-product .product .product_meta .posted_in,
.single-product .product .product_meta .sku_wrapper {
display: block;
margin-bottom: 10px;
text-transform: capitalize;
font-size: 12px;
}
.single-product .product .product_meta .posted_in a,
.single-product .product .product_meta .sku_wrapper a {
color: #808080;
text-transform: capitalize;
font-weight: normal;
}
.single-product .product .product_meta .posted_in:last-child,
.single-product .product .product_meta .sku_wrapper:last-child {
margin: 0;
}
.single-product .product .product_meta .sku {
font-weight: normal;
color: #808080;
}
.single-product .product .variations {
margin: 0;
}
.single-product .product .variations label {
font-size: 15px;
padding: 15px 0;
font-weight: 500;
color: #000;
}
.single-product .product .variations select {
width: 100%;
margin-bottom: 15px;
}
.single-product .product .variations .reset_variations {
display: none;
}
.single-product .product .woocommerce-product-details__short-description h3 {
text-transform: uppercase;
font-size: 14px;
}
.single-product .product .woocommerce-product-details__short-description ul {
margin: 15px 0 30px;
padding: 0 15px;
}
.single-product .cart {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 30px;
} .single-product .variations_form{
flex-direction: column;
}
.single-product .variations_form .single_variation_wrap{
width: 100%;
}
.single-product .woocommerce-variation-add-to-cart{
display: flex;
align-items: center;
justify-content: space-between;
}
.single-product .grouped_form td {
border: 1px solid #e9e9ee;
padding: 10px;
}
.single-product .grouped_form td a {
color: #000000;
font-weight: 500;
}
.single-product .woocommerce-product-rating {
margin: 0;
padding: 0 0 15px;
position: relative;
}
.single-product .woocommerce-product-rating .star-rating {
left: 0;
bottom: 0;
top: unset;
display: inline-flex;
margin: -2px 15px 0 0;
position: relative;
}
.single-product .woocommerce-product-rating .woocommerce-review-link {
text-decoration: none;
}
.single-product .product-sharing {
padding: 15px 0;
border-top: 1px solid var(--theme--border-color);
}
.single-product .product-sharing .share-title {
padding: 0;
font-size: 14px;
margin: 0 15px 0 0;
display: inline-flex;;
text-transform: capitalize;
}
.single-product .product-sharing .social-share {
margin: 0;
padding: 0;
list-style: none;
}
.single-product .product-sharing .social-share li {
margin-right: 7.5px;
display: inline-flex;
}
.single-product .product-sharing .social-share li a {
padding: 5px;
} .woocommerce-product-gallery__trigger {
position: absolute;
top: 1.875em;
right: 1.875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
z-index: 9;
text-align: center;
text-indent: -999px;
overflow: hidden;
background-color: #fefefe;
color: #000;
text-decoration: none;
}
.woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0;
margin-left: 2px;
} .stock {
font-weight: 600;
margin: 0px;
font-size: 14px;
display: inline-block;
padding: 15px 0px;
}
.stock:empty:before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} .woocommerce-cart table {
border-collapse: collapse;
}
.woocommerce-cart-form th {
border-left: 0;
border-right: 0;
border-top: 0;
text-transform: uppercase;
background-color: transparent;
}
.woocommerce-cart-form tr{
border: 1px solid var(--theme--border-color);
}
.woocommerce-cart-form th,
.woocommerce-cart-form td{
padding: 15px;
text-align: left;
}
.woocommerce-cart-form td.product-thumbnail{
max-width: 80px;
}
.woocommerce-cart-form td.product-name a{
font-size: 16px;
}
.woocommerce-cart-form td a{
text-decoration: none;
font-size: 20px;
}
.cart--action-buttons td{
width: 100%;
padding: 15px 0;
display: table-cell;
}
.cart-collaterals{
width: 100%;
padding: 24px 32px;
max-width: 480px;
color: var(--theme--content-card-color);
background: var(--theme--content-card-background);
margin-left: auto;
margin-right: 0px;
}
.cart-collaterals .cart_totals h2{
font-size: 24px;
padding-bottom: 8px;
color: var(--theme--content-card-heading-color);
border-bottom: 1px solid var(--theme--border-color);
}
.cart-collaterals .cart_totals th{
color: var(--theme--content-card-heading-color);
}
.cart-collaterals .cart_totals td:last-child{
text-align: right;
}
.cart-collaterals .button{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce-cart-form .actions .coupon{
display: inline-flex;
align-items: center;
justify-content: flex-start;
max-width: 380px;
position: relative;
width: 100%;
float: left;
}
.woocommerce-cart-form .actions button[name="update_cart"]{
float: right;
margin-top: 6px;
display: inline-block;
background: transparent;
color: var(--theme--button-background-color);
border-color: var(--theme--button-border-color);
}
.woocommerce-cart-form .actions button[name="update_cart"]:disabled{
opacity: 0.5;
}
.woocommerce-cart-form .actions button[name="update_cart"]:hover:not(:disabled){
color: var(--theme--button-color-hover);
background-color: var(--theme--button-background-color-hover);
border-color: var(--theme--button-border-color-hover);
}
.woocommerce-cart-form .actions .coupon label {
display: none;
}
.woocommerce-cart-form .actions .coupon button{
right: 0px;
position: absolute;
min-width: fit-content;
}
.woocommerce-cart .woocommerce .cart-empty,
.woocommerce-cart .woocommerce .return-to-shop{
margin-top: 120px;
text-align: center;
background: var(--theme--base-background);
}
.woocommerce-cart .woocommerce .return-to-shop{
margin-top: 0px;
margin-bottom: 120px;
}
.woocommerce-cart .woocommerce .return-to-shop .wc-backward{
margin-top: 10px;
display: inline-flex;
} .woocommerce-checkout .checkout{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.woocommerce-checkout .input-text,
.woocommerce-checkout .input-text {
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.woocommerce-checkout #order_review_heading {
color: #fff;
padding: 15px;
margin-bottom: 0;
background: #000;
font-size: 20px;
max-width: 420px;
width: 100%;
}
.woocommerce-checkout .woocommerce-checkout-payment ul{
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-checkout .col2-set{
width: 100%;
}
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout .col2-set .col-1 {
width: 100% !important;
}
#ship-to-different-address .radio input[type="radio"],
#ship-to-different-address .radio-inline input[type="radio"],
#ship-to-different-address .checkbox input[type="checkbox"],
#ship-to-different-address .checkbox-inline input[type="checkbox"]{
position: relative;
margin-top: 0;
margin-left: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order{
padding: 32px;
max-width: 420px;
color: var(--theme--content-card-heading-color);
background: var(--theme--content-card-background);
display: flex;
flex-direction: column;
}
.woocommerce-checkout-review-order .shop_table th {
text-align: left;
background: #fafafa;
padding: 15px;
border: 1px solid #ccc;
}
.woocommerce-checkout-review-order .shop_table td{
text-align: left;
padding: 15px;
border: 1px solid #ccc;
}
.woocommerce-checkout-review-order .place-order button{
float: right;
width: 100%;
max-width: 480px;
font-size: 21px;
}
.woocommerce .wc-proceed-to-checkout .checkout-button,
.woocommerce-page .wc-proceed-to-checkout .checkout-button {
padding: 15px;
width: 100%;
display: block;
text-transform: uppercase;
color: #fff;
text-align: center;
font-weight: 500;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 0;
padding-right: 15px;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
padding-left: 15px;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 50%;
}
}  .star-rating {
overflow: hidden;
position: absolute;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
font-family: 'star';
font-weight: 400;
color: #E7711B;
top: 15px;
right: 15px;
}
.star-rating:before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
color: #c7c7c7;
}
.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: #E7711B;
}
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: #000000;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover~a:before {
content: "\53";
color: #000000;
opacity: 0.25;
}
p.stars:hover a:before {
content: "\53";
color: royalblue;
opacity: 1;
}
p.stars.selected a.active:before {
content: "\53";
color: royalblue;
opacity: 1;
}
p.stars.selected a.active~a:before {
content: "\53";
color: #000000;
opacity: 0.25;
}
p.stars.selected a:not(.active):before {
content: "\53";
color: royalblue;
opacity: 1;
} .woocommerce-tabs {
margin-top: 30px;
margin-bottom: 30px;
}
.woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: inline-block;
position: relative;
margin-right: 15px;
}
.woocommerce-tabs ul.tabs li a {
top: 1px;
padding: 16px 0;
outline: none;
display: block;
font-size: 16px;
color: #818692;
text-decoration: none;
position: relative;
}
.woocommerce-tabs ul.tabs .active a {
color: #000000;
border-bottom: 2px solid #000;
}
.woocommerce-tabs .panel h2:first-of-type {
margin: 0 0 15px;
font-size: 20px;
display: none;
}
.woocommerce-tabs .entry-content {
border: none;
border-top: solid 1px #dae2e6;
box-shadow: none;
padding: 15px 0;
margin: 0;
}
.woocommerce-tabs .entry-content p:last-child {
margin: 0px;
} .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: #def2f8;
} .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: red;
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-error:after,
.woocommerce-info:after,
.woocommerce-message:after,
.woocommerce-noreviews:after,
p.no-comments:after {
content: '';
display: table;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #def2f8;
color: #2f6473;
padding: 15px;
list-style-position: inside;
text-align: left;
border: 1px solid #def2f8;
margin-bottom: 10px;
}
.woocommerce-error {
background-color: #e2401c;
padding: 15px;
margin: 0;
list-style: none;
color: #fff;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #def2f8;
z-index: 9999;
}
@media screen and (min-width: 769px) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
left: -999em;
z-index: 999999;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart.active .widget_shopping_cart,
.site-header-cart:focus .widget_shopping_cart,
.site-header-cart:hover .widget_shopping_cart {
right: 0;
top: 100%;
width: 300px;
left: auto;
display: block;
margin-top: 22px;
}
}
.woocommerce-notices-wrapper .woocommerce-message {
padding: 15px;
color: #fff;
line-height: 2;
margin-bottom: 15px;
}
.woocommerce-notices-wrapper .woocommerce-message .button {
float: right;
background: #fff;
padding: 7.5px 15px;
border-radius: 5px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
text-decoration: none;
color: #000;
line-height: 1.4;
}
.woocommerce .woocommerce-breadcrumb {
font-size: 14px;
line-height: 36px;
font-weight: 400;
color: #838383;
}
.woocommerce .woocommerce-breadcrumb a {
padding-right: 25px;
position: relative;
display: inline-block;
color: #000000;
text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:after {
content: "\F105";
font-family: fontawesome;
position: absolute;
right: 10px;
font-size: 19px;
}
.woocommerce .orderby {
float: right;
} .related {
all: unset;
position: relative;
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
}
.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: #000000;
box-sizing: border-box;
margin-top: -.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active,
.widget_price_filter .ui-slider .ui-slider-handle:hover {
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: #b2b2b2;
}
.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%;
}
.widget_product_categories .product-categories {
list-style: none;
margin: 0;
padding: 0;
}
.widget_product_categories .product-categories .children {
list-style: none;
margin: 0;
padding-left: 15px;
}
.widget_product_categories .product-categories a {
color: #444444;
font: 400 13px/24px 'Rubik', sans-serif;
letter-spacing: 0.8px;
}
.widget_product_categories .product-categories .count {
float: right;
font-size: 12px;
}
.widget_products .product_list_widget {
list-style: none;
margin: 0;
padding: 0;
}
.widget_products .product_list_widget li {
margin-bottom: 15px;
float: left;
}
.widget_products .product_list_widget li:last-child {
margin: 0;
}
.widget_products .product_list_widget li .product-title {
width: calc(100% - 90px);
width: -webkit-calc(100% - 90px);
display: inline-block;
margin-bottom: 7.5px;
}
.widget_products .product_list_widget li img {
width: 75px;
padding: 5px;
float: left;
margin-right: 15px;
border: 1px solid var(--theme--border-color);
}
.widget_products .product_list_widget li .amount,
.widget_products .product_list_widget li ins {
background: transparent;
font-weight: 500;
}
.widget_products .product_list_widget li del .amount {
font-weight: 400;
font-size: 14px;
color: #b3b1b1;
}