/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.breadcrumbs { justify-content: flex-start; }
.checkout-breadcrumbs { padding: 15px 0px 15px 0px; margin-bottom: 20px; }

/* wg. problem mit rabatt: verstecke error-message in cart */
body.page-template-page-cart .woocommerce-notices-wrapper .woocommerce-error.message-wrapper { display: none; }
.nav-dropdown .button.checkout { display: none !important; }

.shop_table .cart_item td { vertical-align: top; }

.page-wrapper { padding-bottom: 0px; }
.page-wrapper > .row > .col { padding-bottom: 0px; }

@media (max-width: 599px) {
	.wmpci-popup-body { width: 90% !important; }
}

/* slider startseite oben */
.sow-slider-base,
.sow-slider-base ul.sow-slider-images,
.sow-slider-base ul.sow-slider-images li.sow-slider-image { overflow: visible !important; }
.sow-slider-base ul.sow-slider-images li.sow-slider-image { background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }

/* rabattvideo-links */

.rabattvideo-home { transform: translateY(610px); }
.rabattvideo-home img { margin: 0px auto; max-width: 200px; height: auto; display: block; }
@media (max-width: 768px) {
	
}

.rabattvideo-link { padding: 0px 0px 30px 0px; }
.rabattvideo-link img { margin: 0px auto; max-width: 200px; height: auto; display: block; }
@media (max-width: 768px) {
	
}

.rabattvideo-link-warenkorb { padding: 0px 0px 30px 0px; }
.rabattvideo-link-warenkorb img { margin: 0px auto; max-width: 100%; height: auto; display: block; }

.footer-1, 
.footer-2 { border: none; }
.footer-2 { padding-top: 0px; }

ul.socialmedia { display: none; margin: 0px; padding: 0px; /*display: flex; justify-content: flex-end; align-items: center;*/ list-style-type: none; }
ul.socialmedia li { flex: 0 1 auto; padding: 0px 30px 0px 0px; display: inline-block; }
ul.socialmedia li + li { border: none !important; }
ul.socialmedia li a { font-size: 40px; color: #ffffff !important; text-decoration: none; }
ul.socialmedia li a:hover,
ul.socialmedia li a:active,
ul.socialmedia li a:focus { color: #ffffff !important; text-decoration: none; }