Current File : /home/kelaby89/sergio-cuchi.tattoo/wp-content/themes/maori/css/woocommerce.css |
/* ----------------------
Stylesheet Guide
-------------------------
GENERAL
SELECT2
PRODUCTS
PRODUCTS ARCHIVE
SINGLE PRODUCT
GALLERY
PAGINATION
BREADCRUMBS
CART
CHECKOUT
LOGIN AND REGISTER
MY ACCOUNT
WIDGETS
PLUGINS
COLORS
MEDIA QUERIES
*/
/* ================= GENERAL ================== */
.woocommerce .blockUI.blockOverlay {
background-color: #191919 !important;
}
.woocommerce-notice {
font-weight: 700;
}
.woocommerce form [class^="col-"],
.woocommerce form [class*=" col-"],
.woocommerce-order [class*=" col-"] {
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
}
.woocommerce ul.order_details {
border: 1px solid #c0e3f2;
color: #10516c;
background-color: #d2ebf5;
position: relative;
padding: 1.5rem !important;
margin-bottom: 1.5rem;
border: 1px solid transparent;
border-radius: 0;
}
.woocommerce ul.order_details li {
border-color: #fff;
}
#order_review .blockOverlay {
display: none !important;
}
.woocommerce-column {
margin-bottom: 40px
}
.woocommerce input.button.disabled,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled],
.woocommerce input.button:disabled[disabled]:hover {
opacity: 0.5 !important;
background-color: #333 !important;
border-color: #333 !important;
color: #fff !important;
padding: 0.5rem 18px !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
font-size: 0.875rem;
color: #111;
background-color: #f7d18d;
border-color: #f7d18d;
display: inline-block;
font-weight: 700;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.75rem 1.25rem;
line-height: 1.5;
border-radius: 0;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
outline: none;
box-shadow: none;
cursor: pointer;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
color: #111;
background-color: #cdad75;
border-color: #cdad75;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
line-height: inherit;
}
.woocommerce table.shop_table thead tr {
background: rgba(255, 255, 255, 0.05);
}
.woocommerce table.shop_table {
border-radius: 0px;
}
.woocommerce table.shop_table th {
padding: 1.5rem 2rem;
}
.woocommerce table.shop_table td {
padding: 2rem;
}
.woocommerce table.shop_table th.product-remove,
.woocommerce table.shop_table td.product-remove {
padding: 0;
text-align: center;
}
.woocommerce table.shop_table td.product-name a.remove {
display: inline-block;
font-size: 1.3em;
}
.woocommerce table.shop_table td.product-name img {
border-radius: 100%;
width: 40px;
height: 40px;
margin: 0 5px;
}
.woocommerce table.shop_table th.product-quantity,
.woocommerce table.shop_table td.product-quantity {
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(255, 255, 255, 0.05);
width: 0px;
}
.woocommerce table.shop_table tr td .quantity {
display: inline-block;
vertical-align: middle;
margin: 0 auto;
}
.woocommerce table.shop_table tr td.maori-woo-table-actions-left .input-group {
max-width: 400px;
}
.btn-woo-cart-update {
min-height: 47px;
float: right;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: #191919;
padding: 1em 2em 1em 3em;
color: #fff;
-webkit-box-shadow: 5px 5px 0px 0 rgba(1, 1, 1, .1);
box-shadow: 5px 5px 0px 0 rgba(1, 1, 1, .1);
}
.woocommerce-message::before {
color: #333;
}
.woocommerce-info,
.woocommerce-message {
border-color: #4281a4;
}
.woocommerce-message::before,
.woocommerce-info::before {
color: #4281a4;
}
.woocommerce-error {
border-color: #b0413e;
}
.woocommerce-error::before {
color: #b0413e;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce.card-masonry span.price {
color: #aaa;
display: block;
font-weight: normal;
}
.woocommerce div.product p.price,
.woocommerce .woocommerce-variation-price span.price {
padding: 0px !important;
}
.variations label {
margin: 0px;
}
.single-product.woocommerce div.product p.price,
.single-product.woocommerce div.product span.price {
font-size: 2rem;
font-weight: 700;
color: #fff;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
text-decoration: none;
font-weight: normal;
}
.single-product.woocommerce div.product p.price ins,
.single-product.woocommerce div.product span.price ins {
font-weight: 700;
}
.woocommerce .sku_wrapper {
padding-right: 5px;
}
.woocommerce form .form-row {
padding: 0px;
margin: 0px 0px 40px 0px;
}
.woocommerce form .form-row label {
line-height: 1.4;
margin-bottom: 5px
}
.woocommerce-form-row em {
font-size: 0.875rem
}
.woocommerce fieldset {
border: none;
margin-bottom: 40px;
}
.woocommerce legend {
margin-bottom: 30px;
}
.woocommerce fieldset legend {
font-weight: 700;
}
.woocommerce fieldset p:last-child {
margin-bottom: 0px;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
top: 50%;
margin-top: -10px;
}
.woocommerce .quantity .qty {
padding: 0px;
height: 47px;
width: 60px;
}
.woocommerce td.product-quantity .quantity .qty {
height: 40px;
}
.woocommerce .quantity input {
margin: 0px !important;
}
.showlogin:after,
.showcoupon:after,
.shipping-calculator-button:after {
font-family: 'FontAwesome';
content: "\f078";
speak: none;
text-indent: 0em;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 5px;
font-size: 90%;
display: inline-block;
vertical-align: top;
}
.showlogin.collapsed:after,
.showcoupon.collapsed:after,
.shipping-calculator-button.collapsed:after {
content: "\f077";
}
/* ================= SELECT2 ================== */
body.maori .woocommerce .woocommerce-ordering .select2 {
min-width: 240px;
}
body.maori .select2 {
font-size: 1rem;
}
body.maori .woocommerce form .form-row .select2-container,
body.maori .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px !important;
}
body.maori .select2-container .select2-selection--single {
height: 52px;
}
body.maori .select2 .select2-selection {
background: rgba(255, 255, 255, 0.05);
}
body.maori .select2-container--default .select2-selection--single {
border: none;
border-radius: 0px;
}
body.maori .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 52px;
top: 0px;
right: 10px;
}
body.maori .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
color: inherit;
}
body.maori .select2-dropdown {
border: 2px solid rgba(255, 255, 255, 0.05);
}
body.maori .select2-container--default .select2-search--dropdown .select2-search__field {
border: 2px solid rgba(255, 255, 255, 0.05);
padding: 8px 15px;
}
body.maori .select2-dropdown {
background: #191919;
border-color: #191919;
}
body.maori .select2-results__option {
background-color: #191919 !important;
}
/* ================= PRODUCTS ================== */
.woocommerce div.product .product_title {
display: none;
}
.woocommerce div.product img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.woo-lightbox {
cursor: pointer;
}
.maori-zoom-icon {
position: absolute;
top: 15px;
right: 15px;
text-align: center;
z-index: 9;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: -webkit-transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
-moz-transition: -moz-transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background-color: #f7d18d;
font-size: 1.2rem;
line-height: 50px;
color: #111;
}
.woo-lightbox:hover .maori-zoom-icon {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
opacity: 1;
}
.woocommerce .star-rating {
color: #f7d18d;
}
.woocommerce span.onsale {
min-height: 0px;
min-width: 0px;
line-height: 1;
padding: 12px 15px;
top: 15px;
left: 15px;
font-size: 1rem;
border-radius: 0px;
color: #fff;
font-weight: 700;
background: #48a9a6 !important;
z-index: 9;
text-transform: uppercase;
}
.woocommerce .maori-single-product-left span.onsale {
font-size: 1.3rem
}
.card-masonry.card-small span.onsale {
left: 10px;
top: 10px;
font-size: 0.875rem;
}
div.product div.card-masonry .card img {
border-bottom: 2px solid #191919;
}
.maori-out-of-stock {
position: absolute;
line-height: 1;
padding: 12px 15px;
top: 15px;
left: 15px;
font-size: 1rem;
border-radius: 0px;
color: #fff;
font-weight: 700;
background: #b0413e !important;
z-index: 10;
text-transform: uppercase;
}
.card-masonry.card-small .maori-out-of-stock {
left: 10px;
top: 10px;
font-size: 0.875rem;
}
/* ================= PRODUCTS ARCHIVE ================== */
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
padding: 0px 17px;
margin: 0px 0px 20px 0px;
float: left;
line-height: 55px;
background: #191919;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
margin: 0px 0px 40px 0px;
float: right;
}
.card .woocommerce-loop-product__title,
.card .woocommerce-loop-category__title {
margin-bottom: 0px;
font-size: 1.75rem;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.card-small .woocommerce-loop-product__title,
.card-small .woocommerce-loop-category__title {
font-size: 1.6rem;
}
.woocommerce-loop-category__title mark {
background: none;
color: inherit;
}
.woocommerce-LoopProduct-link {
display: block;
position: relative;
}
.card:hover .woocommerce-LoopProduct-link h2 {
color: #f7d18d;
}
.woocommerce-LoopProduct-link h2 {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
transition: color 0.2s linear;
}
body.maori div.product .card p.price,
body.maori div.product .card span.price {
margin: 5px 0px 0px 0px;
font-size: 1.2rem;
}
.woocommerce-variation-price {
margin-bottom: 10px;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin: 0px;
font-weight: 700;
}
.card-masonry .star-rating,
.card-masonry.card-small .star-rating {
float: none;
margin: 0px;
position: absolute;
top: -35px;
right: 15px;
z-index: 1;
}
.woocommerce .card-footer .button,
.woocommerce a.added_to_cart {
padding: 0.5rem 1rem;
line-height: 1.5;
}
.woocommerce a.added_to_cart {
color: #111 !important;
}
.woocommerce .card-footer .button.added {
background-color: #48a9a6;
border-color: #48a9a6;
color: #fff;
}
.woocommerce .card-footer .button.added:hover {
background-color: #409794;
border-color: #409794;
color: #fff;
}
.card-footer.product-footer a {
vertical-align: top;
}
.maori-second-image {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}
.woocommerce-LoopProduct-link:hover > .maori-second-image {
opacity: 1;
}
/* ================= SINGLE PRODUCT ================== */
.maori-single-product-container {
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 60px;
}
.maori-single-product-left,
.maori-single-product-right {
display: table-cell;
vertical-align: top;
position: relative;
background: #111;
-webkit-box-shadow: 5px 5px 0px 0 rgba(1, 1, 1, .1);
box-shadow: 5px 5px 0px 0 rgba(1, 1, 1, .1);
}
.maori-single-product-left {
width: 50%;
}
.maori-single-product-right {
width: 50%;
border-left: 2px solid rgba(255, 255, 255, 0.05)
}
.woocommerce div.product div.summary {
margin: 0px;
padding: 60px;
}
.maori-single-product-right .maori-share-buttons {
margin-top: 40px;
}
.woocommerce-product-details__short-description {
margin-bottom: 40px;
}
.woocommerce div.product form.cart,
.woocommerce div.product p.cart {
margin-bottom: 40px;
}
.woocommerce div.product .maori-single-product-right .woocommerce-product-rating {
margin-bottom: 0px;
}
.woocommerce .product_meta {
padding-top: 20px;
font-size: 0.875rem;
}
.woocommerce .product_meta > span {
display: block;
margin-bottom: 5px;
}
.product_meta span a {
color: inherit;
}
.product_meta span a:hover {
color: #f7d18d;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
padding-right: 5px;
font-weight: normal !important;
}
.maori-woo-tabs {
margin-bottom: 60px;
}
.maori-woo-tabs .tab-content {
padding: 60px;
}
.woocommerce #review_form #respond textarea {
margin-bottom: 30px;
height: 200px;
}
#reviews #respond form {
margin: 0px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 1.05rem;
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
padding: 20px;
margin: 0 0 0 75px;
border-radius: 0px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
border: none;
padding: 0px;
width: 60px;
}
.woocommerce #review_form {
margin-top: 20px;
padding-top: 20px;
}
.woocommerce #review_form #reply-title {
font-size: 1.45rem;
font-weight: 700;
}
.woocommerce .comment-form-rating {
margin: 0px;
}
.woocommerce .comment-form-rating label {
display: none;
}
.woocommerce #review_form #respond .comment-form-rating p.stars {
margin: 0px 0px 5px 0px;
display: inline-block
}
.woocommerce #review_form #respond .comment-form-rating p.stars span a {
color: #f7d18d;
}
.woocommerce #review_form #respond p {
margin-bottom: 1rem;
}
.woocommerce #review_form #respond textarea {
margin: 0px;
}
section.up-sells,
section.upsells {
margin-bottom: 40px;
}
.woocommerce div.product form.cart table.variations {
margin: 0px 0px 40px 0px;
border-collapse: collapse;
}
.woocommerce div.product form.cart table.variations td.label,
.woocommerce div.product form.cart table.variations td.value {
vertical-align: middle;
padding: 15px;
}
.woocommerce div.product form.cart .variations td.label {
line-height: 1;
padding: 0px;
}
.woocommerce div.product form.cart .variations label {
font-weight: 700;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 100%;
margin-right: 0px;
width: 100%;
}
.woocommerce div.product form.cart .reset_variations {
display: none !important;
}
.woocommerce div.product .stock {
color: #48a9a6;
background-color: #191919;
border: none;
border-left: 3px solid #48a9a6;
position: relative;
padding: 1rem 1.25rem;
margin-bottom: 1.5rem;
border-radius: 0;
font-size: 1rem;
font-weight: 700;
}
.woocommerce div.product .out-of-stock {
color: #fff;
background-color: #b0413e;
border: none;
position: relative;
padding: 1rem 1.25rem;
margin-bottom: 1.5rem;
border-radius: 0;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
}
.woocommerce table.shop_attributes {
margin: 30px 0px 0px 0px;
}
.woocommerce table.shop_attributes tr td {
padding: 10px 0px
}
/* ================= GALLERY ================== */
body.maori.woocommerce div.product div.images {
margin: 0px;
}
body.maori .pswp__caption__center {
text-align: center;
}
body.maori .pswp__bg {
background: rgba(25, 25, 25, 0.9);
}
body.maori .pswp__ui--fit .pswp__top-bar,
body.maori .pswp__ui--fit .pswp__caption {
background: #111;
}
body.maori.woocommerce div.product div.images .flex-control-thumbs li {
overflow: hidden;
}
body.maori.woocommerce div.product div.images .flex-control-thumbs li img {
opacity: 1 !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(1.0) translate(0, 0);
-ms-transform: scale(1.0) translate(0, 0);
-moz-transform: scale(1.0) translate(0, 0);
transform: scale(1.0) translate(0, 0);
outline: none !important;
border: none !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
body.maori.woocommerce div.product div.images .flex-control-thumbs li img:hover,
body.maori.woocommerce div.product div.images .flex-control-thumbs li img:focus,
body.maori.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
-webkit-transform: scale(1.1) translate(0, 0);
-ms-transform: scale(1.1) translate(0, 0);
-moz-transform: scale(1.1) translate(0, 0);
transform: scale(1.1) translate(0, 0);
}
body.maori.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
pointer-events: none;
}
body.maori.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
background: #f7d18d;
color: #111;
width: 50px;
height: 50px;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
body.maori.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
background: #cdad75;
}
body.maori.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
top: 17px;
left: 17px;
}
body.maori.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
top: 28px;
left: 30px;
}
/* ================= PAGINATION ================== */
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
border: none !important;
margin: 0px;
overflow: hidden;
width: 100%;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li {
background: transparent;
border: none !important;
float: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #f7d18d !important;
border-color: #f7d18d;
color: #111 !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
background-color: transparent;
border: 2px solid #111;
border-radius: 20px;
color: #fff;
background: #111;
height: 40px;
margin: 0 2px;
min-width: 40px;
font-weight: 700;
line-height: 40px;
padding: 0;
text-align: center;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
outline: none;
box-shadow: none;
font-size: 1rem;
}
.woocommerce nav.woocommerce-pagination .fa-chevron-right {
margin-left: 2px;
}
.woocommerce nav.woocommerce-pagination .fa-chevron-left {
margin-right: 2px;
}
/* ================= BREADCRUMBS ================== */
.woocommerce .woocommerce-breadcrumb {
position: relative;
line-height: 1.5;
display: block;
margin: 15px 0 0 0;
font-size: 1.3rem;
font-family: inherit;
font-style: italic;
color: #aaa;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb a:hover {
color: #fff;
}
/* ================= CART ================== */
.woocommerce-mini-cart__empty-message {
position: relative;
padding: 1rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0;
color: #fff;
background-color: #4281a4;
border-color: #4281a4;
}
.woocommerce widget_shopping_cart .woocommerce-mini-cart__empty-message,
.widget_shopping_cart.maori-sidebar-box p:last-child {
margin-bottom: 0rem;
}
.woocommerce-mini-cart .quantity {
font-size: 90%;
}
.woocommerce-cart .product-remove {
width: 40px;
}
.woocommerce-cart .product-thumbnail {
width: 60px;
}
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
text-align: right
}
.woocommerce-cart .product-subtotal {
font-weight: 700;
}
.cart-collaterals {
margin-top: 60px;
}
.cart-collaterals .maori-masonry-grid.small-masonry .card-masonry {
margin-bottom: 60px;
}
.cart-collaterals .maori-masonry-grid.small-masonry .card-masonry .card {
box-shadow:none;
border:2px solid #191919;
}
p.return-to-shop {
margin-bottom: 0px;
}
tr.cart-subtotal th {
max-width: 20px;
}
.woocommerce-shipping-fields {
margin-top: 40px;
}
#ship-to-different-address {
font-size: inherit;
}
.wc_payment_methods input {
vertical-align: middle !important
}
.woocommerce ul {
margin-left: 0px;
margin-right: 0px;
}
.woocommerce-NoticeGroup {
margin-bottom: 30px;
}
.woocommerce a.remove {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: #b0413e !important;
width: auto;
height: auto;
}
.woocommerce a.remove:hover {
background: none;
color: #9b3937 !important;
}
.woocommerce-page .woocommerce p.cart-empty {
padding: 20px;
text-align: center;
padding: 80px 20px;
font-weight: 700;
}
.shipping-calculator-form span {
width: 100%;
}
.shipping-calculator-form p {
margin-bottom: 15px !important;
}
/* ================= CHECKOUT ================== */
.woocommerce form .form-row .required {
text-decoration: none;
vertical-align: middle;
color: #b0413e;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
margin: 20px 0px 0px 0px;
font-size: 0.875rem;
float: right;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border-radius: 0px;
padding: 40px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 0.3rem 0 0;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
display: block;
margin: 0px;
max-width: 200px;
width: auto;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: left;
line-height: inherit;
font-size: 0.825rem;
color: inherit;
font-style: italic;
}
.woocommerce-checkout-payment label {
display: inline-block;
}
.woocommerce-checkout-payment .form-row.place-order {
margin-bottom: 0px;
}
.woocommerce p.wc-terms-and-conditions {
width: 100%;
margin-bottom: 20px;
}
.woocommerce-terms-and-conditions {
margin-bottom: 15px;
}
.woocommerce-input-wrapper {
display: block;
width: 100%;
}
#customer_details {
margin-bottom: 60px;
}
.woocommerce form .form-row textarea {
height: 10em;
}
#order_review_heading,
.woocommerce-order-details__title,
.woocommerce-column__title {
margin: 0;
padding: 1.75rem 2rem;
border: 1px solid rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.05);
font-size: 1.75rem;
}
#order_review table.shop_table,
.woocommerce-order-details table.shop_table {
border-collapse: collapse
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 2rem
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #4281a4;
border-top-color: rgb(223, 220, 222);
border-right-color: rgb(223, 220, 222);
border-left-color: rgb(223, 220, 222);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #4281a4;
color: #fff;
border-radius: 5px;
}
/* ================= LOGIN AND REGISTER ================== */
.maori-woo-register-wrapper {
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
display: block !important;
width: 100%;
margin-top: 1rem;
}
p.lost_password {
margin: 0;
}
/* ================= MY ACCOUNT ================== */
.woocommerce .woocommerce-MyAccount-content [class*=" col-"] {
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
}
.woocommerce-MyAccount-navigation {
margin: 0px 0px 40px 0px;
border: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce-MyAccount-navigation ul {
margin: 0px;
list-style: none;
display: inline-block;
width: 100%;
padding: 10px;
vertical-align: bottom;
font-size: 1rem;
}
.woocommerce-MyAccount-navigation ul li {
display: inline-block;
padding: 15px;
font-weight: 700;
float: left;
vertical-align: bottom;
margin: 0px;
line-height: 1;
}
.woocommerce-MyAccount-navigation ul li a {
color: #aaa;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: #fff;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.is-active a:hover {
color: #f7d18d;
}
.woocommerce .woocommerce-orders-table__cell a.button {
background: none;
color: inherit;
padding: 0px 10px 0px 0px;
box-shadow: none;
outline: none;
border: none
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 10px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
margin-top: 0.825rem;
padding-top: 0.825rem;
border-top: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce .woocommerce-customer-details address {
padding: 2rem;
border-radius: 0px;
border: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce-Address {
padding: 30px;
margin-top: 30px;
display: block;
}
.woocommerce-Address h3 {
margin-bottom: 0.5rem;
}
.woocommerce .woocommerce-Address address {
margin: 0px;
font-size: 0.925rem;
}
.woocommerce-account .addresses .title .edit,
.woocommerce-account ul.digital-downloads li .count {
font-weight: 700;
text-transform: uppercase;
}
/* ================= WIDGETS ================== */
.woocommerce-mini-cart__buttons {
margin: 0;
}
.woocommerce .woocommerce-mini-cart__buttons a.button {
padding: 0.5rem 1rem;
font-size: 0.825rem;
line-height: 1.5;
}
.woocommerce .woocommerce-mini-cart__buttons a.button.checkout {
background-color: #48a9a6;
border-color: #48a9a6;
color: #fff;
}
.woocommerce .woocommerce-mini-cart__buttons a.button.checkout:hover {
background-color: #409794;
border-color: #409794;
color: #fff;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
}
.woocommerce ul.product_list_widget li .star-rating {
font-size: 0.825rem
}
.woocommerce ul.cart_list li span.amount,
.woocommerce ul.product_list_widget li span.amount {
font-size: 0.925rem;
opacity: 0.7;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
left: auto;
right: 0px;
width: auto;
height: auto;
top: -6px;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding: 0px 15px 15px 0px;
}
.woocommerce ul.product_list_widget li:last-child {
padding: 0px;
margin: 0px;
border-bottom: none;
}
.woocommerce ul.cart_list li:last-child {
border: none;
padding: 0px 15px 15px 0px;
}
.woocommerce ul.product_list_widget li.empty {
padding: 0px !important;
margin: 0px !important;
font-weight: 700;
vertical-align: middle;
}
.woocommerce ul.product_list_widget li.empty:before {
font-family: 'FontAwesome';
speak: none;
text-indent: 0em;
text-align: center;
padding-right: 8px;
content: "\f05a";
display: inline-block;
font-size: 140%;
vertical-align: middle;
color: #333;
font-weight: normal;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 50px;
height: auto;
border-radius: 100%;
margin-left: 10px;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
padding-top: 15px;
font-weight: 700;
}
.woocommerce .widget_shopping_cart .total .woocommerce-Price-amount,
.woocommerce.widget_shopping_cart .total .woocommerce-Price-amount {
color: #333;
}
.widget_shopping_cart,
.so-panel.widget_shopping_cart {
position: relative;
}
#maori-footer .widget_shopping_cart:after,
#maori-footer .so-panel.widget_shopping_cart:after {
display: none;
}
#maori-footer ul.cart_list li:last-child {
border: none;
}
.woocommerce.widget_layered_nav ul {
list-style: none;
padding: 0;
margin: 0;
vertical-align: bottom;
}
.woocommerce.widget_layered_nav ul li {
padding-left: 0px;
padding-bottom: 15px;
margin-bottom: 15px;
position: relative;
padding-right: 20px;
}
.woocommerce.widget_layered_nav ul li:after {
font-family: 'FontAwesome';
content: "\f067";
speak: none;
text-indent: 0em;
text-align: center;
position: absolute;
top: 0px;
right: 0px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding-bottom: 15px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child {
padding-bottom: 0px;
border: none !important;
margin: 0px;
}
.woocommerce.widget_layered_nav ul li.chosen:after {
content: "\f00c";
}
.woocommerce.widget_layered_nav ul li a:hover,
.woocommerce.widget_layered_nav ul li:hover:after {
color: #333;
}
.widget_layered_nav_filters ul li.chosen {
padding: 0px 20px 0px 0px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: #f7d18d;
}
.woocommerce .price_label {
font-weight: 700;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
padding: 0.5rem 1rem;
font-size: 0.825rem;
line-height: 1.5;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1.5rem;
}
.widget_product_categories ul {
list-style: none;
padding: 0;
margin: 0;
vertical-align: bottom;
}
.widget_product_categories ul.children {
margin: 5px 0px 0px 0px;
}
.widget_product_categories > ul > li {
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}
.widget_product_categories > ul > li:last-child {
padding: 0px;
margin: 0px;
border: none;
}
.widget_product_categories select {
width: 100%;
}
.widget_product_categories ul li ul li {
padding-left: 10px;
font-weight: normal;
}
.woocommerce ul.product_list_widget li .star-rating {
margin: 2px 0px 5px 0px;
padding: 0px;
}
.woocommerce ul.product_list_widget li .reviewer {
font-size: 80%;
}
.woocommerce ul.cart_list li .product-title,
.woocommerce ul.product_list_widget li .product-title {
font-weight: normal;
}
.woocommerce .widget_rating_filter ul li {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce .widget_rating_filter ul li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.woocommerce .widget_rating_filter ul li .star-rating {
vertical-align: middle;
margin-bottom: 4px;
}
/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td,
.woocommerce-Address,
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce.widget_layered_nav ul li,
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce .product_meta,
.woocommerce #review_form,
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total,
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce-page .woocommerce p.cart-empty {
border: 5px dashed rgba(255, 255, 255, 0.05);
}
.woocommerce table.shop_table,
.woocommerce table.shop_table tr td,
.woocommerce table.shop_table tr,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border-color: rgba(255, 255, 255, 0.05);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(255, 255, 255, 0.05);
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background-color: transparent;
border-radius: 0px;
border: 2px solid rgba(255, 255, 255, 0.05);
}
.woocommerce ul.product_list_widget li .star-rating:before,
.woocommerce .maori-masonry-grid .star-rating:before,
.woocommerce .star-rating:before {
color: rgba(255, 255, 255, 0.05);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: #333;
}
/* ================= MEDIA QUERIES ================== */
@media only screen and (max-width: 1399px) {
.maori-woo-tabs .tab-content {
padding: 40px;
}
.card-masonry .star-rating {
top: -65px;
}
.woocommerce div.product div.summary {
padding: 40px;
}
}
@media only screen and (max-width: 1199px) {
.woocommerce .quantity .qty {
height: 44px;
}
}
@media only screen and (max-width: 991px) {
.maori-single-product-container {
display: block;
}
.maori-single-product-left,
.maori-single-product-right {
display: block;
width: 100% !important;
padding: 0px;
}
.maori-single-product-right {
border: none;
}
.maori-single-product-left {
border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}
}
@media only screen and (max-width: 767px) {
.card-masonry .star-rating,
.card-masonry.card-small .star-rating {
margin: 5px 0px;
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
}
.card-masonry .maori-out-of-stock,
.card-masonry span.onsale {
left: 10px;
top: 10px;
}
body.maori .card-masonry .alg-wc-wl-thumb-btn-abs {
right: 10px !important;
top: 10px !important;
}
.woocommerce table.shop_table th.product-quantity,
.woocommerce table.shop_table td.product-quantity {
width: 100%;
border-left: none;
border-right: none;
}
.woocommerce table.shop_table td.product-name img {
display: none;
}
.maori-woo-table-actions-left:before,
.maori-woo-table-actions-right:before {
display: none
}
.woocommerce table.shop_table tr td.maori-woo-table-actions-left .input-group {
max-width: 100%;
}
.btn-woo-cart-update {
float: none;
width: 100%;
display: block;
}
}
@media only screen and (max-width: 640px) {
.woocommerce .woocommerce-result-count {
margin: 0px 0px 5px 0px;
display: block;
width: 100%;
float: none;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-Address {
padding: 15px;
}
}
@media only screen and (max-width: 575px) {
.maori-woo-tabs .tab-content {
padding: 20px;
}
}
@media only screen and (max-width: 480px) {
.single-product.woocommerce div.product p.price,
.single-product.woocommerce div.product span.price {
font-size: 1.60rem;
}
.woocommerce div.product div.summary,
body.woocommerce-cart div.woocommerce,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
padding: 20px;
}
.woocommerce .woocommerce-ordering,
.woocommerce-MyAccount-navigation ul {
margin: 0px 0px 20px 0px;
}
.woocommerce nav.woocommerce-pagination ul {
margin-top: 0px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 10px 15px;
}
.woocommerce-MyAccount-navigation ul li {
width: 100%;
display: block;
}
.woocommerce-MyAccount-navigation ul {
margin: 0px 0px 20px 0px;
}
.woocommerce form .form-row {
margin: 0px 0px 20px 0px;
}
.widget_shopping_cart:after,
.so-panel.widget_shopping_cart:after {
right: 20px;
}
.maori-single-product-container {
margin-bottom: 20px;
}
.widget_price_filter {
padding: 20px 0px;
}
.maori-single-product-left,
section.up-sells,
section.upsells {
margin-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0px;
}
.woocommerce-account .addresses .title .edit {
display: block;
float: none;
clear: both;
margin: 15px 0px;
}
.woocommerce span.onsale,
.maori-out-of-stock {
padding: 6px 10px 7.5px 10px;
}
}