/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* Custom Styles krähativ */

h3.product-section-title {
    margin-left:0px;
}

.hz_footer {
    background: rgb(0,126,160);
    background: linear-gradient(180deg, rgba(0,126,160,1) 0%, rgba(0,24,31,1) 100%);
    padding-top:70px!important;
}

.hz_footer a {
    color: #fff;
}

.hz_footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.button.is-underline:before {
    display: none;
}

.button.is-underline:after {
    content: url(https://hz-shop.de/wp-content/uploads/2024/09/arrow-right-blau.svg);
    height: 20px !important;
    width: 20px!important;
    display: inline-block;
    margin-left: 10px;
    transform: translateY(3px);

}

p.name.product-title.woocommerce-loop-product__title a {
    color: #008DB0;
}

#main {
        background-color: rgb(240, 240, 240) !important;
    }

.ueber-uns-kontakt {
    margin-bottom:1px;
}



th.product-name {
    border:none;
    color:#008DB0;
}

.shop_table th.product-price,
.shop_table th.product-quantity,
.shop_table th.product-subtotal {
    color:#008DB0;
}

a.added_to_cart {
    font-size:0.8em;
}

.add-to-cart-button a {
    white-space: nowrap;
}

.category-filtering.category-filter-row {
    display:flex;
    flex-direction: column;
}

.category-filtering.category-filter-row .widget_layered_nav_filters {
    margin-left:0px;
}

.category-filtering.category-filter-row .widget_layered_nav_filters h2 {
    margin-top:15px;
}

i.icon-menu {
    color: #000;
}

.shop-page-title {
    z-index:999;
}

/* Gutscheinfeld Warenkorb */

.checkout_coupon {
    display: none;
}

/* Produkte – Beschreibung, Zusätzliche Informationen, Bewertungen */

.product-page-accordian .accordion-inner p,
.product-page-accordian .accordion-inner td {
    font-weight: 500;
}


@media only screen and (min-width: 1200px) {

a.added_to_cart {
    font-size:15px;
}    

.box-text {
    text-align: left;
}

p.name.product-title.woocommerce-loop-product__title {
    font-size: 20px;
    margin-bottom: 10px;
}

p.price {
    font-size: 19px;
    margin-bottom: 20px;
}

.woocommerce-de_price_taxrate {
    font-size: 12px;
}

a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-underline {
    text-transform: none;
    color: #000;
    font-size: 15px;
}


section #section_1761990335 {
    height: 0px !important;
}

.box_landgemacht {
    background-color: #fff !important;
    -webkit-box-shadow: 0px 3px 6px 6px rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 3px 6px 6px rgba(0, 0, 0, 0.16) !important;
    padding: 30px !important;
    height: 270px !important;
    transform: translateY(-150px) !important;
}

.box_landgemacht .cover {
    transform: rotate(-9deg) translateY(-80px);
}

.product-loop,
.shop-container {
    padding-top: 150px !important;
}

#main>div.shop-container {
    padding-top: 0px !important;
}

.product-loop .box-image,
.shop-container .box-image {
    position: relative;
    height: auto;
    margin: unset;
    overflow: hidden;
    width: 50%;
    transform: translateY(150px);
    z-index: 1;
    margin-left: 20px;
} 

.product-loop .box-text.box-text-products,
.shop-container .box-text.box-text-products {
    background: #fff;
    padding: 200px 20px 20px;
    max-width: 90%;
}

.product-loop .row.large-columns-3.medium-columns-.small-columns-2.row-small,
.shop-container .products.row.row-small.large-columns-3.medium-columns-3.small-columns-2 {
    align-items: end;
}

.product-loop .product-small,
.shop-container .product-small {
    transform: translateY(-150px);
}

.related.related-products-wrapper.product-section {
    padding-top: 100px;
}

.related-products-wrapper .row.large-columns-4.medium-columns-3.small-columns-2.row-small {
    padding-top: 200px;
}

.related-products-wrapper .row.large-columns-4.medium-columns-3.small-columns-2.row-small {
    align-items: end;
}


.sec_landgemacht .box-image {
    padding: 10px;
    margin-bottom: 40px;
    transform: translatex(-70px);
}

.sec_landgemacht img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    transform: rotate(-9deg);
}

}

@media screen and (max-width: 1200px) {
	.section-landgemacht {
		background-color:#fff!important;
	}

	.box-text.box-text-products {
		font-size:1.1em;
	}

	.produkte-gap {
 		display:none!important;
	}
}

@media screen and (max-width:900px) {
	.kontakt-adresse .col-inner {
		padding-top:10px!important;
	}
}

@media screen and (min-width:850px) {
    .show-for-medium {
		display: block !important;
	}
    .show-for-medium.flex-left {
        margin-right:50px;
    }
    .show-for-medium.flex-right {
        display:none!important;
    }
    li.nav-icon a.current-lightbox-clicked {
        transform: translateX(0px) !important;
    }
}

@media screen and (max-width:860px) {
	.hz_footer .row .col a {
		display:flex;
        width:100%;
	}
    .hz_footer .text {
        word-wrap: break-word;
    }
}

@media screen and (max-width:750px) {
	.kontakt-adresse .col-inner {
		padding-top:0px!important;
	}
}

@media screen and (max-width: 550px) {
	.box-text {
		font-size: 90%;
    	}
    .section-landgemacht .box_landgemacht {
		flex-direction: row-reverse;
		align-items:center;
	}
	.col-landgemacht-magazin {	
		margin-left: -15%;
	}
    .hz_footer .img {
        width:50%!important;
    }
}

@media screen and (max-width: 850px) and (min-width: 500px) {
    .product-gallery img {
        max-height: 600px;		
        object-fit: contain;
    }
    .product-gallery .flickity-viewport {
        height:600px;
    }
}

@media screen and (max-width:400px) {
	.hz_footer .row {
		flex-direction:column;
	}
	.hz_footer .row .col {
		max-width:100%;
	}
    .hz_footer .row .col:last-child p:first-child  {
		display:none;
	}
}

.shop-container .category-filtering {
    display: none !important;;
}