/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# WooCommerce
## General
### General Elements
### Breadcrumb
### Notifications
### Newsletter
### Mini-Cart
### Wishlist
### Shop Table
### Forms
### Related / Up-Sell / Cross-Sell
### Comments
### Meta
### Sidebar & Widgets
### Paginierung
### Shariff
### WooCommerce Gutenberg Block
### Quick View
### German Market
## Archive
### Header / Title / Result Count / Sorting / Category Description
### Products
### Sidebar
## Single Product
### General
### Product Page Sections (Tabs)
#### Style Tabs
#### Style Tabs Centered
#### Style Accordion
### Attributes
### Variations
### Wishlist
### Thumbnails & Gallery
### Product Meta
### Product Rating
### Upsells
### Related Slider
## Cart
### General
### Shopping Table (Cart)
### Cart Totals
### Cart Block
## Checkout
### Order Progress
### Headline
### Shipping Address + Billing Address
### Shop Table (Checkout)
### Payment
### Login
### WGM Second Checkout
### Thank You Page
#### Headlines
#### Order Details
#### Thank You Icon
### Checkout Block
## Account
### Account Header
### Account Navigation
### Account Main Content Area
### Account orders area + account downloads area
### Account address area
### Account login + register
### Account single order
/*--------------------------------------------------------------
## WooCommerce
--------------------------------------------------------------*/
/* General */
.woocommerce-error li {
margin: 0 !important;
}
.woocommerce-error li:before {
content: none !important;
}
.woocommerce-info {
float: left;
width: 100%;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
content:'\e016';
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
/* Product Catalog */
.single-product .wp-block-columns.has-2-columns .layout-column-2 {
padding-left: 25px;
}
.single-product .wp-block-columns.has-2-columns .layout-column-1 {
padding-right: 25px;
}
.single-product span.price {
display:block;
width:100%;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #404040;
font-size: 2.05em;
margin-bottom: 5px;
margin-top: 0;
}
h2.desciption {
font-size: 40px;
font-weight: 900;
line-height: 1;
margin-top: 25px;
}
#shop-description,
.term-description {
width: 100%;
float: left;
}
@media screen and (max-width: 768px) {
#shop-description {
order: 1;
}
}
@media (max-width: 480px) {
.single-product .wp-block-columns.has-2-columns .layout-column-2 {
padding-left: 0;
}
.single-product .wp-block-columns.has-2-columns .layout-column-1 {
padding-right: 0;
}
}
/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### General Elements
--------------------------------------------------------------*/
/*** Layout ***/
.woocommerce div.product {
position: unset;
}
/*** Buttons ***/
.woocommerce .button,
.woocommerce a.button,
.woocommerce a.button:disabled,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce input.button,
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled[disabled],
input.mailpoet_submit,
input[type="submit"],
a.atomion-edit-address-button,
.woocommerce-MyAccount-content button.button,
.atomion-account .button,
.atomion-button-filled,
#content .woocommerce .button,
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit,
.wc-block-cart__submit-button,
.wc-block-components-totals-coupon__button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .add_to_cart_button,
.cc_content_blocker .button {
color: white;
text-transform: uppercase;
border-radius: 0;
font-size: .9em;
font-weight: 600;
padding: .8em;
-webkit-font-smoothing: unset;
transition: .3s all ease;
text-decoration: none;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce a.button:disabled:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce button.button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
a.atomion-edit-address-button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce .widget_product_search button:hover,
.atomion-account .button:hover,
input[type="submit"]:hover,
.atomion-button-filled:hover,
#content a.atomion-edit-address-button:hover,
.atomion-mini-cart-widget a.button:hover,
#content .woocommerce .button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .add_to_cart_button:hover,
.cc_content_blocker .button:hover,
.woocommerce .button:focus,
.woocommerce a.button:focus,
.woocommerce a.button:disabled:focus,
.woocommerce .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce button.button:focus,
.woocommerce #review_form #respond .form-submit input:focus,
.woocommerce input.button:focus,
.woocommerce div.product form.cart .button:focus,
.woocommerce button.button:disabled:focus,
.woocommerce button.button:disabled[disabled]:focus,
a.atomion-edit-address-button:focus,
.woocommerce-MyAccount-content button.button:focus,
.woocommerce .widget_product_search button:focus,
.atomion-account .button:focus,
input[type="submit"]:focus,
.atomion-button-filled:focus,
#content a.atomion-edit-address-button:focus,
.atomion-mini-cart-widget a.button:focus,
#content .woocommerce .button:focus,
.wc-block-cart__submit-button:focus,
.wc-block-components-totals-coupon__button:focus,
.wc-block-components-checkout-place-order-button:focus,
.wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .add_to_cart_button:focus,
.cc_content_blocker .button:focus {
background: transparent;
transition: .3s all ease;
}
/* Woo Ajax Button */
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
top: .8em;
}
/*** Sale Bubble ***/
.woocommerce span.onsale {
border-radius: 0;
padding: 11px 10px;
line-height: 1;
min-height: 0;
margin: 1.5em 0em 0 1.5em;
text-transform: uppercase;
}
/*** a remove ***/
.woocommerce-cart #content .woocommerce a.remove:hover,
.woocommerce-cart #content .woocommerce a.remove:focus {
background: #cccccc;
border: 2px solid #cccccc;
}
.woocommerce-cart #content .woocommerce a.remove:hover i,
.woocommerce-cart #content .woocommerce a.remove:focus i {
color: white;
}
.woocommerce a.remove:hover,
.woocommerce a.remove:focus {
background: transparent;
border: none;
}
.woocommerce a.remove:hover i,
.woocommerce a.remove:focus i {
color: white;
}
/** quantity */
.woocommerce .quantity .qty {
width: 100%;
max-width: 90px;
height: 44px;
}
.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward {
font-size: .9em;
z-index: 99;
animation: atomionButtonSlideUp .5s;
}
.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward:hover,
.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward:focus {
color: white !important;
}
@media (max-width: 768px) {
.archive.woocommerce #primary {
display: flex;
flex-flow: column;
}
.woocommerce .quantity .qty {
max-width: 50px;
}
}
@media (max-width: 480px) {
.woocommerce .quantity .qty {
height: 39px;
}
}
/*--------------------------------------------------------------
Targeting only Firefox Browser on Windows Platform
--------------------------------------------------------------*/
@supports (-moz-appearance:none) and (background-attachment:local)
and (not (-moz-osx-font-smoothing:auto)) {
.woocommerce-grouped-product-list.group_table .quantity .qty {
text-align: left;
}
}
/*--------------------------------------------------------------
### Breadcrumb
--------------------------------------------------------------*/
.woocommerce .woocommerce-breadcrumb {
margin: 1.5em 0;
color: #3D464F;
text-transform: uppercase;
}
.woocommerce .woocommerce-breadcrumb a {
font-weight: 900;
color: #3D464F;
text-decoration: none;
}
/*--------------------------------------------------------------
### Notifications
--------------------------------------------------------------*/
.woocommerce-notices-wrapper {
width: 100%;
}
.archive .woocommerce-notices-wrapper {
float: left;
}
/* Blocks */
.entry-content .wc-block-components-notice-banner ul:not([class]) > li:not([class]) {
padding-left: initial;
margin: initial;
list-style: initial;
}
@media (max-width: 768px) {
.archive .woocommerce-notices-wrapper {
order: 1;
}
.archive .woocommerce-notices-wrapper .woocommerce-message {
margin-bottom: 0;
}
.woocommerce-message {
display: flex;
flex-flow: wrap;
}
.woocommerce-message a.wc-forward {
width: 100%;
text-align: center;
margin-top: 1em;
order: 2;
}
}
/*--------------------------------------------------------------
### Newsletter
--------------------------------------------------------------*/
.atomion-mailpoet-info {
padding-right: 50px;
}
.mailpoet_form_widget {
margin-top: 50px;
position: relative;
}
/*--------------------------------------------------------------
### Mini-Cart
--------------------------------------------------------------*/
#masthead #desktop-navigation .cart-item {
display: flex;
align-items: center;
position: relative;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
#masthead #desktop-navigation .cart-item .atomion-mini-cart-widget,
#masthead #desktop-navigation .cart-item .atomion-mini-cart-widget a,
#masthead #desktop-navigation .cart-item .atomion-mini-cart-widget p {
transition: all 0.2s ease-in;
/* -webkit-transition: all 0.2s ease-in; */
-o-transition: all 0.2s ease-in;
}
#masthead .cart-item .cart-status {
display: none;
}
#masthead .cart-item p.woocommerce-mini-cart__empty-message {
padding: .8em 1.9em;
}
#masthead .cart-item .atomion-mini-cart-widget {
display: none;
z-index: -1;
position: absolute;
overflow: auto;
right: 0;
width: 455px;
max-height: 85vh;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1803921568627451);
}
#masthead #mobile-navigation .cart-item .atomion-mini-cart-widget {
right: -5.5%;
}
#masthead .cart-item:hover .atomion-mini-cart-widget,
#masthead .cart-item:focus-within .atomion-mini-cart-widget {
display: block;
}
#masthead #desktop-navigation .cart-item:hover .atomion-mini-cart-widget ul.woocommerce-mini-cart,
#masthead #desktop-navigation .cart-item:focus-within .atomion-mini-cart-widget ul.woocommerce-mini-cart {
margin: 0;
padding: 15px 40px;
}
#masthead #mobile-navigation .cart-item .atomion-mini-cart-widget ul.woocommerce-mini-cart {
margin: 0;
padding: 15px 2em;
}
#masthead #desktop-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li,
#masthead #mobile-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li {
padding-right: 1.5rem;
padding-bottom: 40px;
}
.gm-active #masthead #desktop-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li,
.gm-active #masthead #mobile-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li {
padding-right: 1.5rem;
padding-bottom: 25px;
}
#masthead #desktop-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li > *:not(.remove),
#masthead #mobile-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li > *:not(.remove) {
padding-left: 4.375rem;
}
#masthead #desktop-navigation .atomion-mini-cart-widget li img,
#masthead #mobile-navigation .atomion-mini-cart-widget li img {
position: absolute;
left: 0;
}
#masthead #mobile-navigation .mini_cart_item > a:first-child {
display: block;
}
.header-cart-link .cart-icon {
margin-right: 10px;
}
#header .atomion-mini-cart-widget li {
list-style: none;
width: 100%;
position: relative;
padding: 25px 0;
line-height: 1;
}
.woocommerce .atomion-mini-cart-widget ul.product_list_widget li .woocommerce-Price-amount {
font-size: 14px;
}
.atomion-mini-cart-widget li a {
text-transform: none;
line-height: 1.3;
}
.atomion-mini-cart-widget li img {
float: left;
margin-right: 20px;
max-width: 50px;
}
.atomion-mini-cart-widget li > span.quantity {
display: block;
font-size: 14px;
line-height: 1;
}
.atomion-mini-cart-widget li > span.wgm-info {
display: block;
font-size: .8em;
line-height: 1.3;
}
.atomion-mini-cart-widget.no-tax-rate .wgm-info.woocommerce-de_price_taxrate {
display: none !important;
}
.atomion-mini-cart-widget li span.quantity .woocommerce-Price-amount.amount {
font-weight: 900;
}
.atomion-mini-cart-widget li a.remove_from_cart_button {
position: absolute;
right: 0;
top: 25%;
}
.atomion-mini-cart-widget p.woocommerce-mini-cart__total {
float: left;
width: 100%;
padding: 20px 40px;
text-align: right;
line-height: 1;
margin: 0;
}
.atomion-mini-cart-widget a.remove {
font-size: 1em;
}
#header .atomion-mini-cart-widget .buttons {
width: 100%;
float: left;
margin: 1.25em 0 0;
}
#header .atomion-mini-cart-widget .button {
width: 50%;
display: block;
float: left;
text-align: center;
text-transform: uppercase;
font-weight: 900;
line-height: 1;
padding: 18px 10px 20px;
border: 0;
}
#header .cart-item .atomion-mini-cart-widget .button.wc-forward {
color: white;
background: #222222;
position: relative;
overflow:hidden;
z-index: 1;
cursor: pointer;
transition: 0.08s ease-in;
-o-transition: 0.08s ease-in;
-ms-transition: 0.08s ease-in;
-moz-transition: 0.08s ease-in;
-webkit-transition: 0.08s ease-in;
}
#header #mobile-navigation .cart-item .atomion-mini-cart-widget .button.wc-forward {
color: white;
font-size: 1em;
}
#header .cart-item .atomion-mini-cart-widget .button.wc-forward:before {
content: "";
position: absolute;
margin-right: 0;
opacity: .5;
bottom: 0;
left: 0;
right: 100%;
top: 0;
z-index: -1;
transition: right 0.09s ease-in;
-webkit-transition: right 0.09s ease-in;
}
#header .cart-item .atomion-mini-cart-widget .button.checkout.wc-forward:before {
background: black ;
}
#header .cart-item .atomion-mini-cart-widget .button.wc-forward:hover:before,
#header .cart-item .atomion-mini-cart-widget .button.wc-forward:focus:before {
right: 0;
}
.atomion-mini-cart-widget .button.wc-forward:before {
content: "\f07a";
font-family: 'Font Awesome\ 6 Free';
font-weight: 700;
margin-right: 10px;
}
.atomion-mini-cart-widget .button.checkout:before {
content: "\f0a9";
}
@media screen and (max-width: 1000px) {
.atomion-mini-cart-widget p.woocommerce-mini-cart__total {
margin-bottom: 17px;
}
.admin-bar .atomion-mini-cart-widget p.woocommerce-mini-cart__total {
margin-bottom: 49px;
}
}
@media screen and (max-width: 782px) {
.admin-bar .atomion-mini-cart-widget p.woocommerce-mini-cart__total {
margin-bottom: 63px;
}
}
/*--------------------------------------------------------------
### Shop Table
--------------------------------------------------------------*/
.woocommerce table.shop_table {
border: 0;
}
.woocommerce table.shop_table td {
padding: 3.4em .75em;
}
.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table th.product-total,
.woocommerce table.shop_table td .product-tax,
.woocommerce table.shop_table td:last-child {
text-align: right;
}
.woocommerce table.shop_table td.product-name {
width: 50%;
font-weight: 900;
}
.woocommerce table.shop_table td.product-name .german-market-product-image.checkout ~ small,
.woocommerce table.shop_table td.product-name .german-market-product-image.order ~ small {
display: inherit;
}
.woocommerce table.shop_table .product-name ul {
margin-top: 1em;
}
.woocommerce table.shop_table .product-name ul li {
margin: 0;
}
.woocommerce table.shop_table td.product-quantity {
width: 5%;
}
.woocommerce table.shop_table td a,
.woocommerce-page a.wc-block-components-product-name {
text-decoration: none;
font-weight: 900;
}
.woocommerce-order-received table.shop_table td.product-name {
width: 60%;
font-weight: normal;
font-size: .8em;
}
.woocommerce-order-received table.shop_table td.product-name .product-desc {
display: inherit;
}
.woocommerce-order-received table.shop_table td a {
text-decoration: none;
font-weight: 900;
font-size: 1.2em;
width: 100%;
display: block;
}
.woocommerce table.shop_table td.product-remove a {
width: 1.6em;
height: 1.6em;
}
.woocommerce table.shop_table td i {
color: #CCCCCC;
}
.woocommerce-account .woocommerce-order-downloads {
border-bottom: 1px solid #ddd;
padding-bottom: 2rem;
}
.woocommerce-account h2.woocommerce-order-downloads__title {
font-size: 20px;
font-family: "SourceSansPro", sans-serif;
font-weight: 400;
margin-top: .5rem;
}
.woocommerce-account h2.woocommerce-order-downloads__title:after {
display: none;
}
.woocommerce .woocommerce-table--order-downloads {
border: 0 !important;
}
.woocommerce .woocommerce-table--order-downloads thead th {
padding-left: 0 !important;
padding-right: 0 !important;
}
.woocommerce .woocommerce-table--order-downloads tbody td {
padding: .3em 0 !important;
}
.woocommerce .woocommerce-table--order-downloads .download-product a {
font-size: inherit;
}
.woocommerce-account .woocommerce-table--order-downloads .download-file a {
display: block;
margin: .5rem 0;
text-align: center;
}
.woocommerce-account .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file {
display: inline-block !important;
width: 100%;
}
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
margin-bottom: 2em;
position: relative;
}
.woocommerce table.shop_table td {
padding: 0.3em 0;
border: 0;
}
.woocommerce table.shop_table td.product-thumbnail {
padding-top: 1em;
display: block !important;
}
.woocommerce table.shop_table_responsive tr td.product-thumbnail::before,
.woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
display: none;
}
.woocommerce table.shop_table td.product-name {
width: 100%;
}
.woocommerce table.shop_table td.product-subtotal {
padding-bottom: 1em;
}
.woocommerce table.shop_table td small {
display: none;
}
.woocommerce table.shop_table td.product-remove {
position: absolute;
background: none !important;
bottom: 10px;
left: -5px;
}
body:not(.gm-active) .woocommerce table.shop_table td.product-remove,
body.gm-small-trading-exemption .woocommerce table.shop_table td.product-remove {
bottom: -25px;
}
.woocommerce table.shop_table td.actions {
background: white !important;
}
.woocommerce table.shop_table tr.jde_hint {
border-top: 1px solid #DDDDDD;
padding: 2em 0 1em;
}
.woocommerce-order-received .woocommerce-table--order-downloads tbody {
display: block;
}
}
/*--------------------------------------------------------------
### Forms
--------------------------------------------------------------*/
.woocommerce form .form-row {
padding: 3px 0;
margin: 0 0 17px;
}
.woocommerce form .form-row .select2-container {
height: 50px;
}
.select2-container--default .select2-selection--single {
position: relative;
border: 3px solid #dddddd;
border-radius: 0;
height: 50px;
padding: 9px 5px;
}
.sidebar-content .select2-container--default .select2-selection--single,
.sidebar-content .select2-container--default .select2-selection--multiple {
padding:0;
}
.sidebar-content .select2-container--default .select2-selection--single {
position: relative;
border: 3px solid #dddddd;
border-radius: 0;
height: 50px;
padding: 9px 5px;
}
.sidebar-content .select2-container--default .select2-selection--multiple,
.sidebar-content .select2-container--default.select2-container--focus .select2-selection--multiple {
position: relative;
border: 3px solid #dddddd;
border-radius: 0;
min-height: 50px;
padding: 4px 5px;
}
.sidebar-content .woocommerce-widget-layered-nav-dropdown__submit {
width: 100%;
}
.sidebar-content .select2-container--default .select2-selection--single .select2-selection__placeholder {
font-weight: bold;
text-transform: uppercase;
}
.sidebar-content .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
opacity: 1;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.sidebar-content .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 8px;
right: 7px;
}
span.select2-dropdown.select2-dropdown--below {
border: 3px solid #dddddd;
border-top: 0;
}
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 100%;
}
.woocommerce form .form-row textarea {
height: 7em;
box-shadow: none;
-webkit-appearance: none;
}
.woocommerce form.woocommerce-checkout select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 1em;
width: 100%;
border: 3px solid #DDDDDD;
border-radius: 0;
padding: .55em 2em .7em 1em;
background-color: white;
background-size: 14px;
background-position: calc(100% - 15px);
background-repeat: no-repeat;
}
.woocommerce form.woocommerce-checkout input::placeholder,
.woocommerce form.woocommerce-checkout textarea::placeholder,
.woocommerce form#woocommerce-checkout-form-coupon input[type="text"]::placeholder {
font-weight: normal;
opacity: .7;
}
.woocommerce form.woocommerce-checkout input[type="text"],
.woocommerce form.woocommerce-checkout input[type="tel"],
.woocommerce form.woocommerce-checkout input[type="email"],
.woocommerce form.woocommerce-checkout input[type="url"],
.woocommerce form.woocommerce-checkout input[type="number"],
.woocommerce form.woocommerce-checkout input[type="date"],
.woocommerce form.woocommerce-checkout input[type="search"],
.woocommerce form.woocommerce-checkout input[type="password"],
.woocommerce form.woocommerce-checkout textarea.input-text,
.woocommerce form#woocommerce-checkout-form-coupon input[type="text"] {
padding: 12px;
border: 3px solid #DDDDDD;
border-radius: 0;
color: #404040;
}
.woocommerce form.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 28px;
padding-top: 0;
padding-bottom: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 2px;
right: .5em;
}
/*--------------------------------------------------------------
### Related / Up-Sell / Cross-Sell
--------------------------------------------------------------*/
.woocommerce .product-image-wrapper {
position: relative;
text-align: center;
line-height: 0;
}
.woocommerce .product-image-wrapper:before {
content: '';
display: block;
visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
background-color: white;
opacity: 0;
transition: all .3s ease-in-out;
}
.woocommerce ul.products li.product .product-image-wrapper:hover:before,
#content .woocommerce ul.products li.product .product-image-wrapper:hover:before,
.woocommerce ul.products li.product .product-image-wrapper:focus:before,
#content .woocommerce ul.products li.product .product-image-wrapper:focus:before {
opacity: 1;
visibility: visible;
}
.product-image-wrapper {
position: relative;
overflow: hidden;
width:100%;
}
.product-image-wrapper .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
float: left;
z-index: 10;
}
.product-image-wrapper img {
-webkit-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
opacity: 1;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .button.product_type_variable.add_to_cart_button, .button.product_type_grouped, .button.product_type_external {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 0;
background: black;
color: white;
font-weight: 900;
line-height: 1.5;
border: none;
text-transform: uppercase;
z-index: 10;
}
.woocommerce-grouped-product-list .button.product_type_variable.add_to_cart_button {
position: inherit;
font-weight: 600;
padding: .8em;
}
.product-image-wrapper .atomion-product-image img {
margin-bottom: 0 !important;
}
.product-image-wrapper .atomion-product-lupe {
bottom: 40% !important;
max-width: 30%;
z-index: 10;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
color: black !important;
background: transparent !important;
font-size:1.6em;
}
.product-image-wrapper .atomion-product-lupe i {
color: black;
font-size: 2em;
}
.product-image-wrapper:hover img,
.product-image-wrapper:focus img {
opacity: 0.3;
-webkit-transform: scale(1);
transform: scale(1);
}
.woocommerce ul.products li.product .product-image-wrapper:hover a:not(.atomion-product-image),
#content .woocommerce ul.products li.product .product-image-wrapper:hover a:not(.atomion-product-image),
.woocommerce ul.products li.product .product-image-wrapper:focus a:not(.atomion-product-image),
#content .woocommerce ul.products li.product .product-image-wrapper:focus a:not(.atomion-product-image) {
display: block;
margin-bottom: 0;
}
.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button,
#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button,
.woocommerce ul.products li.product .product-image-wrapper a.product_type_external {
overflow:hidden;
z-index: 99;
cursor: pointer;
transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
animation: atomionButtonSlideUp .5s;
}
.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:before,
#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:before,
.woocommerce ul.products li.product .product-image-wrapper a.product_type_external:before {
content: "" !important;
position: absolute;
background: white;
margin-right: 0;
opacity: .2;
bottom: 0;
left: 0;
right: 100%;
top: 0;
z-index: -1;
transition: right 0.2s ease-in;
-webkit-transition: right 0.2s ease-in;
}
.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:hover:before,
#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:hover:before,
.woocommerce ul.products li.product .product-image-wrapper a.product_type_external:hover:before,
.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:focus:before,
#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:focus:before,
.woocommerce ul.products li.product .product-image-wrapper a.product_type_external:focus:before {
right: 0;
}
.woocommerce ul.products li.product .product-image-wrapper:hover a.atomion-product-lupe,
#content .woocommerce ul.products li.product .product-image-wrapper:hover a.atomion-product-lupe,
.woocommerce ul.products li.product .product-image-wrapper:focus a.atomion-product-lupe,
#content .woocommerce ul.products li.product .product-image-wrapper:focus a.atomion-product-lupe {
animation: atomionFadeIn .5s;
}
@keyframes atomionButtonSlideUp {
0% {bottom: -45px;}
100% {bottom: 0}
}
@keyframes atomionFadeIn {
0% {opacity: 0;}
100% {opacity: 1}
}
.woocommerce ul.products li.product .product-image-wrapper a:hover,
#content .woocommerce ul.products li.product .product-image-wrapper a:hover,
.woocommerce ul.products li.product .product-image-wrapper a:focus,
#content .woocommerce ul.products li.product .product-image-wrapper a:focus {
background: black;
color: white;
box-shadow: none;
}
.woocommerce li.product .product-image-wrapper a.woocommerce-LoopProduct-link,
#content .woocommerce li.product .product-image-wrapper a.woocommerce-LoopProduct-link {
height: 100%;
background: transparent;
}
.woocommerce ul.products li.product .product-image-wrapper a:not(.atomion-product-image),
#content .woocommerce ul.products li.product .product-image-wrapper a:not(.atomion-product-image) {
display: none;
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 0;
background: black;
color: white;
font-weight: 900;
line-height: 1.5;
border: none;
text-transform: uppercase;
}
.woocommerce ul.products li.product .product-image-wrapper a.woocommerce-loop-product__link {
background: transparent !important;
}
.woocommerce li.product .site-product-meta {
text-align: center;
}
.woocommerce .related-slider {
position: relative;
}
.woocommerce > .related h2 {
padding: 50px 0 15px;
text-align: center;
border-top: 1px solid #cbcbcb;
}
.woocommerce .related.products h2 {
font-size: 2em;
font-weight: 800;
text-align: center;
margin: 2em 0 1.5em;
}
.woocommerce .related-slider .slick-dots {
bottom: 10px;
}
.woocommerce .related ul.products h2.woocommerce-loop-product__title,
.woocommerce .up-sells ul.products h2.woocommerce-loop-product__title,
.woocommerce .cross-sells ul.products h2.woocommerce-loop-product__title {
font-size: 1.2em;
}
.woocommerce .related-slider ul.products .slick-list li.product {
clear: unset !important;
}
.woocommerce .related .product img,
.woocommerce .up-sells .product img,
.woocommerce .cross-sells .product img,
[class^="wp-block-woocommerce"] .woocommerce .product img {
width: 100%;
}
.woocommerce li.product .site-product-meta h2 {
text-align: center;
hyphens: auto;
}
.woocommerce li.product .site-product-meta h2:after {
display: none;
}
.woocommerce li.product .site-product-meta a img {
margin: 0 0 1em;
}
.woocommerce ul.products li.product .price {
font-size: 1em;
line-height: 1;
font-weight: 900;
color: #333333;
margin: 0 0 10px;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins {
color: #E84948;
}
.woocommerce ul.products li.product .onsale {
border-radius: 0;
padding: 11px 10px;
line-height: 1;
min-height: 0;
margin: 1em 1em 0 0;
text-transform: uppercase;
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
width: 100%;
}
.woocommerce .cart-collaterals .cross-sells .slick-slider li {
padding-left: 0;
}
.has-revert-scale .product-image-wrapper img {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
.has-revert-scale .product-image-wrapper:hover img,
.has-revert-scale .product-image-wrapper:focus img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.has-no-scale .product-image-wrapper img {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
.has-no-scale .product-image-wrapper:hover img,
.has-no-scale .product-image-wrapper:focus img {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
.has-no-scale .product-image-wrapper:hover a.atomion-product-lupe i,
.has-no-scale .product-image-wrapper:focus a.atomion-product-lupe i {
display:none;
}
.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.add_to_cart_button,
.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_external,
.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_grouped,
#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.add_to_cart_button,
#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_external,
#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_grouped,
.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:focus a.add_to_cart_button,
.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:focus a.product_type_external,
.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:focus a.product_type_grouped,
#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:focus a.add_to_cart_button,
#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:focus a.product_type_external,
#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:focus a.product_type_grouped {
display: none;
}
@media screen and (min-width: 769px) {
.woocommerce .related-grid > ul,
.woocommerce .up-sells-grid > ul,
.woocommerce .cross-sells.grid > ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-right: 0;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 30.75%;
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products li.product {
width: 22.05%;
}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
width: 16.95%;
}
}
@media screen and (max-width: 768px) {
.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product {
width: 100%;
}
}
@media (max-width: 480px) {
#content .woocommerce ul.products:not(.slick-slider) li.product {
margin-bottom: 1em;
}
}
@media (hover: none) and (pointer: coarse) and (max-width: 1000px) {
.woocommerce ul.products li.product .product-image-wrapper:hover a.button,
.woocommerce ul.products li.product .product-image-wrapper:hover a.atomion-product-lupe,
.woocommerce ul.products li.product .product-image-wrapper:focus a.button,
.woocommerce ul.products li.product .product-image-wrapper:focus a.atomion-product-lupe {
display:none;
}
.woocommerce ul.products li.product .product-image-wrapper a.woocommerce-LoopProduct-link {
display:block;
}
}
/*--------------------------------------------------------------
### Comments
--------------------------------------------------------------*/
.woocommerce .woocommerce-Reviews {
width: 100%;
float: left;
margin-top: 1em;
}
.woocommerce #reviews #comments,
.woocommerce #reviews #review_form_wrapper {
max-width: 700px;
width: 100%;
}
.woocommerce #reviews #comments {
margin-bottom: 3em;
float: left;
width: 58%;
margin-right: 2em;
}
.woocommerce #reviews #review_form_wrapper {
float: left;
}
#reviews .woocommerce-verification-required {
width:100%;
float: left;
}
.woocommerce #reviews span#reply-title, .comment-form-rating {
text-transform: uppercase;
font-weight: 900;
display: block;
margin-bottom: 30px;
}
.woocommerce #reviews #comments .woocommerce-Reviews-title {
color: #333333;
font-weight: 700;
font-size: 1em;
margin: 0 0 3em;
display: block;
}
.woocommerce #reviews #comments .woocommerce-Reviews-title:after, .related h2:after {
display: none;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist {
padding-left: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 75px;
position: relative;
float: left;
border: 0;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
float: left;
margin-left: 1.7em;
margin-top: 5px;
}
.woocommerce #reviews #comments ol.commentlist li .meta time {
display: block;
font-size: 1.2em;
line-height: 1.3;
}
.woocommerce #reviews #comments ol.commentlist li .meta .woocommerce-review__author {
font-size: 1.65em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
display: inline-flex;
width: 100%;
margin-left: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 200px;
}
.woocommerce #review_form #respond p {
margin: 0 0 1.4em;
}
.woocommerce #review_form #respond p #email-notes {
display: block;
}
.woocommerce #review_form #respond p.comment-notes {
margin: 0px 0 45px;
}
.woocommerce #review_form #respond p.stars {
margin-top: 15px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
line-height: 1.5;
}
@media (max-width: 1000px) {
.woocommerce .woocommerce-Reviews {
display: flex;
flex-flow: column wrap;
}
.woocommerce #reviews #comments {
order: 2;
width: 100%;
max-width: 100%;
}
.woocommerce #reviews #review_form_wrapper {
order: 3;
}
}
/*--------------------------------------------------------------
### Meta
--------------------------------------------------------------*/
.product_meta span, .product_meta a {
text-transform: uppercase;
text-decoration: none;
}
.product_meta > span {
display: block;
}
.product_meta > span .meta-topic {
font-weight: 600;
}
/*--------------------------------------------------------------
### Sidebar & Widgets
--------------------------------------------------------------*/
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: white;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.25);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #EDEDED;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1em;
}
.sidebar-content .woocommerce .wgm-info,
footer .widget.woocommerce .wgm-info {
display: block !important;
padding-left: 70px;
}
.sidebar-content .woocommerce .wgm-info a,
footer .widget.woocommerce .wgm-info a {
display: inline !important;
}
.sidebar-content .woocommerce li > .wgm-sale-label,
footer .widget.woocommerce li > .wgm-sale-label {
display: block;
font-size: 14px;
font-size: .87em;
}
/*** product search ***/
.woocommerce .widget_product_search form.woocommerce-product-search {
position: relative;
}
.woocommerce .widget_product_search button {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
padding: 0;
border: 0;
color: white;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border-radius: 0;
}
.sidebar .search-field {
width: 100%;
}
/*** rating widet ***/
.woocommerce ul.product_list_widget li {
padding: 7px 0;
line-height: 1;
}
.woocommerce ul.product_list_widget li a {
font-size: inherit;
font-weight: 400;
text-decoration: none;
line-height: 1.3;
}
.woocommerce ul.product_list_widget li img {
float: left;
margin: 0 20px 0 0;
width: 50px;
}
.woocommerce ul.product_list_widget li .star-rating {
font-size: .7em;
margin: 3px 0 1px;
}
.woocommerce ul.product_list_widget li ins {
background: transparent;
}
.woocommerce ul.product_list_widget li del span,
.woocommerce ul.product_list_widget li ins span,
.woocommerce ul.product_list_widget li .woocommerce-Price-amount {
font-size: 0.87em;
font-weight: 900;
}
/*--------------------------------------------------------------
### Paginierung
--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination {
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: 1.25rem;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
font-weight: 900;
color: #3D464F;
background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li span.current:after {
content: '';
display: block;
position: relative;
width: 16px;
height: 1px;
background: #3D454F;
margin-top: 8px;
}
.woocommerce nav.woocommerce-pagination a.prev.page-numbers {
margin-right: 10px !important;
}
.woocommerce nav.woocommerce-pagination a.next.page-numbers {
margin-left: 10px !important;
}
/*--------------------------------------------------------------
### Shariff
--------------------------------------------------------------*/
.woocommerce #atomion-shariff {
border-top: 1px solid #dddddd;
margin-top: 1em;
padding-top: 1em;
padding-bottom: 1em;
}
.woocommerce span.wc-shariff {
font-weight: 600;
text-transform: uppercase;
}
.woocommerce .shariff {
display: inline-block;
}
.woocommerce .shariff .orientation-horizontal {
flex-wrap: nowrap;
}
/*--------------------------------------------------------------
### WooCommerce Gutenberg Block
--------------------------------------------------------------*/
[class^="wp-block-woocommerce"] ul.products li.product,
.atomion-block ul.products li.product {
background: white;
}
[class^="wp-block-woocommerce"] ul.products li.product,
.atomion-block ul.products li.product {
margin-top: 3.8%;
}
[class^="wp-block-woocommerce"] .site-product-meta,
.atomion-block .site-product-meta {
display: flex;
flex-flow: column;
}
[class^="wp-block-woocommerce"] .site-product-meta {
margin-top: 2em;
}
[class^="wp-block-woocommerce"] ul.products li .atomion-woocommerce-product-category,
.atomion-block ul.products li .atomion-woocommerce-product-category {
font-weight: 300;
}
[class^="wp-block-woocommerce"] .woocommerce ul.products li.product .woocommerce-loop-product__title,
.atomion-block ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1em;
font-weight: 900;
}
[class^="wp-block-woocommerce"] .woocommerce ul.products li.product .price,
.atomion-block ul.products li.product .price {
order: 3;
font-size: 1.2em;
}
[class^="wp-block-woocommerce"] .site-product-meta .wgm-info,
.atomion-block .site-product-meta .wgm-info {
order: 4;
}
[class^="wp-block-woocommerce"] .site-product-meta .woocommerce-de_price_taxrate,
.atomion-block .site-product-meta .woocommerce-de_price_taxrate {
margin-top: 1em;
}
[class^="wp-block-woocommerce"] .site-product-meta .woocommerce_de_versandkosten,
.atomion-block .site-product-meta .woocommerce_de_versandkosten {
margin-bottom: .5em;
}
[class^="wp-block-woocommerce"] .site-product-meta .go-to-product,
.atomion-block .site-product-meta .go-to-product {
order: 5;
}
[class^="wp-block-woocommerce"] .site-product-meta p,
.atomion-block .site-product-meta p {
order: 9;
}
[class^="wp-block-woocommerce"] .site-product-meta h2.woocommerce-loop-product__title:after,
.atomion-block .site-product-meta h2.woocommerce-loop-product__title:after {
content: '';
display: block !important;
width: 40px;
height: 1px;
margin: 1em 0;
}
[class^="wp-block-woocommerce"] ul.products li .atomion-woocommerce-product-category,
[class^="wp-block-woocommerce"] ul.products li h2,
[class^="wp-block-woocommerce"] ul.products li .price,
[class^="wp-block-woocommerce"] ul.products li .wgm-info,
[class^="wp-block-woocommerce"] ul.products li .product-excerpt,
[class^="wp-block-woocommerce"] ul.products li .go-to-product,
.atomion-block ul.products li .atomion-woocommerce-product-category,
.atomion-block ul.products li h2,
.atomion-block ul.products li .price,
.atomion-block ul.products li .wgm-info,
.atomion-block ul.products li .product-excerpt,
.atomion-block ul.products li .go-to-product {
padding: 0 40px !important;
text-align: left !important;
}
[class^="wp-block-woocommerce"] ul.products li .star-rating,
.atomion-block ul.products li .star-rating {
margin-left: 40px;
padding-bottom: 1rem;
}
[class^="wp-block-woocommerce"] ul.products li .button,
.atomion-block ul.products li .button,
.woocommerce .related ul.products li.product .button:not(.add_to_cart_button):not(.product_type_external),
.woocommerce .up-sells ul.products li.product .button:not(.add_to_cart_button):not(.product_type_external),
.woocommerce .cross-sells ul.products li.product .button:not(.add_to_cart_button):not(.product_type_external) {
margin: 2em 0;
}
[class^="wp-block-woocommerce"] ul.products li.product .product-excerpt strong,
.atomion-block ul.products li.product .product-excerpt strong {
display: inline;
}
/**
* Featured Products
*/
.wc-block-featured-product__title:after {
margin-left: auto;
margin-right: auto;
}
.wc-block-featured-product.has-left-content .wc-block-featured-product__title:after {
margin-left: 0;
}
.wc-block-featured-product.has-right-content .wc-block-featured-product__title:after {
margin-right: 0;
}
.wc-block-featured-product .wc-block-featured-product__description p {
color: white;
}
.wc-block-featured-product .wc-block-featured-product__description ul li {
padding-left: 0;
}
.wc-block-featured-product .wc-block-featured-product__description ul li:before {
position: relative !important;
margin-right: .8em;
}
.wc-block-featured-product.has-right-content .wc-block-featured-product__description ul li {
margin-right: 0;
}
.wc-block-featured-product .wc-block-featured-product__price {
font-size: 125%;
}
@media (max-width: 768px) {
[class^="wp-block-woocommerce"] ul.products li .atomion-woocommerce-product-category,
[class^="wp-block-woocommerce"] ul.products li h2,
[class^="wp-block-woocommerce"] ul.products li .price,
[class^="wp-block-woocommerce"] ul.products li .wgm-info,
[class^="wp-block-woocommerce"] ul.products li .product-excerpt,
[class^="wp-block-woocommerce"] ul.products li .go-to-product {
padding: 0 5% !important;
}
[class^="wp-block-woocommerce"] ul.products li .star-rating {
margin-left: 5%;
}
}
/*--------------------------------------------------------------
### Quick View
--------------------------------------------------------------*/
.atomion_quick_view.button {
margin-top: 0 !important;
padding: .5rem !important;
font-weight: 400 !important;
width: 100%;
}
.atomion_quick_view.filled-hover-darken,
.atomion_quick_view.filled-hover-brighten {
z-index: 9;
}
.atomion_quick_view.filled-hover-darken:before,
.atomion_quick_view.filled-hover-brighten:before {
content: '';
width: calc(100% + 6px);
opacity: 0;
position: absolute;
height: calc(100% + 6px);
z-index: -1;
left: -3px;
top: -3px;
transition: all .2s ease-in !important;
}
.atomion_quick_view.filled-hover-darken:hover:before,
.atomion_quick_view.filled-hover-darken:focus:before {
opacity: .15;
transition: opacity .2s ease-in !important;
background: black;
}
.atomion_quick_view.filled-hover-brighten:hover:before,
.atomion_quick_view.filled-hover-brighten:focus:before {
opacity: .15;
transition: opacity .2s ease-in !important;
background: white;
}
.atomion_quick_view.button-outline.outline-hover-coloring {
border: 0 !important;
transition: color .25s 83.3333333ms;
line-height: calc(100% + 6px);
}
.atomion_quick_view.button-outline.outline-hover-coloring:before,
.atomion_quick_view.button-outline.outline-hover-coloring:after {
border: 0 solid transparent;
box-sizing: border-box;
content: ''!important;
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
.atomion_quick_view.button-outline.outline-hover-coloring:before {
transition-delay: 0s,0s,.25s!important;
border-bottom-width: 3px;
border-left-width: 3px;
}
.atomion_quick_view.button-outline.outline-hover-coloring:after {
transition-delay: 0s,.25s,0s!important;
border-top-width: 3px;
border-right-width: 3px;
}
.atomion_quick_view.button-outline.outline-hover-coloring:hover:before,
.atomion_quick_view.button-outline.outline-hover-coloring:hover:after,
.atomion_quick_view.button-outline.outline-hover-coloring:focus:before,
.atomion_quick_view.button-outline.outline-hover-coloring:focus:after {
transition: border-color 0s,width .25s,height .25s;
width: 100%;
height: 100%;
}
.atomion_quick_view.button i {
position: relative;
font-size: .8rem;
top: .01rem;
margin-right: 0.3rem;
}
/* exception for the product blocks, upsells, crosssells, related */
[class^=wp-block-woocommerce] .site-product-meta .atomion_quick_view,
.cross-sells .site-product-meta .atomion_quick_view,
.related .site-product-meta .atomion_quick_view,
.up-sells .site-product-meta .atomion_quick_view {
margin-top: -2rem !important;
}
/* end */
#atomion-quick-view-modal .close {
background: transparent;
border: 0;
font-size: 1.2rem;
overflow: hidden;
position: absolute;
right: 1rem;
top: 1rem;
z-index: 9;
}
#atomion-quick-view-content-wrapper {
display: flex;
align-items: center;
max-width: 950px;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
#atomion-quick-view-modal #atomion-quick-view-content {
position: relative;
width: 100%;
}
#atomion-quick-view-content .woocommerce-product-gallery__trigger {
display: none !important;
}
#atomion-quick-view-modal .atomion-spinner {
position: absolute;
top: 0;
}
#atomion-quick-view-content .product-content {
padding: 2rem;
background: #fff;
position: relative;
overflow: auto;
height: 100%;
max-height: 650px;
}
#atomion-quick-view-content .product a.wishlist-add {
float: left;
line-height: 1.2;
}
.atomion_qv_prev_data,
.atomion_qv_next_data {
position: absolute;
background: #000000;
opacity: .8;
display: flex;
align-items: center;
padding: .5rem .8rem;
color: #fff;
top: 50%;
width: 240px;
z-index: -1;
border: none;
border-radius: 0;
font-size: 1rem;
}
.atomion_qv_prev_data {
left: -35px;
transition: left ease-in-out .5s;
}
.atomion_qv_prev_data img {
margin-right: 1rem;
}
.atomion_qv_prev_data i {
margin-right: 0.8rem;
}
.atomion_qv_prev_data:hover,
.atomion_qv_prev_data:focus {
left: -240px;
transition: left ease-in-out .5s;
border: none;
}
.atomion_qv_next_data {
right: -35px;
transition: right ease-in-out .5s;
justify-content: flex-end;
}
.atomion_qv_next_data img {
margin-left: 1rem;
}
.atomion_qv_next_data i {
margin-left: 0.8rem;
}
.atomion_qv_next_data:hover,
.atomion_qv_next_data:focus {
right: -240px;
transition: right ease-in-out .5s;
border: none;
}
.atomion_qv_next_data img, .atomion_qv_prev_data img {
width: 40px;
}
.atomion_qv_prev_next_wrapper.prev-next-3 > div {
padding: .8rem .8rem;
height: 56px;
}
.prev-next-3 .atomion_qv_prev_data:hover,
.prev-next-3 .atomion_qv_prev_data:focus {
left: -40px;
}
.prev-next-3 .atomion_qv_next_data:hover,
.prev-next-3 .atomion_qv_next_data:focus {
right: -40px;
}
@media screen and (max-width: 1250px) {
#atomion-quick-view-content-wrapper {
max-width: calc(100% - 480px);
}
#atomion-quick-view-content .product-content {
max-height: 500px;
}
}
@media screen and (max-width: 1070px) {
#atomion-quick-view-content-wrapper {
max-width: 70%;
}
#atomion-quick-view-content .product-content {
max-height: 500px;
}
.atomion_qv_next_data:hover,
.atomion_qv_next_data:focus {
right: -35px;
}
.atomion_qv_prev_data:hover,
.atomion_qv_prev_data:focus {
left: -35px;
}
}
@media screen and (max-width: 1050px) {
#atomion-quick-view-content-wrapper {
max-width: calc(100% - 75px);
}
}
@media screen and (max-width: 480px) {
#atomion-quick-view-content .product-content {
padding: 2rem 3.5rem;
}
#atomion-quick-view-content-wrapper {
max-width: 100%;
}
.atomion_qv_prev_next_wrapper.prev-next-3 > div {
height: 39px;
}
.atomion_qv_next_data, .atomion_qv_prev_data {
width: 40px;
padding: .8rem;
opacity: .5;
background: black;
z-index: 1;
}
.atomion_qv_next_data {
right: 0;
}
.atomion_qv_prev_data {
left: 0;
}
}
/*--------------------------------------------------------------
### German Market
--------------------------------------------------------------*/
.woocommerce-de_price_taxrate, .woocommerce_de_versandkosten {
display: inline-block !important;
}
.woocommerce ul.products li.product .wgm-info {
display: block !important;
}
.woocommerce table.shop_table td .product-tax,
.woocommerce-cart .wgm-tax,
.woocommerce-checkout .wgm-tax {
white-space: pre-wrap;
max-width: 100px;
margin-right: 0;
margin-left: auto;
display: block;
line-height: 1.5;
}
label.german-market-privacy-declaration-product-review {
margin-left: 7px;
}
.gm-fic-nutritional-values {
border-bottom: 1px solid #ddd;
}
.gm_fic_nutritional_values_remark {
font-weight: 700;
display: block;
padding: 10px 5px;
text-align: right;
}
.gm-fic-nutritional-values-tr {
border: 1px solid #ddd;
}
.gm-fic-nutritional-values-tr td {
padding: 10px;
}
.gm-fic-nutritional-values-tr td:last-child {
text-align: right;
}
.gm-fic-nutritional-values [class*="nut-sub"] {
border-top: none;
border-bottom: none;
opacity: .85;
}
.gm-fic-nutritional-values [class*="nut-sub"]:first-child {
padding-left: 20px;
}
[class^="wp-block-woocommerce"] span.german-market-legal-information-for-product-reviews.after-star-rating,
.atomion-block span.german-market-legal-information-for-product-reviews.after-star-rating {
margin: 1em 40px;
width: calc(100% - 80px);
text-align: left;
}
[class^="wp-block-woocommerce"] span.german-market-legal-information-for-product-reviews.short-after-star-rating,
.atomion-block span.german-market-legal-information-for-product-reviews.short-after-star-rating {
padding: 0 40px;
text-align: left;
}
/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Header / Title / Result Count / Sorting / Category Description
--------------------------------------------------------------*/
.woocommerce-products-header, .woocommerce-result-count {
display: inline-block;
width:100%;
}
.post-type-archive-product #atomion-breadcrumbs {
margin: 3em auto 1em;
}
h1.woocommerce-products-header__title.page-title, .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{
float: left;
display: block;
}
h1.woocommerce-products-header__title.page-title {
width: auto;
padding-right: 1em;
}
.woocommerce .woocommerce-result-count {
margin: 2em 0 3.1em 0;
width: auto;
}
.woocommerce .woocommerce-ordering {
margin: 1.5em 0 2.3em;
width:20%;
float: right;
}
.woocommerce form.atomion-select-ppp {
margin: 2.3em 0 3.1em 0;
padding-right: 4.5em;
width: auto;
}
.select.wppp-select {
display: none;
}
.atomion-select-ppp a.text-option {
margin: 6px 5px;
cursor: pointer;
}
.atomion-select-ppp a.text-option:last-child {
margin: 6px 0px 6px 5px;
}
.orderby option {
background: white;
}
.woocommerce-products-header .page-description {
order: 5;
width: 100%;
display: block;
clear: both;
}
.woocommerce-products-header .term-description {
float: left;
order: 1;
}
@media (max-width: 768px) {
.woocommerce-products-header {
order: 1;
margin: 0;
}
.woocommerce .woocommerce-ordering,
h1.woocommerce-products-header__title.page-title,
.woocommerce .woocommerce-result-count {
width: auto;
}
.woocommerce-products-header {
display: flex;
flex-flow: wrap;
position: relative;
justify-content: space-between;
}
h1.woocommerce-products-header__title.page-title {
order: 1;
width: auto;
}
.woocommerce .woocommerce-ordering {
position: relative;
order: 2;
right: 0px;
}
h1.woocommerce-products-header__title.page-title,
.woocommerce .woocommerce-ordering:not(.atomion-select-ppp) {
margin-bottom: .5em;
}
.woocommerce form.atomion-select-ppp {
position: relative;
order: 3;
top: unset;
height: auto;
width: 100%;
text-align: right;
margin: 0;
padding-right: 0;
}
.woocommerce .woocommerce-result-count {
order: 3;
width: 100%;
margin: 1em 0;
}
}
@media (max-width: 480px) {
.post-type-archive-product #atomion-breadcrumbs {
margin: 1.5em auto 0em;
}
h1.woocommerce-products-header__title.page-title,
.woocommerce .woocommerce-ordering:not(.atomion-select-ppp) {
width:100%;
}
}
/*--------------------------------------------------------------
### Products
--------------------------------------------------------------*/
.woocommerce .sidebar-active div > ul.products {
width: 80%;
float: left;
padding-right: 4.5em;
}
.woocommerce .sidebar-active .sidebar-left > ul.products {
float: right;
padding-left: 4.5em;
padding-right: 0;
}
.woocommerce main > ul.products {
margin-top: 1em;
}
.woocommerce main > ul.products li {
text-align: center;
}
.archive ul.products .star-rating,
.related .products .star-rating,
.up-sells .products .star-rating,
.cross-sells .products .star-rating,
.page ul.products .star-rating,
.single ul.products .star-rating {
margin-left: auto;
margin-right: auto;
padding-bottom: 1rem;
}
.archive ul.products .star-rating::before,
.archive ul.products .star-rating span::before,
.related ul.products .star-rating::before,
.related ul.products .star-rating span::before,
.up-sells ul.products .star-rating::before,
.up-sells ul.products .star-rating span::before,
.cross-sells ul.products .star-rating::before,
.cross-sells ul.products .star-rating span::before,
[class^="wp-block-woocommerce"] ul.products li .star-rating::before,
[class^="wp-block-woocommerce"] ul.products li .star-rating span::before {
padding-top: 2px;
}
@media (max-width: 768px) {
.woocommerce div > ul.products {
order: 5;
}
.woocommerce .sidebar-active div > ul.products {
width: 100%;
padding-right: 0!important;
padding-left: 0!important;
margin-top: 0;
}
.woocommerce ul.products[class*=columns-].tab-4-4 li.product {
width: 100%;
}
}
/*--------------------------------------------------------------
### Sidebar
--------------------------------------------------------------*/
#shop-sidebar {
width: 20%;
float: left;
}
@media (max-width: 768px) {
.sidebar-active #primary main {
position: relative;
}
.woocommerce .sidebar-active p.woocommerce-result-count {
width: 85%;
}
#shop-sidebar {
width: auto;
order: 4;
right: 0;
position: relative;
}
#shop-sidebar > .sidebar-content {
display: none;
width: 100%;
float: left;
margin-top: 1em;
}
#shop-sidebar > *:last-child {
margin-bottom: 0;
}
}
@media (max-width:480px) {
.woocommerce .sidebar-active p.woocommerce-result-count {
width: 100%;
}
}
/*--------------------------------------------------------------
## Single Product
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### General
--------------------------------------------------------------*/
.woocommerce div.product div.summary {
margin-top: -5px;
}
#atomion-summary-wrapper {
position: relative;
}
#atomion-summary-wrapper .added_to_cart {
display: none;
}
#atomion-summary-wrapper .summary .wgm-info.fic-alcohol {
font-size: .8em;
display: block;
}
.product-type-grouped #atomion-summary-wrapper .wgm-info {
display: block !important;
}
/*** Title ***/
.woocommerce div.product .product_title {
font-size: 2em;
font-weight: 600;
margin-bottom: 5px;
line-height: 1;
}
/*--------------------------------------------------------------
### Product Page Sections (Tabs)
--------------------------------------------------------------*/
.product-page-sections {
display: block;
float: left;
width:100%;
}
.product-page-sections .headline-wrapper, .product-page-sections .entry-content {
width: 100%;
}
.product-page-sections .headline-wrapper:after {
content: '';
display: block !important;
position: absolute;
left: 0;
margin-top: -1px;
width: 100%;
height: 1px;
background: #dddddd;
z-index: -1;
}
.product-page-sections .section-headding,
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a {
display: inline-block;
margin: 0;
font-size: 1em;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 600;
}
.product-page-sections .section-headding:after {
content: '';
width: 100%;
height: 3px;
margin-top: 14px;
}
.product-page-sections .row .entry-content {
margin: 3.5em 0;
position: relative;
}
@media (max-width: 480px) {
.product-page-sections .row .entry-content {
margin: 1.5em 0;
position: relative;
}
}
/*--------------------------------------------------------------
#### Style Tabs
--------------------------------------------------------------*/
.woocommerce div.product .product-page-tabs .woocommerce-tabs > hr {
margin-top: -1px;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs {
margin-bottom: 0;
padding-left: 0;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs:before {
display: none !important;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li {
border: 0;
margin-right: 2rem;
background: transparent;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li::before {
display: none;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li:last-child {
margin-right: 0;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a {
padding: 1em 0;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
transform: translateX(-100px);
pointer-events: none;
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li:hover a:after,
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li:focus a:after,
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li.active a:after {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.woocommerce div.product .product-page-tabs .woocommerce-tabs .panel {
margin: 3em 0 3em;
}
@media screen and (max-width: 768px ) {
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li {
margin-right: 1rem;
}
}
/*--------------------------------------------------------------
#### Style Tabs Centered
--------------------------------------------------------------*/
.product-page-tabs div[role="tabpanel"] {
position: relative;
}
.woocommerce div.product .product-page-tabs.centered .woocommerce-tabs ul.tabs {
margin-bottom: 0;
text-align: center;
}
.product-page-sections {
display: block;
float: left;
width:100%;
}
/*--------------------------------------------------------------
#### Style Accordion
--------------------------------------------------------------*/
.product-page-accordion {
clear: both;
float: left;
margin: 2rem 0 6rem;
width: 100%;
}
.product-page-accordion .headline-wrapper {
width: 100%;
cursor: pointer;
border-bottom: 1px solid #dddddd;
}
.product-page-accordion .headline-wrapper i {
margin-right: 2rem;
font-size: 1.4rem;
position: relative;
top: 3px;
transform: rotate(180deg);
transition: .5s all ease;
}
.product-page-accordion .headline-wrapper.open i {
transform: rotate(0);
transition: .5s all ease;
}
.product-page-accordion .content-wrapper {
display: none;
padding: 0 3rem;
}
.product-page-accordion .section-headding {
display: inline-block;
margin: 0;
position: relative;
}
.product-page-accordion .section-headding button.section-heading-button {
padding: 14px 0;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 600;
border: none;
border-radius: 0;
background-color: transparent;
}
.product-page-accordion .section-headding:after {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 3px;
content: '';
opacity: 0;
margin-top: 0;
-webkit-transition: opacity .3s,-webkit-transform .3s;
-moz-transition: opacity .3s,-moz-transform .3s;
transition: opacity .3s,transform .3s;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
transform: translateX(-100px);
pointer-events: none;
z-index: 9;
}
.product-page-accordion .headline-wrapper:hover .section-headding:after,
.product-page-accordion .headline-wrapper:focus .section-headding:after,
.product-page-accordion .open .section-headding:after {
content: '';
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.product-page-accordion .row .entry-content {
margin: 3.5em 0;
position: relative;
}
@media (max-width: 768px) {
.product-page-accordion {
margin: 0rem 0 4rem;
}
.product-page-accordion .content-wrapper {
padding: 0;
}
}
@media (max-width: 480px) {
.product-page-accordion .row .entry-content {
margin: 1.5em 0;
position: relative;
}
}
/*--------------------------------------------------------------
### Attributes
--------------------------------------------------------------*/
#atomion-product-features {
font-size: 1em;
}
#atomion-attributes-list {
display: flex;
flex-flow: column;
}
.atomion-attribute {
display: flex;
align-items: baseline;
line-height: 2em;
}
.atomion-attribute-label {
max-width: 25%;
width: 100%;
font-weight: 900;
text-transform: uppercase;
}
.atomion-attribute-data {
max-width:calc(100% - 120px);
padding-left: 1em;
}
.atomion-attribute p {
margin:0;
}
@media (max-width: 480px) {
.atomion-attribute {
flex-wrap: wrap;
}
.atomion-attribute-label {
max-width: 100%;
}
.atomion-attribute-data {
max-width: 100%;
padding-left: 0;
}
}
/*--------------------------------------------------------------
### Variations
--------------------------------------------------------------*/
.woocommerce div.product form.cart .variations select {
margin-bottom: .5em;
}
/*--------------------------------------------------------------
### Wishlist
--------------------------------------------------------------*/
a.wishlist-add,
body:not(.woocommerce-account) a.wishlist-remove {
display: block;
padding: 10px;
line-height: 1;
font-size: 20px;
float: left;
}
.wishlist .far.fa-heart:hover,
.wishlist .far.fa-heart:focus {
font-weight: 900;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
}
.wishlist .fas.fa-heart:hover,
.wishlist .fas.fa-heart:focus {
font-weight: 400;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
}
span.atomion-tooltip {
position: relative;
display: none;
padding: 10px;
float: left;
}
/*--------------------------------------------------------------
### Thumbnails & Gallery
--------------------------------------------------------------*/
ol.flex-control-nav.flex-control-thumbs {
margin:0 -5px 0 -5px!important;
}
ol.flex-control-nav.flex-control-thumbs li {
padding: 10px 5px 0 5px;
}
/*--------------------------------------------------------------
### Product Meta
--------------------------------------------------------------*/
.product_meta {
border-top: 1px solid #dddddd;
margin-top: 1em;
padding-top: 1em;
padding-bottom: 1em;
}
/*--------------------------------------------------------------
### Product Rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
width: 5.6em;
}
.woocommerce p.stars a {
width: 1.1em;
}
.woocommerce .star-rating::before {
content: '\f005\f005\f005\f005\f005';
font-family: 'Font Awesome\ 6 Free';
font-weight: normal;
}
.woocommerce .star-rating span::before {
content: '\f005\f005\f005\f005\f005';
font-family: 'Font Awesome\ 6 Free';
font-weight: bold;
top: 0;
position: absolute;
left: 0;
}
.woocommerce p.stars a::before {
font-family: 'Font Awesome\ 6 Free';
content: '\f005';
font-weight:normal;
text-indent: 0;
}
.woocommerce p.stars.selected a.active::before {
font-family: 'Font Awesome\ 6 Free';
content: '\f005';
font-weight: bold;
}
.woocommerce p.stars.selected a:not(.active)::before, .woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a:not(.active)::before, .woocommerce p.stars:focus a::before {
font-family: 'Font Awesome\ 6 Free';
content: '\f005';
font-weight: bold;
}
.woocommerce p.stars.selected a.active ~ a::before {
font-family: 'Font Awesome\ 6 Free';
content: '\f005';
font-weight: normal;
}
.woocommerce p.stars a:hover ~ a::before,
.woocommerce p.stars a:focus ~ a::before {
font-family: 'Font Awesome\ 6 Free';
content: '\f005';
font-weight: normal;
}
.atomion-review-count {
position: absolute;
font-size: 1.1em;
right: 3px;
top: 20px;
font-weight: bold;
}
.woocommerce #reviews #comments ol.commentlist li {
border-bottom: 1px solid #dddddd;
padding-bottom: 2em;
margin-bottom: 3em;
}
#atomion-review-overview {
float: left;
max-width: 500px;
width: 38%;
}
#atomion-review-overview .container {
width: 100%;
margin: 0 auto;
margin-top: 3em;
padding: 4px 4px 3em 2em;
float: right;
border-left: 1px solid #dddddd;
}
#atomion-review-overview .container.fixed {
position: fixed;
top: 2em;
transform: translateX(4.5em);
}
#atomion-review-overview .inner {
padding: 1em;
background-color: white;
overflow: hidden;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#atomion-review-overview .rating {
float: left;
width: 40%;
margin-right: 3%;
text-align: center;
margin-bottom: 2em;
}
#atomion-review-overview .rating-num {
color: #333333;
font-size: 4.5em;
font-weight: 100;
line-height: 1em;
}
#atomion-review-overview .rating-stars {
font-size: 20px;
color: #E3E3E3;
margin-bottom: .3em;
}
#atomion-review-overview .rating-users {
font-size: 14px;
letter-spacing: 1.5px;
}
#atomion-review-overview .rating-users > span {
font-weight: 700;
}
#atomion-review-overview .histo {
float: left;
width: 50%;
font-size: 13px;
text-align: center;
margin-top: .8em;
}
#atomion-review-overview .histo-star {
float: left;
padding: 3px;
}
#atomion-review-overview .histo-rate {
width: 100%;
display: block;
clear: both;
float: left;
margin-bottom: .5em;
}
#atomion-review-overview .histo-rate .total-star {
float: right;
display: block;
margin-left: 0;
width: 10%;
text-align: right;
font-weight: 700;
}
#atomion-review-overview .bar-block {
margin-left: 0;
color: black;
display: block;
float: right;
width: 40%;
position: relative;
height: 30px;
}
#atomion-review-overview .bar {
display: block;
height: 27px;
}
#atomion-review-overview #bar-five,
#atomion-review-overview #bar-four,
#atomion-review-overview #bar-three,
#atomion-review-overview #bar-two,
#atomion-review-overview #bar-one {
width: 0;
}
@media (max-width: 1000px) {
#atomion-review-overview {
order: 1;
width: 100%;
}
#atomion-review-overview .container {
margin-top: 0;
float: left;
padding-left: 0;
border: 0;
}
#atomion-review-overview .inner {
padding: 0;
}
}
@media (max-width: 480px) {
.related-slider .slick-prev,
.up-sells-slider .slick-prev,
.cross-sells.slider .slick-prev {
left: 0;
}
.related-slider .slick-next,
.up-sells-slider .slick-next,
.cross-sells.slider .slick-next {
right: 0;
}
}
/*--------------------------------------------------------------
### Upsells
--------------------------------------------------------------*/
section.up-sells {
clear: both;
}
section.up-sells:before ,
section.related:before {
content: '';
width: 100%;
height: 1px;
background: #ccc;
display: block;
width: 100vw;
margin-top: -1px;
margin-left: calc(50% - 0px);
transform: translateX(-50%);
}
section.up-sells h2,
.cross-sells > h2 {
font-size: 2em;
font-weight: 800;
text-align: center;
margin: 2em 0 1.5em;
}
section.up-sells h2:after,
.cross-sells > h2:after {
display: none;
}
/*--------------------------------------------------------------
### Related Slider
--------------------------------------------------------------*/
section.related {
clear: both;
position: relative;
}
.related .site-product-meta,
.up-sells .site-product-meta ,
.cross-sells .site-product-meta {
margin-top: 2em;
display: flex;
flex-flow: column;
}
.related .woocommerce-loop-product__title::after,
.up-sells .woocommerce-loop-product__title::after,
.cross-sells .woocommerce-loop-product__title::after {
content: '';
display: block !important;
width: 40px;
height: 1px;
margin: 1em auto;
}
.related-slider .slick-prev,
.up-sells-slider .slick-prev,
.cross-sells.slider .slick-prev {
left: -4%;
}
.related-slider .slick-next,
.up-sells-slider .slick-next,
.cross-sells.slider .slick-next {
right: -4%;
}
/*--------------------------------------------------------------
## Cart
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### General
--------------------------------------------------------------*/
.cart_totals h2 {
font-weight: normal;
text-transform: uppercase;
}
/*** Proced to checkout button */
.woocommerce .wc-proceed-to-checkout a.checkout-button {
float: right;
}
p.wc-cart-shipping-notice {
float: left;
max-width: 50%;
margin: 0;
}
.order-total th, .order-total td {
border-bottom: solid 1px #ebe9eb !important;
}
/*** remove icon **/
.woocommerce-cart a.remove {
font-size: 1.25em;
line-height: 1.5;
}
td.product-remove a.remove {
color: transparent !important;
}
/* style coupon */
.woocommerce .cart button[name="apply_coupon"] {
display: inherit;
width: auto;
}
input[type="text"]#coupon_code::-webkit-input-placeholder {
color: #d3ced2;
text-transform: uppercase;
}
input[type="text"]#coupon_code::-moz-placeholder /* Firefox 19+ */
{
color: #d3ced2;
text-transform: uppercase;
}
input[type="text"]#coupon_code:-ms-input-placeholder /* IE 10+ */
{
color: #d3ced2;
text-transform: uppercase;
}
input[type="text"]#coupon_code:-moz-placeholder /* Firefox 18- */
{
color: #d3ced2;
text-transform: uppercase;
}
@media (max-width: 480px) {
p.wc-cart-shipping-notice {
max-width: 100%;
margin-bottom: 2em;
}
}
/*--------------------------------------------------------------
### Shopping Table (Cart)
--------------------------------------------------------------*/
.woocommerce-cart table.cart th {
text-transform: uppercase;
}
.woocommerce-cart table.cart th:last-child {
text-align: right;
}
.woocommerce-cart table.cart img {
width: 75px;
}
.woocommerce-page #content table.cart td.actions .coupon {
width: 100%;
max-width: 450px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100% !important;
height: 43px;
margin-right: 0;
max-width: 320px;
text-align: center;
padding: 0 0.53em;
border-radius: 0;
border-width: 3px;
border-right: 0;
}
.woocommerce-cart td.product-thumbnail {
min-width: 100px !important;
}
.cart_totals table.shop_table td {
padding: 1em .75em;
}
.woocommerce-cart .woocommerce-cart-form .quantity {
border: 3px solid #ddd;
border-radius: 0;
padding: 0 2px;
}
.woocommerce-cart .woocommerce-cart-form .quantity .qty {
padding: 0;
border: 0;
text-align: right;
}
@media (max-width: 768px) {
.woocommerce-page #content table.cart td.actions .coupon {
max-width: 100%;
margin-bottom: 1em;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100% !important;
max-width: none;
text-align: left;
padding: 0 25% 0 15px;
}
.woocommerce-cart table.cart td.actions .coupon button[name="apply_coupon"] {
width: auto !important;
position: absolute;
right: 0;
}
.woocommerce-cart table.cart img,
.woocommerce table.shop_table td.product-quantity {
width: 100%;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: none;
}
.woocommerce-cart .woocommerce-cart-form .quantity {
border: 0;
padding: 0;
}
.woocommerce-cart .woocommerce-cart-form .quantity .qty {
border: 3px solid #ddd;
padding: 5px;
text-align: center;
}
}
@media (max-width: 480px) {
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 0 30% 0 10px;
height: 38px;
}
.woocommerce-cart .shipping td:before {
width: 100%;
text-align: left;
margin-bottom: 1em;
}
.woocommerce-cart table.shop_table .shipping td .wgm-tax {
text-align: left;
display: inline;
padding-left: 1.5em;
max-width: 100%;
}
.woocommerce-cart ul#shipping_method li {
padding-left: 1em;
}
}
li.woocommerce-mini-cart-item.mini_cart_item small {
display:none;
}
/*--------------------------------------------------------------
### Cart Totals
--------------------------------------------------------------*/
ul#shipping_method,
.shipping-calculator-form #select2-calc_shipping_country-container,
.shipping-calculator-form #select2-calc_shipping_state-container {
text-align: left;
}
@media screen and (min-width: 600px) {
.shipping-calculator-form > p {
max-width: 320px;
margin-left: auto !important;
}
}
/*--------------------------------------------------------------
### Cart Block
--------------------------------------------------------------*/
.wp-block-woocommerce-cart.alignwide {
width: auto;
transform: unset;
margin: unset;
}
table.wc-block-cart-items .wc-block-cart-items__header,
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-components-radio-control__description,
.wc-block-components-checkout-step__description {
font-size: 100% !important;
}
.wc-block-cart .wc-block-components-radio-control__input,
.wc-block-checkout .wc-block-components-radio-control__input {
visibility: visible;
}
.wc-block-cart__submit-button,
.wc-block-components-totals-coupon__button,
.wc-block-components-checkout-place-order-button {
transition: .3s all ease !important;
}
body.no-cart-checkout-short-desc .wc-block-components-product-metadata__description {
display: none !important;
}
.wp-block-woocommerce-cart .wc-cart-shipping-notice {
width: 100% !important;
max-width: 100%;
}
.gm-active .wp-block-woocommerce-cart td.wc-block-cart-item__product span.wc-block-components-product-price {
font-size: initial;
}
.gm-active .wp-block-woocommerce-cart .wc-block-components-product-price__value.is-discounted {
margin-left: 0;
}
/*--------------------------------------------------------------
## Checkout
--------------------------------------------------------------*/
form.checkout.woocommerce-checkout {
float: left;
width: 100%;
}
/*--------------------------------------------------------------
### Headline
--------------------------------------------------------------*/
.woocommerce-checkout main h3:not(.wc-block-components-product-name) {
font-weight: 300;
font-size: 1.25em;
text-transform: uppercase;
margin-bottom: 37px;
}
h3#order_review_heading {
border-top: 1px solid rgba(0,0,0,.1);
text-align: left;
width: 100%;
padding-top: 35px;
margin-top: 35px;
}
.woocommerce-checkout .woocommerce-notices-wrapper + .woocommerce-message,
.woocommerce-checkout .woocommerce-form-coupon-toggle + .woocommerce-message,
.woocommerce-checkout .woocommerce-form-coupon-toggle + .woocommerce-error {
float: left;
width: 100%;
margin: 2em 0 0;
}
/*--------------------------------------------------------------
### Shipping Address + Billing Address
--------------------------------------------------------------*/
.woocommerce-checkout h3#ship-to-different-address {
font-size: 1.1em;
text-transform: none;
}
.shipping_address {
padding-top: 7px;
}
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label:not(.checkbox),
#order_comments_field label {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.woocommerce-shipping-fields label.woocommerce-form__label-for-checkbox input:before {
top: 5px;
}
/*--------------------------------------------------------------
### Shop Table (Checkout)
--------------------------------------------------------------*/
.woocommerce-checkout table.shop_table {
border-bottom: 1px solid #e5e5e5;
border-radius: 0;
}
.woocommerce-checkout table.shop_table td {
padding: 35px 12px;
}
table.shop_table td dl.variation dt {
font-weight: 900;
font-size: 14px;
line-height: 1.5em;
}
table.shop_table small {
font-size: 14px;
}
table.shop_table ul.wc-item-meta {
font-size: 14px;
}
table.shop_table ul.wc-item-meta p {
margin: 0;
font-weight: 400;
}
table.shop_table ul.wc-item-meta strong {
font-weight: 900;
}
table.shop_table ul.wc-item-meta li {
padding-left: 0;
}
table.shop_table ul.wc-item-meta li:before {
display: none !important;
}
.woocommerce-checkout table.shop_table td, .woocommerce-checkout table.shop_table th {
padding-left: 0;
padding-right: 0;
}
.woocommerce table.shop_table tfoot th {
text-transform: uppercase;
color: #495057;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot td span {
font-weight: 400 !important;
}
tr.order-total span.woocommerce-Price-amount.amount {
font-size: 1.3rem;
font-weight: bold !important;
}
span.wgm-tax.includes_tax span.woocommerce-Price-amount.amount {
font-weight: normal !important;
font-size: inherit;
}
dl.variation dd p {
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
margin: 0;
}
dl.variation dd.variation-Lieferzeit p {
margin:0;
}
div.atomion-mini-cart-widget dl.variation,
.woocommerce table.shop_table dl.variation dt.variation-atomion-cart-checkout-item-excerpt {
display:none;
}
.woocommerce ul#shipping_method li {
text-align: right;
}
.woocommerce form .form-row #createaccount {
margin: -2px 0px 0 0;
}
@media (max-width: 768px) {
.woocommerce-checkout table.shop_table {
display: block;
}
.woocommerce-checkout table.shop_table tfoot {
display: block;
}
.woocommerce table.shop_table tfoot th {
width: 100%;
display: block;
padding: 20px 0px;
}
.woocommerce-checkout table.shop_table .order-total > * {
min-width: unset !important;
}
.woocommerce-checkout table.shop_table tfoot tr {
width: 100%;
display: flex;
}
.woocommerce-checkout table.shop_table tr.shipping {
display: block;
}
.woocommerce-checkout table.shop_table tr.shipping td {
width: 100%;
text-align: right;
display: block;
border-top: 0;
}
.woocommerce-checkout tr .wgm-tax {
margin-left: 0 !important;
max-width: 100% !important;
white-space: nowrap;
}
.woocommerce-checkout table.shop_table tr.shipping td:nth-child(2) {
display: none;
}
.woocommerce-checkout table.shop_table tr.shipping td:last-child {
padding: 10px 0px 35px;
}
.woocommerce table.shop_table th.product-quantity {
padding-left: 3em !important;
padding-right: 3em !important;
}
.woocommerce table.shop_table td.product-quantity {
text-align: center;
}
.woocommerce-checkout table.shop_table > thead > tr > th {
border-bottom: 1px solid #e5e5e5 !important;
}
}
@media (max-width: 480px) {
.woocommerce-checkout table.shop_table *:not(.german-market-product-image) {
min-width: 0;
width: 100%;
}
.woocommerce-checkout tr:not(.order-total) .wgm-tax {
margin-left: 0 !important;
max-width: 100% !important;
white-space: nowrap;
text-align: right !important;
white-space: pre-wrap;
}
.woocommerce-checkout table.shop_table tr.shipping .wgm-tax {
text-align: right !important;
}
}
/*--------------------------------------------------------------
### Payment
--------------------------------------------------------------*/
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: transparent;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
display: none;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
font-size: 1em;
background: #F5F5F5;
color: #666666;
border-radius: 5px;
}
.woocommerce-checkout #payment li.wc_payment_method label {
font-size: 1.13em;
}
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child {
margin: 0;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 1em 0;
}
/* Compatibility with Stripe Credit Card */
.payment_method_stripe input#wc-stripe-new-payment-method {
width: 100%!important;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
margin: 0;
}
/* Coupon*/
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
margin: 2em 0 0;
}
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon,
.woocommerce-checkout form.woocommerce-form-login {
float: left;
width: 100%;
margin: 0px;
}
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
float: left;
width: 350px;
}
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
float: left;
width: auto;
margin-left: -3px;
}
.woocommerce-checkout .woocommerce form.checkout_coupon, .woocommerce-checkout .woocommerce form.login, .woocommerce-checkout .woocommerce form.register {
border: 1px solid #F5F5F5;
border-radius: 5px;
background: #F5F5F5;
color: #666666;
}
.woocommerce-checkout .woocommerce form.checkout_coupon button {
height:50px;
}
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice {
line-height: 1.5;
}
@media (max-width: 768px) {
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
float: left;
width: 50%;
}
.woocommerce-checkout #payment ul.payment_methods {
padding-left: 0;
padding-right: 0;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
padding-left: 0;
}
}
@media (max-width: 480px) {
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last,
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button {
width: 100%;
margin-left: 0px;
}
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
width: 100%;
margin-bottom: 0;
}
}
/*--------------------------------------------------------------
### Login
--------------------------------------------------------------*/
.checkout-login {
display: none;
}
.checkout-login p.form-row.form-row-first {
float: left;
width: 40%;
margin-right: 15px;
}
.checkout-login p.form-row.form-row-last {
float: left;
width: 40%;
}
.checkout-login p.form-row.form-row-last input#password {
padding: 12px;
border: 3px solid #DDDDDD;
border-radius: 0;
}
.woocommerce-checkout #page form.woocommerce-form.woocommerce-form-login.login {
padding: 1rem 1.3rem 3rem;
}
.checkout-login button.button {
top: 3px;
right: -20px;
}
.checkout-login .atomion-remind-me, .checkout-login .atomion-lost-password {
float: left;
width: 20%;
text-align: left;
}
.checkout-login .atomion-lost-password a {
color: #404040;
}
.checkout-login input[type="text"]::-webkit-input-placeholder, .checkout-login input[type="password"]::-webkit-input-placeholder {
padding-left: 20px;
text-transform: uppercase;
}
/* Firefox 19+ */
.checkout-login input[type="text"]::-moz-placeholder, .checkout-login input[type="password"]::-moz-placeholder {
padding-left: 20px;
text-transform: uppercase;
}
/* IE 10+ */
.checkout-login input[type="text"]:-ms-input-placeholder, .checkout-login input[type="password"]:-ms-input-placeholder {
padding-left: 20px;
text-transform: uppercase;
}
/* Firefox 18- */
.checkout-login input[type="text"]:-moz-placeholder, .checkout-login input[type="password"]:-moz-placeholder {
padding-left: 20px;
text-transform: uppercase;
}
.checkout-login input#username, .checkout-login input#password {
padding-left: 40px !important;
}
/** Handling Notices/Coupon/Login margin for checkout form */
form.checkout_coupon.woocommerce-form-coupon + div + form,
form.woocommerce-form-login + div + form {
margin-top: 1em;
}
.woocommerce-NoticeGroup-checkout {
margin-top: 2em;
}
/* Place Order / Back Button */
#content .woocommerce #place_order {
float: right;
margin-bottom: 0.5em;
}
#content .woocommerce .button.atomion-go-back-button {
float: left;
width: auto;
padding: 1.05em 2em;
color: #404040;
margin-bottom: 0.5em;
color: #515151;
background-color: #ebe9eb;
border: none;
}
#content .woocommerce .button.atomion-go-back-button:hover,
#content .woocommerce .button.atomion-go-back-button:focus {
color: #fff;
}
@media screen and (max-width: 480px) {
#content .woocommerce #place_order,
#content .woocommerce .button.atomion-go-back-button {
width: 100%;
}
}
/*--------------------------------------------------------------
### WGM Second Checkout
--------------------------------------------------------------*/
.wgm-second-checkout .woocommerce-info::before {
top: 2em;
}
.wgm-second-checkout div#customer_details {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.wgm-second-checkout input#place_order_back {
float: left;
width: auto;
padding: 1.05em 2em;
color: #404040;
}
.wgm-second-checkout input#place_order_back:hover,
.wgm-second-checkout input#place_order_back:focus {
color: white;
}
.wgm-second-checkout input#place_order {
float: right;
width: auto;
font-weight: 900;
padding: .9em;
}
.wgm-second-checkout .atomion-place-order {
float: left;
width: 100%;
padding: 35px 0;
}
.wgm-second-checkout label::before {
margin-right: .7em !important;
}
.form-row.place-order.wgm-place-order p {
margin-bottom: 0;
}
@media (max-width: 480px) {
.wgm-second-checkout input#place_order {
float: right;
width: auto;
font-weight: 900;
padding: 1.05em 2em;
margin-top: .5em;
width: 100%;
}
.wgm-second-checkout input#place_order_back {
width: 100%;
}
.wgm-second-checkout .woocommerce td.product-quantity {
min-width: unset;
}
}
/*--------------------------------------------------------------
### Thank You Page
--------------------------------------------------------------*/
.woocommerce-notice.woocommerce-thankyou-order-received {
color: white;
text-align: center;
padding: 1.45em;
border-radius: 5px;
}
.woocommerce-order-received ul.wc-bacs-bank-details.order_details.bacs_details li {
margin:0;
padding:0;
}
.woocommerce-order-received ul.wc-bacs-bank-details.order_details.bacs_details li:before,
.woocommerce-order-received table.shop_table td.product-name .wc-item-meta li:before {
display:none!important;
}
.woocommerce-order-received table.shop_table td.product-name .wc-item-meta li {
padding-left: 0;
}
.woocommerce-order-received table.shop_table td.product-name .wc-item-meta li > * {
margin-top: 0;
}
.woocommerce-order-received .woocommerce-order-downloads {
width: 100%;
margin-bottom: 0;
}
.woocommerce-order-received #content .button {
text-align: center;
}
.woocommerce-order-received .order-details tr td,
.woocommerce-order-received .payment-details tr td {
vertical-align: top;
width: 50%;
}
.woocommerce-order-received .order-details tr td:nth-child(2),
.woocommerce-order-received .payment-details tr td:nth-child(2) {
padding: 0 0.5rem;
}
.woocommerce-order-received .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file {
display: inline-block;
margin: .5rem 0;
}
@media screen and (max-width: 768px) {
.woocommerce-account .atomion-single-order-header tr td {
width: 50%;
}
.woocommerce-account .atomion-single-order-header tr td:nth-child(2){
padding: 0 0.5rem;
}
}
/*--------------------------------------------------------------
#### Headlines
--------------------------------------------------------------*/
.woocommerce-order-received main h2,
.woocommerce-order-received main h3 {
text-transform: none;
margin-bottom: .5em;
font-weight: 300;
font-size: 1.25em;
color: #495057;
}
.woocommerce-order-received h2:after {
display: none;
}
.woocommerce-order-received h3#order_review_heading {
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
text-align: left;
width: 100%;
padding: 35px 0;
margin-top: 35px;
order: 1;
}
/*--------------------------------------------------------------
#### Order Details
--------------------------------------------------------------*/
.woocommerce-order-received .woocommerce-order-details {
width: 100%;
order: 2;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title {
visibility: hidden;
height: 0px;
}
.woocommerce ul.order_details {
-js-display: flex;
display: -ms-flexbox;
display: flex;
flex-flow: column;
padding: 0;
margin-bottom: 0;
}
.woocommerce ul.order_details li {
display: inline-flex;
line-height: 2;
font-size: 1em;
font-weight: 900;
text-transform: none;
border: 0;
}
.woocommerce ul.order_details li strong {
font-size: 1em;
text-transform: none;
font-weight: normal;
line-height: 2;
}
.woocommerce-order .flex p {
order: 2;
}
.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td > span.woocommerce-Price-amount.amount {
font-weight: bold !important;
}
/*--------------------------------------------------------------
#### Customer Details
--------------------------------------------------------------*/
.woocommerce-order-received .order-customer-details-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.woocommerce-order-received .atomion-customer-details {
width: 100%;
order: 3;
}
.woocommerce-order-received .woocommerce-customer-details {
width: 100%;
order: 4;
}
.woocommerce-order-received .woocommerce-customer-details address {
border: 0;
padding-left: 0;
}
/*--------------------------------------------------------------
#### Thank You Icon
--------------------------------------------------------------*/
.woocommerce p.woocommerce-thankyou-order-received {
position: relative;
}
.woocommerce p.woocommerce-thankyou-order-received {
position: relative;
}
.woocommerce p.woocommerce-thankyou-order-received .atomion-thank-you-icon {
position: absolute;
top: 1px;
transform: translateX(-130%);
}
.atomion-thank-you-icon .checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #7ac142;
fill: none;
}
.atomion-thank-you-icon.check-animation .checkmark__circle {
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.atomion-thank-you-icon .checkmark {
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #fff;
stroke-miterlimit: 10;
margin: 10% auto;
box-shadow: inset 0px 0px 0px #7ac142;
}
.atomion-thank-you-icon.check-animation .checkmark {
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.atomion-thank-you-icon .checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
}
.atomion-thank-you-icon.check-animation .checkmark__check {
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%, 100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #7ac142;
}
}
@media (max-width: 768px) {
.atomion-thank-you-icon .checkmark {
width: 40px;
height: 40px;
margin: 35% auto;
}
}
@media (max-width: 480px) {
.woocommerce p.woocommerce-thankyou-order-received .atomion-thank-you-icon {
position: absolute;
top: 0;
transform: translateX(0);
transform: translatey(-65%);
left: 0;
right: 0;
}
.atomion-thank-you-icon .checkmark {
width: 40px;
height: 40px;
margin: 25% auto;
}
}
/*--------------------------------------------------------------
### Checkout Block
--------------------------------------------------------------*/
.wp-block-woocommerce-checkout.alignwide {
width: auto;
transform: unset;
}
.wp-block-woocommerce-checkout select {
font-weight: initial;
text-transform: initial;
}
.woocommerce-page .wc-block-components-product-metadata {
font-size: .88em;
}
.woocommerce-page .wc-block-components-totals-coupon-link,
.wc-block-components-totals-shipping__change-address__link {
text-decoration: underline;
}
.wp-block-cart-cross-sells-product__product-add-to-cart button,
.wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .add_to_cart_button {
border-style: solid !important;
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading-content,
.wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group {
font-size: 1em;
}
.wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group > span {
vertical-align: middle;
}
.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price__value {
margin-left: 0;
font-size: inherit;
}
/*--------------------------------------------------------------
## Account
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Account Header
--------------------------------------------------------------*/
.woocommerce-account #atomion-breadcrumbs {
margin-bottom: 2.3em;
}
.woocommerce-account #atomion-breadcrumbs:after {
content: '';
width: 100%;
height: 1px;
background: #dddddd;
display: block;
margin-top: 3em;
}
.woocommerce-account .woocommerce {
position: relative;
}
.woocommerce-account .woocommerce .customer-approach {
position: absolute;
right: 0;
top: -105px;
font-weight: 600;
text-transform: uppercase;
}
#atomion-account-modal .atomion-account {
box-shadow: none;
padding: 0;
}
#atomion-account-modal .modal-content {
display: flex;
flex-wrap: wrap;
max-width: 600px;
}
#atomion-account-modal .modal-content .woocommerce-notices-wrapper {
float: left;
}
#atomion-account-modal .modal-content .woocommerce-error {
width: 100%;
margin: 20px 0;
}
#atomion-account-modal .atomion-account-logo {
margin: 0 auto 2.5em;
}
.account-item #atomion-account-modal a {
height: auto;
text-transform: none;
}
#atomion-account-modal p.woocommerce-form-row {
clear: both;
float: left;
width: 100%;
margin: .5em 0;
padding: 3px 0;
}
#atomion-account-modal .woocommerce-form__label-for-checkbox {
line-height: 1.5;
}
#atomion-account-modal input {
width: 100%;
}
.atomion-account-page .b2b-container input {
padding: 1em 1em 1em 1em;
}
.atomion-account-open {
cursor:pointer;
}
.atomion-account-open.fa-user-circle {
font-size: 16px;
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 999; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0, 0, 0); /* Fallback color */
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modal.is-open {
display: block;
}
.modal-content {
background-color: #fefefe;
padding: 20px;
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
max-height: 95vh;
overflow: auto;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
padding: 0 5px;
border: none;
background: none;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.modal-content {
width: 100%;
max-height: 100vh;
padding: 15px;
height: 100%;
border: 0
}
#atomion-account-modal .modal-content .woocommerce-error {
margin: 15px 0;
}
.modal-content .atomion-account-page #atomion-login-account,
.modal-content .atomion-account-page #atomion-new-account {
padding: 0 1rem;
}
}
/*--------------------------------------------------------------
### Account Navigation
--------------------------------------------------------------*/
.woocommerce-account .entry-header {
margin-bottom: 3.5em;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account hr {
width: 100%;
max-width: none;
border-bottom: 0 solid #cbcbcb !important;
margin: 0;
float: left;
}
.atomion-account-order hr {
margin-top: 1.5em;
margin-bottom: 8px;
float: left;
}
.atomion-account-order:last-child hr {
display: none;
}
nav.woocommerce-MyAccount-navigation ul {
float: left;
width: 92%;
margin: 0;
padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
list-style: none;
float: left;
padding: 10px .5em 10px;
position: relative;
margin: 0 1em 0 0;
}
nav.woocommerce-MyAccount-navigation ul li a:after {
height: 3px;
bottom: -13px;
}
nav.woocommerce-MyAccount-navigation ul li a,
nav.woocommerce-MyAccount-navigation span.logout a {
color: #404040;
text-decoration: none;
font-size: 1em;
text-transform: uppercase;
line-height: 1.2;
position: relative;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-view-order nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a {
font-weight: 600;
position: relative;
}
nav.woocommerce-MyAccount-navigation span.logout {
position: relative;
display: inline-block;
margin-top: 10px;
text-align: right;
min-width: 80px;
}
nav.woocommerce-MyAccount-navigation span.logout a:hover, nav.woocommerce-MyAccount-navigation span.logout a:focus, nav.woocommerce-MyAccount-navigation span.logout a:active {
color: #e84948;
}
nav.woocommerce-MyAccount-navigation span.logout i {
color: #e84948;
padding-right: 5px;
}
@media (max-width: 768px) {
nav.woocommerce-MyAccount-navigation span.logout {
position: absolute;
top: -30px;
}
nav.woocommerce-MyAccount-navigation ul {
width: 100%;
}
}
@media (max-width: 480px) {
.woocommerce-account .woocommerce .customer-approach {
top: -55px;
}
nav.woocommerce-MyAccount-navigation ul li {
width: 50%;
padding: 10px 0;
margin-right: 0;
}
}
/*--------------------------------------------------------------
### Account Main Content Area
--------------------------------------------------------------*/
.woocommerce-account #primary {
margin-bottom: 9em;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: left;
width: 100%;
margin-top: 2em;
}
.woocommerce-MyAccount-content {
display: flex;
flex-flow: column;
}
.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form {
max-width: 600px;
order: 2;
}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper li {
margin: 0;
}
/*--------------------------------------------------------------
### Account orders area + account downloads area
--------------------------------------------------------------*/
.atomion-account-order-wrapper {
float: left;
width: 100%;
padding-bottom: 1.5em;
}
.atomion-account-order h3 {
font-size: 1em;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 0;
}
.atomion-account-orders-left {
float: left;
width: 70%;
padding: 5px 3em 15px 0;
}
.atomion-account-orders-left tr {
border-bottom: solid 1px #cbcbcb;
}
.atomion-account-orders-left tr td {
padding: 20px 0 20px 0;
}
.atomion-account-orders-left tr td:nth-child(2) {
padding-left: 2em;
}
.woocommerce-orders .atomion-account-order td:last-child {
text-align: right;
}
.atomion-account-order td > span.woocommerce-Price-amount.amount {
font-size: 1.2em;
text-align: right;
}
.atomion-account-order td > span.woocommerce-Price-amount.amount,
.atomion-account-order td > span.product-tax {
display:block;
}
.atomion-account-order td > span.product-tax {
font-size:smaller;
}
.atomion-account-orders-left span.atomion-product-image {
max-width: 100px;
float: left;
}
.atomion-account-orders-left .atomion-order-meta-left {
float: left;
width: 50%;
}
.atomion-account-orders-left .atomion-order-meta-right {
float: right;
width: 50%;
text-align: right;
}
.atomion-account-orders-right {
float: left;
width: 30%;
padding: 1.2em 0 15px 0;
}
.atomion-account-orders-right p {
margin-top: 0px;
}
.atomion-account-orders-right h3 {
margin: 0;
text-transform: uppercase;
font-size: 1em;
}
.atomion-account-orders-right a.atomion-order-link {
text-decoration: none;
font-size: 1em;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2;
margin-right: .75rem;
}
.atomion-account-orders-right a.atomion-order-link:last-child {
margin-right: 0;
}
tr.downloads {
border-bottom: none;
}
.woocommerce-account .payment-details tr td {
vertical-align: top;
}
.woocommerce-account .payment-details tr td:nth-child(2) {
padding: 0 0.5rem;
}
.woocommerce-MyAccount-content .woocommerce-pagination a.woocommerce-Button--previous {
margin-right: 1em;
}
@media (max-width: 768px) {
.atomion-account-orders-left {
width: 100%;
padding: 5px 0em 15px 0;
}
.atomion-account-orders-right {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.atomion-account-orders-right > div {
flex-basis: 50%;
padding-right: .8em;
}
.atomion-account-orders-right .atomion-button-actions {
display: inherit;
flex-basis: 100%;
flex-wrap: wrap;
}
.atomion-account-orders-right .atomion-button-actions > p {
margin-right: 1em;
margin-bottom: 0.8em;
}
.atomion-account-orders-right a.atomion-order-link {
line-height: 2.6;
padding: 0 0.8em;
display: block;
}
.atomion-account-orders-right p.download-invoice-pdf a {
margin: 0 !important;
}
.woocommerce-MyAccount-content .woocommerce-pagination a {
margin-bottom: 0.8em;
}
.woocommerce-MyAccount-content .woocommerce-pagination a.woocommerce-Button--previous {
margin-right: 0;
}
}
/*--------------------------------------------------------------
### Account address area
--------------------------------------------------------------*/
h2.atomion-account-headline,
h3.atomion-account-headline {
color: #404040;
font-weight: 300;
font-size: 1.4em;
}
h2.atomion-account-headline::after,
h3.atomion-account-headline::after {
display: none;
}
.woocommerce-Address {
margin-bottom: 1rem;
float: left !important;
}
.woocommerce-Address b {
font-weight: 600;
}
.col-1.woocommerce-Address {
margin-right: 4%;
}
a.atomion-edit-address-button, .woocommerce-MyAccount-content button.button {
display: block;
float: left;
}
.u-columns.woocommerce-Addresses.col2-set.addresses label {
display: none;
}
.atomion-account-data {
display: flex;
margin-bottom: 5px;
}
.atomion-account-data-label {
margin-right: 3px;
}
.woocommerce-edit-address #shipping_postcode_field,
.woocommerce-edit-address #shipping_city_field,
.woocommerce-edit-address #billing_postcode_field,
.woocommerce-edit-address #billing_city_field {
width: 100%;
display: inline-block;
clear: none;
}
.woocommerce-edit-address #shipping_postcode_field,
.woocommerce-edit-address #billing_postcode_field {
max-width: 150px;
margin-right: 30px;
}
.woocommerce-edit-address #shipping_city_field,
.woocommerce-edit-address #billing_city_field {
max-width: 346px;
max-width: calc(100% - 180px);
}
@media (max-width: 768px) {
.col-1.woocommerce-Address {
margin-right: 0;
}
.atomion-edit-adress-container {
padding-right: 0;
}
}
/*--------------------------------------------------------------
### Account login + register
--------------------------------------------------------------*/
.atomion-account {
padding: 25px 50px;
box-shadow: 0 0 40px 5px #2b2b2b;
float: left;
width: 100%;
}
.atomion-account .button {
display: block;
margin: 20px auto;
}
#atomion-new-account {
display: none;
}
/* account login + register */
.atomion-account h2, .atomion-account-page h2 {
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
.atomion-account h2:after, .atomion-account-page h2:after {
display: none;
}
.atomion-account-logo {
max-width: 280px;
margin: 3.5em auto 2.5em;
text-align: center;
}
.atomion-account input, .atomion-account-page input {
padding: 1em 1em 1em 3em;
text-align: left;
}
.atomion-account-page input[type="file"] {
padding-left: 0;
}
.atomion-account-page input[type="date"] {
padding-left: 0.5em;
}
.atomion-account form, .atomion-account-page form {
border: 0 !important;
margin: 2em 0;
text-align: left;
border-radius: 0;
}
#atomion-login-account input::placeholder,
#atomion-new-account input::placeholder,
#atomion-new-account select,
form.woocommerce-ordering select {
text-transform: uppercase;
}
#atomion-login-account input::-webkit-input-placeholder,
#atomion-new-account input::-webkit-input-placeholder {
text-transform: uppercase;
}
#atomion-login-account input::-moz-placeholder,
#atomion-new-account input::-moz-placeholder {
text-transform: uppercase;
}
#atomion-login-account input:-ms-input-placeholder,
#atomion-new-account input:-ms-input-placeholder {
text-transform: uppercase;
}
#atomion-login-account input:-moz-placeholder,
#atomion-new-account input:-moz-placeholder {
text-transform: uppercase;
}
#masthead .account-item .atomion-account a {
height: auto;
display: inline-block;
padding: 0;
}
.atomion-lost-password {
float: left;
width: 50%;
display: block;
margin: 0;
max-height:30px;
}
.atomion-lost-password a {
text-transform: uppercase;
font-size: 0.8em;
}
.atomion-remind-me {
float: right;
width: 50%;
display: block;
text-align: right;
text-transform: uppercase;
font-size: 0.8em;
margin: 0;
}
.woocommerce form.login, .woocommerce form.register {
padding:0px;
}
#atomion-register-toggle, #atomion-login-toggle, .atomion-register-account {
text-align: center;
display: block !important;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
padding: 0;
font-weight:bold;
border: unset;
background: inherit;
line-height: inherit;
font-size: inherit;
margin: 0 auto;
}
.fa-wrapper-account {
position: relative;
}
.fa-wrapper-account:before {
font-family: 'Font Awesome\ 6 Free';
content: "\f007";
position: absolute;
left: 13px;
bottom: calc(-20%);
font-size: 1.2em;
color: #bbbbbb;
font-weight: 900;
}
.fa-wrapper-lock {
position: relative;
display: block;
}
.fa-wrapper-lock .show-password-input {
top: 1.15em !important;
}
.fa-wrapper-lock:before {
font-family: 'Font Awesome\ 6 Free';
content: "\f023";
position: absolute;
left: 13px;
top: .75em;
font-size: 1.2em;
color: #bbbbbb;
font-weight: 900;
z-index: 1;
}
.atomion-account-action {
float: left;
width: 100%;
}
/* account */
.atomion-account-page {
padding: 25px 50px;
float: left;
width: 100%;
}
.atomion-account-page form {
margin: 0 !important;
}
.atomion-account-page .button {
display: block !important;
margin: 20px auto !important;
}
.atomion-account-page #atomion-login-account,
.atomion-account-page #atomion-new-account {
padding: 0 25px 25px;
max-width: 555px;
margin: 0px auto;
}
.atomion-account-page .button.woocommerce-form-login__submit {
float: unset;
}
.atomion-account-page button.woocommerce-Button.button.disabled {
padding: 1.05em !important;
}
.atomion-account-page .atomion-account-action {
float: left;
width: 100%;
}
.atomion-account-page .inner-form {
float: left;
width: 100%;
min-height: 195px;
}
.woocommerce .atomion-account-page form .form-row {
margin: 0 0 0.5em;
}
.woocommerce-Input--text {
border: 3px solid #DDDDDD;
}
#masthead .account-item .atomion-account a.wgm-privacy {
text-decoration: underline;
}
.atomion-account-page form a.wgm-privacy {
text-decoration: underline;
}
#atomion-account-modal label.checkbox input:before,
#atomion-account-modal label.woocommerce-form__label-for-checkbox input:before {
top: 4px;
}
@media (max-width: 1000px) {
.atomion-account-page {
padding: 0;
}
}
@media (max-width: 600px) {
.atomion-account-page #atomion-login-account,
.atomion-account-page #atomion-new-account {
width: 100%;
margin-bottom: 2em;
min-height: 0 !important;
}
}
/*--------------------------------------------------------------
### Account single order
--------------------------------------------------------------*/
.atomion-single-order-header {
float: left;
display: flex;
flex-wrap: wrap;
width: 100%;
background: #f6f6f6;
border-bottom: 1px solid #dddddd;
padding: 20px 20px 30px 20px;
margin-bottom: 2em;
}
.atomion-single-order-header h3 {
margin: 10px 0 20px;
font-weight: normal;
}
.atomion-three tr {
line-height: 1.8;
}
.atomion-single-order-headline {
font-weight: normal;
}
.atomion-account-single-table {
border-bottom: solid 1px #ddd;
}
table.shop_table.order_details.single-account-order {
border-bottom: solid 1px #ddd;
border-radius: 0px;
}
.woocommerce .product-purchase-note td {
padding: 0 .75em !important;
text-align: left !important;
border: 0 !important;
}
.woocommerce .product-purchase-note td p {
margin-top: 0;
}