2131 lines
49 KiB
CSS
2131 lines
49 KiB
CSS
/*
|
|
----------------------------------------------------------------
|
|
|
|
IMPREZA WooCommerce styles
|
|
|
|
NOTE: DO NOT EDIT THIS FILE!
|
|
THIS FILE IS REPLACED DURING AUTO-UPDATES
|
|
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
|
|
|
|
----------------------------------------------------------------
|
|
*/
|
|
|
|
/* Cart header element
|
|
========================================================================== */
|
|
.w-cart {
|
|
position: relative;
|
|
}
|
|
.w-cart:not(.height_full) {
|
|
line-height: 50px; /* fixed value */
|
|
}
|
|
.w-cart-link {
|
|
display: block;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 2.2em;
|
|
}
|
|
.w-cart-icon {
|
|
display: inline-block;
|
|
line-height: 2.8rem;
|
|
}
|
|
.w-cart-icon i {
|
|
vertical-align: top;
|
|
line-height: inherit;
|
|
}
|
|
.w-cart-quantity {
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
font-size: 11px; /* fixed value */
|
|
padding: 0 4px; /* fixed value */
|
|
line-height: 20px; /* fixed value */
|
|
min-width: 20px; /* fixed value */
|
|
border-radius: 2rem;
|
|
transition: transform 0.3s;
|
|
}
|
|
.w-cart.empty .w-cart-quantity {
|
|
transform: scale(0);
|
|
}
|
|
.w-cart-notification {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 121;
|
|
font-size: 0.9rem;
|
|
text-align: center;
|
|
line-height: 1.4rem;
|
|
padding: 1rem 1.5rem;
|
|
width: 20rem;
|
|
background: rgba(0,0,0,0.8);
|
|
color: #ccc;
|
|
}
|
|
.l-subheader-cell.at_center .w-cart-notification,
|
|
.l-subheader-cell.at_right .w-cart-notification {
|
|
right: 0;
|
|
}
|
|
.w-cart-notification .product-name {
|
|
color: #fff;
|
|
}
|
|
.w-cart-dropdown {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 120;
|
|
font-size: 1rem;
|
|
text-align: left;
|
|
padding: 2rem;
|
|
width: 20rem;
|
|
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
|
}
|
|
.l-subheader-cell.at_center .w-cart-dropdown,
|
|
.l-subheader-cell.at_right .w-cart-dropdown {
|
|
right: 0;
|
|
}
|
|
.woocommerce-cart .w-cart-dropdown,
|
|
.woocommerce-checkout .w-cart-dropdown {
|
|
display: none !important;
|
|
}
|
|
.w-cart-dropdown .widget_shopping_cart {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: none;
|
|
}
|
|
.w-cart-dropdown .widgettitle {
|
|
display: none;
|
|
}
|
|
.w-cart-dropdown ul.product_list_widget {
|
|
max-height: 16rem;
|
|
overflow-y: auto;
|
|
margin: 0;
|
|
}
|
|
.w-cart-dropdown .widget_shopping_cart p.total {
|
|
text-align: center;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
/* Dropdown Animations */
|
|
.no-touch .w-cart.dropdown_none:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_none a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_none.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_none .w-cart-notification.shown {
|
|
display: block;
|
|
}
|
|
|
|
.w-cart.dropdown_opacity .w-cart-dropdown,
|
|
.w-cart.dropdown_opacity .w-cart-notification {
|
|
display: block;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.3s, visibility 0.3s;
|
|
}
|
|
.no-touch .w-cart.dropdown_opacity:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_opacity a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_opacity.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_opacity .w-cart-notification.shown {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.w-cart.dropdown_slide .w-cart-dropdown,
|
|
.w-cart.dropdown_slide .w-cart-notification {
|
|
display: block;
|
|
transform-origin: 50% 0;
|
|
transform: scaleY(0) translateZ(0);
|
|
transition: transform 0.3s cubic-bezier(0,1,.8,1);
|
|
}
|
|
.no-touch .w-cart.dropdown_slide:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_slide a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_slide.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_slide .w-cart-notification.shown {
|
|
transform: scaleY(1) translateZ(0);
|
|
}
|
|
|
|
.w-cart.dropdown_height .w-cart-dropdown,
|
|
.w-cart.dropdown_height .w-cart-notification {
|
|
display: block;
|
|
transform-origin: 50% 0;
|
|
transform: scaleY(0) translateZ(0);
|
|
opacity: 0;
|
|
transition: transform 0.3s, opacity 0.3s;
|
|
}
|
|
.no-touch .w-cart.dropdown_height:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_height a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_height.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_height .w-cart-notification.shown {
|
|
transform: scaleY(1) translateZ(0);
|
|
opacity: 1;
|
|
}
|
|
|
|
.w-cart.dropdown_afb .w-cart-dropdown,
|
|
.w-cart.dropdown_afb .w-cart-notification {
|
|
display: block;
|
|
visibility: hidden;
|
|
transform-origin: 50% 0;
|
|
transform: translate3d(0,30px,0);
|
|
opacity: 0;
|
|
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.2s, visibility 0.2s;
|
|
}
|
|
.no-touch .w-cart.dropdown_afb:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_afb a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_afb.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_afb .w-cart-notification.shown {
|
|
visibility: visible;
|
|
transform: translate3d(0,0,0);
|
|
opacity: 1;
|
|
}
|
|
|
|
.w-cart.dropdown_mdesign .w-cart-dropdown,
|
|
.w-cart.dropdown_mdesign .w-cart-notification {
|
|
display: block;
|
|
transform-origin: 0 0;
|
|
transform: scale(0) translateZ(0);
|
|
opacity: 0;
|
|
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.15s;
|
|
}
|
|
.no-touch .w-cart.dropdown_mdesign:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_mdesign a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_mdesign.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_mdesign .w-cart-notification.shown {
|
|
transform: scale(1) translateZ(0);
|
|
opacity: 1;
|
|
}
|
|
.l-subheader-cell.at_center .w-cart.dropdown_mdesign .w-cart-dropdown,
|
|
.l-subheader-cell.at_center .w-cart.dropdown_mdesign .w-cart-notification,
|
|
.l-subheader-cell.at_right .w-cart.dropdown_mdesign .w-cart-dropdown,
|
|
.l-subheader-cell.at_right .w-cart.dropdown_mdesign .w-cart-notification {
|
|
transform-origin: 100% 0;
|
|
}
|
|
|
|
.w-cart.dropdown_hor .w-cart-dropdown,
|
|
.w-cart.dropdown_hor .w-cart-notification {
|
|
display: block;
|
|
visibility: hidden;
|
|
transform: translate3d(-20px,0,0);
|
|
opacity: 0;
|
|
transition: transform 0.3s, opacity 0.2s, visibility 0.2s;
|
|
}
|
|
.w-cart.dropdown_hor .w-cart-dropdown > div,
|
|
.w-cart.dropdown_hor .w-cart-notification > div {
|
|
transform: translate3d(40px,0,0);
|
|
transition: transform 0.3s;
|
|
}
|
|
.no-touch .w-cart.dropdown_hor:hover .w-cart-dropdown,
|
|
.w-cart.dropdown_hor a:focus ~ .w-cart-dropdown,
|
|
.w-cart.dropdown_hor.opened .w-cart-dropdown,
|
|
.w-cart.dropdown_hor .w-cart-notification.shown {
|
|
visibility: visible;
|
|
transform: translate3d(0,0,0);
|
|
opacity: 1;
|
|
}
|
|
.no-touch .w-cart.dropdown_hor:hover .w-cart-dropdown > div,
|
|
.w-cart.dropdown_hor a:focus ~ .w-cart-dropdown > div,
|
|
.w-cart.dropdown_hor.opened .w-cart-dropdown > div,
|
|
.w-cart.dropdown_hor .w-cart-notification.shown > div {
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
|
|
/* WooCommerce base
|
|
========================================================================== */
|
|
.woocommerce .clear {
|
|
clear: both;
|
|
}
|
|
.woocommerce .nobr {
|
|
white-space: nowrap;
|
|
}
|
|
.woocommerce mark {
|
|
background: none;
|
|
color: inherit;
|
|
}
|
|
.woocommerce abbr[title] {
|
|
border: none;
|
|
text-decoration: none;
|
|
}
|
|
.woocommerce .col2-set:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.woocommerce .col2-set .col-1 {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.woocommerce .col2-set .col-2 {
|
|
float: right;
|
|
width: 48%;
|
|
}
|
|
.woocommerce-breadcrumb {
|
|
font-size: 0.9rem;
|
|
line-height: 1.4rem;
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
.woocommerce .shop_table th:last-child,
|
|
.woocommerce .shop_table td:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
/* Store Notice */
|
|
.woocommerce-demo-store {
|
|
margin-top: 3.5rem;
|
|
}
|
|
p.demo_store {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
line-height: 1.5rem;
|
|
padding: 1rem;
|
|
z-index: 9999;
|
|
color: #fff;
|
|
}
|
|
.admin-bar p.demo_store {
|
|
top: 32px; /* WP admin bar height */
|
|
}
|
|
|
|
/* Buttons */
|
|
.button.disabled,
|
|
.button[disabled] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
/* Add to cart */
|
|
.button .w-btn-label {
|
|
display: inline-block;
|
|
transition: opacity 0.15s;
|
|
}
|
|
.button .g-preloader {
|
|
position: absolute !important;
|
|
top: 50%;
|
|
left: 50%;
|
|
font-size: 1.8em;
|
|
opacity: 0;
|
|
transform: translate(-50%,-50%);
|
|
transition: opacity 0.3s;
|
|
color: inherit;
|
|
}
|
|
.button.loading .w-btn-label {
|
|
opacity: 0;
|
|
}
|
|
.button.loading .g-preloader {
|
|
opacity: 1;
|
|
}
|
|
.links_underline a.button {
|
|
border-width: 0 !important;
|
|
}
|
|
a.added_to_cart {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 0.8rem;
|
|
line-height: 1;
|
|
margin: 0.6rem;
|
|
white-space: nowrap;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.w-grid .w-btn-wrapper {
|
|
margin: 0;
|
|
}
|
|
.w-grid .w-btn-wrapper > .button {
|
|
font-size: inherit !important;
|
|
border-radius: inherit !important;
|
|
width: inherit !important;
|
|
}
|
|
.w-grid .w-btn-wrapper.no_view_cart_link a.added_to_cart {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Preloader */
|
|
.woocommerce .blockUI.blockOverlay:before,
|
|
.woocommerce .blockUI.blockOverlay:after {
|
|
display: block;
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
height: 2.4rem;
|
|
width: 2.4rem;
|
|
margin: -1.2rem 0 0 -1.2rem;
|
|
border-radius: 50%;
|
|
border: 2px solid;
|
|
}
|
|
.woocommerce .blockUI.blockOverlay:before {
|
|
opacity: 0.2;
|
|
}
|
|
.woocommerce .blockUI.blockOverlay:after {
|
|
border-color: transparent;
|
|
border-top-color: inherit;
|
|
animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6);
|
|
}
|
|
|
|
/* Alerts */
|
|
.woocommerce-notices-wrapper:empty {
|
|
display: none;
|
|
}
|
|
.woocommerce-message,
|
|
.woocommerce-error,
|
|
.woocommerce-info {
|
|
list-style-type: none;
|
|
font-size: 0.9rem;
|
|
line-height: 1.5;
|
|
padding: 1rem 1.5rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: #333;
|
|
}
|
|
.woocommerce .woocommerce-message,
|
|
.woocommerce .woocommerce-error,
|
|
.woocommerce .woocommerce-info {
|
|
margin: 0 0 1.5rem;
|
|
}
|
|
.woocommerce-message {
|
|
background: #c9f7b2;
|
|
}
|
|
.woocommerce-info {
|
|
background: #cef;
|
|
}
|
|
.woocommerce-error {
|
|
background: #ffd9d9;
|
|
}
|
|
.woocommerce-message li,
|
|
.woocommerce-error li,
|
|
.woocommerce-info li {
|
|
margin: 0;
|
|
}
|
|
.woocommerce-message .button,
|
|
.woocommerce-error .button,
|
|
.woocommerce-info .button {
|
|
float: right;
|
|
margin-left: 1rem;
|
|
}
|
|
.woocommerce-message a:not(.button),
|
|
.woocommerce-error a:not(.button),
|
|
.woocommerce-info a:not(.button) {
|
|
border-bottom: 1px dotted;
|
|
color: inherit;
|
|
}
|
|
.no-touch .woocommerce-message a:not(.button):hover,
|
|
.no-touch .woocommerce-error a:not(.button):hover,
|
|
.no-touch .woocommerce-info a:not(.button):hover {
|
|
color: #111 !important;
|
|
}
|
|
|
|
/* Star Rating */
|
|
.star-rating {
|
|
font-style: normal;
|
|
text-align: left;
|
|
letter-spacing: 0.05em;
|
|
white-space: nowrap;
|
|
line-height: 1em;
|
|
height: 1em;
|
|
width: 4.8em;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.star-rating:before {
|
|
content: '\f005\f005\f005\f005\f005';
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
font-size: 0.8em;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0.5;
|
|
}
|
|
.star-rating span {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
height: inherit;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.star-rating span:before {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: '\f005\f005\f005\f005\f005';
|
|
font-family: fontawesome;
|
|
font-weight: 900;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
|
|
|
|
/* Post Elements
|
|
========================================================================== */
|
|
.w-post-elm.add_to_cart .woocommerce-message,
|
|
.w-post-elm.add_to_cart .woocommerce-error,
|
|
.w-post-elm.add_to_cart .woocommerce-info {
|
|
font-size: 0.9rem;
|
|
line-height: 1.5;
|
|
margin: 1rem 0 0 !important;
|
|
}
|
|
|
|
|
|
|
|
/* FORMS
|
|
========================================================================== */
|
|
.woocommerce .form-row {
|
|
position: relative;
|
|
margin: 0 0 1.5rem;
|
|
}
|
|
.woocommerce .form-row.place-order {
|
|
margin: 0;
|
|
}
|
|
.woocommerce .form-row:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.woocommerce .form-row-first,
|
|
.woocommerce .form-row-last {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.woocommerce .form-row-last {
|
|
float: right;
|
|
}
|
|
.woocommerce-account-fields,
|
|
.woocommerce .form-row-wide {
|
|
clear: both;
|
|
}
|
|
.woocommerce .form-row label {
|
|
display: block;
|
|
font-weight: bold;
|
|
position: relative;
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
.woocommerce .form-row label.inline {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0.6rem 0 0 0.6rem;
|
|
}
|
|
.woocommerce .form-row label.inline input {
|
|
vertical-align: baseline;
|
|
}
|
|
.woocommerce .form-row label.hidden {
|
|
visibility: hidden;
|
|
}
|
|
.woocommerce .form-row label.checkbox {
|
|
display: inline;
|
|
}
|
|
.woocommerce .form-row select {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
.woocommerce .form-row .required {
|
|
border: none;
|
|
}
|
|
.woocommerce .form-row .input-checkbox {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
margin: -2px 0.3rem 0 0;
|
|
}
|
|
.woocommerce-invalid input,
|
|
.woocommerce-invalid select {
|
|
box-shadow: 0 0 0 2px red;
|
|
}
|
|
|
|
.woocommerce .login,
|
|
.woocommerce .track_order,
|
|
.woocommerce .checkout_coupon,
|
|
.woocommerce .lost_reset_password,
|
|
.woocommerce .register {
|
|
padding: 2.5rem 2.5rem 1.5rem;
|
|
margin: 1.5rem 0;
|
|
overflow: hidden;
|
|
border: 2px solid;
|
|
}
|
|
.woocommerce .login .clear + .form-row,
|
|
.woocommerce-account .login .form-row:nth-child(3) {
|
|
float: left;
|
|
}
|
|
.woocommerce .login .lost_password {
|
|
float: right;
|
|
margin: 0.6rem 0 1.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Password Indicator */
|
|
.woocommerce-password-strength {
|
|
font-size: 0.9rem;
|
|
text-align: center;
|
|
padding: 0.3rem;
|
|
background: #ffd9d9;
|
|
color: #a24141;
|
|
}
|
|
.woocommerce-password-strength.strong {
|
|
background: #c9f7b2;
|
|
color: #587549;
|
|
}
|
|
.woocommerce-password-strength.good {
|
|
background: #fff2b2;
|
|
color: #846534;
|
|
}
|
|
.woocommerce-password-strength + small {
|
|
display: block;
|
|
line-height: 1.5;
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
/* Select styling */
|
|
.woocommerce-ordering,
|
|
.woocommerce-select {
|
|
position: relative;
|
|
}
|
|
.woocommerce-ordering select,
|
|
.woocommerce-select select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
padding-right: 2rem;
|
|
}
|
|
.woocommerce-ordering select::-ms-expand,
|
|
.woocommerce-select select::-ms-expand {
|
|
display: none; /* remove dropdown arrow in IE11 */
|
|
}
|
|
.woocommerce-ordering:after,
|
|
.woocommerce-select:after,
|
|
.select2-selection__arrow:after {
|
|
content: '\f0d7';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font: 900 1.2rem/2.8rem fontawesome;
|
|
padding: 0 0.8rem;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Select2 */
|
|
.select2-container {
|
|
display: block;
|
|
}
|
|
.select2-hidden-accessible {
|
|
display: none;
|
|
}
|
|
.select2-selection {
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 0.3rem;
|
|
outline: none !important;
|
|
box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
|
|
}
|
|
.select2-selection--single {
|
|
line-height: 2.8rem;
|
|
height: 2.8rem; /* fix for empty field */
|
|
padding: 0 2rem 0 0.8rem;
|
|
}
|
|
.select2-selection--multiple {
|
|
line-height: 2rem;
|
|
padding: 0.2rem;
|
|
}
|
|
.select2-selection__rendered {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
border: none;
|
|
}
|
|
.select2-selection__choice {
|
|
flex-shrink: 0;
|
|
margin: 0.2rem;
|
|
padding: 0 0.6rem !important;
|
|
}
|
|
.select2-selection__clear,
|
|
.select2-selection__choice__remove {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 0 0.6rem;
|
|
margin-left: -0.6rem;
|
|
cursor: pointer;
|
|
}
|
|
.select2-selection__choice:before {
|
|
display: none !important;
|
|
}
|
|
.select2-dropdown {
|
|
display: block;
|
|
position: absolute;
|
|
left: -100000px;
|
|
width: 100%;
|
|
z-index: 1051;
|
|
}
|
|
.select2-container--open .select2-dropdown {
|
|
left: 0;
|
|
}
|
|
.select2-container--open .select2-dropdown--above {
|
|
margin-bottom: -1px;
|
|
box-shadow: 0 -8px 15px rgba(0,0,0,0.1);
|
|
}
|
|
.select2-container--open .select2-dropdown--below {
|
|
margin-top: -1px;
|
|
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
|
}
|
|
.select2-results {
|
|
display: block;
|
|
}
|
|
.select2-results__options {
|
|
list-style: none;
|
|
margin: 0;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
max-height: 11rem;
|
|
}
|
|
.select2-results__option {
|
|
line-height: 1.4;
|
|
padding: 0.5rem 0.8rem;
|
|
margin: 0;
|
|
outline: none !important;
|
|
}
|
|
.select2-results__option--highlighted {
|
|
color: #fff;
|
|
}
|
|
.select2-search--dropdown {
|
|
display: block;
|
|
padding: 0.4rem !important;
|
|
}
|
|
.select2-search--dropdown input {
|
|
line-height: 2rem;
|
|
height: 2rem;
|
|
padding: 0 0.4rem;
|
|
}
|
|
.select2-search--inline {
|
|
padding: 0 !important;
|
|
}
|
|
.select2-search--inline input {
|
|
padding: 0.2rem 0.6rem;
|
|
height: auto;
|
|
line-height: inherit;
|
|
box-shadow: none !important;
|
|
background: none !important;
|
|
}
|
|
.select2-search--inline:before {
|
|
display: none !important;
|
|
}
|
|
|
|
/* QUANTITY FORM
|
|
========================================================================== */
|
|
.woocommerce .quantity {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.woocommerce .quantity input.qty {
|
|
width: 3.5em;
|
|
min-width: 4rem;
|
|
}
|
|
/* with plus & minus buttons */
|
|
.woocommerce .quantity.buttons_added {
|
|
padding: 0;
|
|
width: 6.6rem;
|
|
overflow: visible;
|
|
}
|
|
.woocommerce .quantity.buttons_added:after {
|
|
display: block;
|
|
content: '';
|
|
clear: both;
|
|
}
|
|
.woocommerce .quantity.buttons_added input.qty {
|
|
font-size: 1.2rem;
|
|
font-weight: normal;
|
|
height: 2.8rem;
|
|
width: 2.2rem;
|
|
border: none;
|
|
border-radius: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.woocommerce .quantity.buttons_added input::-webkit-outer-spin-button,
|
|
.woocommerce .quantity.buttons_added input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.woocommerce .quantity .plus,
|
|
.woocommerce .quantity .minus {
|
|
float: left;
|
|
position: static !important;
|
|
font-size: 1.4rem;
|
|
font-weight: normal !important;
|
|
line-height: 2.8rem !important;
|
|
height: 2.8rem !important;
|
|
width: 2.2rem !important;
|
|
border: none !important;
|
|
color: inherit;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset;
|
|
transition: background 0.3s;
|
|
}
|
|
.woocommerce .quantity .plus {
|
|
border-radius: 0 0.3rem 0.3rem 0;
|
|
}
|
|
.woocommerce .quantity .minus {
|
|
border-radius: 0.3rem 0 0 0.3rem;
|
|
}
|
|
|
|
|
|
|
|
/* SHOP PAGE
|
|
========================================================================== */
|
|
.woocommerce small.note {
|
|
font-size: 0.9rem;
|
|
opacity: 0.5;
|
|
}
|
|
.woocommerce-products-header {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
margin-right: 1rem;
|
|
}
|
|
.woocommerce h1.page-title {
|
|
line-height: 2.8rem;
|
|
}
|
|
.l-section + .l-section.for_shop .woocommerce-breadcrumb,
|
|
.l-section + .l-section.for_shop .woocommerce-products-header {
|
|
display: none;
|
|
}
|
|
.woocommerce .term-description {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.woocommerce-result-count {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
margin-right: 1rem;
|
|
opacity: 0.5;
|
|
}
|
|
.woocommerce .l-section.for_shop .woocommerce-ordering {
|
|
float: right;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.woocommerce .onsale {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #fff;
|
|
}
|
|
.woocommerce ul.products .onsale,
|
|
.woocommerce .l-section.for_shop .onsale {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0.6rem;
|
|
left: 0.6rem;
|
|
font-size: 12px; /* don't change to 'rem' units */
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 0 0.8rem;
|
|
border-radius: 5rem;
|
|
}
|
|
|
|
/* Product List */
|
|
.woocommerce ul.products {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 0 -1.2rem 2rem;
|
|
list-style: none !important;
|
|
clear: both;
|
|
}
|
|
ul.products .product {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 1.2rem;
|
|
width: 100%;
|
|
}
|
|
.products.columns-2 > .product {
|
|
width: 50%;
|
|
}
|
|
.products.columns-3 > .product {
|
|
width: 33.3333%;
|
|
}
|
|
.products.columns-4 > .product {
|
|
width: 25%;
|
|
}
|
|
.products.columns-5 > .product {
|
|
width: 20%;
|
|
}
|
|
.products.columns-6 > .product {
|
|
width: 16.6666%;
|
|
}
|
|
.woocommerce-LoopProduct-link {
|
|
display: block;
|
|
position: relative;
|
|
border: none !important;
|
|
color: inherit !important;
|
|
}
|
|
.woocommerce .products .product img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.woocommerce-loop-category__title {
|
|
font-size: 1.4rem;
|
|
padding-top: 0.4rem;
|
|
margin: 0;
|
|
}
|
|
.woocommerce-loop-category__title .count {
|
|
opacity: 0.5;
|
|
}
|
|
.woocommerce .products .woocommerce-loop-product__title {
|
|
font-size: 1rem;
|
|
margin: 0.8rem 0 0.6rem;
|
|
padding: 0;
|
|
}
|
|
.woocommerce .products .star-rating {
|
|
margin: 0 0 0.4rem;
|
|
}
|
|
.woocommerce .products .price {
|
|
display: block;
|
|
font-size: 1.2rem;
|
|
line-height: 1.4;
|
|
font-weight: 600;
|
|
}
|
|
.woocommerce .products .button {
|
|
font-size: 0.8rem;
|
|
margin-top: 0.8rem;
|
|
margin-right: 0.6rem;
|
|
}
|
|
.woocommerce .products .product-category a {
|
|
border: none !important;
|
|
}
|
|
|
|
/* Pagination */
|
|
.woocommerce ul.products ~ .pagination {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
/* PRODUCT PAGE
|
|
========================================================================== */
|
|
.woocommerce div.product {
|
|
position: relative;
|
|
}
|
|
.woocommerce div.product .images {
|
|
float: left;
|
|
width: 38%;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.woocommerce div.product .summary {
|
|
float: right;
|
|
width: 56%;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.woocommerce div.product .product_title {
|
|
padding: 0;
|
|
}
|
|
|
|
/* Product Gallery */
|
|
.woocommerce-product-gallery {
|
|
position: relative;
|
|
}
|
|
.woocommerce-product-gallery img {
|
|
display: block;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.woocommerce-product-gallery__trigger {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
font-size: 0;
|
|
text-align: center;
|
|
line-height: 4rem;
|
|
width: 4rem;
|
|
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
|
background: rgba(0,0,0,0.1);
|
|
color: #fff !important;
|
|
transition-duration: 0.1s;
|
|
}
|
|
.no-touch .woocommerce-product-gallery__trigger {
|
|
opacity: 0;
|
|
}
|
|
.no-touch .woocommerce-product-gallery__trigger:hover {
|
|
background: rgba(0,0,0,0.5);
|
|
}
|
|
.no-touch .woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger {
|
|
opacity: 1;
|
|
}
|
|
.woocommerce-product-gallery__trigger:before {
|
|
content: '\f00e';
|
|
vertical-align: top;
|
|
font-size: 1.4rem;
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
}
|
|
.woocommerce-product-gallery__trigger img {
|
|
display: none !important;
|
|
}
|
|
.woocommerce-product-gallery__wrapper {
|
|
margin: 0;
|
|
}
|
|
.woocommerce-product-gallery__image {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.woocommerce-product-gallery ol {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.woocommerce-product-gallery li {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
.woocommerce-product-gallery li img.flex-active {
|
|
border-width: 4px;
|
|
border-style: solid;
|
|
}
|
|
.woocommerce-product-gallery--columns-4 li {
|
|
width: 25%;
|
|
}
|
|
|
|
/* Product Rating */
|
|
.woocommerce-product-rating {
|
|
margin-bottom: 1rem;
|
|
}
|
|
h1 + .woocommerce-product-rating {
|
|
margin-top: -1rem;
|
|
}
|
|
.woocommerce-product-rating .star-rating {
|
|
float: left;
|
|
margin: 1px 0.3rem 0 0;
|
|
}
|
|
.woocommerce-review-link {
|
|
font-size: 0.9rem;
|
|
line-height: 1.3;
|
|
vertical-align: top;
|
|
}
|
|
.woocommerce-review-link span {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Product Price */
|
|
.woocommerce .product .summary .price {
|
|
font-size: 1.6rem;
|
|
font-weight: 600;
|
|
}
|
|
.woocommerce-page .product .summary .price .from {
|
|
font-size: 1.2rem;
|
|
}
|
|
.product_list_widget ins,
|
|
.woocommerce .price > ins,
|
|
.type-product .price > ins {
|
|
text-decoration: none;
|
|
}
|
|
.product_list_widget del,
|
|
.woocommerce .price > del,
|
|
.type-product .price > del,
|
|
.type-product .price .from {
|
|
font-weight: normal;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/* Description */
|
|
.woocommerce-product-details__short-description {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
/* Product Stock */
|
|
.woocommerce .stock {
|
|
font-weight: bold;
|
|
color: #5fcc29;
|
|
}
|
|
.woocommerce .out-of-stock {
|
|
color: red;
|
|
}
|
|
|
|
/* Simple Cart Form */
|
|
.woocommerce div.product .cart {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.woocommerce .cart .quantity,
|
|
.woocommerce .cart .quantity + .button {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Variations Form */
|
|
.woocommerce .cart .variations {
|
|
margin: 0;
|
|
}
|
|
.woocommerce .cart .variations td {
|
|
border: none;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.woocommerce .cart .variations label {
|
|
display: block;
|
|
font-weight: bold;
|
|
padding-top: 0.5rem;
|
|
}
|
|
.woocommerce .cart .variations td.value {
|
|
position: relative;
|
|
}
|
|
.woocommerce .cart .variations select {
|
|
width: 100%;
|
|
}
|
|
.woocommerce .cart .reset_variations {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
font-size: 0;
|
|
text-align: center;
|
|
line-height: 2.8rem;
|
|
width: 1.5rem;
|
|
}
|
|
.woocommerce .cart .reset_variations:before {
|
|
content: '\00D7';
|
|
vertical-align: top;
|
|
font-size: 2rem;
|
|
}
|
|
.woocommerce-variation.single_variation {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
.woocommerce-variation-description {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
.woocommerce-variation-price,
|
|
.woocommerce-variation-availability {
|
|
flex-shrink: 0;
|
|
line-height: 2.8rem;
|
|
margin-right: 1rem;
|
|
}
|
|
.woocommerce-variation-price > span {
|
|
vertical-align: top;
|
|
}
|
|
.woocommerce-variation-add-to-cart {
|
|
margin-top: 0.6rem;
|
|
}
|
|
|
|
/* Group Form */
|
|
.woocommerce .group_table td {
|
|
vertical-align: middle;
|
|
}
|
|
.woocommerce .group_table tr:first-child td {
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
}
|
|
.woocommerce .group_table td:first-child {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.woocommerce-grouped-product-list-item__price {
|
|
text-align: right;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.woocommerce-grouped-product-list-item__price p.stock {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Product Meta */
|
|
.woocommerce .product_meta {
|
|
font-size: 0.9rem;
|
|
line-height: 1.4rem;
|
|
}
|
|
.woocommerce .product_meta > span {
|
|
padding-right: 0.3rem;
|
|
}
|
|
|
|
/* Product Socials */
|
|
.woocommerce div.product .social {
|
|
margin: 0 0 0.3rem;
|
|
}
|
|
.woocommerce div.product .social iframe {
|
|
float: left;
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
/* Product Tabs */
|
|
.woocommerce-tabs {
|
|
clear: both;
|
|
padding-bottom: 1px;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.woocommerce-tabs .tabs {
|
|
list-style: none !important;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
overflow: hidden;
|
|
}
|
|
.woocommerce-tabs .tabs li {
|
|
float: left;
|
|
margin: 0;
|
|
border-top: 2px solid transparent;
|
|
transition: background 0.3s, color 0.3s;
|
|
}
|
|
.woocommerce-tabs .tabs li a:focus,
|
|
.no-touch .woocommerce-tabs .tabs li:hover {
|
|
background: rgba(0,0,0,0.05);
|
|
}
|
|
.woocommerce-tabs .tabs li.active a:focus {
|
|
background: none;
|
|
}
|
|
.woocommerce-tabs .tabs li a {
|
|
display: block;
|
|
padding: 1rem 1.5rem;
|
|
border: none !important;
|
|
outline: none !important;
|
|
color: inherit !important;
|
|
}
|
|
.woocommerce-tabs .panel > h2 {
|
|
display: none;
|
|
}
|
|
|
|
/* Attributes Table */
|
|
.woocommerce .shop_attributes tr:last-child > * {
|
|
border: none;
|
|
}
|
|
|
|
/* Review List */
|
|
.woocommerce .commentlist {
|
|
list-style: none !important;
|
|
margin: 0;
|
|
}
|
|
.woocommerce-noreviews {
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
.woocommerce .commentlist li {
|
|
position: relative;
|
|
margin: 0 0 1.5rem;
|
|
}
|
|
.woocommerce .commentlist .meta {
|
|
opacity: 0.5;
|
|
}
|
|
.woocommerce .commentlist img.avatar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: auto;
|
|
width: 3.5rem;
|
|
border-radius: 50%;
|
|
}
|
|
.woocommerce .commentlist .comment-text {
|
|
margin-left: 5rem;
|
|
padding-bottom: 1rem;
|
|
border-bottom: 1px solid;
|
|
}
|
|
.woocommerce .commentlist li:last-child .comment-text {
|
|
border-bottom: none;
|
|
}
|
|
.woocommerce .commentlist .comment-text .star-rating {
|
|
float: right;
|
|
margin-left: 1rem;
|
|
}
|
|
.woocommerce .commentlist .comment-text p {
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
.woocommerce .commentlist .comment-text .meta {
|
|
font-size: 0.9rem;
|
|
line-height: 1.2rem;
|
|
}
|
|
.woocommerce .commentlist .comment-text .meta em {
|
|
font-style: normal;
|
|
text-transform: uppercase;
|
|
}
|
|
.woocommerce #reviews .woocommerce-pagination {
|
|
margin: 1rem 0;
|
|
}
|
|
.woocommerce #reviews .woocommerce-pagination ul li a,
|
|
.woocommerce #reviews .woocommerce-pagination ul li span {
|
|
line-height: 2.5rem;
|
|
height: 2.5rem;
|
|
width: 2.5rem;
|
|
margin: 0 0.15rem;
|
|
}
|
|
.woocommerce #reviews .add_review {
|
|
display: none;
|
|
}
|
|
|
|
/* Review Form */
|
|
.woocommerce .comment-respond {
|
|
padding: 1.8rem 2rem 2rem;
|
|
border: 2px solid;
|
|
}
|
|
.woocommerce .comment-respond .comment-reply-title {
|
|
display: block;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.woocommerce p.form-submit {
|
|
margin-bottom: 0;
|
|
}
|
|
.woocommerce p.comment-form-comment {
|
|
clear: both;
|
|
}
|
|
.woocommerce p.comment-form-rating {
|
|
float: left;
|
|
width: 32%;
|
|
}
|
|
.woocommerce p.comment-form-rating .stars {
|
|
margin: 0;
|
|
padding-top: 0.3rem;
|
|
}
|
|
.woocommerce .stars span {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
font-size: 0;
|
|
line-height: 2rem;
|
|
width: 10rem;
|
|
}
|
|
.woocommerce .stars a {
|
|
float: left;
|
|
width: 20%;
|
|
border: none !important;
|
|
outline: none !important;
|
|
transition: none !important;
|
|
}
|
|
.woocommerce .stars a:before {
|
|
vertical-align: top;
|
|
content: '\f005';
|
|
font-family: fontawesome;
|
|
font-weight: 900;
|
|
font-size: 1.7rem;
|
|
}
|
|
.no-touch .woocommerce .stars > span:hover a,
|
|
.no-touch .woocommerce .stars a:hover {
|
|
color: inherit;
|
|
opacity: 1;
|
|
}
|
|
.no-touch .woocommerce .stars > span:hover a:before,
|
|
.no-touch .woocommerce .stars a:hover:before {
|
|
font-weight: 900;
|
|
}
|
|
.no-touch .woocommerce .stars a:hover ~ a,
|
|
.woocommerce .stars a.active ~ a {
|
|
color: inherit;
|
|
opacity: 0.5;
|
|
}
|
|
.no-touch .woocommerce .stars a:hover ~ a:before,
|
|
.woocommerce .stars a.active ~ a:before {
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* Related Products */
|
|
.woocommerce .related,
|
|
.woocommerce .upsells,
|
|
.woocommerce .cross-sells {
|
|
clear: both;
|
|
padding-top: 2.5rem;
|
|
border-top: 1px solid;
|
|
}
|
|
.woocommerce .related > h2,
|
|
.woocommerce .upsells > h2,
|
|
.woocommerce .cross-sells > h2 {
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
|
|
/* CART PAGE
|
|
========================================================================== */
|
|
.woocommerce .shop_table.cart ~ .blockOverlay {
|
|
display: none !important;
|
|
}
|
|
.woocommerce-cart-form > table {
|
|
margin-bottom: 0;
|
|
}
|
|
.woocommerce .shop_table thead th {
|
|
font-weight: normal !important;
|
|
line-height: 1rem;
|
|
padding-top: 0;
|
|
opacity: 0.5;
|
|
}
|
|
.woocommerce .shop_table.cart td,
|
|
.woocommerce .shop_table.cart tfoot th {
|
|
vertical-align: middle;
|
|
font-size: 1.2rem;
|
|
}
|
|
.woocommerce .shop_table td .button {
|
|
font-size: 0.8rem;
|
|
margin-left: 0.3rem;
|
|
}
|
|
|
|
/* Remove Cell */
|
|
.woocommerce .shop_table.cart .product-remove {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 2rem;
|
|
}
|
|
.woocommerce .product-remove a.remove {
|
|
display: block;
|
|
font-size: 1.5rem;
|
|
line-height: 2rem;
|
|
width: 2rem;
|
|
border: none !important;
|
|
color: inherit;
|
|
opacity: 0.5;
|
|
}
|
|
.no-touch .woocommerce .product-remove a.remove:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Thumbnail Cell */
|
|
.woocommerce .shop_table.cart .product-thumbnail {
|
|
width: 7rem;
|
|
}
|
|
.woocommerce .product-thumbnail img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 5rem;
|
|
}
|
|
|
|
/* Name Cell */
|
|
.woocommerce .product-name .variation {
|
|
font-size: 0.9rem;
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
}
|
|
.woocommerce .product-name .variation dt,
|
|
.woocommerce .product-name .variation dd {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
}
|
|
.woocommerce .product-name .variation dd {
|
|
margin-right: 0.3rem;
|
|
}
|
|
.woocommerce .product-name .variation p {
|
|
font-weight: bold;
|
|
}
|
|
.woocommerce .product-name p.backorder_notification {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
/* Price Cell */
|
|
.woocommerce .shop_table.cart .product-price {
|
|
text-align: right;
|
|
}
|
|
|
|
/* Quantity Cell */
|
|
.woocommerce .shop_table.cart .product-quantity {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Summary Cell */
|
|
.woocommerce .shop_table.cart .product-subtotal {
|
|
font-weight: bold;
|
|
padding-right: 0;
|
|
width: 3rem;
|
|
}
|
|
|
|
/* Actions Cell */
|
|
.woocommerce .shop_table.cart .actions {
|
|
text-align: justify;
|
|
line-height: 0;
|
|
padding: 1.2rem 0 0.6rem;
|
|
border: none;
|
|
}
|
|
.woocommerce .shop_table.cart .actions:after {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
.woocommerce .shop_table.cart .actions > .button {
|
|
padding-top: 0.9rem;
|
|
padding-bottom: 0.9rem;
|
|
margin: 0 0 0.6rem;
|
|
}
|
|
.woocommerce .actions .coupon {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0 0.6rem 0.6rem 0;
|
|
}
|
|
.woocommerce .actions .coupon > .button {
|
|
padding-top: 0.9rem;
|
|
padding-bottom: 0.9rem;
|
|
}
|
|
.woocommerce .actions .coupon label {
|
|
display: none;
|
|
}
|
|
.woocommerce .actions .coupon .input-text {
|
|
font-size: 0.9rem;
|
|
width: 13rem;
|
|
}
|
|
|
|
/* Cart Collaterals */
|
|
.woocommerce .cart-collaterals {
|
|
float: right;
|
|
}
|
|
.woocommerce .cart_totals {
|
|
text-align: right;
|
|
padding: 1.8rem 2rem 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.woocommerce .cart_totals h2 {
|
|
display: none;
|
|
}
|
|
.woocommerce .cart_totals p {
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
}
|
|
.woocommerce .cart_totals small {
|
|
font-size: 0.9rem;
|
|
opacity: 0.5;
|
|
}
|
|
.woocommerce .cart_totals table {
|
|
margin: 0;
|
|
}
|
|
.woocommerce .cart_totals td,
|
|
.woocommerce .cart_totals th {
|
|
font-weight: normal;
|
|
border: none;
|
|
}
|
|
.woocommerce .cart_totals th {
|
|
padding-left: 0;
|
|
}
|
|
.woocommerce .cart_totals td {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 14rem;
|
|
}
|
|
.woocommerce .cart_totals .order-total th,
|
|
.woocommerce .cart_totals .order-total td {
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
}
|
|
.woocommerce ul#shipping_method {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.woocommerce ul#shipping_method li {
|
|
line-height: 1.4;
|
|
margin: 0.3rem 0;
|
|
}
|
|
.woocommerce ul#shipping_method input[type="radio"] {
|
|
vertical-align: middle;
|
|
}
|
|
.shipping-calculator-button {
|
|
border-bottom: 1px dotted;
|
|
}
|
|
.woocommerce .shipping-calculator-form {
|
|
text-align: left;
|
|
padding: 0.3rem 0.6rem;
|
|
}
|
|
.woocommerce .shipping-calculator-form ~ .blockOverlay {
|
|
display: none !important;
|
|
}
|
|
.woocommerce-shipping-calculator p {
|
|
padding: 0.3rem 0;
|
|
}
|
|
.woocommerce-shipping-calculator .button {
|
|
font-size: 0.8rem;
|
|
margin: 0 !important;
|
|
width: 100%;
|
|
}
|
|
.woocommerce .cart_totals .checkout-button {
|
|
display: block;
|
|
font-size: 1rem;
|
|
margin-top: 0.6rem;
|
|
}
|
|
|
|
/* Cart Style Compact */
|
|
.us-woo-cart_compact .woocommerce .shop_table.cart {
|
|
float: left;
|
|
width: 65%;
|
|
margin-bottom: 2.5rem !important;
|
|
}
|
|
.us-woo-cart_compact .woocommerce .shop_table.cart td,
|
|
.us-woo-cart_compact .woocommerce .shop_table.cart th {
|
|
font-size: 1rem;
|
|
}
|
|
.us-woo-cart_compact .woocommerce .cart-collaterals {
|
|
width: 30%;
|
|
}
|
|
|
|
|
|
|
|
/* CHECKOUT PAGE
|
|
========================================================================== */
|
|
form.woocommerce-checkout:after {
|
|
display: block;
|
|
content: '';
|
|
clear: both;
|
|
}
|
|
.woocommerce-checkout #customer_details {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
#customer_details.col2-set .col-1,
|
|
#customer_details.col2-set .col-2 {
|
|
clear: both;
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.woocommerce-checkout #ship-to-different-address {
|
|
margin: 1.5rem 0;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
font-weight: bold;
|
|
text-transform: none;
|
|
letter-spacing: 0;
|
|
color: inherit;
|
|
}
|
|
.woocommerce-checkout #ship-to-different-address input {
|
|
vertical-align: baseline;
|
|
}
|
|
.woocommerce-checkout #order_review_heading {
|
|
float: right;
|
|
width: 48%;
|
|
padding: 0;
|
|
}
|
|
.woocommerce-checkout #order_review {
|
|
float: right;
|
|
width: 48%;
|
|
padding: 1.8rem 2rem 2rem;
|
|
position: relative;
|
|
}
|
|
|
|
/* Checkout Review Order Table */
|
|
.woocommerce-checkout-review-order-table .blockOverlay,
|
|
.woocommerce-checkout-review-order-table thead {
|
|
display: none !important;
|
|
}
|
|
.woocommerce-checkout-review-order-table td,
|
|
.woocommerce-checkout-review-order-table th {
|
|
padding: 0.2rem 0;
|
|
border: none;
|
|
}
|
|
.woocommerce-checkout-review-order-table tfoot td {
|
|
font-weight: bold;
|
|
}
|
|
.woocommerce-checkout-review-order-table .order-total {
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
/* Payment */
|
|
.woocommerce #payment {
|
|
position: static !important;
|
|
}
|
|
.woocommerce #payment .payment_methods {
|
|
list-style: none;
|
|
margin: 0 0 1rem;
|
|
}
|
|
.woocommerce #payment .payment_methods li {
|
|
margin: 0;
|
|
}
|
|
.woocommerce #payment .payment_methods li > input {
|
|
display: none;
|
|
}
|
|
.woocommerce #payment .payment_methods li > label {
|
|
display: block;
|
|
font-weight: bold;
|
|
line-height: 2rem;
|
|
padding: 0.6rem 1rem;
|
|
transition: background 0.3s, color 0.3s;
|
|
}
|
|
.woocommerce #payment .payment_methods li > label:before {
|
|
content: '\f111';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
font-size: 1.2rem;
|
|
margin-right: 0.3rem;
|
|
}
|
|
.woocommerce #payment .payment_methods li > input:checked + label:before {
|
|
content: '\f192';
|
|
}
|
|
.woocommerce #payment .payment_methods li img {
|
|
vertical-align: middle;
|
|
}
|
|
.woocommerce #payment .payment_methods p {
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
.woocommerce #payment .woocommerce-error {
|
|
padding: 0.6rem 1rem;
|
|
margin-bottom: 0.6rem !important;
|
|
}
|
|
.woocommerce #payment .payment_box {
|
|
font-size: 0.9rem;
|
|
line-height: 1.5;
|
|
padding: 0 1rem 0.3rem;
|
|
}
|
|
.woocommerce-SavedPaymentMethods-saveNew label,
|
|
.woocommerce-SavedPaymentMethods-saveNew input {
|
|
vertical-align: middle;
|
|
}
|
|
.woocommerce-terms-and-conditions-wrapper {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.woocommerce #payment #place_order {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
/* PayPal */
|
|
.woocommerce .payment_method_paypal img {
|
|
display: none;
|
|
}
|
|
.woocommerce .payment_methods .about_paypal {
|
|
display: inline-block;
|
|
font-size: 0.7rem;
|
|
line-height: 1;
|
|
margin-left: 0.6rem;
|
|
}
|
|
|
|
/* Credit cards */
|
|
.wc-credit-card-form {
|
|
padding: 1rem;
|
|
}
|
|
.wc-credit-card-form-card-number {
|
|
background-position: right 0.4rem center;
|
|
background-repeat: no-repeat;
|
|
background-size: auto 2rem;
|
|
}
|
|
|
|
/* Stripe Gateway */
|
|
.woocommerce .stripe-pf {
|
|
line-height: inherit;
|
|
}
|
|
.woocommerce .StripeElement {
|
|
padding: 0.8rem !important;
|
|
margin: 0.6rem 0 !important;
|
|
border-radius: 0.3rem;
|
|
}
|
|
|
|
|
|
/* ORDER PAGE
|
|
========================================================================== */
|
|
.woocommerce-thankyou-order-received {
|
|
font-size: 1.4rem;
|
|
color: #5fcc29;
|
|
}
|
|
.order-info {
|
|
font-size: 1.4rem;
|
|
}
|
|
.order-info mark {
|
|
font-weight: bold;
|
|
}
|
|
.woocommerce ul.order_details {
|
|
list-style: none !important;
|
|
margin-left: 0;
|
|
padding: 1.5rem;
|
|
}
|
|
.woocommerce ul.order_details li {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 0.9rem;
|
|
margin-bottom: 0;
|
|
margin-right: 2rem;
|
|
padding-right: 2rem;
|
|
border-right: 1px dashed;
|
|
}
|
|
.woocommerce ul.order_details li strong {
|
|
display: block;
|
|
font-size: 1.2rem;
|
|
text-transform: none;
|
|
}
|
|
.woocommerce ul.order_details li:last-child {
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
border: none;
|
|
}
|
|
.woocommerce-table--order-details {
|
|
border: 1.5rem solid transparent; /* instead of padding */
|
|
width: auto;
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
.woocommerce-table--order-details thead {
|
|
display: none;
|
|
}
|
|
.woocommerce-table--order-details th,
|
|
.woocommerce-table--order-details td {
|
|
padding: 0.2rem 0;
|
|
border: none;
|
|
}
|
|
.woocommerce-Address h3 {
|
|
display: inline-block;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
|
|
|
|
/* ACCOUNT PAGE
|
|
========================================================================== */
|
|
.woocommerce-MyAccount-navigation {
|
|
float: left;
|
|
width: 20%;
|
|
}
|
|
.woocommerce-MyAccount-navigation ul {
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.woocommerce-MyAccount-navigation li {
|
|
position: relative;
|
|
padding-left: 1.8rem;
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
.woocommerce-MyAccount-navigation li:before {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
vertical-align: top;
|
|
content: '\f005';
|
|
font-family: fontawesome;
|
|
font-weight: 900;
|
|
opacity: 0.33;
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="dashboard"]:before {
|
|
content: '\f0e4';
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="orders"]:before {
|
|
content: '\f291';
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="downloads"]:before {
|
|
content: '\f019';
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="edit-address"]:before {
|
|
content: '\f015';
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="payment-methods"]:before {
|
|
content: '\f09d';
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="edit-account"]:before {
|
|
content: '\f007';
|
|
}
|
|
.woocommerce-MyAccount-navigation li[class*="customer-logout"]:before {
|
|
content: '\f08b';
|
|
}
|
|
.woocommerce-MyAccount-navigation li.is-active:before {
|
|
opacity: 1;
|
|
}
|
|
.woocommerce-MyAccount-navigation li.is-active a {
|
|
font-weight: bold;
|
|
color: inherit;
|
|
}
|
|
.woocommerce-MyAccount-content {
|
|
float: right;
|
|
width: 75%;
|
|
}
|
|
.woocommerce-MyAccount-content .order-number,
|
|
.woocommerce-MyAccount-content .order-status,
|
|
.woocommerce-orders-table__cell-order-number,
|
|
.woocommerce-orders-table__cell-order-status {
|
|
font-weight: bold;
|
|
}
|
|
.woocommerce-MyAccount-content #payment {
|
|
float: none;
|
|
}
|
|
.woocommerce-account fieldset {
|
|
margin: 0;
|
|
}
|
|
.woocommerce-account fieldset legend {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* WIDGETS
|
|
========================================================================== */
|
|
.woocommerce ul.product_list_widget li {
|
|
line-height: 1.4rem;
|
|
min-height: 4rem;
|
|
padding-left: 5rem;
|
|
margin-bottom: 1rem;
|
|
position: relative;
|
|
}
|
|
.woocommerce ul.product_list_widget li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.woocommerce ul.product_list_widget li.empty {
|
|
min-height: 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
.woocommerce ul.product_list_widget li a {
|
|
display: block;
|
|
margin-bottom: 0.3rem;
|
|
border: none !important;
|
|
}
|
|
.woocommerce ul.product_list_widget li img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 4rem;
|
|
}
|
|
.woocommerce ul.product_list_widget li .variation {
|
|
font-size: 0.9rem;
|
|
text-align: left;
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
.woocommerce ul.product_list_widget li .variation dt,
|
|
.woocommerce ul.product_list_widget li .variation dd {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
}
|
|
.woocommerce ul.product_list_widget li .variation p {
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
.woocommerce ul.product_list_widget li .star-rating {
|
|
float: none;
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
|
|
/* Cart widget */
|
|
.widget.widget_shopping_cart .remove {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
font-size: 1.4rem;
|
|
text-align: center;
|
|
width: 1.3rem;
|
|
color: inherit;
|
|
}
|
|
.no-touch .widget.widget_shopping_cart .remove {
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.no-touch .widget.widget_shopping_cart li:hover .remove {
|
|
opacity: 0.5;
|
|
}
|
|
.widget.widget_shopping_cart li .remove:focus,
|
|
.no-touch .widget.widget_shopping_cart li .remove:hover {
|
|
color: inherit !important;
|
|
opacity: 1;
|
|
}
|
|
.widget.widget_shopping_cart .remove + a {
|
|
padding-right: 1.3rem;
|
|
}
|
|
.widget.widget_shopping_cart ul li .quantity {
|
|
padding: 0 !important;
|
|
}
|
|
.widget.widget_shopping_cart p.total {
|
|
font-size: 1.2rem;
|
|
margin: 0;
|
|
padding: 1rem 0;
|
|
}
|
|
.widget_shopping_cart p.total .amount {
|
|
font-weight: bold;
|
|
}
|
|
.widget_shopping_cart p.buttons {
|
|
margin: 0;
|
|
}
|
|
.widget_shopping_cart p.buttons .button {
|
|
display: block;
|
|
font-size: 0.9rem;
|
|
}
|
|
.widget_shopping_cart p.buttons .button + .button {
|
|
margin-top: 0.4rem;
|
|
}
|
|
.woocommerce-mini-cart__empty-message {
|
|
line-height: normal;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Search widget */
|
|
.woocommerce-product-search {
|
|
position: relative;
|
|
}
|
|
.woocommerce-product-search:before {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
content: '\f002';
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
line-height: 2.8rem;
|
|
width: 2.8rem;
|
|
}
|
|
.widget_product_search button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 2.8rem;
|
|
width: 2.8rem;
|
|
padding: 0 !important;
|
|
text-indent: -9999px;
|
|
box-shadow: none !important;
|
|
background: none !important;
|
|
border: none !important;
|
|
}
|
|
.widget_product_search button:before {
|
|
display: none !important;
|
|
}
|
|
.widget_product_search input[type="search"] {
|
|
padding-right: 2.8rem;
|
|
}
|
|
|
|
/* Categories & Layered Nav widgets */
|
|
.widget_layered_nav li.wc-layered-nav-term,
|
|
.widget_product_categories li {
|
|
position: relative;
|
|
line-height: 1.4rem;
|
|
padding-left: 1rem;
|
|
}
|
|
.widget_layered_nav li.wc-layered-nav-term:before,
|
|
.widget_product_categories li:before {
|
|
position: absolute;
|
|
left: 0;
|
|
content: '\f105';
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
opacity: 0.5;
|
|
}
|
|
.widget_layered_nav li.chosen,
|
|
.widget_product_categories li.current-cat {
|
|
font-weight: bold;
|
|
}
|
|
.widget_product_categories ul {
|
|
font-weight: normal;
|
|
}
|
|
.widget_layered_nav button {
|
|
margin-top: 0.3rem;
|
|
font-size: 0.8rem;
|
|
}
|
|
.widget_layered_nav select {
|
|
display: none;
|
|
}
|
|
|
|
/* Price Filter widget */
|
|
.widget_price_filter .ui-slider {
|
|
position: relative;
|
|
height: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
cursor: e-resize;
|
|
}
|
|
.widget_price_filter .ui-slider:before,
|
|
.widget_price_filter .ui-slider-range {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0.6rem;
|
|
height: 0.3rem;
|
|
border-radius: 2rem;
|
|
width: 100%;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset;
|
|
}
|
|
.widget_price_filter .ui-slider-handle {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
border-radius: 50%;
|
|
z-index: 2;
|
|
background: #fff;
|
|
border: 3px solid;
|
|
}
|
|
.widget_price_filter .ui-slider-handle:last-child {
|
|
margin-left: -1.5rem;
|
|
}
|
|
.widget_price_filter .price_slider_amount {
|
|
text-align: right;
|
|
line-height: 1.5rem;
|
|
}
|
|
.widget_price_filter .price_slider_amount input {
|
|
display: none;
|
|
}
|
|
.widget_price_filter .price_slider_amount .button {
|
|
float: left;
|
|
font-size: 0.8rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
.widget_price_filter .price_slider_amount .price_label {
|
|
padding-top: 0.5rem;
|
|
}
|
|
.widget_price_filter .price_slider_amount .price_label span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Average Rating widget */
|
|
.widget_rating_filter .star-rating {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Product Tag Cloud widget */
|
|
.widget_product_tag_cloud a {
|
|
color: inherit;
|
|
}
|
|
|
|
/* Layered Nav Filters widget */
|
|
.widget_layered_nav_filters ul {
|
|
overflow: hidden;
|
|
}
|
|
.widget_layered_nav_filters ul li {
|
|
float: left;
|
|
margin: 0 0.2rem 0.2rem 0;
|
|
}
|
|
.widget_layered_nav_filters ul li a {
|
|
display: block;
|
|
padding: 0 0.6rem;
|
|
line-height: 2.2rem;
|
|
border-radius: 0.2rem;
|
|
border: none !important;
|
|
color: #fff;
|
|
}
|
|
.no-touch .widget_layered_nav_filters ul li a:hover {
|
|
color: #fff;
|
|
}
|
|
.widget_layered_nav_filters ul li a:before {
|
|
content: '\f00d';
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
/* Smart Coupons plugin
|
|
========================================================================== */
|
|
.woocommerce #coupons_list {
|
|
float: left;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.us-woo-cart_compact .woocommerce #coupons_list {
|
|
float: right;
|
|
width: 30%;
|
|
}
|
|
.woocommerce #coupons_list > h2 {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
/* WooComposer by Ultimate Addons
|
|
========================================================================== */
|
|
.wpb_column.wooproduct {
|
|
float: left;
|
|
padding: 0 1rem;
|
|
}
|
|
.vc_span3.wpb_column.wooproduct {
|
|
width: 25%;
|
|
}
|
|
.vc_span4.wpb_column.wooproduct {
|
|
width: 33.3333%;
|
|
}
|
|
.vc_span5.wpb_column.wooproduct {
|
|
width: 20%;
|
|
}
|
|
.vc_span6.wpb_column.wooproduct {
|
|
width: 50%;
|
|
}
|
|
|
|
/* Catalog Mode
|
|
========================================================================== */
|
|
.us-woo-catalog .cart,
|
|
.us-woo-catalog .stock,
|
|
.us-woo-catalog .add_to_cart_button,
|
|
.us-woo-catalog .type_product a.button {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Rounded Corners
|
|
========================================================================== */
|
|
.rounded_none .w-cart-notification,
|
|
.rounded_none.woocommerce .quantity .plus,
|
|
.rounded_none.woocommerce .quantity .minus,
|
|
.rounded_none.woocommerce .StripeElement,
|
|
.rounded_none .select2-selection,
|
|
.rounded_none .widget_price_filter .ui-slider:before,
|
|
.rounded_none .widget_layered_nav_filters ul li a {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Links Hover Underline
|
|
========================================================================== */
|
|
.no-touch .links_underline.woocommerce .group_table td a:hover,
|
|
.no-touch .links_underline.woocommerce .product-name a:hover,
|
|
.no-touch .links_underline.woocommerce .product_meta a:hover,
|
|
.no-touch .links_underline .woocommerce .shop_table td a:hover,
|
|
.no-touch .links_underline .woocommerce-Address .edit:hover,
|
|
.no-touch .links_underline .woocommerce-message a:hover,
|
|
.no-touch .links_underline .woocommerce-error a:hover,
|
|
.no-touch .links_underline .woocommerce-info a:hover,
|
|
.no-touch .links_underline .woocommerce-breadcrumb a:hover,
|
|
.no-touch .links_underline .woocommerce-review-link:hover,
|
|
.no-touch .links_underline .widget_product_tag_cloud .tagcloud a:hover {
|
|
border-bottom: 1px solid;
|
|
}
|
|
|