/*
Theme Name: Lee_U
WooCommerce styles override
*/
/**
* _fonts.scss
* Custom WooCommerce fonts.
*/
@font-face {
font-family: "star";
src: url("fonts/star.eot");
src: url("fonts/star.eot?#iefix") format("embedded-opentype"),
url("fonts/star.woff") format("woff"),
url("fonts/star.ttf") format("truetype"),
url("fonts/star.svg#star") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "WooCommerce";
src: url("fonts/WooCommerce.eot");
src: url("fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),
url("fonts/WooCommerce.woff") format("woff"),
url("fonts/WooCommerce.ttf") format("truetype"),
url("fonts/WooCommerce.svg#WooCommerce") format("svg");
font-weight: normal;
font-style: normal;
}
/* DEFAULT LAYOUT
===================================================================================================================== */
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: right;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%;
}
.woocommerce .col2-set::after,
.woocommerce .col2-set::before,
.woocommerce-page .col2-set::after,
.woocommerce-page .col2-set::before {
content: " ";
display: table;
}
.woocommerce .col2-set::after,
.woocommerce-page .col2-set::after {
clear: both;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
}
.woocommerce img,
.woocommerce-page img {
height: auto;
width: 100%;
max-width: 100%;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 48%;
}
.woocommerce #content div.product div.thumbnails::after,
.woocommerce #content div.product div.thumbnails::before,
.woocommerce div.product div.thumbnails::after,
.woocommerce div.product div.thumbnails::before,
.woocommerce-page #content div.product div.thumbnails::after,
.woocommerce-page #content div.product div.thumbnails::before,
.woocommerce-page div.product div.thumbnails::after,
.woocommerce-page div.product div.thumbnails::before {
content: " ";
display: table;
}
.woocommerce #content div.product div.thumbnails::after,
.woocommerce div.product div.thumbnails::after,
.woocommerce-page #content div.product div.thumbnails::after,
.woocommerce-page div.product div.thumbnails::after {
clear: both;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
float: left;
width: 30.75%;
margin-right: 3.8%;
margin-bottom: 1em;
}
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last {
margin-right: 0;
}
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails a.first,
.woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first {
clear: both;
}
.woocommerce #content div.product div.thumbnails.columns-1 a,
.woocommerce div.product div.thumbnails.columns-1 a,
.woocommerce-page #content div.product div.thumbnails.columns-1 a,
.woocommerce-page div.product div.thumbnails.columns-1 a {
width: 100%;
margin-right: 0;
float: none;
}
.woocommerce #content div.product div.thumbnails.columns-2 a,
.woocommerce div.product div.thumbnails.columns-2 a,
.woocommerce-page #content div.product div.thumbnails.columns-2 a,
.woocommerce-page div.product div.thumbnails.columns-2 a {
width: 48%;
}
.woocommerce #content div.product div.thumbnails.columns-4 a,
.woocommerce div.product div.thumbnails.columns-4 a,
.woocommerce-page #content div.product div.thumbnails.columns-4 a,
.woocommerce-page div.product div.thumbnails.columns-4 a {
width: 22.05%;
}
.woocommerce #content div.product div.thumbnails.columns-5 a,
.woocommerce div.product div.thumbnails.columns-5 a,
.woocommerce-page #content div.product div.thumbnails.columns-5 a,
.woocommerce-page div.product div.thumbnails.columns-5 a {
width: 16.9%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
float: right;
width: 48%;
clear: none;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
clear: both;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
content: " ";
display: table;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
clear: both;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
}
.woocommerce #content div.product #reviews .comment::after,
.woocommerce #content div.product #reviews .comment::before,
.woocommerce div.product #reviews .comment::after,
.woocommerce div.product #reviews .comment::before,
.woocommerce-page #content div.product #reviews .comment::after,
.woocommerce-page #content div.product #reviews .comment::before,
.woocommerce-page div.product #reviews .comment::after,
.woocommerce-page div.product #reviews .comment::before {
content: " ";
display: table;
}
.woocommerce #content div.product #reviews .comment::after,
.woocommerce div.product #reviews .comment::after,
.woocommerce-page #content div.product #reviews .comment::after,
.woocommerce-page div.product #reviews .comment::after {
clear: both;
}
.woocommerce #content div.product #reviews .comment img,
.woocommerce div.product #reviews .comment img,
.woocommerce-page #content div.product #reviews .comment img,
.woocommerce-page div.product #reviews .comment img {
float: right;
height: auto;
}
/* .woocommerce ul.products,
.woocommerce-page ul.products {
clear: both;
}
.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
content: " ";
display: table;
}
.woocommerce ul.products::after,
.woocommerce-page ul.products::after {
clear: both;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
clear: both;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
margin-right: 0;
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-right: 0;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 48%;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 30.75%;
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 16.95%;
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
width: 13.5%;
}
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
width: 100%;
margin-right: 0;
}
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
width: 48%;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 30.75%;
}
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
width: 16.95%;
}
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
width: 13.5%;
} */
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right;
}
.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce .woocommerce-pagination ul.page-numbers::before,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after {
clear: both;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block;
}
.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
height: auto;
}
.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: right;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 80px;
}
.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: left;
}
.woocommerce #content table.cart td.actions .coupon label,
.woocommerce table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label {
display: none;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
}
.woocommerce .cart-collaterals::after,
.woocommerce .cart-collaterals::before,
.woocommerce-page .cart-collaterals::after,
.woocommerce-page .cart-collaterals::before {
content: " ";
display: table;
}
.woocommerce .cart-collaterals::after,
.woocommerce-page .cart-collaterals::after {
clear: both;
}
.woocommerce .cart-collaterals .related,
.woocommerce-page .cart-collaterals .related {
width: 30.75%;
float: left;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 100%;
float: left;
}
.woocommerce .cart-collaterals .cross-sells ul.products,
.woocommerce-page .cart-collaterals .cross-sells ul.products {
float: none;
}
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 100%;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
width: 100%;
clear: right;
float: right;
}
.woocommerce .cart-collaterals .shipping_calculator::after,
.woocommerce .cart-collaterals .shipping_calculator::before,
.woocommerce-page .cart-collaterals .shipping_calculator::after,
.woocommerce-page .cart-collaterals .shipping_calculator::before {
content: " ";
display: table;
}
.woocommerce .cart-collaterals .shipping_calculator::after,
.woocommerce-page .cart-collaterals .shipping_calculator::after {
clear: both;
}
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%;
}
/* .woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 48%;
} */
.woocommerce ul.cart_list li::after,
.woocommerce ul.cart_list li::before,
.woocommerce ul.product_list_widget li::after,
.woocommerce ul.product_list_widget li::before,
.woocommerce-page ul.cart_list li::after,
.woocommerce-page ul.cart_list li::before,
.woocommerce-page ul.product_list_widget li::after,
.woocommerce-page ul.product_list_widget li::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::after,
.woocommerce-page ul.cart_list li::after,
.woocommerce-page ul.product_list_widget li::after {
clear: both;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
float: right;
height: auto;
}
.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
content: " ";
display: table;
}
.woocommerce form .form-row::after,
.woocommerce-page form .form-row::after {
clear: both;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: block;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
box-sizing: border-box;
width: 100%;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 47%;
overflow: visible;
}
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first {
float: left;
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
float: right;
}
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
clear: both;
}
.woocommerce form .password-input,
.woocommerce-page form .password-input {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
position: relative;
}
.woocommerce form .password-input input[type="password"],
.woocommerce-page form .password-input input[type="password"] {
padding-right: 2.5rem;
}
.woocommerce form .password-input input::-ms-reveal,
.woocommerce-page form .password-input input::-ms-reveal {
display: none;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
position: absolute;
right: 0.7em;
top: 0.7em;
cursor: pointer;
}
.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "î€";
text-decoration: none;
}
.woocommerce form .show-password-input.display-password::after,
.woocommerce-page form .show-password-input.display-password::after {
color: #585858;
}
.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
width: auto;
}
.woocommerce #payment .terms,
.woocommerce #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
text-align: left;
padding: 0 1em 0 0;
float: left;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: right;
}
.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-billing-fields::before,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce .woocommerce-shipping-fields::before,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-billing-fields::before,
.woocommerce-page .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-shipping-fields::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-shipping-fields::after {
clear: both;
}
.woocommerce .woocommerce-terms-and-conditions,
.woocommerce-page .woocommerce-terms-and-conditions {
margin-bottom: 1.618em;
padding: 1.618em;
}
.woocommerce .woocommerce-oembed,
.woocommerce-page .woocommerce-oembed {
position: relative;
}
/* .woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 68%;
} */
.woocommerce-page.left-sidebar #content.twentyeleven {
width: 58.4%;
margin: 0 7.6%;
float: right;
}
.woocommerce-page.right-sidebar #content.twentyeleven {
margin: 0 7.6%;
width: 58.4%;
float: left;
}
.twentyfourteen .tfwc {
padding: 12px 10px 0;
max-width: 474px;
margin: 0 auto;
}
.twentyfourteen .tfwc .product .entry-summary {
padding: 0 !important;
margin: 0 0 1.618em !important;
}
.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
margin-top: 0;
}
@media screen and (min-width: 673px) {
.twentyfourteen .tfwc {
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width: 1040px) {
.twentyfourteen .tfwc {
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width: 1110px) {
.twentyfourteen .tfwc {
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width: 1218px) {
.twentyfourteen .tfwc {
margin-right: 54px;
}
.full-width .twentyfourteen .tfwc {
margin-right: auto;
}
}
.twentyfifteen .t15wc {
padding-left: 7.6923%;
padding-right: 7.6923%;
padding-top: 7.6923%;
margin-bottom: 7.6923%;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.twentyfifteen .t15wc .page-title {
margin-left: 0;
}
@media screen and (min-width: 38.75em) {
.twentyfifteen .t15wc {
margin-right: 7.6923%;
margin-left: 7.6923%;
margin-top: 8.3333%;
}
}
@media screen and (min-width: 59.6875em) {
.twentyfifteen .t15wc {
margin-left: 8.3333%;
margin-right: 8.3333%;
padding: 10%;
}
.single-product .twentyfifteen .entry-summary {
padding: 0 !important;
}
}
.twentysixteen .site-main {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.twentysixteen .entry-summary {
margin-right: 0;
margin-left: 0;
}
#content .twentysixteen div.product div.images,
#content .twentysixteen div.product div.summary {
width: 46.42857%;
}
@media screen and (min-width: 44.375em) {
.twentysixteen .site-main {
margin-right: 23.0769%;
}
}
@media screen and (min-width: 56.875em) {
.twentysixteen .site-main {
margin-right: 0;
margin-left: 0;
}
.no-sidebar .twentysixteen .site-main {
margin-right: 15%;
margin-left: 15%;
}
.no-sidebar .twentysixteen .entry-summary {
margin-right: 0;
margin-left: 0;
}
}
.rtl .woocommerce .col2-set .col-1,
.rtl .woocommerce-page .col2-set .col-1 {
float: right;
}
.rtl .woocommerce .col2-set .col-2,
.rtl .woocommerce-page .col2-set .col-2 {
float: left;
}
/**
* WooCommerce color variables
*/
/**
* Imports
*/
/**
* Shop tables
*/
table.shop_table_responsive {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
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 td.product-thumbnail img {
width: 64px;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
color: #76232f;
}
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;
}
table.shop_table_responsive tr td.product-quantity input {
padding-left: 24px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 10px;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive thead th {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
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;
}
}
/**
* before shop loop stuff
*/
.woocommerce-result-count {
float: left;
width: 50%;
margin-top: 20px;
margin-bottom: 20px;
color: #76232f;
font-weight: 600;
font-size: 18px;
font-family: "Poppins", sans-serif;
}
.woocommerce-ordering {
float: right;
width: 50%;
margin-top: 30px;
margin-bottom: 30px;
text-align: right;
}
/* PRODUCTS
===================================================================================================================== */
ul.products {
margin: 0;
padding: 0;
display: -ms-grid;
display: grid;
width: 100%;
grid-template-columns: 1fr;
grid-gap: 60px;
}
ul.products li.product {
list-style: none;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
ul.products li.product .woocommerce-loop-product__link {
display: block;
height: 100%;
background-color: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
transition: all linear 0.2s;
}
ul.products li.product .woocommerce-loop-product__link:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
ul.products li.product img {
display: block;
width: 100%;
}
ul.products li.product .button {
display: block;
}
.onsale {
position: absolute;
top: -24px;
right: -24px;
z-index: 1;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background-color: #1f3b63;
font-weight: 600;
color: white;
font-size: 14px;
text-transform: uppercase;
}
ul.products li.product .woocommerce-loop-product__title {
padding-left: 40px;
padding-right: 40px;
margin-top: 40px;
margin-bottom: 40px;
color: #76232f;
}
ul.products li.product .price {
display: inline-block;
width: 100%;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
color: #231f20;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
ul.products li.product .ans-auction-time-left-label-shop-page {
margin: 0;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
color: #686e78;
font-family: "Poppins", sans-serif;
}
ul.products li.product .ans-shop-timer-wrapper {
padding: 0 40px 40px;
margin: 0;
color: #686e78;
font-family: "Poppins", sans-serif;
}
ul.products li.product .ans-shop-timer-wrapper .ans-shop-timer-section {
font-size: 100%;
color: #686e78;
}
ul.products li.product .add_to_cart_button,
ul.products li.product .product_type_auction,
ul.products li.product .product_type_variable {
display: block;
width: 100%;
position: relative;
z-index: 1;
margin-top: 20px;
border-radius: 10px;
transition: all linear 0.2s;
background-color: #2e6fac;
color: white;
text-align: center;
font-size: 20px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
ul.products li.product .add_to_cart_button:hover,
ul.products li.product .product_type_auction:hover,
ul.products li.product .product_type_variable:hover {
background-color: #296298;
}
ul.products li.product .added_to_cart {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 80px;
padding-right: 80px;
cursor: pointer;
transition: all linear 0.2s;
border-radius: 10px;
background-color: #76232f;
color: white;
text-align: center;
font-size: 20px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
ul.products li.product .added_to_cart:hover {
background-color: #621d27;
color: white;
}
@media screen and (min-width: 768px) {
ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5,
ul.products.columns-6 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
ul.products li.product {
}
ul.products li.product.first {
}
ul.products li.product.last {
}
ul.products.columns-1 {
}
ul.products.columns-2 {
grid-template-columns: 1fr 1fr;
}
ul.products.columns-3 {
grid-template-columns: 1fr 1fr 1fr;
}
ul.products.columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
ul.products.columns-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
ul.products.columns-6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
/* SINGLE PRODUCT
===================================================================================================================== */
.woocommerce-padding-container {
padding-top: 50px;
padding-bottom: 50px;
}
.single-product div.product {
position: relative;
padding-top: 30px;
}
.single-product .woocommerce-product-gallery__wrapper {
margin: 0;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
width: 100%;
}
@media screen and (min-width: 768px) {
.single-product div.product .woocommerce-product-gallery {
width: 40%;
margin: 0;
}
}
.single-product div.product div.images.woocommerce-product-gallery {
position: relative;
}
.single-product div.product div.images .woocommerce-product-gallery__wrapper {
-webkit-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
margin: 0;
padding: 0;
}
.single-product
div.product
div.images
.woocommerce-product-gallery__wrapper
.zoomImg {
background-color: #fff;
opacity: 0;
}
.single-product
div.product
div.images
.woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.single-product
div.product
div.images
.woocommerce-product-gallery__image:nth-child(n + 2) {
width: 25%;
display: inline-block;
}
.single-product div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.single-product
div.product
div.images
.woocommerce-product-gallery__trigger::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.single-product
div.product
div.images
.woocommerce-product-gallery__trigger::after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box;
}
.single-product div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
}
.single-product div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
list-style: none;
}
.single-product div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: 0.5;
margin: 0;
}
.single-product div.product div.images .flex-control-thumbs li img.flex-active,
.single-product div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.single-product
div.product
.woocommerce-product-gallery--columns-3
.flex-control-thumbs
li:nth-child(3n + 1) {
clear: left;
}
.single-product
div.product
.woocommerce-product-gallery--columns-4
.flex-control-thumbs
li:nth-child(4n + 1) {
clear: left;
}
.single-product
div.product
.woocommerce-product-gallery--columns-5
.flex-control-thumbs
li:nth-child(5n + 1) {
clear: left;
}
.single-product table.variations {
width: 100%;
}
/* single product summary
--------------------------------------------------------------------------------------------------------------------- */
.single-product .summary.entry-summary {
float: right;
width: 100%;
}
@media screen and (min-width: 768px) {
.single-product .summary.entry-summary {
width: 60%;
padding-left: 60px;
margin-top: 0;
margin-bottom: 0;
}
}
.single-product div.product .product_title {
margin-top: 0;
margin-bottom: 40px;
}
.single-product .summary.entry-summary .price {
margin: 0 0 40px;
}
.single-product .summary.entry-summary .amount {
margin: 0;
color: #231f20;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.single-product .summary.entry-summary .product_meta {
display: flex;
flex-direction: column;
}
.single-product .summary.entry-summary .stock {
margin-top: 0;
margin-bottom: 40px;
}
.single-product .summary.entry-summary .ans_auction_reload_auction_page {
margin: 0;
}
.single-product .summary.entry-summary .ans_auction_reload_auction_page span {
margin-top: 0;
}
.single-product .summary.entry-summary .ans-auction-time-left-label {
font-weight: bold;
}
.single-product .summary.entry-summary .ans-auction-date-ranges {
margin-bottom: 40px;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #2e6fac;
}
.stock.out-of-stock {
color: #76232f;
}
.single-product .summary.entry-summary .cart {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
}
.single-product .summary.entry-summary .variations_form.cart {
flex-direction: column;
}
.single-product .summary.entry-summary .quantity {
margin-right: 20px;
}
.single-product .summary.entry-summary .qty {
width: 96px;
border-radius: 10px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 12px;
line-height: 1;
text-align: center;
justify-content: center;
font-family: "Poppins", sans-serif;
}
.single-product .summary.entry-summary .single_add_to_cart_button {
display: inline-block;
position: relative;
margin-top: 0;
border-radius: 10px;
padding-left: 24px;
padding-right: 24px;
transition: all linear 0.2s;
background-color: #2e6fac;
color: white;
text-align: center;
font-size: 18px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.single-product .single_variation_wrap {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.single-product .variations .reset_variations {
padding-left: 10px;
}
.single-product .woocommerce-variation-add-to-cart {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
/* tabs
--------------------------------------------------------------------------------------------------------------------- */
.woocommerce-tabs {
clear: both;
float: left;
width: 100%;
margin-top: 40px;
}
.single-product div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
}
.single-product div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.single-product div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 0.5em 0;
font-weight: 700;
color: #515151;
text-decoration: none;
}
.single-product div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6a6b;
}
.single-product div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff;
}
.single-product div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
}
.single-product div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: 2px 2px 0 #fff;
}
.single-product div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: -2px 2px 0 #fff;
}
.single-product div.product .woocommerce-tabs ul.tabs li::after,
.single-product div.product .woocommerce-tabs ul.tabs li::before {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.single-product div.product .woocommerce-tabs ul.tabs li::before {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb;
}
.single-product div.product .woocommerce-tabs ul.tabs li::after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb;
}
.single-product div.product .woocommerce-tabs ul.tabs::before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1;
}
.single-product div.product .woocommerce-Tabs-panel {
margin: 0;
padding-left: 30px;
padding-right: 30px;
}
/* related
--------------------------------------------------------------------------------------------------------------------- */
.single-product div.product .related.products {
clear: both;
float: left;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
/* CART
===================================================================================================================== */
table.shop_table_responsive th {
padding-left: 20px;
padding-right: 20px;
}
table.shop_table_responsive .coupon {
float: left;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
}
table.shop_table_responsive label {
font-size: 14px;
}
table.shop_table_responsive .coupon .input-text {
width: 130px;
padding: 10px 12px;
border-radius: 10px;
margin: 0 10px;
}
table.shop_table_responsive .coupon .button {
background-color: #2e6fac;
transition: all linear 0.2s;
padding-left: 16px;
padding-right: 16px;
border-radius: 10px;
color: white;
text-align: center;
font-size: 12px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
table.shop_table_responsive .coupon .button:hover {
background-color: #296298;
}
table.shop_table_responsive .actions > .button {
width: 100%;
background-color: #041e42;
transition: all linear 0.2s;
padding-left: 16px;
padding-right: 16px;
border-radius: 10px;
color: white;
text-align: center;
font-size: 14px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
table.shop_table_responsive .actions > .button:hover {
background-color: #03132a;
}
.cart-collaterals .checkout-button {
display: inline-block;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
padding-right: 24px;
cursor: pointer;
transition: all linear 0.2s;
border-radius: 10px;
background-color: #76232f;
color: white;
text-align: center;
font-size: 20px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.cart-collaterals .checkout-button:hover {
background-color: #621d27;
color: white;
}
@media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
table.shop_table_responsive .coupon {
width: 50%;
margin-bottom: 0;
}
table.shop_table_responsive .actions > .button {
float: right;
width: auto;
margin-right: 20px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart-form {
float: none;
/* width: calc(70% - 30px); */
width: 100%;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
display: flex;
flex-direction: row;
width: 100%;
justify-content: flex-end;
align-items: flex-start;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
display: flex;
flex-direction: column;
width: 70%;
padding-right: 30px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
display: flex;
flex-direction: column;
width: 30%;
padding-left: 30px;
}
.cart-collaterals .checkout-button {
margin-bottom: 30px;
}
.woocommerce-page .cart-collaterals h2 {
margin-top: 0;
}
}
/* CHECKOUT
===================================================================================================================== */
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label {
line-height: 2;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.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;
-webkit-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
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: #76232f;
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: 2em;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #76232f;
}
.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: #76232f;
}
.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: #2e6fac;
}
.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 {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
}
.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;
}
.woocommerce ul.order_details {
margin: 0 0 3em;
list-style: none;
}
.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
content: " ";
display: table;
}
.woocommerce ul.order_details::after {
clear: both;
}
.woocommerce ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce ul.order_details li:last-of-type {
border: none;
}
.woocommerce .wc-bacs-bank-details-account-name {
font-weight: 700;
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone {
margin-bottom: 0;
padding-left: 1.5em;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--email::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "î€";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
padding: 12px 16px;
border-radius: 10px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
display: inline-block;
cursor: pointer;
transition: all linear 0.2s;
border-radius: 10px;
background-color: #76232f;
color: white;
text-align: center;
font-size: 20px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
#payment .payment_methods {
list-style: none;
padding-left: 0;
margin-left: 0;
}
#payment .payment_methods legend {
padding-left: 10px;
padding-right: 10px;
}
#payment
.payment_methods
li
.payment_box.payment_method_woocommerce_payments
fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px !important;
margin-top: 20px;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout-review-order-table {
float: left;
width: calc(70% - 30px);
}
.woocommerce-checkout-payment {
float: right;
width: calc(30% - 30px);
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
margin-bottom: 30px;
}
}
.woocommerce-SavedPaymentMethods {
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
/**
* General WooCommerce components
*/
/**
* Header cart
*/
.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;
}
/**
* Star rating
*/
.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: #4169e1;
}
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: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
/**
* Tabs
*/
.woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
}
/**
* Password strength meter
*/
.woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #76232f;
}
.woocommerce-password-strength.bad {
color: #76232f;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
}
/**
* Forms
*/
.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 #76232f;
}
.required {
color: #76232f;
}
/**
* Notices
*/
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
clear: both;
padding: 20px;
margin-top: 40px;
margin-bottom: 0px;
border-radius: 10px;
background-color: #2e6fac;
color: white;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #2e6fac;
}
.woocommerce-error {
background-color: #76232f;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button {
background: white;
border-radius: 10px;
display: inline-block;
margin-left: 20px;
margin-right: 20px;
color: #76232f;
font-weight: 600;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
color: white;
text-decoration: underline;
}
.woocommerce-error li {
padding-left: 20px;
padding-right: 20px;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) {
/**
* Header cart
*/
.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;
}
}
/**
* WooCommerce widgets
*/
/**
* WooCommerce Price Filter
*/
.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: #4169e1;
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: #4169e1;
}
.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%;
}
/* MYACCOUNT
===================================================================================================================== */
.woocommerce-account .woocommerce-account-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-account-container {
flex-direction: row;
padding-top: 100px;
padding-bottom: 100px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation {
display: flex;
width: 100%;
order: 2;
flex-grow: 0;
flex-shrink: 0;
flex-direction: column;
padding-left: 50px;
padding-right: 50px;
background-color: #f0f0f2;
border-radius: 10px;
}
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
order: 1;
max-width: 380px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation li:not(:last-child) {
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
color: #19262d;
font-family: "Poppins", sans-serif;
font-family: 17px;
}
.woocommerce-account .woocommerce-MyAccount-content {
display: flex;
flex-direction: column;
width: 100%;
order: 1;
flex-grow: 0;
flex-shrink: 0;
overflow: hidden;
}
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-content {
order: 2;
width: calc(100% - 380px);
padding-left: 75px;
}
}
.woocommerce-MyAccount-content form h3 {
font-size: 24px;
color: #76232f;
}
@media screen and (min-width: 1440px) {
.woocommerce-address-fields__field-wrapper
#billing_address_1_field.form-row.address-field,
.woocommerce-address-fields__field-wrapper
#billing_city_field.form-row.address-field,
.woocommerce-address-fields__field-wrapper
#billing_postcode_field.form-row.address-field,
.woocommerce-address-fields__field-wrapper #billing_email_field {
float: left;
width: 48%;
clear: none;
}
.woocommerce-address-fields__field-wrapper
#billing_address_2_field.form-row.address-field {
float: right;
width: 48%;
clear: none;
margin-top: 32px;
}
.woocommerce-address-fields__field-wrapper
#billing_state_field.form-row.address-field,
.woocommerce-address-fields__field-wrapper #billing_phone_field {
float: right;
width: 48%;
clear: none;
height: 82px;
}
}
.edit-account button,
.woocommerce-address-fields button {
display: block;
width: 100%;
position: relative;
z-index: 1;
margin-top: 20px;
border-radius: 10px;
transition: all linear 0.2s;
background-color: #2e6fac;
color: white;
text-align: center;
font-size: 20px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.woocommerce-MyAccount-orders .button {
display: inline-block;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
cursor: pointer;
transition: all linear 0.2s;
border-radius: 10px;
background-color: #76232f;
color: white;
text-align: center;
font-weight: 600;
font-family: "Poppins", sans-serif;
}