:root {
--id-color-primary: #FF7618;
--id-color-light: #ffffff;
--id-color-dark: #17262F;
--id-color-darker: #1f1f1f;
--id-color-placeholder: #A0A0A0;
--id-color-gray: #4A5257;
--id-color-hover-primary: #FF6F61;
--id-background-color-primary: #FF7618;
--id-background-color-light: #ffffff;
--id-background-color-gray: #f5f5f5;
--id-background-color-dark: #1F1F1F;
--id-background-text-color-primary: #ffffff;
--id-border-color: #cccccc;
--id-border-color-primary: #FF6F61;
--id-border-color-light: #e2e2e2;
--id-border-color-lighter: #ffffff;
--id-border-color-gray: #cdcdcd;
--id-border-color-dark: #1f1f1f;
--id-text-color: #4A5257;
--id-font-family-primary: 'Manrope', Arial, sans-serif;
--id-font-family-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--id-font-family-pre: "Courier 10 Pitch", Courier, monospace;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 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 tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
table.shop_table {
font-size: 16px;
font-size: 1rem;
}
table.shop_table th {
font-weight: 500;
}
.woocommerce table.shop_table td {
border-top: 0;
}
.woocommerce-cart-form table.shop_table {
border: none;
border-collapse: collapse;
margin: 0;
}
.woocommerce-cart-form table.shop_table thead tr {
border-bottom: 1px solid #ecf0f4;
}
.woocommerce-cart-form table.shop_table thead th {
color: #4A5257;
padding-top: 0;
padding-bottom: 18px;
}
.woocommerce-cart-form table.shop_table td,
.woocommerce-cart-form table.shop_table th {
border: none;
}
.woocommerce-cart-form table.shop_table tbody tr {
border-bottom: 1px solid #ecf0f4;
}
.woocommerce-cart-form table.shop_table tbody tr:last-child {
border-bottom: none;
}
.woocommerce-cart-form table.shop_table tbody tr:last-child td {
padding-bottom: 0;
}
.woocommerce-cart-form table.shop_table tbody td {
padding: 25px 0;
}
.woocommerce-cart-form table.shop_table tbody .product-quantity .quantity {
border: none;
}
.woocommerce-cart-form table.shop_table tbody .product-quantity .quantity .indostio-qty-button {
border: 1px solid #ecf0f4;
height: 30px;
padding: 0 5px;
}
.woocommerce-cart-form table.shop_table tbody .product-quantity .quantity input.qty {
font-size: 16px;
}
.woocommerce-cart-form table.shop_table tbody .product-thumbnail {
min-width: 60px;
}
.woocommerce-cart-form table.shop_table tbody .product-thumbnail img {
width: 60px;
}
.woocommerce-cart .woocommerce-cart-form {
float: left;
width: 65.9%;
margin-right: 24px;
position: relative;
border: 1px solid #ecf0f4;
padding: 26px 31px 31px;
}
.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .input-text {
min-width: 200px;
padding: 12px 15px;
}
.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .button {
min-width: 140px;
margin-left: 8px;
}
.woocommerce-cart .woocommerce-cart-form table.cart td.actions .button[name="update_cart"] {
background-color: #f2f2f2;
color: #393939;
}
.woocommerce-cart .woocommerce-cart-form table.cart td.product-name {
max-width: 200px;
}
.woocommerce-cart .cart-collaterals {
float: left;
width: 31.9%;
border: 1px solid #ecf0f4;
padding: 26px 31px 31px;
background-color: #fbfbfc;
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal th {
padding-bottom: 20px;
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
padding-left: 0;
padding-right: 0;
border-color: #ecf0f4;
}
.woocommerce-cart .cart-collaterals .cart_totals table td {
text-align: right;
}
.woocommerce-cart .cart-collaterals .cart_totals table .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table .order-total td {
padding: 20px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals h2 {
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
margin: 0 0 14px;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent;
} .woocommerce .woocommerce-ordering select {
border: none;
border-bottom: 1px solid var(--id-border-color);
padding: 0 0 5px;
background-position: right center;
}
.woocommerce span.onsale {
background-color: #ff311c;
padding: 8px 11px 6px;
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
line-height: 1;
border-radius: 5px;
min-height: auto;
}
.woocommerce .star-rating::before {
color: #FF5E14;
}
.woocommerce .star-rating span::before {
color: #FF5E14;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 18px;
font-size: 1.125rem;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 0 10px;
}
.woocommerce ul.products li.product .price {
color: #4A5257;
font-weight: 700;
}
.woocommerce ul.products li.product .price ins {
font-weight: 700;
}
.woocommerce ul.products li.product .price del {
padding-right: 10px;
}
.woocommerce ul.products li.product .button {
margin-top: 10px;
border: 1px solid rgba(22, 21, 21, 0.1);
background-color: transparent;
color: #4A5257;
font-weight: 600;
padding: 12px 20px;
display: none;
}
.woocommerce ul.products li.product .button:hover {
background-color: var(--id-background-color-primary);
color: var(--id-background-text-color-primary);
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
font-size: 20px;
font-size: 1.25rem;
color: #17262F;
font-weight: 700;
padding: 0 20px 15px;
background-color: transparent;
color: var(--id-color-primary);
position: relative;
}
.woocommerce nav.woocommerce-pagination ul li span.current::after {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 5px;
border-bottom: 2px solid var(--id-color-primary);
}
.woocommerce nav.woocommerce-pagination ul li a {
font-size: 20px;
font-size: 1.25rem;
color: #17262F;
font-weight: 700;
padding: 0 20px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background-color: transparent;
color: var(--id-color-primary);
}
.woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next {
width: 55px;
height: 55px;
border-radius: 100%;
background-color: #F6F6F6;
color: #17262F;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a.next:hover {
background-color: var(--id-background-color-primary);
color: var(--id-background-text-color-primary);
}
.woocommerce #review_form #respond .form-submit {
margin: 40px 0 0;
}
.wc-block-product-categories {
margin-bottom: 0;
}
.wc-block-product-categories-list {
list-style: none;
margin: 0;
padding: 0;
}
.wc-block-product-categories-list ul {
padding: 12px 0 0 20px;
}
.wc-block-product-categories-list-item {
font-size: 16px;
font-size: 1rem;
margin: 6px 0;
padding-left: 22px;
position: relative;
}
.wc-block-product-categories-list-item:before {
content: "";
width: 7px;
height: 7px; border: 1px solid rgba(22, 21, 21, 0.3);
border-radius: 100%;
display: inline-block;
margin-right: 15px;
position: absolute;
top: 10px;
left: 0;
transition: 0.35s;
}
.wc-block-product-categories-list-item a {
position: relative;
color: #4A5257;
}
.wc-block-product-categories-list-item a:hover {
color: #17262F;
}
.wc-block-product-categories-list-item a:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #17262F;
transition: 0.4s;
}
.wc-block-product-categories-list-item a:hover:after {
width: 100%;
}
.wc-block-grid__product-price ins {
background-color: transparent;
}
.wc-block-grid__product-rating .star-rating {
width: 6em;
}
.wc-block-grid__product-rating .star-rating:before {
display: none;
}
.wc-block-grid__product-rating .star-rating span {
position: relative;
padding: 0;
}
.wc-block-grid__product-rating .star-rating span:before {
display: none;
}
.wc-block-grid__product-rating .star-rating .max-rating,
.wc-block-grid__product-rating .star-rating .user-rating {
position: absolute;
}
ul.product_list_widget {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
font-size: 14px;
font-size: 0.875rem;
}
ul.product_list_widget li {
padding: 10 0 10px;
margin-bottom: 20px;
}
ul.product_list_widget li a {
color: #17262F;
display: inline;
margin: 0;
font-size: 16px;
font-size: 1rem;
margin-bottom: 10px;
}
ul.product_list_widget li a img {
float: left;
width: auto;
height: auto;
max-width: 90px !important;
margin: 0 15px 0 0;
position: static;
}
ul.product_list_widget li a .product-title {
display: block;
}
ul.product_list_widget li .star-rating {
margin-bottom: 10px;
}
ul.product_list_widget li > span {
font-weight: 500;
display: block;
margin-top: 8px;
}
ul.product_list_widget li ins {
background-color: transparent;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 115px;
float: left;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
margin-bottom: 20px;
}
.woocommerce div.product .product_title {
font-size: 48px;
font-size: 3rem;
color: #17262F;
line-height: 55px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 22px;
font-size: 1.375rem;
color: #17262F;
font-weight: 700;
}
.woocommerce div.product form.cart {
border-top: 1px solid #161515;
margin-top: 40px;
padding-top: 40px;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 20px;
}
.woocommerce div.product .product_meta {
display: flex;
flex-direction: column;
}
.woocommerce div.product .product_meta > span {
margin-bottom: 10px;
display: inline-block;
}
.woocommerce div.product .product_meta span {
font-size: 18px;
font-size: 1.125rem;
color: #17262F;
font-weight: 500;
}
.woocommerce div.product .product_meta span span,
.woocommerce div.product .product_meta span a {
color: #4A5257;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs {
padding-top: 80px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
color: #17262F;
background-color: transparent;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li .indostio-svg-icon {
margin-right: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: var(--id-color-primary);
border-bottom: 1px solid var(--id-color-primary);
}
.woocommerce div.product .woocommerce-Tabs-panel > h2 {
display: none;
}
.woocommerce div.product section.products {
padding-top: 30px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin: 0 -10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 10px;
}
.woocommerce table.shop_attributes td {
padding: 10px;
}
.woocommerce .col2-set .col-2,
.woocommerce .col2-set .col-1 {
padding: 0 15px;
}
.woocommerce-Address-title > h3 {
font-size: 24px;
font-size: 1.5rem;
}
.woocommerce .select2-container--default .select2-selection--single {
padding: 7px 15px;
border-radius: 0;
height: 48px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 2px;
}
.woocommerce-checkout .col2-set {
float: left;
width: 59.6%;
padding-right: 24px;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
width: 100%;
}
.woocommerce-checkout .checkout-form-cols {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.woocommerce-checkout .checkout-form-cols:after, .woocommerce-checkout .checkout-form-cols:before {
display: none;
}
.woocommerce-checkout .checkout-form-cols .woocommerce-info {
padding: 0 40px;
margin-bottom: 0;
}
.woocommerce-checkout .checkout-form-cols .woocommerce-info a {
position: relative;
}
.woocommerce-checkout .checkout-form-cols .woocommerce-info a:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #1d2128;
}
.woocommerce-checkout .checkout-form-cols .checkout-login {
width: 50%;
}
.woocommerce-checkout .checkout-form-cols .checkout-login .woocommerce-info {
text-align: end;
background-color: transparent;
position: relative;
color: #7c818b;
border-right: 1px solid #7c818b;
}
.woocommerce-checkout .checkout-form-cols .checkout-login .login {
padding: 10px 30px 0 0;
font-size: 14px;
font-size: 0.875rem;
}
.woocommerce-checkout .checkout-form-cols .checkout-login input.input-text {
width: 100%;
}
.woocommerce-checkout .checkout-form-cols .checkout-login .button {
margin-top: 18px;
width: 100%;
}
.woocommerce-checkout .checkout-form-cols .checkout-login .lost_password a {
position: relative;
font-weight: 500;
}
.woocommerce-checkout .checkout-form-cols .checkout-login .lost_password a:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #1d2128;
}
.woocommerce-checkout .checkout-form-cols .checkout-login + .checkout-coupon {
width: 50%;
text-align: left;
}
.woocommerce-checkout .checkout-form-cols .checkout-login + .checkout-coupon input.input-text {
width: 100%;
}
.woocommerce-checkout .checkout-form-cols .checkout-login + .checkout-coupon .button {
width: 100%;
}
.woocommerce-checkout .checkout-form-cols .checkout-coupon {
width: 100%;
text-align: center;
}
.woocommerce-checkout .checkout-form-cols .checkout-coupon .woocommerce-info {
color: #7c818b;
background-color: transparent;
}
.woocommerce-checkout .checkout-form-cols .checkout-coupon .checkout_coupon {
padding: 10px 0 0 30px;
font-size: 14px;
font-size: 0.875rem;
}
.woocommerce-checkout .checkout-form-cols .checkout-coupon input.input-text {
width: 50%;
}
.woocommerce-checkout .checkout-form-cols .checkout-coupon .button {
width: 50%;
}
.woocommerce-checkout #order_review_heading {
clear: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
float: left;
width: 40.4%;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
border-bottom: 0;
}
.woocommerce-checkout .select2-selection--single .select2-selection__rendered {
color: #7c818b;
padding-left: 0;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
padding: 12px 15px;
border: 1px solid var(--id-border-color);
height: 48px;
line-height: 48px;
border-radius: 0;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 22px;
}
.woocommerce-checkout .select2-container--open .select2-dropdown--below {
margin-top: 15px;
}
.woocommerce-checkout #payment {
background-color: transparent;
}
.woocommerce-checkout #payment ul.payment_methods {
border: none;
}
form.checkout {
padding-top: 43px;
}
form.checkout h3 {
font-weight: 500;
font-size: 24px;
font-size: 1.5rem;
line-height: 23px;
margin-top: 0;
}
form.checkout:after {
clear: both;
content: "";
display: block;
}
form.checkout .form-row {
margin: 0 0 20px 0;
}
form.checkout .form-row:last-child {
margin: 0;
}
form.checkout .form-row label {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
color: #000;
margin-bottom: 9px;
}
form.checkout .form-row .input-text {
width: 100%;
}
form.checkout .form-row input.woocommerce-form__input-checkbox {
width: auto;
}
form.checkout .col-2 {
border-top: 0;
margin-top: 20px;
}
form.checkout .woocommerce-account-fields {
padding: 24px 31px 0;
border: 1px solid #ecf0f4;
border-top: 0;
border-bottom: 0;
}
form.checkout .woocommerce-account-fields .create-account {
margin: 0;
padding-bottom: 15px;
}
form.checkout .woocommerce-account-fields .create-account label span {
font-weight: 400;
}
form.checkout .woocommerce-additional-fields h3 {
display: none;
}
form.checkout .woocommerce-additional-fields textarea {
height: 120px;
}
form.checkout .woocommerce-shipping-fields h3 {
font-size: 14px;
font-size: 0.875rem;
color: #7c818b;
padding: 24px 0 20px;
margin: 0;
border-top: 1px solid #ecf0f4;
}
form.checkout .woocommerce-shipping-fields h3 label span {
font-weight: 400;
}
form.checkout .woocommerce-shipping-fields .shipping_address {
padding-bottom: 24px;
}
form.checkout .woocommerce-checkout-review-order {
padding: 18px 30px 30px;
color: #1d2128;
border: 1px solid #ecf0f4;
background-color: #fbfbfc;
}
form.checkout table.shop_table {
border-collapse: collapse;
margin: 0;
border: none;
}
form.checkout table.shop_table th,
form.checkout table.shop_table td {
border: none;
padding-left: 0;
padding-right: 0;
}
form.checkout table.shop_table .order-total td {
text-align: right;
}
form.checkout table.shop_table thead th.product-total {
text-indent: -9999em;
}
form.checkout table.shop_table tbody {
border-bottom: 1px solid #ecf0f4;
padding-bottom: 20px;
}
form.checkout table.shop_table tbody tr:last-child td {
padding-bottom: 15px;
}
form.checkout table.shop_table tbody td {
font-size: 14px;
font-size: 0.875rem;
padding: 5px 0;
border-bottom: none;
}
form.checkout table.shop_table tbody td .variation p {
margin: 0;
}
form.checkout table.shop_table tbody td.product-name {
color: #1d2128;
}
form.checkout table.shop_table tbody td.product-name .product-quantity {
float: right;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
color: #7c818b;
text-align: end;
}
form.checkout table.shop_table tbody td.product-name .checkout-review-product-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 273px;
display: inline-block;
}
form.checkout table.shop_table tbody td.product-name dl.variation {
margin-top: 0;
}
form.checkout table.shop_table tbody td.product-total {
width: 20%;
text-align: end;
font-weight: 500;
vertical-align: top;
}
form.checkout table.shop_table tfoot .cart-subtotal {
display: none;
}
form.checkout table.shop_table tfoot .woocommerce-shipping-totals h3 {
margin-top: 8px;
}
form.checkout table.shop_table tfoot .woocommerce-shipping-methods {
padding-top: 3px;
padding-bottom: 0;
}
form.checkout .woocommerce-checkout-payment {
padding: 20px 30px 0;
margin: 0 -30px;
border-top: 1px solid #ecf0f4;
}
form.checkout .woocommerce-checkout-payment h4 {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
}
form.checkout .woocommerce-checkout-payment ul.wc_payment_methods {
list-style: none;
font-size: 14px;
font-size: 0.875rem;
margin: 10px 0 0;
padding: 0;
}
form.checkout .woocommerce-checkout-payment ul.wc_payment_methods li {
padding: 24px 0;
border-bottom: 1px solid #ecf0f4;
}
form.checkout .woocommerce-checkout-payment ul.wc_payment_methods li label:hover {
cursor: pointer;
}
form.checkout .woocommerce-checkout-payment ul.wc_payment_methods .woocommerce-notice--info {
background-color: transparent;
color: #1d2128;
padding: 0 0 20px;
font-weight: 400;
}
form.checkout .woocommerce-checkout-payment ul.wc_payment_methods .payment_box p {
margin-bottom: 0;
margin-top: 18px;
line-height: 22px;
}
form.checkout .woocommerce-checkout-payment .payment_box {
font-size: 14px;
font-size: 0.875rem;
color: #7c818b;
}
form.checkout .woocommerce-checkout-payment .button {
width: 100%;
}
form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
margin-top: 23px;
}
form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper p {
margin-bottom: 16px;
}
form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper p.validate-required {
margin-bottom: 30px;
}
form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-checkbox-text {
font-weight: 400;
line-height: 20px;
}
form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
font-size: 14px;
font-size: 0.875rem;
line-height: 22px;
}
form.checkout .woocommerce-checkout-payment .woocommerce-privacy-policy-text {
color: #7c818b;
}
form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-link {
text-decoration: underline;
}
form.checkout .woocommerce-checkout-payment .woocommerce-privacy-policy-link {
text-decoration: underline;
}
.woocommerce-account .u-columns {
margin: 0 -15px;
display: flex;
justify-content: center;
}
.woocommerce-account #customer_login {
margin: 0 -15px;
display: flex;
justify-content: center;
}
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
float: left;
width: calc( 50% - 30px);
margin: 0 15px;
padding: 30px 40px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.woocommerce-account #customer_login .u-column1 h2,
.woocommerce-account #customer_login .u-column2 h2 {
margin: 0 0 15px;
font-size: 24px;
font-size: 1.5rem;
}
.woocommerce-account #customer_login form.login, .woocommerce-account #customer_login form.register {
margin: 0;
padding: 0;
border: none;
}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce-account #customer_login .woocommerce-form-login__submit,
.woocommerce-account #customer_login .woocommerce-form-register__submit {
margin: 20px 0 0;
min-width: 160px;
}
.woocommerce-account #customer_login .woocommerce-LostPassword a {
font-size: 14px;
font-size: 0.875rem;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
list-style: none;
}
.woocommerce .woocommerce-MyAccount-navigation li {
margin-bottom: 25px;
}
.woocommerce .woocommerce-MyAccount-navigation li a {
position: relative;
display: inline-block;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
border-bottom: 1px solid transparent;
color: #4A5257;
}
.woocommerce .woocommerce-MyAccount-navigation li.is-active a {
color: #17262F;
border-color: #17262F;
}
.woocommerce .woocommerce-MyAccount-navigation li:hover a {
color: #17262F;
border-color: #17262F;
}
.woocommerce .woocommerce-MyAccount-navigation li:last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-MyAccount-content h3 {
margin: 0 0 20px;
}   .star-rating {
font-size: 12px;
font-size: 0.75rem;
overflow: hidden;
position: relative;
font-weight: 400;
width: 65px;
height: 15px;
line-height: 15px;
display: block;
}
.star-rating span {
overflow: hidden;
padding: 1px 0 0 0;
}
.star-rating span.motta-svg-icon {
margin-right: 1px;
}
.star-rating .max-rating {
position: absolute;
color: #dadfe3;
}
.star-rating .max-rating.motta-svg-icon:last-child {
margin-right: 0;
}
.star-rating .user-rating {
position: absolute;
color: #ffa132;
}
.star-rating .user-rating.motta-svg-icon:last-child {
margin-right: 0;
}
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";
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #ffa132;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #ffa132;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #ffa132;
opacity: 1;
} .select2-container--default .select2-search--dropdown .select2-search__field {
border-style: solid;
height: 44px;
outline: none;
transition: 0.4s;
font-weight: 500;
font-size: 14px;
font-size: 0.875rem;
padding: 11px 20px;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
right: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3QjIwQkNDMjVBRDExRUM5QkFEQjNEQ0I3NjBBM0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3QjIwQkNEMjVBRDExRUM5QkFEQjNEQ0I3NjBBM0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzdCMjBCQ0EyNUFEMTFFQzlCQURCM0RDQjc2MEEzRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzdCMjBCQ0IyNUFEMTFFQzlCQURCM0RDQjc2MEEzRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sw4h6AAAAb0lEQVR42mKsaexmZGBgqAPiuUD8hAEVyABxBBD3sACJEiBuAOJYIHZAUgxSdACIlYGYiwlILAfiu1CBA1AFyIpAcvNYoCY4IEkcgJoIUwS2hQUqiK6YAVkRiMOC5HBkxQxo7kVRiKyYAT0EAAIMALwKGx4801sSAAAAAElFTkSuQmCC);
background-position: center;
background-repeat: no-repeat;
height: 100%;
right: 20px;
top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-dropdown {
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
border: none;
}
.select2-dropdown .select2-results__option {
font-weight: 500;
font-size: 14px;
font-size: 0.875rem;
padding: 11px 20px;
}
.select2-dropdown .select2-results__option:hover, .select2-dropdown .select2-results__option.select2-results__option--highlighted {
background-color: #1d2128;
color: #fff;
}
.select2-dropdown .select2-results__options {
scrollbar-color: #1f1f1f #e2e2e278;
scrollbar-width: thin;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar {
width: 0;
opacity: 0;
}
.select2-dropdown .select2-results__options:hover::-webkit-scrollbar {
width: 2px;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
border-radius: 2px;
background-color: #fff;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
border-radius: 2px;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
background: #1f1f1f;
}
.select2-dropdown .select2-results__options:focus {
outline: none;
}
.select2-dropdown .select2-results__option:focus {
outline: none;
} .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;
} .woocommerce-password-strength {
text-align: right;
} .required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
color: #13bc96;
clear: both;
font-weight: 500;
font-size: 14px;
font-size: 0.875rem;
padding: 1em 2em 1em 3.5em;
margin-bottom: 2em;
list-style: none;
}
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button,
.woocommerce-noreviews a.button,
p.no-comments a.button {
float: right;
padding: 3px 0 0 0 !important;
background-color: transparent !important;
color: inherit !important;
text-decoration: underline;
line-height: 1;
display: inline;
height: auto !important;
min-width: auto;
box-shadow: none;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-noreviews a.button:hover,
p.no-comments a.button:hover {
background-color: transparent;
}
.woocommerce-message:after,
.woocommerce-info:after,
.woocommerce-error:after,
.woocommerce-noreviews:after,
p.no-comments:after {
clear: both;
display: block;
content: "";
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
color: #0f86ff;
}
.woocommerce-error {
color: #f21951;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
z-index: 9999;
}
.woocommerce-columns.woocommerce-columns--2 {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.woocommerce-columns.woocommerce-columns--2 .woocommerce-column {
width: 50%;
padding-left: 20px;
padding-right: 20px;
}
.woocommerce .quantity {
display: inline-flex;
border: 1px solid #161515;
transition: .4s;
}
.woocommerce .quantity .indostio-qty-button {
font-size: 12px;
font-size: 0.75rem;
display: flex;
align-items: center;
height: 48px;
padding: 0 16px;
cursor: pointer;
}
.woocommerce .quantity .indostio-qty-button.decrease {
border-right: 1px solid #161515;
}
.woocommerce .quantity .indostio-qty-button.increase {
border-left: 1px solid #161515;
}
.woocommerce .quantity .indostio-qty-button svg {
font-size: 16px;
font-size: 1rem;
transition: .4s;
color: #4A5257;
}
.woocommerce .quantity .indostio-qty-button:hover svg {
color: var(--id-color-primary);
}
.woocommerce .quantity .indostio-qty-button:active svg {
color: var(--id-color-primary);
}
.woocommerce .quantity input.qty {
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
color: #17262F;
border: none;
text-align: center;
padding: 0;
height: auto;
width: 50px;
box-shadow: none;
flex: 1 1 auto;
-moz-appearance: textfield;
}
.woocommerce .quantity input.qty::-webkit-outer-spin-button, .woocommerce .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
background-color: var(--id-background-color-primary);
color: var(--id-background-text-color-primary);
padding: 15px 30px;
height: 50px;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
border-radius: 0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
background-color: var(--id-background-color-primary);
color: var(--id-background-text-color-primary);
} @media (max-width: 991px) {
.woocommerce-cart .woocommerce-cart-form {
width: 100%;
}
.woocommerce-cart .cart-collaterals {
width: 100%;
margin-top: 40px;
}
}
@media (max-width: 767px) {
.woocommerce-account #customer_login {
flex-direction: column;
}
.woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2 {
width: 100%;
}
.woocommerce-account #customer_login .u-column2 {
margin-top: 30px;
}
.woocommerce-account .u-columns {
flex-direction: column;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
display: flex;
align-items: center;
white-space: nowrap;
overflow: auto;
margin: 0 -15px 50px;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
margin: 0;
padding: 0 15px;
}
.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .button {
width: 100%;
margin-top: 30px;
margin-left: 0;
}
.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .input-text {
width: 100%;
margin: 0;
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100%;
padding: 0;
}
.woocommerce-checkout #customer_details {
margin-bottom: 40px;
}
.woocommerce .col2-set .col-2, .woocommerce .col2-set .col-1 {
padding: 0;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row,
.woocommerce-checkout #payment ul.payment_methods {
padding-left: 0;
padding-right: 0;
}
}