Files
sklep.elitex.pl/wp-content/themes/calla/assets/css/woocommerce.scss
2023-11-23 22:14:40 +01:00

6502 lines
149 KiB
SCSS

// out: woocommerce.min.css, compress: true, sourceMap: true
/* ==========================================================================
WooCommerce styles - begin
========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* mixins styles - start */
/* mixins styles - end */
/* ==========================================================================
Marks (Sale, Out of Stock) mixin styles - begin
========================================================================== */
/* ==========================================================================
Marks (Sale, Out of Stock) mixin styles - end
========================================================================== */
/* ==========================================================================
Price mixin styles - begin
========================================================================== */
/* ==========================================================================
Price mixin styles - end
========================================================================== */
/* ==========================================================================
Star Ratings mixin styles - begin
========================================================================== */
.woocommerce .star-rating,
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
.comment-respond
.stars
a:before,
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
.comment-respond
.stars
a.active:after,
.eltdf-product-info .eltdf-pi-rating,
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-rating,
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-rating,
.eltdf-pl-holder .eltdf-pli .eltdf-pli-rating {
font-family: 'ElegantIcons';
font-size: 12px;
line-height: 1;
letter-spacing: 2px;
color: #17436f;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ==========================================================================
Star Ratings mixin styles - end
========================================================================== */
/*------------------------------------------------------------------
* This is main woocommerce css file for theme. It is broken into following sections:
* 1. Global
* 2. Single Product
* 3. WooCommerce Product Lists and Shortcodes
* 4. Cart
* 5. Checkout
* 6. My Account
* 7. Shortcodes
* 8. Widgets
-------------------------------------------------------------------*/
/* ==========================================================================
WooCommerce Cart page styles - begin
========================================================================== */
.eltdf-woocommerce-page table.cart thead tr {
border: 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page table.cart thead tr th {
padding: 10px 0;
text-align: left;
color: #333333;
font-size: 16px;
font-family: 'Crimson Text', cursive;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.eltdf-woocommerce-page table.cart tbody tr {
border: 0;
}
.eltdf-woocommerce-page table.cart tr.cart_item {
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page table.cart tr.cart_item td {
padding: 25px 0;
vertical-align: middle;
text-align: inherit;
}
.eltdf-woocommerce-page table.cart tr.cart_item td.product-remove {
padding-left: 10px;
padding-right: 10px;
}
.eltdf-woocommerce-page table.cart tr.cart_item td.product-remove a {
color: #676767;
font-size: 0;
line-height: 1;
}
.eltdf-woocommerce-page table.cart tr.cart_item td.product-remove a:after {
content: '\f404';
display: inline-block;
vertical-align: middle;
speak: none;
color: inherit;
font-family: 'Ionicons';
font-size: 25px;
line-height: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.eltdf-woocommerce-page table.cart tr.cart_item td.product-remove a:hover {
color: #333333;
}
.eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail {
width: 86px;
padding-right: 10px;
}
.eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail a,
.eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail img {
display: block;
}
.eltdf-woocommerce-page table.cart tr.cart_item td .variation > * {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.eltdf-woocommerce-page table.cart tr.cart_item td .variation p {
margin: 0;
}
.eltdf-woocommerce-page table.cart td.actions {
padding: 35px 0 36px;
text-align: inherit;
}
.eltdf-woocommerce-page table.cart td.actions .coupon {
position: relative;
display: inline-block;
vertical-align: middle;
float: left;
}
.eltdf-woocommerce-page table.cart td.actions .coupon label {
display: none;
}
.eltdf-woocommerce-page table.cart td.actions .coupon input[type='text'] {
margin: 0 22px 0 0;
padding: 13px 20px;
}
.eltdf-woocommerce-page table.cart td.actions > input,
.eltdf-woocommerce-page table.cart td.actions > button {
float: right;
}
.eltdf-woocommerce-page .cart-collaterals {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0 0 50px;
}
.eltdf-woocommerce-page .cart-collaterals h2 {
position: relative;
display: block;
margin: 0 0 10px;
font-size: 34px;
}
.eltdf-woocommerce-page .cart-collaterals table {
margin: 0 0 35px;
}
.eltdf-woocommerce-page .cart-collaterals table tr {
border: 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page .cart-collaterals table td,
.eltdf-woocommerce-page .cart-collaterals table th {
padding: 14px 0;
text-align: left;
vertical-align: middle;
}
.eltdf-woocommerce-page .cart-collaterals table td strong {
color: #333333;
font-size: 18px;
font-family: 'Crimson Text', cursive;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.eltdf-woocommerce-page .cart-collaterals table th {
width: 20%;
padding: 14px 5px 10px 0;
border: 0;
color: #333333;
font-size: 16px;
font-family: 'Crimson Text', cursive;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.eltdf-woocommerce-page .cart-collaterals tr.shipping #shipping_method {
list-style: none;
margin: 0 0 7px;
}
.eltdf-woocommerce-page .cart-collaterals tr.shipping #shipping_method li {
margin: 3px 0;
padding: 0;
input {
margin-right: 5px;
}
}
.eltdf-woocommerce-page .cart-collaterals tr.shipping #shipping_method li > * {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.eltdf-woocommerce-page
.cart-collaterals
.woocommerce-shipping-calculator
.shipping-calculator-button {
display: block;
margin: 0 0 10px;
}
.eltdf-woocommerce-page .cart-collaterals .woocommerce-shipping-calculator p {
margin: 0;
}
.eltdf-woocommerce-page .cross-sells {
margin: 30px 0 0;
border-top: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page .cross-sells > h2 {
display: block;
margin: 36px 0 50px;
text-align: center;
font-size: 26px;
}
.eltdf-woocommerce-page .cart_totals {
margin: 60px 0 20px;
}
.eltdf-woocommerce-page .cart-empty {
position: relative;
display: block;
text-align: center;
margin: 40px 0 33px;
color: #333333;
font-size: 34px;
font-family: 'Crimson Text', cursive;
font-weight: 600;
line-height: 1.2em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.eltdf-woocommerce-page .return-to-shop {
position: relative;
display: block;
text-align: center;
margin: 0 0 60px;
}
/* ==========================================================================
WooCommerce Cart page styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Checkout page styles - begin
========================================================================== */
.eltdf-woocommerce-page .checkout_coupon {
display: block;
margin: 0 0 34px;
}
.eltdf-woocommerce-page .checkout_coupon p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-checkout form.login {
display: block;
margin: 0 0 34px;
}
.eltdf-woocommerce-page.woocommerce-checkout form.login > *:first-child {
margin: 0 0 15px;
}
.eltdf-woocommerce-page.woocommerce-checkout form.login p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-checkout form.login input[type='checkbox'] {
position: relative;
display: inline-block;
vertical-align: middle;
top: -1px;
margin: 0 3px 0 5px;
}
.eltdf-woocommerce-page.woocommerce-checkout form.login .lost_password {
display: block;
margin: 15px 0 0;
}
.eltdf-woocommerce-page .woocommerce-checkout .col2-set:before,
.eltdf-woocommerce-page .woocommerce-checkout .col2-set:after {
content: '';
display: table;
}
.eltdf-woocommerce-page .woocommerce-checkout .col2-set:after {
clear: both;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 {
position: relative;
display: inline-block;
width: 49%;
margin-right: 1%;
float: left;
vertical-align: middle;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1 h3,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 h3 {
margin: 8px 0 25px;
font-size: 22px;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1 p,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 p {
margin: 0;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1 label:not(.checkbox),
.eltdf-woocommerce-page .woocommerce-checkout .col-2 label:not(.checkbox) {
display: block;
margin: 0 0 5px;
text-transform: uppercase;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1 .form-row,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 .form-row {
width: 49%;
margin-right: 2%;
float: left;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1 .form-row-last,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 .form-row-last {
margin-right: 0;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-1 .form-row-wide,
.eltdf-woocommerce-page .woocommerce-checkout .col-1 .form-row.notes,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 .form-row-wide,
.eltdf-woocommerce-page .woocommerce-checkout .col-2 .form-row.notes {
width: 100%;
}
.eltdf-woocommerce-page .woocommerce-checkout .col-2 {
margin-left: 1%;
margin-right: 0;
}
.eltdf-woocommerce-page .woocommerce-checkout .create-account {
margin: 0 0 15px;
}
.eltdf-woocommerce-page .woocommerce-checkout .create-account input,
.eltdf-woocommerce-page .woocommerce-checkout .create-account label {
display: inline-block;
vertical-align: middle;
}
.eltdf-woocommerce-page .woocommerce-checkout h3#order_review_heading {
margin: 75px 0 15px;
font-size: 22px;
}
.eltdf-woocommerce-page .woocommerce-checkout table {
padding: 0;
margin: 0 0 35px;
}
.eltdf-woocommerce-page .woocommerce-checkout table tr {
border: 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page
.woocommerce-checkout
table
tr.shipping
#shipping_method {
list-style: none;
margin: 0;
}
.eltdf-woocommerce-page
.woocommerce-checkout
table
tr.shipping
#shipping_method
li {
margin: 3px 0;
padding: 0;
input {
margin-right: 5px;
}
}
.eltdf-woocommerce-page
.woocommerce-checkout
table
tr.shipping
#shipping_method
li
> * {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.eltdf-woocommerce-page .woocommerce-checkout table tr.order-total strong {
color: #333333;
font-size: 18px;
font-family: 'Crimson Text', cursive;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.eltdf-woocommerce-page .woocommerce-checkout table td,
.eltdf-woocommerce-page .woocommerce-checkout table th {
padding: 14px 0;
text-align: left;
vertical-align: middle;
}
.eltdf-woocommerce-page .woocommerce-checkout table td .product-quantity {
font-weight: 400;
}
.eltdf-woocommerce-page .woocommerce-checkout table th {
border: 0;
padding: 14px 0 10px;
color: #333333;
font-size: 16px;
font-family: 'Crimson Text', cursive;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.eltdf-woocommerce-page .woocommerce-checkout table .variation > * {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.eltdf-woocommerce-page .woocommerce-checkout table .variation p {
margin: 0;
}
.eltdf-woocommerce-page .woocommerce-checkout .select2-container {
border-radius: 0;
margin: 0 0 14px;
height: 40px;
.selection {
height: 40px;
display: block;
.select2-selection {
height: 40px;
border-radius: 0;
line-height: 40px;
.select2-selection__rendered {
line-height: 40px !important;
}
}
}
}
.eltdf-woocommerce-page .woocommerce-checkout input[type='radio'],
.eltdf-woocommerce-page .woocommerce-checkout input[type='checkbox'] {
position: relative;
display: inline-block;
vertical-align: middle;
top: -1px;
margin: 0 3px 0 5px;
}
.eltdf-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment {
display: block;
margin: 20px 0 70px;
}
.eltdf-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul {
list-style: none;
margin: 0 0 35px;
padding: 0;
}
.eltdf-woocommerce-page
.woocommerce-checkout
.woocommerce-checkout-payment
ul
li {
padding: 14px 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page
.woocommerce-checkout
.woocommerce-checkout-payment
ul
li
input,
.eltdf-woocommerce-page
.woocommerce-checkout
.woocommerce-checkout-payment
ul
li
label {
display: inline-block;
vertical-align: middle;
}
.eltdf-woocommerce-page
.woocommerce-checkout
.woocommerce-checkout-payment
ul
li.payment_method_paypal
label
img {
vertical-align: middle;
margin: 0 8px;
}
/* ==========================================================================
WooCommerce Checkout page styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Checkout page - Order Received styles - begin
========================================================================== */
.eltdf-woocommerce-page.woocommerce-order-received .woocommerce {
display: block;
margin: 0 0 45px;
}
.eltdf-woocommerce-page.woocommerce-order-received .woocommerce > p {
display: block;
margin: 0 0 30px;
}
.eltdf-woocommerce-page.woocommerce-order-received .woocommerce > h2,
.eltdf-woocommerce-page.woocommerce-order-received .woocommerce > header h2 {
display: block;
margin: 16px 0 25px;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
ul.order_details {
list-style: none;
margin: 0 0 30px;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
ul.order_details
li {
padding: 14px 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
ul.order_details
li
strong {
color: #333333;
font-weight: 400;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table {
padding: 0;
margin: 0 0 35px;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table
tr {
border: 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table
td,
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table
th {
padding: 14px 0;
text-align: left;
vertical-align: middle;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table
th {
border: 0;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table
.variation
> * {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
table.shop_table
.variation
p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
margin: 0 0 15px;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses
.col-1,
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses
.col-2 {
position: relative;
display: inline-block;
width: 49%;
margin-right: 1%;
float: left;
vertical-align: middle;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses
.col-2 {
margin-left: 1%;
margin-right: 0;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses
.title {
margin: 4px 0 25px;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses
h3 {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-order-received
.woocommerce
.col2-set.addresses
address {
font-style: normal;
}
/* ==========================================================================
WooCommerce Checkout page - Order Received styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Buttons styles - begin
========================================================================== */
.woocommerce-page .eltdf-content a.button:not(.add_to_cart_button),
.woocommerce-page .eltdf-content input[type='submit'],
.woocommerce-page
.eltdf-content
button[type='submit']:not(.eltdf-woo-search-widget-button):not(
.single_add_to_cart_button
),
.woocommerce-page
.eltdf-content
.wc-forward:not(.added_to_cart):not(.checkout-button),
div.woocommerce a.button:not(.add_to_cart_button),
div.woocommerce input[type='submit'],
div.woocommerce
button[type='submit']:not(.eltdf-woo-search-widget-button):not(
.single_add_to_cart_button
),
div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button) {
font-family: inherit;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 14px;
line-height: 2.2em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
font-size: 12px;
padding: 10px 34px;
color: #fff;
background-color: #17436f;
border: none;
cursor: pointer;
z-index: 3;
}
.woocommerce-page .eltdf-content a.button:not(.add_to_cart_button):hover,
.woocommerce-page .eltdf-content input[type='submit']:hover,
.woocommerce-page
.eltdf-content
button[type='submit']:not(.eltdf-woo-search-widget-button):not(
.single_add_to_cart_button
):hover,
.woocommerce-page
.eltdf-content
.wc-forward:not(.added_to_cart):not(.checkout-button):hover,
div.woocommerce a.button:not(.add_to_cart_button):hover,
div.woocommerce input[type='submit']:hover,
div.woocommerce
button[type='submit']:not(.eltdf-woo-search-widget-button):not(
.single_add_to_cart_button
):hover,
div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):hover {
color: #fff;
background-color: #333333;
}
.woocommerce-page .eltdf-content a.add_to_cart_button,
.woocommerce-page .eltdf-content a.added_to_cart,
div.woocommerce a.add_to_cart_button,
div.woocommerce a.added_to_cart {
font-family: inherit;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 14px;
line-height: 2.2em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
font-size: 12px;
padding: 10px 34px;
color: #17436f;
background-color: transparent;
cursor: pointer;
z-index: 3;
}
.woocommerce-page .eltdf-content a.add_to_cart_button .eltdf-btn-border,
.woocommerce-page .eltdf-content a.added_to_cart .eltdf-btn-border,
div.woocommerce a.add_to_cart_button .eltdf-btn-border,
div.woocommerce a.added_to_cart .eltdf-btn-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-page
.eltdf-content
a.add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first,
.woocommerce-page
.eltdf-content
a.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first,
div.woocommerce
a.add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first,
div.woocommerce
a.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.woocommerce-page
.eltdf-content
a.add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second,
.woocommerce-page
.eltdf-content
a.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second,
div.woocommerce
a.add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second,
div.woocommerce
a.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.woocommerce-page
.eltdf-content
a.add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first,
.woocommerce-page
.eltdf-content
a.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first,
div.woocommerce
a.add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first,
div.woocommerce
a.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.woocommerce-page
.eltdf-content
a.add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second,
.woocommerce-page
.eltdf-content
a.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second,
div.woocommerce
a.add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second,
div.woocommerce
a.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button,
div.woocommerce button[type='submit'].single_add_to_cart_button {
font-family: inherit;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 14px;
line-height: 2.2em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
font-size: 12px;
padding: 10px 34px;
color: #17436f;
background-color: transparent;
cursor: pointer;
z-index: 3;
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button
.eltdf-btn-border,
div.woocommerce
button[type='submit'].single_add_to_cart_button
.eltdf-btn-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first,
div.woocommerce
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second,
div.woocommerce
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first,
div.woocommerce
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second,
div.woocommerce
button[type='submit'].single_add_to_cart_button.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button:before,
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button:after,
div.woocommerce button[type='submit'].single_add_to_cart_button:before,
div.woocommerce button[type='submit'].single_add_to_cart_button:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button:before,
div.woocommerce button[type='submit'].single_add_to_cart_button:before {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button:after,
div.woocommerce button[type='submit'].single_add_to_cart_button:after {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button:hover:before,
div.woocommerce button[type='submit'].single_add_to_cart_button:hover:before {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.woocommerce-page
.eltdf-content
button[type='submit'].single_add_to_cart_button:hover:after,
div.woocommerce button[type='submit'].single_add_to_cart_button:hover:after {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.woocommerce-page .eltdf-content a.button.added,
div.woocommerce a.button.added {
display: none;
}
/* ==========================================================================
WooCommerce Buttons styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Onsale and Out of Stock styles - begin
========================================================================== */
.woocommerce .eltdf-onsale,
.woocommerce .eltdf-out-of-stock,
.woocommerce .eltdf-new-product {
position: absolute;
display: block;
top: 0;
width: auto;
color: #fff;
font-family: 'Crimson Text', cursive;
font-size: 16px;
font-weight: 600;
line-height: 40px;
text-align: center;
box-sizing: border-box;
margin: 0;
padding: 4px 8px 0 0;
z-index: 100;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.woocommerce .eltdf-onsale:before,
.woocommerce .eltdf-out-of-stock:before,
.woocommerce .eltdf-new-product:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 75px 75px 0;
z-index: -1;
}
.woocommerce .eltdf-onsale {
right: 0;
}
.woocommerce .eltdf-onsale:before {
border-color: transparent #17436f transparent transparent;
}
.woocommerce .eltdf-out-of-stock {
right: 0;
}
.woocommerce .eltdf-out-of-stock:before {
border-color: transparent #333333 transparent transparent;
}
.woocommerce .eltdf-new-product {
right: 0;
}
.woocommerce .eltdf-new-product:before {
border-color: transparent #17436f transparent transparent;
}
.eltdf-woo-single-page .eltdf-single-product-content .eltdf-onsale,
.eltdf-woo-single-page .eltdf-single-product-content .eltdf-out-of-stock,
.eltdf-woo-single-page .eltdf-single-product-content .eltdf-new-product {
right: 10px;
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.eltdf-onsale,
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.eltdf-out-of-stock,
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.eltdf-new-product {
right: 0;
}
/* ==========================================================================
WooCommerce Onsale and Out of Stock styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Message styles - begin
========================================================================== */
.eltdf-woocommerce-page .eltdf-content .eltdf-container .woocommerce-message,
.eltdf-woocommerce-page .eltdf-content .eltdf-container .woocommerce-info,
.eltdf-woocommerce-page .eltdf-content .eltdf-container .woocommerce-error {
position: relative;
display: block;
padding: 20px 30px;
margin: 0 0 30px;
line-height: 46px;
list-style: none;
background-color: transparent;
border: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-message
> a.button,
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-info
> a.button,
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-error
> a.button {
line-height: inherit;
padding: 0;
font-family: inherit;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 14px;
line-height: 2.2em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
font-size: 12px;
padding: 10px 34px;
color: #fff;
background-color: #17436f;
border: none;
}
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-message
> a.button:hover,
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-info
> a.button:hover,
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-error
> a.button:hover {
color: #fff;
background-color: #333333;
}
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-message
a.button,
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-info
a.button,
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-error
a.button {
float: right;
}
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-info
.showcoupon {
color: #17436f;
}
.eltdf-woocommerce-page
.eltdf-content
.eltdf-container
.woocommerce-info
.showcoupon:hover {
color: #333333;
}
/* ==========================================================================
WooCommerce Message styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Pagination styles - begin
========================================================================== */
.eltdf-woo-pagination-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0 0 100px;
clear: both;
}
.eltdf-woo-pagination-holder .eltdf-woo-pagination-inner {
position: relative;
display: table;
width: 100%;
text-align: right;
}
.woocommerce-pagination {
position: relative;
display: table-cell;
vertical-align: top;
width: 99%;
margin: 0;
padding: 0;
}
.woocommerce-pagination .page-numbers {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.woocommerce-pagination .page-numbers li {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
position: relative;
display: inline-block;
width: auto;
color: #676767;
font-size: 18px;
font-weight: 400;
margin: 0 12px;
padding: 0;
vertical-align: top;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li a.current,
.woocommerce-pagination .page-numbers li span:hover,
.woocommerce-pagination .page-numbers li span.current {
color: #17436f;
}
.woocommerce-pagination .page-numbers li a.next,
.woocommerce-pagination .page-numbers li a.prev {
font-size: 0;
line-height: 1.2;
vertical-align: middle;
margin: 0 6px 0 4px;
}
.woocommerce-pagination .page-numbers li a.next:before,
.woocommerce-pagination .page-numbers li a.prev:before {
position: relative;
top: -1px;
display: block;
font-family: 'Linearicons-Free';
font-size: 14px;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woocommerce-pagination .page-numbers li a.prev:before {
content: '\e875';
}
.woocommerce-pagination .page-numbers li a.next:before {
content: '\e876';
}
.eltdf-woo-view-all-pagination {
position: relative;
display: table-cell;
vertical-align: top;
width: 1%;
}
.eltdf-woo-view-all-pagination a {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
padding: 0 0 0 17px;
color: #676767;
}
.eltdf-woo-view-all-pagination a:before {
content: '';
padding: 0 28px 0 0;
border-left: 1px solid #676767;
}
.eltdf-woo-view-all-pagination a:hover {
color: #333333;
}
/* ==========================================================================
WooCommerce Pagination styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Quantity Inputs styles - begin
========================================================================== */
.woocommerce-page .eltdf-content .eltdf-quantity-buttons,
div.woocommerce .eltdf-quantity-buttons {
position: relative;
display: inline-block;
vertical-align: middle;
}
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-input,
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-minus,
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-plus,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-input,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-minus,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-plus {
display: inline-block;
vertical-align: middle;
color: #676767;
background-color: transparent;
border: 1px solid #c9c9c9;
text-align: center;
box-sizing: border-box;
}
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-input,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-input {
position: relative;
height: 50px;
width: 50px;
padding: 0;
margin: 0 22px 0 0;
font-family: 'Crimson Text', cursive;
font-size: 16px;
outline: 0;
}
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-minus,
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-plus,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-minus,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-plus {
position: absolute;
right: 0;
width: 22px;
height: 25px;
line-height: 22px;
border-left: 0;
cursor: pointer;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.woocommerce-page
.eltdf-content
.eltdf-quantity-buttons
.eltdf-quantity-minus:hover,
.woocommerce-page
.eltdf-content
.eltdf-quantity-buttons
.eltdf-quantity-plus:hover,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-minus:hover,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-plus:hover {
color: #17436f;
}
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-plus,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-plus {
top: 0;
border-bottom: 0;
}
.woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-minus,
div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-minus {
bottom: 0;
}
.woocommerce-page .eltdf-content input[type='text'],
.woocommerce-page .eltdf-content input[type='email'],
.woocommerce-page .eltdf-content input[type='tel'],
.woocommerce-page .eltdf-content input[type='password'],
.woocommerce-page .eltdf-content textarea,
div.woocommerce input[type='text'],
div.woocommerce input[type='email'],
div.woocommerce input[type='tel'],
div.woocommerce input[type='password'],
div.woocommerce textarea {
position: relative;
width: 100%;
margin: 0 0 20px;
padding: 12px 20px;
font-family: inherit;
font-size: 12px;
line-height: 18px;
font-weight: inherit;
color: #676767;
background-color: transparent;
border: 1px solid #c9c9c9;
outline: 0;
-webkit-appearance: none;
box-sizing: border-box;
}
.woocommerce-page .eltdf-content input[type='text']:focus,
.woocommerce-page .eltdf-content input[type='email']:focus,
.woocommerce-page .eltdf-content input[type='tel']:focus,
.woocommerce-page .eltdf-content input[type='password']:focus,
.woocommerce-page .eltdf-content textarea:focus,
div.woocommerce input[type='text']:focus,
div.woocommerce input[type='email']:focus,
div.woocommerce input[type='tel']:focus,
div.woocommerce input[type='password']:focus,
div.woocommerce textarea:focus {
border-color: #17436f;
}
.woocommerce-page .eltdf-content input[type='text']::-webkit-input-placeholder,
.woocommerce-page .eltdf-content input[type='email']::-webkit-input-placeholder,
.woocommerce-page .eltdf-content input[type='tel']::-webkit-input-placeholder,
.woocommerce-page
.eltdf-content
input[type='password']::-webkit-input-placeholder,
.woocommerce-page .eltdf-content textarea::-webkit-input-placeholder,
div.woocommerce input[type='text']::-webkit-input-placeholder,
div.woocommerce input[type='email']::-webkit-input-placeholder,
div.woocommerce input[type='tel']::-webkit-input-placeholder,
div.woocommerce input[type='password']::-webkit-input-placeholder,
div.woocommerce textarea::-webkit-input-placeholder {
color: inherit;
}
.woocommerce-page .eltdf-content input[type='text']:-moz-placeholder,
.woocommerce-page .eltdf-content input[type='email']:-moz-placeholder,
.woocommerce-page .eltdf-content input[type='tel']:-moz-placeholder,
.woocommerce-page .eltdf-content input[type='password']:-moz-placeholder,
.woocommerce-page .eltdf-content textarea:-moz-placeholder,
div.woocommerce input[type='text']:-moz-placeholder,
div.woocommerce input[type='email']:-moz-placeholder,
div.woocommerce input[type='tel']:-moz-placeholder,
div.woocommerce input[type='password']:-moz-placeholder,
div.woocommerce textarea:-moz-placeholder {
color: inherit;
opacity: 1;
}
.woocommerce-page .eltdf-content input[type='text']::-moz-placeholder,
.woocommerce-page .eltdf-content input[type='email']::-moz-placeholder,
.woocommerce-page .eltdf-content input[type='tel']::-moz-placeholder,
.woocommerce-page .eltdf-content input[type='password']::-moz-placeholder,
.woocommerce-page .eltdf-content textarea::-moz-placeholder,
div.woocommerce input[type='text']::-moz-placeholder,
div.woocommerce input[type='email']::-moz-placeholder,
div.woocommerce input[type='tel']::-moz-placeholder,
div.woocommerce input[type='password']::-moz-placeholder,
div.woocommerce textarea::-moz-placeholder {
color: inherit;
opacity: 1;
}
.woocommerce-page .eltdf-content input[type='text']:-ms-input-placeholder,
.woocommerce-page .eltdf-content input[type='email']:-ms-input-placeholder,
.woocommerce-page .eltdf-content input[type='tel']:-ms-input-placeholder,
.woocommerce-page .eltdf-content input[type='password']:-ms-input-placeholder,
.woocommerce-page .eltdf-content textarea:-ms-input-placeholder,
div.woocommerce input[type='text']:-ms-input-placeholder,
div.woocommerce input[type='email']:-ms-input-placeholder,
div.woocommerce input[type='tel']:-ms-input-placeholder,
div.woocommerce input[type='password']:-ms-input-placeholder,
div.woocommerce textarea:-ms-input-placeholder {
color: inherit;
}
.woocommerce-page .eltdf-content .coupon input[type='text'],
div.woocommerce .coupon input[type='text'] {
width: 200px;
}
/* ==========================================================================
WooCommerce Quantity Inputs styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Result and Ordering styles - begin
========================================================================== */
.eltdf-woocommerce-page .woocommerce-result-count,
.eltdf-woocommerce-page .woocommerce-ordering {
display: inline;
width: 50%;
margin: 0 0 38px;
float: left;
}
.eltdf-woocommerce-page .woocommerce-result-count {
font-family: 'Crimson Text', cursive;
font-weight: 500;
line-height: 48px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.eltdf-woocommerce-page .woocommerce-ordering {
text-align: right;
}
.eltdf-woocommerce-page .woocommerce-ordering .orderby {
width: auto;
min-width: 250px;
margin: 0;
text-align: initial;
}
/* ==========================================================================
WooCommerce Result and Ordering styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Select 2 Script override - begin
========================================================================== */
.eltdf-woocommerce-page
.cart-collaterals
.woocommerce-shipping-calculator
.select2-container--default {
width: 100% !important;
margin: 0 0 14px;
}
.eltdf-woocommerce-page .select2-container--default .select2-selection--single {
color: #676767;
font-size: 12px;
font-family: 'Crimson Text', cursive;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.eltdf-woocommerce-page .select2-container--default .select2-results__options {
padding: 2px 20px;
font-family: 'Crimson Text', cursive;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/* ==========================================================================
WooCommerce Select 2 Script override - end
========================================================================== */
/* ==========================================================================
WooCommerce Star Rating styles - begin
========================================================================== */
.woocommerce .star-rating {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.woocommerce .star-rating:before {
content: '\e031\e031\e031\e031\e031';
}
.woocommerce .star-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.woocommerce .star-rating span:before {
content: '\e033\e033\e033\e033\e033';
}
/* ==========================================================================
WooCommerce Star Rating styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Variation styles - begin
========================================================================== */
.eltdf-woocommerce-page .eltdf-content .variations {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
border: none;
padding: 0;
}
.eltdf-woocommerce-page .eltdf-content .variations tr {
display: block;
padding: 0 0 20px;
border: 0;
}
.eltdf-woocommerce-page .eltdf-content .variations tr:last-child {
margin: 0;
}
.eltdf-woocommerce-page .eltdf-content .variations td {
padding: 0;
text-align: initial;
}
.eltdf-woocommerce-page .eltdf-content .variations td.label {
padding-right: 10px;
}
.eltdf-woocommerce-page .eltdf-content .variations td.value {
white-space: nowrap;
}
.eltdf-woocommerce-page .eltdf-content .variations td.value select {
width: auto;
min-width: 200px;
}
.eltdf-woocommerce-page .eltdf-content .variations .reset_variations {
margin: 0 0 0 15px;
color: #333333;
}
.eltdf-woocommerce-page .eltdf-content .single_variation_wrap {
margin: 35px 0 0;
}
.eltdf-woocommerce-page
.eltdf-content
.single_variation_wrap
.single_variation {
margin: 0 0 35px;
}
.eltdf-woocommerce-page .eltdf-content table.group_table {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
border: none;
padding: 0;
}
.eltdf-woocommerce-page .eltdf-content table.group_table tbody {
display: block;
}
.eltdf-woocommerce-page .eltdf-content table.group_table tr {
display: block;
padding: 0 0 10px;
border: 0;
}
.eltdf-woocommerce-page .eltdf-content table.group_table tr:last-child {
margin: 0;
}
.eltdf-woocommerce-page .eltdf-content table.group_table td {
padding: 0 17px 10px 0;
text-align: left;
}
.eltdf-woocommerce-page .eltdf-content table.group_table td.price {
display: table-cell;
vertical-align: middle;
}
.eltdf-woocommerce-page .eltdf-content table.group_table td:last-child {
padding: 0 0 10px;
}
.eltdf-woocommerce-page
.eltdf-content
table.group_table
.eltdf-quantity-buttons {
margin: 0;
}
.eltdf-woocommerce-page .eltdf-content table.group_table a {
color: #676767;
}
.eltdf-woocommerce-page .eltdf-content table.group_table a:hover {
color: #333333;
}
/* ==========================================================================
WooCommerce Variation styles - end
========================================================================== */
/* ==========================================================================
WooCommerce MyAccount page styles - begin
========================================================================== */
.eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation,
.eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {
position: relative;
display: inline-block;
vertical-align: middle;
float: left;
box-sizing: border-box;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation {
width: 30%;
padding: 0 15px 0 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce-MyAccount-navigation
ul {
padding: 0 15px 0 0;
margin: 0;
list-style: none;
border-right: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li {
margin: 0;
padding: 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li:not(:last-child) {
margin: 0 0 18px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {
width: 70%;
padding: 0 0 0 30px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce {
margin: 0 0 45px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce form.login {
margin: 0 0 34px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce form.login p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
form.login
p.eltdf-login-form-text {
margin: 0 0 7px;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
form.login
input[type='checkbox'] {
position: relative;
display: inline-block;
vertical-align: middle;
top: -1px;
margin: 0 3px 0 5px;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
form.login
.lost_password {
display: block;
margin: 15px 0 0;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce form.edit-account {
margin: 0 0 15px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce form.edit-account p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
form.edit-account
label {
display: block;
margin: 0 0 5px;
text-transform: uppercase;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
form.edit-account
fieldset {
margin: 30px 0 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
form.edit-account
fieldset
> legend {
display: block;
color: #333333;
margin: 0 0 10px;
font-family: 'Crimson Text', cursive;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce > p {
display: block;
margin: 0 0 30px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce > h2,
.eltdf-woocommerce-page.woocommerce-account .woocommerce > header h2 {
display: block;
margin: 16px 0 25px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce table.shop_table {
padding: 0;
margin: 0 0 35px;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce table.shop_table tr {
border: 0;
border-bottom: 1px solid #c9c9c9;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce table.shop_table td,
.eltdf-woocommerce-page.woocommerce-account .woocommerce table.shop_table th {
padding: 14px 0;
text-align: left;
vertical-align: middle;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce table.shop_table th {
border: 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
table.shop_table
td.order-actions {
text-align: right;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
table.shop_table
.variation
> * {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
table.shop_table
.variation
p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
margin: 0 0 15px;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
.col2-set.addresses
.col-1,
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
.col2-set.addresses
.col-2 {
position: relative;
display: inline-block;
width: 49%;
margin-right: 1%;
float: left;
vertical-align: middle;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
.col2-set.addresses
.col-2 {
margin-left: 1%;
margin-right: 0;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
.col2-set.addresses
.title {
margin: 5px 0 25px;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
.col2-set.addresses
h3 {
margin: 0;
font-size: 22px;
}
.eltdf-woocommerce-page.woocommerce-account
.woocommerce
.col2-set.addresses
address {
font-style: normal;
}
.eltdf-woocommerce-page.woocommerce-account .vc_row .woocommerce > h2 {
font-size: 34px;
line-height: 40px;
margin: 0 0 20px;
}
.eltdf-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-account .vc_row .woocommerce form.login p {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-woocommerce-page.woocommerce-account
.vc_row
.woocommerce
form.login
p
label:not(.inline) {
display: block;
margin: 14px 0 5px;
color: #676767;
}
.eltdf-woocommerce-page.woocommerce-account
.vc_row
.woocommerce
form.login
p
label.inline {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltdf-woocommerce-page.woocommerce-account
.vc_row
.woocommerce
form.login
p
input.button {
margin: 23px 0 0;
}
.eltdf-woocommerce-page.woocommerce-account
.vc_row
.woocommerce
form.login
p.form-row:not(woocommerce-form-row) {
margin: 20px 0 0;
}
.eltdf-woocommerce-page.woocommerce-account.woocommerce-edit-address
.woocommerce
> form {
margin: 0 0 15px;
}
.eltdf-woocommerce-page.woocommerce-account.woocommerce-edit-address
.woocommerce
> form
> *:first-child {
margin: 0 0 25px;
}
.eltdf-woocommerce-page.woocommerce-account.woocommerce-edit-address
.woocommerce
> form
p {
margin: 0;
}
.eltdf-woocommerce-page.woocommerce-account.woocommerce-edit-address
.woocommerce
> form
label {
display: block;
margin: 0 0 5px;
}
/* ==========================================================================
WooCommerce MyAccount page styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Track Order page styles - begin
========================================================================== */
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking .woocommerce {
margin: 0 0 45px;
}
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order {
display: block;
margin: 0 0 60px;
}
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order
> p:not(.form-row) {
display: block;
margin: 0 0 7px;
}
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order
.form-row-first,
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order
.form-row-last {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0;
}
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order
.form-row-first
label,
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order
.form-row-last
label {
display: block;
margin: 14px 0;
color: #333333;
font-size: 18px;
line-height: 38px;
}
.eltdf-woocommerce-page.eltdf-woocommerce-order-tracking
.woocommerce
> .track_order
.button {
margin: 13px 0 0;
}
/* ==========================================================================
WooCommerce Track Order page styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Product List page styles - begin
========================================================================== */
.eltdf-pl-main-holder,
.related.products,
.upsells.products,
.cross-sells,
.eltdf-content .woocommerce {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-woo-pl-info-on-image-hover .eltdf-pl-text .eltdf-pl-hover-overlay {
background-color: rgba(255, 255, 255, 0.8);
}
.eltdf-woo-pl-info-on-image-hover .eltdf-pl-text .eltdf-product-list-title,
.eltdf-woo-pl-info-on-image-hover .eltdf-pl-text .price,
.eltdf-woo-pl-info-on-image-hover .eltdf-pl-text .star-rating {
color: #17436f;
}
.eltdf-pl-main-holder {
margin: 0 0 22px;
}
.eltdf-woo-pl-info-on-image-hover .eltdf-pl-main-holder {
margin: 0 0 50px;
}
ul.products {
list-style: none;
margin: 0 -15px;
clear: both;
}
ul.products > .product {
position: relative;
display: inline-block;
vertical-align: middle;
float: left;
margin: 0 0 30px;
padding: 0 15px;
box-sizing: border-box;
}
.touch ul.products > .product {
cursor: pointer;
}
ul.products > .product:hover .eltdf-pl-image img {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
}
ul.products
> .product:hover
.eltdf-pl-inner
.eltdf-pl-text.eltdf-pl-hover-overlay {
opacity: 1;
}
ul.products
> .product:hover
.eltdf-pl-inner
.eltdf-pl-text.eltdf-pl-button-from-bottom
.eltdf-pl-btn,
ul.products
> .product:hover
.eltdf-pl-inner
.eltdf-pl-text.eltdf-pl-button-from-bottom
.added_to_cart {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
ul.products > .product .eltdf-product-list-title {
margin: 0;
font-size: 17px;
}
ul.products > .product .price {
position: relative;
display: block;
margin: 5px 0 0;
line-height: 1;
color: #676767;
margin: 0;
}
ul.products > .product .price * {
font-family: 'Crimson Text', cursive;
font-size: 16px;
line-height: inherit;
font-weight: 600;
color: #000;
}
ul.products > .product .price del {
margin: 0 8px 0 0;
color: #676767;
}
ul.products > .product .price ins {
text-decoration: none;
}
ul.products > .product .button,
ul.products > .product .added_to_cart {
margin: 25px 0 0;
font-size: 12px;
padding: 10px 34px;
}
.eltdf-woo-pl-info-below-image ul.products > .product .button,
.eltdf-woo-pl-info-below-image ul.products > .product .added_to_cart {
margin: 0;
}
ul.products > .product .button.added {
display: none;
}
ul.products > .product .eltdf-pl-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-image img {
display: block;
width: 100%;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .eltdf-pl-btn,
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .added_to_cart {
white-space: normal;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .added_to_cart {
color: #17436f;
background-color: transparent;
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart
.eltdf-btn-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .added_to_cart:before,
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .added_to_cart:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .added_to_cart:before {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text .added_to_cart:after {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart:hover:before {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text
.added_to_cart:hover:after {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text.eltdf-pl-hover-overlay {
padding: 10px 15px;
opacity: 0;
background-color: rgba(255, 255, 255, 0.8);
border: 2px solid #17436f;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text.eltdf-pl-button-from-bottom
.eltdf-pl-text-inner {
vertical-align: bottom;
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text.eltdf-pl-button-from-bottom
.eltdf-pl-btn,
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text.eltdf-pl-button-from-bottom
.added_to_cart {
width: 100%;
padding-left: 10px;
padding-right: 10px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
transition: transform 0.3s ease;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text-outer {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
height: 101%;
width: 101%;
text-align: center;
}
ul.products > .product .eltdf-pl-inner .eltdf-pl-text-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
}
ul.products
> .product
.eltdf-pl-inner
.eltdf-pl-text-inner
.eltdf-product-list-title,
ul.products > .product .eltdf-pl-inner .eltdf-pl-text-inner .price,
ul.products > .product .eltdf-pl-inner .eltdf-pl-text-inner .star-rating {
color: #333333;
}
ul.products > .product .eltdf-pl-inner > a {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
ul.products > .product .eltdf-pl-text-wrapper {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
margin: 16px 0 28px;
}
.eltdf-woo-no-space ul.products {
margin: 0;
}
.eltdf-woo-no-space ul.products > .product {
padding: 0 0px;
margin: 0 0 0px;
}
.eltdf-woo-tiny-space ul.products {
margin: 0 -5px;
}
.eltdf-woo-tiny-space ul.products > .product {
padding: 0 5px;
margin: 0 0 10px;
}
.eltdf-woo-small-space ul.products {
margin: 0 -10px;
}
.eltdf-woo-small-space ul.products > .product {
padding: 0 10px;
margin: 0 0 20px;
}
.eltdf-woo-normal-space ul.products {
margin: 0 -15px;
}
.eltdf-woo-normal-space ul.products > .product {
padding: 0 15px;
margin: 0 0 30px;
}
.eltdf-woo-medium-space ul.products {
margin: 0 -20px;
}
.eltdf-woo-medium-space ul.products > .product {
padding: 0 20px;
margin: 0 0 40px;
}
.eltdf-woo-large-space ul.products {
margin: 0 -25px;
}
.eltdf-woo-large-space ul.products > .product {
padding: 0 25px;
margin: 0 0 50px;
}
@media only screen and (min-width: 1025px) {
.eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product,
.eltdf-woocommerce-columns-3 .related.products > .products > .product,
.eltdf-woocommerce-columns-3 .upsells.products > .products > .product,
.eltdf-woocommerce-columns-3 .cross-sells > .products > .product {
width: 33.33333%;
}
.eltdf-woocommerce-columns-3
.eltdf-pl-main-holder
> .products
> .product:nth-child(3n + 1),
.eltdf-woocommerce-columns-3
.related.products
> .products
> .product:nth-child(3n + 1),
.eltdf-woocommerce-columns-3
.upsells.products
> .products
> .product:nth-child(3n + 1),
.eltdf-woocommerce-columns-3
.cross-sells
> .products
> .product:nth-child(3n + 1) {
clear: both;
}
}
@media only screen and (min-width: 1025px) {
.eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product,
.eltdf-woocommerce-columns-4 .related.products > .products > .product,
.eltdf-woocommerce-columns-4 .upsells.products > .products > .product,
.eltdf-woocommerce-columns-4 .cross-sells > .products > .product {
width: 25%;
}
.eltdf-woocommerce-columns-4
.eltdf-pl-main-holder
> .products
> .product:nth-child(4n + 1),
.eltdf-woocommerce-columns-4
.related.products
> .products
> .product:nth-child(4n + 1),
.eltdf-woocommerce-columns-4
.upsells.products
> .products
> .product:nth-child(4n + 1),
.eltdf-woocommerce-columns-4
.cross-sells
> .products
> .product:nth-child(4n + 1) {
clear: both;
}
}
.woocommerce.columns-1 > .products > .product {
float: none;
width: 100%;
}
.woocommerce.columns-2 > .products > .product {
width: 50%;
}
@media only screen and (min-width: 681px) {
.woocommerce.columns-2 > .products > .product:nth-child(2n + 1) {
clear: both;
}
}
.woocommerce.columns-3 > .products > .product {
width: 33.33333%;
}
@media only screen and (min-width: 769px) {
.woocommerce.columns-3 > .products > .product:nth-child(3n + 1) {
clear: both;
}
}
.woocommerce.columns-4 > .products > .product {
width: 25%;
}
@media only screen and (min-width: 1025px) {
.woocommerce.columns-4 > .products > .product:nth-child(4n + 1) {
clear: both;
}
}
.woocommerce.columns-5 > .products > .product {
width: 20%;
}
@media only screen and (min-width: 1201px) {
.woocommerce.columns-5 > .products > .product:nth-child(5n + 1) {
clear: both;
}
}
.woocommerce.columns-6 > .products > .product {
width: 16.66667%;
}
@media only screen and (min-width: 1441px) {
.woocommerce.columns-6 > .products > .product:nth-child(6n + 1) {
clear: both;
}
}
/* ==========================================================================
WooCommerce Product List page styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Add to Cart shortcode styles - begin
========================================================================== */
.eltdf-content .woocommerce.add_to_cart_inline {
margin: 0;
width: auto;
}
.eltdf-content .woocommerce.add_to_cart_inline del,
.eltdf-content .woocommerce.add_to_cart_inline ins {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 7px 0 0;
color: #333333;
font-size: 16px;
line-height: 1;
}
/* ==========================================================================
WooCommerce Add to Cart shortcode styles - end
========================================================================== */
/* Woocommerce Product Categories shortcode style - begin
========================================================================== */
div.woocommerce > .products > .product-category a {
position: relative;
display: inline-block;
vertical-align: middle;
}
div.woocommerce > .products > .product-category a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(51, 51, 51, 0.6);
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
div.woocommerce > .products > .product-category a:hover:after {
opacity: 1;
}
div.woocommerce
> .products
> .product-category
a:hover
.woocommerce-loop-category__title {
top: 50%;
opacity: 1;
}
div.woocommerce > .products > .product-category img {
display: block;
}
div.woocommerce
> .products
> .product-category
.woocommerce-loop-category__title {
position: absolute;
top: 60%;
left: 0;
display: block;
width: 100%;
padding: 0 10%;
margin: 0;
color: #fff;
text-align: center;
z-index: 2;
opacity: 0;
-webkit-filter: blur(0);
box-sizing: border-box;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 0.2s ease, top 0.2s ease;
-moz-transition: opacity 0.2s ease, top 0.2s ease;
transition: opacity 0.2s ease, top 0.2s ease;
}
div.woocommerce
> .products
> .product-category
.woocommerce-loop-category__title
.count {
font-size: 0.9em;
color: #fff;
background-color: transparent;
}
/* Woocommerce Product Categories shortcode style - end
========================================================================== */
/* Woocommerce Product Page shortcode style - begin
========================================================================== */
div.woocommerce > .single-product .images {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
}
div.woocommerce > .single-product .images figure {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 -10px;
}
div.woocommerce > .single-product .images figure a {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
div.woocommerce > .single-product .images figure a img {
position: relative;
width: 100%;
display: block;
}
div.woocommerce
> .single-product
.images
.woocommerce-product-gallery__trigger {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
z-index: 10;
}
div.woocommerce > .single-product .images .woocommerce-product-gallery__image {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
}
div.woocommerce
> .single-product
.images
.woocommerce-product-gallery__image:first-child {
// left: 10px;
width: calc(100% - 20px);
padding: 0;
}
div.woocommerce
> .single-product
.images
.woocommerce-product-gallery__image
.zoomImg {
cursor: crosshair;
}
div.woocommerce
> .single-product
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:not(:first-child) {
float: left;
padding-top: 20px;
}
div.woocommerce
> .single-product
.images.woocommerce-product-gallery--columns-2
.woocommerce-product-gallery__image:not(:first-child) {
width: 50%;
}
div.woocommerce
> .single-product
.images.woocommerce-product-gallery--columns-3
.woocommerce-product-gallery__image:not(:first-child) {
width: 33.33333%;
}
div.woocommerce
> .single-product
.images.woocommerce-product-gallery--columns-4
.woocommerce-product-gallery__image:not(:first-child) {
width: 25%;
}
div.woocommerce > .single-product .woocommerce-tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 30px 0 0;
}
div.woocommerce > .single-product .woocommerce-tabs ul.tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
text-align: center;
clear: both;
}
div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li {
position: relative;
display: inline-block;
vertical-align: middle;
}
div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li a {
position: relative;
display: inline-block;
vertical-align: top;
padding: 13px 15px;
}
div.woocommerce > .single-product .woocommerce-tabs .entry-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
div.woocommerce > .single-product .woocommerce-tabs .entry-content > h2 {
display: none;
}
div.woocommerce > .single-product .woocommerce-tabs .entry-content > p {
margin: 18px 0 20px;
}
div.woocommerce > .single-product .woocommerce-tabs table {
margin: 18px 0 20px;
}
div.woocommerce > .single-product .woocommerce-tabs table tr,
div.woocommerce > .single-product .woocommerce-tabs table th {
border: 0;
}
div.woocommerce > .single-product .woocommerce-tabs table td,
div.woocommerce > .single-product .woocommerce-tabs table th {
padding: 3px 0;
vertical-align: middle;
text-align: left;
}
div.woocommerce > .single-product .woocommerce-tabs table td p,
div.woocommerce > .single-product .woocommerce-tabs table th p {
margin: 0;
}
div.woocommerce > .single-product .woocommerce-tabs table th {
color: #333333;
width: 1%;
padding: 0 10px 0 0;
}
div.woocommerce > .single-product .woocommerce-tabs table td {
width: 99%;
}
div.woocommerce > .single-product .woocommerce-tabs #reviews {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 18px 0 20px;
}
div.woocommerce > .single-product .woocommerce-tabs #reviews h2 {
font-size: 18px;
line-height: 24px;
margin: 8px 0 24px;
}
div.woocommerce > .single-product .woocommerce-tabs #reviews ol.commentlist {
list-style: none;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
ol.commentlist
.comment_container {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
ol.commentlist
.comment_container
img {
float: left;
width: 60px;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text {
padding: 0 0 0 80px;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
div[itemprop='description'] {
padding: 0;
margin: 0 0 15px;
border: 0;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p {
margin: 5px 0 0;
}
div.woocommerce > .single-product .woocommerce-tabs #reviews .comment-respond {
margin-top: 15px;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
.comment-respond
.comment-reply-title {
margin: 0 0 10px;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
.comment-respond
p {
margin: 0;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
.comment-respond
.stars {
overflow: hidden;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
.comment-respond
.stars
a {
position: relative;
display: inline-block;
color: transparent;
font-size: 0;
margin: 0;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
.comment-respond
.stars
a:before {
position: relative;
display: inline-block;
vertical-align: middle;
font-family: 'ElegantIcons';
content: '\e031';
font-size: 12px;
line-height: 1;
letter-spacing: 2px;
color: #676767;
overflow: hidden;
z-index: -1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
div.woocommerce
> .single-product
.woocommerce-tabs
#reviews
.comment-respond
.stars
a.active:after {
position: absolute;
right: 0;
bottom: 7px;
display: block;
font-family: 'ElegantIcons';
font-size: 12px;
line-height: 1;
letter-spacing: 2px;
color: #676767;
content: '\e033\e033\e033\e033\e033';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
div.woocommerce > .single-product .related.products,
div.woocommerce > .single-product .upsells.products {
margin: 30px 0 0;
border-top: 1px solid #c9c9c9;
}
div.woocommerce > .single-product .related.products > h2,
div.woocommerce > .single-product .upsells.products > h2 {
display: block;
margin: 36px 0 50px;
text-align: center;
}
div.woocommerce
> .single-product
.related.products
.product
.eltdf-pl-text-wrapper,
div.woocommerce
> .single-product
.upsells.products
.product
.eltdf-pl-text-wrapper {
margin-bottom: 0;
}
/* Woocommerce Product Page shortcode style - end
========================================================================== */
/* ==========================================================================
WooCommerce Single Product Page styles - begin
========================================================================== */
@media only screen and (min-width: 769px) {
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images
figure {
width: 100%;
margin: 0;
}
// .eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side .eltdf-single-product-content .images .woocommerce-product-gallery__image:first-child {
// left: 120px;
// width: calc(100% - 120px);
// }
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:not(:first-child) {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: calc(25% + 5px);
padding: 0 0 20px;
box-sizing: border-box;
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:not(:first-child)
a {
height: 100%;
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:not(:first-child)
a
img {
height: 100%;
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(2n) {
top: calc(0% + 0px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(3n) {
top: calc(25% + 5px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(4n) {
top: calc(50% + 10px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(5n) {
top: calc(75% + 15px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(6n) {
top: calc(100% + 20px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(7n) {
top: calc(125% + 25px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(8n) {
top: calc(150% + 30px);
}
.eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:nth-child(9n) {
top: calc(175% + 35px);
}
}
.eltdf-woo-single-page .product {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
float: none;
margin: 0 0 38px;
}
.eltdf-woo-single-page .eltdf-single-product-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
margin: 0;
}
.eltdf-woo-single-page .eltdf-single-product-content .images {
position: relative;
display: inline-block;
vertical-align: middle;
width: 55%;
margin: 0;
padding: 0 29px 0 0;
float: left;
box-sizing: border-box;
}
.eltdf-woo-single-page .eltdf-single-product-content .images figure {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 -10px;
}
.eltdf-woo-single-page .eltdf-single-product-content .images figure a {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-woo-single-page .eltdf-single-product-content .images figure a img {
position: relative;
width: 100%;
display: block;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images
.woocommerce-product-gallery__trigger {
position: absolute;
top: 10px;
right: 39px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
z-index: 10;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images
.woocommerce-product-gallery__image {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images
.woocommerce-product-gallery__image:first-child {
left: 10px;
width: calc(100% - 20px);
padding: 0;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images
.woocommerce-product-gallery__image
.zoomImg {
cursor: crosshair;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images.woocommerce-product-gallery--with-images
.woocommerce-product-gallery__image:not(:first-child) {
float: left;
padding-top: 45px;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images.woocommerce-product-gallery--columns-2
.woocommerce-product-gallery__image:not(:first-child) {
width: 50%;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images.woocommerce-product-gallery--columns-3
.woocommerce-product-gallery__image:not(:first-child) {
width: 33.33333%;
}
.eltdf-woo-single-page
.eltdf-single-product-content
.images.woocommerce-product-gallery--columns-4
.woocommerce-product-gallery__image:not(:first-child) {
width: 25%;
}
.eltdf-woo-single-page .eltdf-single-product-summary {
position: relative;
display: inline-block;
vertical-align: middle;
width: 45%;
padding: 0 0 0 29px;
float: left;
box-sizing: border-box;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-single-product-title {
display: block;
margin: 0 0 12px;
font-size: 30px;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price {
position: relative;
display: block;
margin: 5px 0 0;
line-height: 1;
color: #676767;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price * {
font-family: 'Crimson Text', cursive;
font-size: 16px;
line-height: inherit;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price del {
margin: 0 8px 0 0;
color: #676767;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price ins {
text-decoration: none;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price ins span {
font-size: 32px;
color: #333333;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price del span {
font-size: 22px;
color: #676767;
}
.eltdf-woo-single-page .eltdf-single-product-summary .price * {
font-size: 32px;
color: #333333;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.woocommerce-product-rating {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
line-height: 1;
margin: 22px 0 0;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.woocommerce-product-rating
.star-rating {
color: #17436f;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.woocommerce-product-details__short-description {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 36px 0 0;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.woocommerce-product-details__short-description
p {
margin: 0;
}
.eltdf-woo-single-page .eltdf-single-product-summary .product_meta {
margin: 45px 0 0;
}
.eltdf-woo-single-page .eltdf-single-product-summary .product_meta > span {
display: block;
margin: 0;
color: #333333;
font-family: 'Crimson Text', cursive;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.eltdf-woo-single-page .eltdf-single-product-summary .product_meta > span span,
.eltdf-woo-single-page .eltdf-single-product-summary .product_meta > span a {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
color: #676767;
text-transform: capitalize;
letter-spacing: 0;
}
.eltdf-woo-single-page .eltdf-single-product-summary .product_meta > span a {
color: #676767;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.product_meta
> span
a:hover {
color: #17436f;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-woo-social-share-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-woo-social-share-holder
> * {
display: table-cell;
vertical-align: middle;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-woo-social-share-holder
> span {
padding: 0 9px 0 0;
color: #333333;
font-family: 'Crimson Text', cursive;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-woo-social-share-holder
li {
margin: 0 11px 3px 0;
}
.eltdf-woo-single-page .eltdf-single-product-summary p.stock.out-of-stock,
.eltdf-woo-single-page .eltdf-single-product-summary p.stock.in-stock {
color: #333333;
font-weight: bold;
margin: 18px 0 0;
}
.eltdf-woo-single-page .eltdf-single-product-summary form.cart {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 39px 0 0;
}
.eltdf-woo-single-page .eltdf-single-product-summary .eltdf-quantity-buttons {
margin: 0 20px 0 0;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-quantity-buttons
.eltdf-quantity-input {
font-style: normal;
color: #333333;
font-size: 19px;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-quantity-buttons
span.eltdf-quantity-plus,
.eltdf-woo-single-page
.eltdf-single-product-summary
.eltdf-quantity-buttons
span.eltdf-quantity-minus {
color: #333333;
font-size: 16px;
}
.eltdf-woo-single-page
.eltdf-single-product-summary
.single_add_to_cart_button {
border: none;
}
.eltdf-woo-single-page .woocommerce-tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 54px 0 0;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
display: table;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
clear: both;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li {
position: relative;
display: table-cell;
vertical-align: middle;
background-color: #f3f3f3;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li.active {
background-color: #17436f;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li.active a {
color: #ffffff;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li.active a:hover {
color: #fff;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a {
position: relative;
display: inline-block;
vertical-align: top;
padding: 16px 14px 15px;
font-family: 'Crimson Text', cursive;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li:hover {
background-color: #17436f;
}
.eltdf-woo-single-page .woocommerce-tabs ul.tabs > li:hover a {
color: #fff;
}
.eltdf-woo-single-page .woocommerce-tabs .entry-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
border: 1px solid #ebebeb;
border-top: none;
box-sizing: border-box;
}
.eltdf-woo-single-page .woocommerce-tabs .entry-content > h2 {
display: none;
}
.eltdf-woo-single-page .woocommerce-tabs .entry-content > p {
margin: 28px 26px;
}
.eltdf-woo-single-page .woocommerce-tabs table {
margin: 30px 26px;
}
.eltdf-woo-single-page .woocommerce-tabs table tr,
.eltdf-woo-single-page .woocommerce-tabs table th {
border: 0;
}
.eltdf-woo-single-page .woocommerce-tabs table td,
.eltdf-woo-single-page .woocommerce-tabs table th {
padding: 3px 0;
text-align: left;
}
.eltdf-woo-single-page .woocommerce-tabs table td p,
.eltdf-woo-single-page .woocommerce-tabs table th p {
margin: 0;
}
.eltdf-woo-single-page .woocommerce-tabs table th {
font-family: 'Crimson Text', cursive;
color: #333333;
width: 1%;
padding: 0 10px 0 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.eltdf-woo-single-page .woocommerce-tabs table th:after {
content: ':';
}
.eltdf-woo-single-page .woocommerce-tabs table td {
width: 99%;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 30px 26px;
box-sizing: border-box;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews h2 {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
margin: 8px 0 24px;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews .woocommerce-Reviews-title {
margin-top: 0;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews ol.commentlist {
list-style: none;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews ol.commentlist li {
margin: 0 0 15px;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews ol.commentlist li:last-child {
margin: 0;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment_container {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment_container
img {
float: left;
width: 70px;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews ol.commentlist .comment-text {
padding: 0 0 0 90px;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p {
margin: 0;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p
.woocommerce-review__author,
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p
.woocommerce-review__published-date,
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p
.woocommerce-review__dash {
color: #17436f;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p
.woocommerce-review__published-date,
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
ol.commentlist
.comment-text
p
.woocommerce-review__dash {
color: #676767;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews .comment-respond {
margin-top: 15px;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
.comment-respond
.comment-reply-title {
margin: 0 0 10px;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews .comment-respond p {
margin: 0;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars {
overflow: hidden;
}
.eltdf-woo-single-page .woocommerce-tabs #reviews .comment-respond .stars a {
position: relative;
display: inline-block;
color: transparent;
font-size: 0;
margin: 0;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
.comment-respond
.stars
a:before {
content: '\e031';
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
z-index: -1;
}
.eltdf-woo-single-page
.woocommerce-tabs
#reviews
.comment-respond
.stars
a.active:after {
content: '\e033\e033\e033\e033\e033';
position: absolute;
right: 0;
bottom: 7px;
display: block;
}
.eltdf-woo-single-page .related.products,
.eltdf-woo-single-page .upsells.products {
margin: 30px 0 0;
}
.eltdf-woo-single-page .related.products > h2,
.eltdf-woo-single-page .upsells.products > h2 {
display: block;
margin: 20px 0 66px;
text-align: left;
font-size: 22px;
}
.eltdf-woo-single-page .related.products .product .eltdf-pl-text-wrapper,
.eltdf-woo-single-page .upsells.products .product .eltdf-pl-text-wrapper {
margin-bottom: 0;
}
.eltdf-woo-single-page .related.products .product .star-rating,
.eltdf-woo-single-page .upsells.products .product .star-rating {
color: #17436f;
}
/* ==========================================================================
WooCommerce Single Product Page styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Dropdown Cart styles - begin
========================================================================== */
.eltdf-shopping-cart-holder {
position: relative;
display: inline-block;
vertical-align: middle;
height: 100%;
padding: 0 10px;
margin-right: 3px;
}
.touch .eltdf-shopping-cart-holder {
cursor: pointer;
}
.eltdf-shopping-cart-holder .eltdf-shopping-cart-inner {
position: relative;
display: table;
height: 100%;
}
.eltdf-shopping-cart-holder .eltdf-header-cart {
position: relative;
display: table-cell;
vertical-align: middle;
}
.eltdf-shopping-cart-holder .eltdf-header-cart .eltdf-cart-icon {
position: relative;
display: inline-block;
vertical-align: top;
}
.eltdf-shopping-cart-holder
.eltdf-header-cart.eltdf-header-cart-icon-pack
.eltdf-cart-icon {
font-size: 16px;
line-height: 1.8em;
}
.eltdf-shopping-cart-holder
.eltdf-header-cart.eltdf-header-cart-icon-pack
.eltdf-cart-icon:before {
display: block;
line-height: inherit;
}
.eltdf-shopping-cart-holder
.eltdf-header-cart.eltdf-header-cart-svg-path
.eltdf-cart-icon
> * {
vertical-align: middle;
}
.eltdf-shopping-cart-holder
.eltdf-header-cart.eltdf-header-cart-svg-path
.eltdf-cart-icon
> *,
.eltdf-shopping-cart-holder
.eltdf-header-cart.eltdf-header-cart-svg-path
.eltdf-cart-icon
path {
fill: currentColor;
stroke: currentColor;
}
.eltdf-shopping-cart-holder:hover .eltdf-shopping-cart-dropdown {
top: 100%;
opacity: 1;
visibility: visible;
}
.eltdf-dark-header
.eltdf-page-header
> div:not(.eltdf-sticky-header):not(.fixed)
.eltdf-shopping-cart-holder
.eltdf-header-cart {
color: #333;
}
.eltdf-dark-header
.eltdf-page-header
> div:not(.eltdf-sticky-header):not(.fixed)
.eltdf-shopping-cart-holder
.eltdf-header-cart:hover {
color: rgba(51, 51, 51, 0.8);
}
.eltdf-light-header
.eltdf-page-header
> div:not(.eltdf-sticky-header):not(.fixed)
.eltdf-shopping-cart-holder
.eltdf-header-cart {
color: #fff;
}
.eltdf-light-header
.eltdf-page-header
> div:not(.eltdf-sticky-header):not(.fixed)
.eltdf-shopping-cart-holder
.eltdf-header-cart:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltdf-shopping-cart-dropdown {
position: absolute;
top: calc(100% + 50px);
left: auto;
right: 0;
width: 375px;
background-color: #fff;
border: 1px solid #e9e9e9;
text-align: left;
z-index: 1000;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1);
-moz-transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1);
transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1);
}
.eltdf-shopping-cart-dropdown ul {
margin: 24px 20px;
padding: 0;
}
.eltdf-shopping-cart-dropdown ul li {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
padding: 0 0 15px;
box-sizing: border-box;
}
.eltdf-shopping-cart-dropdown ul li.eltdf-empty-cart {
color: initial;
border-bottom: 0;
}
.eltdf-shopping-cart-dropdown ul li:first-child {
padding-top: 0;
}
.eltdf-shopping-cart-dropdown ul li:last-child {
padding-bottom: 0;
}
.eltdf-shopping-cart-dropdown .eltdf-item-image-holder {
position: relative;
display: table-cell;
height: 100%;
width: 75px;
vertical-align: top;
}
.eltdf-shopping-cart-dropdown .eltdf-item-image-holder img {
display: block;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
vertical-align: top;
padding: 3px 18px;
font-family: 'Crimson Text', cursive;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder .eltdf-product-title {
display: block;
margin: 0 0 3px;
box-sizing: border-box;
font-size: 14px;
line-height: 1.45em;
letter-spacing: 0.05em;
font-weight: 700;
text-transform: uppercase;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder .remove {
position: absolute;
top: -1px;
right: 0;
font-size: 18px;
line-height: 1.66em;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder .remove span {
display: block;
line-height: inherit;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder .remove span:before {
display: block;
line-height: inherit;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder .eltdf-quantity {
font-family: 'Open Sans', sans-serif;
display: block;
margin: 0 0 4px;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.05em;
}
.eltdf-shopping-cart-dropdown .eltdf-item-info-holder .amount {
display: block;
margin: 0;
font-size: 16px;
line-height: 1.3em;
}
.eltdf-shopping-cart-dropdown .eltdf-cart-bottom {
margin-top: 5px;
padding: 15px 0 0;
border-top: 1px solid #ebebeb;
}
.eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-subtotal-holder {
position: relative;
display: table;
width: 100%;
margin: 0 0 10px;
}
.eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-subtotal-holder > * {
display: table-cell;
vertical-align: top;
color: #333333;
line-height: 20px;
}
.eltdf-shopping-cart-dropdown
.eltdf-cart-bottom
.eltdf-subtotal-holder
.eltdf-total {
font-family: 'Crimson Text', cursive;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
}
.eltdf-shopping-cart-dropdown
.eltdf-cart-bottom
.eltdf-subtotal-holder
.eltdf-total-amount {
text-align: right;
font-family: 'Crimson Text', cursive;
font-size: 16px;
font-weight: 700;
}
.eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-view-cart {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
height: 46px;
line-height: 46px;
padding: 0 26px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
color: #fff;
background-color: #17436f;
text-align: center;
box-sizing: border-box;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-view-cart span {
display: block;
}
.eltdf-shopping-cart-dropdown .eltdf-cart-bottom .eltdf-view-cart:hover {
color: #fff;
background-color: #333333;
}
.eltdf-vertical-menu-area .eltdf-shopping-cart-dropdown {
display: none !important;
}
/* ==========================================================================
WooCommerce Dropdown Cart styles - end
========================================================================== */
/* ==========================================================================
WooCommerce Widgets styles - begin
========================================================================== */
.widget.woocommerce {
clear: both;
}
.widget.woocommerce.widget_rating_filter ul,
.widget.woocommerce.widget_shopping_cart ul,
.widget.woocommerce.widget_layered_nav ul,
.widget.woocommerce.widget_layered_nav_filters ul,
.widget.woocommerce.widget_product_categories ul,
.widget.woocommerce.widget_products ul,
.widget.woocommerce.widget_recently_viewed_products ul,
.widget.woocommerce.widget_recent_reviews ul,
.widget.woocommerce.widget_top_rated_products ul {
padding: 0;
margin: 0;
list-style: none;
}
.widget.woocommerce.widget_rating_filter ul li,
.widget.woocommerce.widget_shopping_cart ul li,
.widget.woocommerce.widget_layered_nav ul li,
.widget.woocommerce.widget_layered_nav_filters ul li,
.widget.woocommerce.widget_product_categories ul li,
.widget.woocommerce.widget_products ul li,
.widget.woocommerce.widget_recently_viewed_products ul li,
.widget.woocommerce.widget_recent_reviews ul li,
.widget.woocommerce.widget_top_rated_products ul li {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
margin: 0 0 14px;
clear: both;
}
.widget.woocommerce.widget_rating_filter ul li:last-child,
.widget.woocommerce.widget_shopping_cart ul li:last-child,
.widget.woocommerce.widget_layered_nav ul li:last-child,
.widget.woocommerce.widget_layered_nav_filters ul li:last-child,
.widget.woocommerce.widget_product_categories ul li:last-child,
.widget.woocommerce.widget_products ul li:last-child,
.widget.woocommerce.widget_recently_viewed_products ul li:last-child,
.widget.woocommerce.widget_recent_reviews ul li:last-child,
.widget.woocommerce.widget_top_rated_products ul li:last-child {
margin: 0;
}
.widget.woocommerce.widget_rating_filter ul li ul,
.widget.woocommerce.widget_shopping_cart ul li ul,
.widget.woocommerce.widget_layered_nav ul li ul,
.widget.woocommerce.widget_layered_nav_filters ul li ul,
.widget.woocommerce.widget_product_categories ul li ul,
.widget.woocommerce.widget_products ul li ul,
.widget.woocommerce.widget_recently_viewed_products ul li ul,
.widget.woocommerce.widget_recent_reviews ul li ul,
.widget.woocommerce.widget_top_rated_products ul li ul {
margin: 14px 0 0 10px;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
ul
li
img {
display: block;
max-width: 84px;
margin: 0 70% 13px 0;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
ul
li
.remove {
position: absolute;
top: 0;
right: 0;
font-size: 0;
line-height: 1;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
ul
li
.remove:after {
position: relative;
display: block;
padding: 0 3px;
font-family: 'Ionicons';
content: '\f404';
font-size: 30px;
line-height: 25px;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
.variation {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
.variation
> * {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
.variation
> *
p {
margin: 0;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total {
margin: 17px 0 13px;
}
.widget.woocommerce.widget_shopping_cart
.widget_shopping_cart_content
.buttons {
margin: 10px 0 0;
}
.widget.woocommerce.widget_layered_nav .eltdf-widget-title {
margin: 0 0 17px;
}
.widget.woocommerce.widget_layered_nav ul li {
margin: 2px 0;
}
.widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #17436f;
}
.widget.woocommerce.widget_layered_nav_filters .eltdf-widget-title {
margin: 0 0 17px;
}
.widget.woocommerce.widget_price_filter
.price_slider_wrapper
.ui-widget-content {
position: relative;
height: 3px;
background-color: #e5e5e5;
}
.widget.woocommerce.widget_price_filter
.price_slider_wrapper
.ui-widget-content
.ui-slider-handle {
position: absolute;
top: -6px;
height: 15px;
width: 15px;
background-color: #cccccc;
border-radius: 15px;
margin: 0 0 0 -1px;
cursor: pointer;
outline: medium none;
z-index: 2;
}
.widget.woocommerce.widget_price_filter
.price_slider_wrapper
.ui-widget-content
.ui-slider-handle:last-child {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.widget.woocommerce.widget_price_filter
.price_slider_wrapper
.ui-widget-content
.ui-slider-range {
position: absolute;
display: block;
height: 100%;
background-color: #17436f;
z-index: 1;
}
.widget.woocommerce.widget_price_filter .price_slider_amount {
margin: 33px 0 0;
}
.widget.woocommerce.widget_price_filter
.price_slider_amount
button[type='submit'].button {
float: right;
padding: 7px 27px;
}
.widget.woocommerce.widget_price_filter .price_slider_amount .price_label {
float: left;
padding: 10px 0;
}
.widget.woocommerce.widget_product_categories ul li {
margin: 2px 0;
}
.widget.woocommerce.widget_product_categories ul li ul {
margin: 0 0 0 10px;
}
.widget.woocommerce.widget_products .eltdf-widget-title,
.widget.woocommerce.widget_recently_viewed_products .eltdf-widget-title,
.widget.woocommerce.widget_recent_reviews .eltdf-widget-title,
.widget.woocommerce.widget_top_rated_products .eltdf-widget-title {
margin: 0 0 19px;
}
.widget.woocommerce.widget_products ul li,
.widget.woocommerce.widget_recently_viewed_products ul li,
.widget.woocommerce.widget_recent_reviews ul li,
.widget.woocommerce.widget_top_rated_products ul li {
min-height: 110px;
}
.widget.woocommerce.widget_products ul li a img,
.widget.woocommerce.widget_recently_viewed_products ul li a img,
.widget.woocommerce.widget_recent_reviews ul li a img,
.widget.woocommerce.widget_top_rated_products ul li a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 85px;
}
.widget.woocommerce.widget_products ul li a span,
.widget.woocommerce.widget_recently_viewed_products ul li a span,
.widget.woocommerce.widget_recent_reviews ul li a span,
.widget.woocommerce.widget_top_rated_products ul li a span {
position: relative;
display: block;
padding: 15px 0 0 110px;
font-weight: 300;
color: #333;
line-height: 20px;
box-sizing: border-box;
}
.widget.woocommerce.widget_products ul li a span:hover,
.widget.woocommerce.widget_recently_viewed_products ul li a span:hover,
.widget.woocommerce.widget_recent_reviews ul li a span:hover,
.widget.woocommerce.widget_top_rated_products ul li a span:hover {
color: #17436f;
}
.widget.woocommerce.widget_products ul li > *:not(a),
.widget.woocommerce.widget_recently_viewed_products ul li > *:not(a),
.widget.woocommerce.widget_recent_reviews ul li > *:not(a),
.widget.woocommerce.widget_top_rated_products ul li > *:not(a) {
margin: 0 0 0 110px;
line-height: 20px;
}
.widget.woocommerce.widget_products ul li .star-rating,
.widget.woocommerce.widget_recently_viewed_products ul li .star-rating,
.widget.woocommerce.widget_recent_reviews ul li .star-rating,
.widget.woocommerce.widget_top_rated_products ul li .star-rating {
position: relative;
}
.widget.woocommerce.widget_products ul li .star-rating span,
.widget.woocommerce.widget_recently_viewed_products ul li .star-rating span,
.widget.woocommerce.widget_recent_reviews ul li .star-rating span,
.widget.woocommerce.widget_top_rated_products ul li .star-rating span {
max-width: 100px;
}
.widget.woocommerce.widget_products ul li del,
.widget.woocommerce.widget_products ul li ins,
.widget.woocommerce.widget_recently_viewed_products ul li del,
.widget.woocommerce.widget_recently_viewed_products ul li ins,
.widget.woocommerce.widget_recent_reviews ul li del,
.widget.woocommerce.widget_recent_reviews ul li ins,
.widget.woocommerce.widget_top_rated_products ul li del,
.widget.woocommerce.widget_top_rated_products ul li ins {
display: block;
}
.widget.woocommerce.widget_products ul li ins,
.widget.woocommerce.widget_recently_viewed_products ul li ins,
.widget.woocommerce.widget_recent_reviews ul li ins,
.widget.woocommerce.widget_top_rated_products ul li ins {
text-decoration: none;
}
.widget.woocommerce.widget_products ul li .amount,
.widget.woocommerce.widget_recently_viewed_products ul li .amount,
.widget.woocommerce.widget_top_rated_products ul li .amount {
font-family: 'Crimson Text', cursive;
color: #676767;
font-size: 16px;
}
.widget.woocommerce.widget_recently_viewed_products ul li del,
.widget.woocommerce.widget_recently_viewed_products ul li > .amount {
display: block;
margin-top: 10px;
}
.widget.woocommerce.widget_recent_reviews ul li .star-rating {
margin-top: 7px;
margin-bottom: 10px;
}
.widget.woocommerce.widget_recent_reviews a {
display: block;
padding: 0 0 0 110px;
}
.widget.woocommerce.widget_recent_reviews .reviewer {
display: inline-block;
vertical-align: middle;
width: auto;
clear: both;
}
.widget.woocommerce.widget_top_rated_products ul li .star-rating {
margin-top: 5px;
margin-bottom: 6px;
}
.widget.woocommerce.widget_top_rated_products ul li .amount {
display: block;
}
.widget.woocommerce.widget_product_tag_cloud .tagcloud a {
position: relative;
display: inline-block;
vertical-align: middle;
color: #676767;
font-family: inherit;
background-color: transparent;
font-size: 14px !important;
}
.widget.woocommerce.widget_product_tag_cloud .tagcloud a:after {
content: ',';
color: #676767;
}
.widget.woocommerce.widget_product_tag_cloud .tagcloud a:last-child:after {
display: none;
}
.widget.woocommerce.widget_product_tag_cloud .tagcloud a:hover {
color: #17436f;
}
.widget.woocommerce.widget_product_search .woocommerce-product-search {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
}
.widget.woocommerce.widget_product_search .woocommerce-product-search > div {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
border: 1px solid #c9c9c9;
box-sizing: border-box;
}
.widget.woocommerce.widget_product_search .woocommerce-product-search input,
.widget.woocommerce.widget_product_search .woocommerce-product-search button {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
margin: 0;
height: 53px;
line-height: 22px;
color: #676767;
background-color: transparent;
border: 0;
border-radius: 0;
outline: 0;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.widget.woocommerce.widget_product_search .woocommerce-product-search input {
width: calc(100% - 40px);
padding: 10px 10px 10px 20px;
font-family: 'Crimson Text', cursive;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
input::-webkit-input-placeholder {
color: inherit;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
input:-moz-placeholder {
color: inherit;
opacity: 1;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
input::-moz-placeholder {
color: inherit;
opacity: 1;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
input:-ms-input-placeholder {
color: inherit;
}
.widget.woocommerce.widget_product_search .woocommerce-product-search button {
width: 40px;
padding: 10px 13px 10px 4px;
font-size: 15px;
cursor: pointer;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
button:hover {
color: #17436f;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
button
span {
display: block;
line-height: inherit;
}
.widget.woocommerce.widget_product_search
.woocommerce-product-search
button
span:before {
display: block;
line-height: inherit;
}
.widget.woocommerce.widget_price_filter .eltdf-widget-title-holder,
.widget.woocommerce.widget_top_rated_products .eltdf-widget-title-holder {
margin: 0 0 19px;
}
/* ==========================================================================
WooCommerce Widgets styles - end
========================================================================== */
/* ==========================================================================
Product Info shortcode styles - begin
========================================================================== */
.eltdf-product-info {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltdf-product-info > div {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltdf-product-info > div p {
margin: 0;
}
.eltdf-product-info > div a {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 9px 0 0;
}
.eltdf-product-info > div a:last-child {
margin: 0;
}
.eltdf-product-info .eltdf-pi-title,
.eltdf-product-info .eltdf-pi-image,
.eltdf-product-info .eltdf-pi-rating {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.eltdf-product-info .eltdf-pi-image img {
display: block;
}
.eltdf-product-info .eltdf-pi-category h1,
.eltdf-product-info .eltdf-pi-category h2,
.eltdf-product-info .eltdf-pi-category h3,
.eltdf-product-info .eltdf-pi-category h4,
.eltdf-product-info .eltdf-pi-category h5,
.eltdf-product-info .eltdf-pi-category h6 {
margin: 0;
}
.eltdf-product-info .eltdf-pi-category h1 a,
.eltdf-product-info .eltdf-pi-category h2 a,
.eltdf-product-info .eltdf-pi-category h3 a,
.eltdf-product-info .eltdf-pi-category h4 a,
.eltdf-product-info .eltdf-pi-category h5 a,
.eltdf-product-info .eltdf-pi-category h6 a {
vertical-align: top;
}
.eltdf-product-info .eltdf-pi-rating {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.eltdf-product-info .eltdf-pi-rating:before {
content: '\e031\e031\e031\e031\e031';
}
.eltdf-product-info .eltdf-pi-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.eltdf-product-info .eltdf-pi-rating span:before {
content: '\e033\e033\e033\e033\e033';
}
.eltdf-product-info
.eltdf-pi-add-to-cart
.eltdf-btn.eltdf-btn-solid.eltdf-white-skin {
color: #333333;
background-color: #fff;
border-color: #fff;
}
.eltdf-product-info
.eltdf-pi-add-to-cart
.eltdf-btn.eltdf-btn-solid.eltdf-white-skin:hover {
color: #fff;
background-color: #333333;
border-color: #333333;
}
.eltdf-product-info
.eltdf-pi-add-to-cart
.eltdf-btn.eltdf-btn-solid.eltdf-dark-skin {
color: #fff;
background-color: #333333;
border-color: #333333;
}
.eltdf-product-info
.eltdf-pi-add-to-cart
.eltdf-btn.eltdf-btn-solid.eltdf-dark-skin:hover {
color: #333333;
background-color: #fff;
border-color: #fff;
}
/* ==========================================================================
Product Info shortcode styles - end
========================================================================== */
/* ==========================================================================
Product List - Carousel shortcode styles - begin
========================================================================== */
.eltdf-plc-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-plc-holder .eltdf-plc-outer {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-plc-holder .eltdf-plc-item {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0;
z-index: 100;
overflow: hidden;
box-sizing: border-box;
}
.eltdf-plc-holder .eltdf-plc-item:hover .eltdf-plc-image-outer .eltdf-plc-text {
opacity: 1;
}
.eltdf-plc-holder .eltdf-plc-item:hover .eltdf-plc-image img {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
}
.touch .eltdf-plc-holder .eltdf-plc-item {
cursor: pointer;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-image-outer {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-image-outer .eltdf-plc-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-onsale,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-out-of-stock,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-pli-new-product {
position: absolute;
display: block;
top: 0;
width: auto;
color: #fff;
font-family: 'Crimson Text', cursive;
font-size: 16px;
font-weight: 600;
text-align: center;
box-sizing: border-box;
margin: 0;
padding: 4px 8px;
z-index: 100;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-onsale {
right: 0;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-onsale {
background: #17436f;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-out-of-stock {
right: 0;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-out-of-stock {
background: #333333;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-new-product {
right: 0;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-image-outer
.eltdf-plc-image
.eltdf-plc-new-product {
background: #17436f;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-image-outer .eltdf-plc-text {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
padding: 10px;
opacity: 0;
background-color: rgba(255, 255, 255, 0.8);
border: 2px solid #17436f;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-image-outer .eltdf-plc-text-outer {
position: relative;
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-image-outer .eltdf-plc-text-inner {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-title {
margin: 0 0 4px;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-category {
margin: 11px 0 3px;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-excerpt {
color: #333333;
line-height: 1.3em;
margin: 11px 0 3px;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-rating-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
line-height: 1;
margin: 10px 0 3px;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-rating {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-rating:before {
content: '\e031\e031\e031\e031\e031';
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-rating span:before {
content: '\e033\e033\e033\e033\e033';
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-price {
position: relative;
display: block;
margin: 5px 0 0;
line-height: 1;
color: #676767;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-price * {
font-family: 'Crimson Text', cursive;
font-size: 16px;
line-height: inherit;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-price del {
margin: 0 8px 0 0;
color: #676767;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-price ins {
text-decoration: none;
}
.eltdf-plc-holder .eltdf-plc-item .button,
.eltdf-plc-holder .eltdf-plc-item .added_to_cart {
font-family: inherit;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 14px;
line-height: 2.2em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
font-size: 12px;
padding: 10px 34px;
white-space: nowrap;
z-index: 3;
}
.eltdf-plc-holder .eltdf-plc-item .button.added {
display: none;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart {
margin: 20px 0 0;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart .added_to_cart {
color: #17436f;
background-color: transparent;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart
.eltdf-btn-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart .added_to_cart:before,
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart .added_to_cart:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart .added_to_cart:before {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-add-to-cart .added_to_cart:after {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart:hover:before {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart
.added_to_cart:hover:after {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.button,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.added_to_cart {
color: #fff;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.button:before,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.button:after,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.button
.eltdf-btn-border,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.added_to_cart:before,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.added_to_cart:after,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-light-skin
.added_to_cart
.eltdf-btn-border {
border-color: #fff;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.button,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.added_to_cart {
color: #000;
}
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.button:before,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.button:after,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.button
.eltdf-btn-border,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.added_to_cart:before,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.added_to_cart:after,
.eltdf-plc-holder
.eltdf-plc-item
.eltdf-plc-add-to-cart.eltdf-dark-skin
.added_to_cart
.eltdf-btn-border {
border-color: #000;
}
.eltdf-plc-holder .eltdf-plc-item .eltdf-plc-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.eltdf-plc-holder.eltdf-standard-layout .eltdf-plc-item .eltdf-plc-title,
.eltdf-plc-holder.eltdf-standard-layout .eltdf-plc-item .eltdf-plc-category a,
.eltdf-plc-holder.eltdf-standard-layout .eltdf-plc-item .eltdf-plc-excerpt,
.eltdf-plc-holder.eltdf-standard-layout .eltdf-plc-item .eltdf-plc-rating,
.eltdf-plc-holder.eltdf-standard-layout .eltdf-plc-item .eltdf-plc-price del {
color: #333333;
}
.eltdf-plc-holder.eltdf-standard-layout
.eltdf-plc-item
.eltdf-plc-category
a:hover {
color: #17436f;
}
.eltdf-plc-holder.eltdf-standard-layout
.eltdf-plc-item
.eltdf-plc-text-wrapper {
text-align: center;
margin-top: 18px;
}
.eltdf-plc-holder.eltdf-simple-layout .eltdf-plc-image-outer {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 0 15px 0 0;
}
.eltdf-plc-holder.eltdf-simple-layout .eltdf-plc-text-wrapper {
position: relative;
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 0 0 0 15px;
}
.eltdf-plc-holder.eltdf-simple-layout .eltdf-plc-text,
.eltdf-plc-holder.eltdf-simple-layout .eltdf-plc-text-outer,
.eltdf-plc-holder.eltdf-simple-layout .eltdf-plc-text-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-transform: translateZ(0);
}
.eltdf-plc-holder.eltdf-plc-nav-light-skin .owl-nav .owl-prev,
.eltdf-plc-holder.eltdf-plc-nav-light-skin .owl-nav .owl-next {
color: #fff;
}
.eltdf-plc-holder.eltdf-plc-nav-light-skin .owl-nav .owl-prev:hover,
.eltdf-plc-holder.eltdf-plc-nav-light-skin .owl-nav .owl-next:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider .eltdf-plc-outer {
padding-top: 48px;
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav {
position: absolute;
top: 0;
right: 0;
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-next {
margin-left: 9px;
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-next,
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-prev {
position: relative;
left: 0;
right: 0;
display: inline-block;
vertical-align: middle;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-next > span,
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-prev > span {
color: #333333;
font-size: 18px;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-next > span:hover,
.eltdf-plc-holder.eltdf-plc-nav-before-slider .owl-nav .owl-prev > span:hover {
color: #17436f;
}
.eltdf-plc-holder.eltdf-plc-nav-before-slider.eltdf-plc-nav-light-skin
.owl-nav
.owl-next
> span,
.eltdf-plc-holder.eltdf-plc-nav-before-slider.eltdf-plc-nav-light-skin
.owl-nav
.owl-prev
> span {
color: #fff;
}
.eltdf-plc-holder.eltdf-plc-pag-inside-slider .owl-prev,
.eltdf-plc-holder.eltdf-plc-pag-inside-slider .owl-next {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.eltdf-plc-holder.eltdf-plc-pag-inside-slider .owl-dots {
position: absolute;
left: 0;
bottom: 10px;
margin: 0;
}
.eltdf-plc-holder.eltdf-plc-pag-light-skin .owl-dots .owl-dot span {
background-color: rgba(255, 255, 255, 0.8);
}
.eltdf-plc-holder.eltdf-plc-pag-light-skin .owl-dots .owl-dot:hover span,
.eltdf-plc-holder.eltdf-plc-pag-light-skin .owl-dots .owl-dot.active span {
background-color: #fff;
}
/* ==========================================================================
Product List - Carousel shortcode styles - end
========================================================================== */
/* ==========================================================================
Product List - Simple shortcode styles - begin
========================================================================== */
.eltdf-pls-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-pls-holder > ul {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
list-style: none;
margin: 0;
padding: 0;
}
.eltdf-pls-holder > ul > li {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
margin: 0 0 20px;
}
.eltdf-pls-holder > ul > li:last-child {
margin: 0;
}
.eltdf-pls-holder .eltdf-pls-image {
display: table-cell;
vertical-align: top;
width: 120px;
}
.eltdf-pls-holder .eltdf-pls-image a,
.eltdf-pls-holder .eltdf-pls-image img {
display: block;
}
.eltdf-pls-holder .eltdf-pls-image a {
position: relative;
}
.eltdf-pls-holder .eltdf-pls-image a:hover:after {
opacity: 1;
}
.eltdf-pls-holder .eltdf-pls-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(51, 51, 51, 0.4);
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.eltdf-pls-holder .eltdf-pls-text {
display: table-cell;
vertical-align: top;
padding: 0 0 0 20px;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-title {
margin: 0 0 4px;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-rating-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
line-height: 1;
margin: 5px 0 3px;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-rating {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-rating:before {
content: '\e031\e031\e031\e031\e031';
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-rating span:before {
content: '\e033\e033\e033\e033\e033';
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-price {
position: relative;
display: block;
margin: 5px 0 0;
line-height: 1;
color: #676767;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-price * {
font-family: 'Crimson Text', cursive;
font-size: 16px;
line-height: inherit;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-price del {
margin: 0 8px 0 0;
color: #676767;
}
.eltdf-pls-holder .eltdf-pls-text .eltdf-pls-price ins {
text-decoration: none;
}
/* ==========================================================================
Product List - Simple shortcode styles - end
========================================================================== */
/* ==========================================================================
Product List shortcode styles - begin
========================================================================== */
.eltdf-pl-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/*************** Standard Layout - begin ***************/
/*************** Standard Layout - end ***************/
/*************** Masonry Layout - begin ***************/
/*************** Masonry Layout - end ***************/
}
.eltdf-pl-holder.eltdf-info-on-image
.eltdf-pli
.eltdf-pli-text.eltdf-pli-hover-overlay
.eltdf-pli-title,
.eltdf-pl-holder.eltdf-info-on-image
.eltdf-pli
.eltdf-pli-text.eltdf-pli-hover-overlay
.eltdf-pli-category
a,
.eltdf-pl-holder.eltdf-info-on-image
.eltdf-pli
.eltdf-pli-text.eltdf-pli-hover-overlay
.eltdf-pli-excerpt {
color: #333333;
}
.eltdf-pl-holder.eltdf-info-on-image
.eltdf-pli
.eltdf-pli-text.eltdf-pli-hover-overlay
.eltdf-pli-price,
.eltdf-pl-holder.eltdf-info-on-image
.eltdf-pli
.eltdf-pli-text.eltdf-pli-hover-overlay
.eltdf-pli-price
del {
color: #676767;
}
.eltdf-pl-holder.eltdf-info-on-image
.eltdf-pli
.eltdf-pli-text.eltdf-pli-hover-overlay
.eltdf-pli-rating {
color: #17436f;
}
.eltdf-pl-holder.eltdf-info-on-image .eltdf-pli .eltdf-pli-add-to-cart {
margin: 25px 0 0;
}
.eltdf-pl-holder .eltdf-pli {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0;
z-index: 100;
box-sizing: border-box;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-title {
margin: 0 0 5px;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-category {
margin: 0 0 5px;
font-size: 16px;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-excerpt {
color: #333333;
line-height: 1.3em;
margin: 11px 0 3px;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-rating-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
line-height: 1;
margin: 0 0 5px;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-rating {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-rating:before {
content: '\e031\e031\e031\e031\e031';
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-rating span:before {
content: '\e033\e033\e033\e033\e033';
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-price {
position: relative;
display: block;
margin: 5px 0 0;
line-height: 1;
color: #676767;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-price * {
font-family: 'Crimson Text', cursive;
font-size: 16px;
line-height: inherit;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-price del {
margin: 0 8px 0 0;
color: #676767;
}
.eltdf-pl-holder .eltdf-pli .eltdf-pli-price ins {
text-decoration: none;
}
.eltdf-pl-holder .eltdf-pli-inner {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.eltdf-pl-holder .eltdf-pli-inner:hover .eltdf-pli-image img {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
}
.eltdf-pl-holder
.eltdf-pli-inner:hover
.eltdf-pli-text.eltdf-pli-hover-overlay {
opacity: 1;
}
.eltdf-pl-holder
.eltdf-pli-inner:hover
.eltdf-pli-text.eltdf-pli-button-from-bottom
.eltdf-button,
.eltdf-pl-holder
.eltdf-pli-inner:hover
.eltdf-pli-text.eltdf-pli-button-from-bottom
.added_to_cart {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.touch .eltdf-pl-holder .eltdf-pli-inner {
cursor: pointer;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image img {
display: block;
width: 100%;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-onsale,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-out-of-stock,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-new-product {
position: absolute;
display: block;
top: 0;
width: auto;
color: #fff;
font-family: 'Crimson Text', cursive;
font-size: 16px;
font-weight: 600;
line-height: 40px;
text-align: center;
box-sizing: border-box;
margin: 0;
padding: 4px 8px 0 0;
z-index: 100;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-onsale:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-image
.eltdf-pli-out-of-stock:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-image
.eltdf-pli-new-product:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 75px 75px 0;
z-index: -1;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-onsale {
right: 0;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-onsale:before {
border-color: transparent #17436f transparent transparent;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-out-of-stock {
right: 0;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-image
.eltdf-pli-out-of-stock:before {
border-color: transparent #333333 transparent transparent;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-image .eltdf-pli-new-product {
right: 0;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-image
.eltdf-pli-new-product:before {
border-color: transparent #17436f transparent transparent;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text .eltdf-button,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text .added_to_cart {
white-space: normal;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text.eltdf-pli-hover-overlay {
padding: 10px 15px;
opacity: 0;
background-color: rgba(255, 255, 255, 0.8);
border: 2px solid #17436f;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text.eltdf-pli-button-from-bottom
.eltdf-pli-text-inner {
vertical-align: bottom;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text.eltdf-pli-button-from-bottom
.eltdf-button,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text.eltdf-pli-button-from-bottom
.added_to_cart {
width: 100%;
padding-left: 10px;
padding-right: 10px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
transition: transform 0.3s ease;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-outer {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
text-align: center;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-title,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-category a,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-excerpt,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-rating,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-price {
color: #fff;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-price del {
color: rgba(255, 255, 255, 0.8);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-category
a:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart {
color: #17436f;
background-color: transparent;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart
.eltdf-btn-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart.eltdf-btn-double-border
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-first {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart.eltdf-btn-double-border:hover
.eltdf-btn-border.eltdf-btn-border-second {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #17436f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart:before {
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart:after {
-webkit-transform: translate(2px, 2px);
-moz-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart:hover:before {
-webkit-transform: translate(-3px, -3px);
-moz-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart
.added_to_cart:hover:after {
-webkit-transform: translate(3px, 3px);
-moz-transform: translate(3px, 3px);
transform: translate(3px, 3px);
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.button,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.added_to_cart {
color: #fff;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.button:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.button:after,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.button
.eltdf-btn-border,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.added_to_cart:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.added_to_cart:after,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-light-skin
.added_to_cart
.eltdf-btn-border {
border-color: #fff;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.button,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.added_to_cart {
color: #000;
}
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.button:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.button:after,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.button
.eltdf-btn-border,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.added_to_cart:before,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.added_to_cart:after,
.eltdf-pl-holder
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-add-to-cart.eltdf-dark-skin
.added_to_cart
.eltdf-btn-border {
border-color: #000;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .button,
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .added_to_cart {
font-family: inherit;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 14px;
line-height: 2.2em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,
border-color 0.3s ease;
padding: 13px 46px;
white-space: nowrap;
z-index: 3;
font-size: 12px;
padding: 10px 34px;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .button.added {
display: none;
}
.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.eltdf-pl-holder .eltdf-pli-text-wrapper {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 22px 0 38px;
text-align: center;
}
.eltdf-pl-holder.eltdf-product-info-light
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-title,
.eltdf-pl-holder.eltdf-product-info-light
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-category
a,
.eltdf-pl-holder.eltdf-product-info-light
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-excerpt,
.eltdf-pl-holder.eltdf-product-info-light
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-rating,
.eltdf-pl-holder.eltdf-product-info-light
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-price {
color: #fff;
}
.eltdf-pl-holder.eltdf-product-info-light
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-category
a:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltdf-pl-holder.eltdf-product-info-dark
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-title,
.eltdf-pl-holder.eltdf-product-info-dark
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-category
a,
.eltdf-pl-holder.eltdf-product-info-dark
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-excerpt,
.eltdf-pl-holder.eltdf-product-info-dark
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-rating,
.eltdf-pl-holder.eltdf-product-info-dark
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-price {
color: #333333;
}
.eltdf-pl-holder.eltdf-product-info-dark
.eltdf-pli-inner
.eltdf-pli-text-inner
.eltdf-pli-category
a:hover {
color: rgba(51, 51, 51, 0.8);
}
.eltdf-pl-holder.eltdf-standard-layout .eltdf-pli {
float: left;
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-large-space {
margin: 0 0 -50px;
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-normal-space {
margin: 0 0 -30px;
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-small-space {
margin: 0 0 -20px;
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-tiny-space {
margin: 0 0 -10px;
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-two-columns .eltdf-pli {
width: 50%;
}
@media only screen and (min-width: 1025px) {
.eltdf-pl-holder.eltdf-standard-layout.eltdf-two-columns
.eltdf-pli:nth-child(2n + 1) {
clear: both;
}
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-three-columns .eltdf-pli {
width: 33.33333%;
}
@media only screen and (min-width: 1025px) {
.eltdf-pl-holder.eltdf-standard-layout.eltdf-three-columns
.eltdf-pli:nth-child(3n + 1) {
clear: both;
}
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-four-columns .eltdf-pli {
width: 25%;
}
@media only screen and (min-width: 1025px) {
.eltdf-pl-holder.eltdf-standard-layout.eltdf-four-columns
.eltdf-pli:nth-child(4n + 1) {
clear: both;
}
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-five-columns .eltdf-pli {
width: 20%;
}
@media only screen and (min-width: 1025px) {
.eltdf-pl-holder.eltdf-standard-layout.eltdf-five-columns
.eltdf-pli:nth-child(5n + 1) {
clear: both;
}
}
.eltdf-pl-holder.eltdf-standard-layout.eltdf-six-columns .eltdf-pli {
width: 16.66667%;
}
@media only screen and (min-width: 1025px) {
.eltdf-pl-holder.eltdf-standard-layout.eltdf-six-columns
.eltdf-pli:nth-child(6n + 1) {
clear: both;
}
}
.eltdf-pl-holder.eltdf-masonry-layout .eltdf-pl-outer {
opacity: 0;
}
.eltdf-pl-holder.eltdf-masonry-layout .eltdf-pl-sizer {
width: 100%;
}
.eltdf-pl-holder.eltdf-masonry-layout .eltdf-pl-gutter {
width: 0;
}
.eltdf-pl-holder.eltdf-masonry-layout .eltdf-pli-inner {
width: 100%;
height: 100%;
}
.eltdf-pl-holder.eltdf-masonry-layout .eltdf-pli-inner .eltdf-pli-image {
height: 100%;
}
.eltdf-pl-holder.eltdf-masonry-layout .eltdf-pli-inner .eltdf-pli-image img {
height: 100%;
}
.eltdf-pl-holder.eltdf-masonry-layout
.eltdf-pli.eltdf-woo-image-large-width
img {
width: 100%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-two-columns .eltdf-pli,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-two-columns .eltdf-pl-sizer {
width: 50%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-two-columns
.eltdf-pli.eltdf-woo-image-large-width,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-two-columns
.eltdf-pli.eltdf-woo-image-large-width-height {
width: 100%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-three-columns .eltdf-pli,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-three-columns .eltdf-pl-sizer {
width: 33.33333%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-three-columns
.eltdf-pli.eltdf-woo-image-large-width,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-three-columns
.eltdf-pli.eltdf-woo-image-large-width-height {
width: 66.66667%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-four-columns .eltdf-pli,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-four-columns .eltdf-pl-sizer {
width: 25%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-four-columns
.eltdf-pli.eltdf-woo-image-large-width,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-four-columns
.eltdf-pli.eltdf-woo-image-large-width-height {
width: 50%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-five-columns .eltdf-pli,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-five-columns .eltdf-pl-sizer {
width: 20%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-five-columns
.eltdf-pli.eltdf-woo-image-large-width,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-five-columns
.eltdf-pli.eltdf-woo-image-large-width-height {
width: 40%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-six-columns .eltdf-pli,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-six-columns .eltdf-pl-sizer {
width: 16.66667%;
}
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-six-columns
.eltdf-pli.eltdf-woo-image-large-width,
.eltdf-pl-holder.eltdf-masonry-layout.eltdf-six-columns
.eltdf-pli.eltdf-woo-image-large-width-height {
width: 33.33333%;
}
/* ==========================================================================
Product List shortcode styles - end
========================================================================== */
.woocommerce-page
.eltdf-content
.eltdf-content-inner
> .eltdf-container
> .eltdf-container-inner,
.woocommerce-page
.eltdf-content
.eltdf-content-inner
> .eltdf-full-width
> .eltdf-full-width-inner {
padding-bottom: 68px;
}
/* ==========================================================================
WooCommerce styles - end
========================================================================== */
/*# sourceMappingURL=../css/woocommerce.css.map */
.woocommerce-cart-form {
.free-shipping {
text-align: right;
color: #000;
strong {
font-weight: 600;
}
}
}
.eltdf-content {
padding-bottom: 50px;
}
@media (min-width: 768px) {
#customer_login {
display: flex;
gap: 50px;
.col-1 {
width: 50%;
}
.col-2 {
width: 50%;
}
}
.eltdf-blog-holder-inner {
display: grid;
grid-template-columns: 1fr 1fr;
flex-wrap: wrap;
gap: 30px;
}
}
.post.type-post {
max-width: 800px;
margin: 0 auto 50px !important;
display: block;
}
.eltdf-blog-holder article {
h3.eltdf-post-title {
font-size: 26px;
text-transform: none;
}
h2 {
font-size: 26px;
text-transform: none;
margin-bottom: 5px;
}
.eltdf-post-image {
width: 100%;
display: block;
img {
max-width: unset !important;
width: 100% !important;
}
}
}