/*
Theme Name: Supro Child
Theme URI: http://drfuri.com/supro
Author: DrFuri
Author URI: http://drfuri.com
Description: Supro Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supro
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: supro
*/





.debug {
    border: 1px solid;
    display: inline-block;
    margin: 10px;
    padding: 10px;
}

/* 
	.site_id1 = Land der Leiberl
	.site_id2 = Poltershirts
	.site_id4 = Fussballshirt
*/

/* Fussballshirt Preise & diverses Auswahlbuttons ausblenden */
.site_id4 #primary .products .product .price,
.site_id4 #primary .product .variations_form,
.site_id4 #primary .product .sku_wrapper,
.site_id4 #primary .product .header-summary,
.site_id4 #primary .product .legal-price-info,
.site_id4 .price {
    display: none !important;
}

.site_id4 .price {
    display: none !important;
}


/*auf startseite anfangs kein logo anzeigen*/
.home .site-header .logo {
	display: none;
}

.site_id1 .site-header .logo {
    width: 80px;
	position: absolute;
	top: -22px;
}

.site_id1 .site-header.minimized .logo {
	width: 70px;
    top: -20px;
}

.site_id2 .site-header.minimized .logo {
	width: 130px;
}

.site_id4 .site-header .logo {
    width: 86px;
	position: absolute;
	top: -24px;
}

.site_id4 .site-header.minimized .logo {
	top: -20px;
	width: 72px;
}


.site-header .site-logo {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.site-header.minimized .logo {
	display: block;
}

.vc_masonry_grid .vc_grid-item-mini,
.single-design .vc_single_image-wrapper {
    background-color: #faf5f2;
    padding: 20px;
}


.ldl-ueberlagerer{
	position: relative;
	z-index: 999;
}

.vc_masonry_grid .vc_grid-item:nth-child(4n+2) .vc_grid-item-mini,
.single-design .vc_single_image-wrapper {
	background-color: #ededed; /*grau*/
}

.vc_masonry_grid .vc_grid-item:nth-child(4n+3) .vc_grid-item-mini {
	background-color: #fbf8f1;
}

.vc_masonry_grid .vc_grid-item:nth-child(4n+4) .vc_grid-item-mini {
	background-color: #f0f5f9;
}

.vc_masonry_grid .bg_dunkel.vc_grid-item:nth-child(4n+2) .vc_grid-item-mini, 
.vc_masonry_grid .bg_dunkel.vc_grid-item:nth-child(4n+3) .vc_grid-item-mini, 
.vc_masonry_grid .bg_dunkel.vc_grid-item:nth-child(4n+4) .vc_grid-item-mini, 
.vc_masonry_grid .bg_dunkel .vc_grid-item-mini {
    background-color: #000;
}

.supro-row-full-width .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* Design Übersichtsseite Mockup Titel */
h2.wpb_heading.wpb_singleimage_heading {
    position: absolute;
    bottom: 0;
    margin: 0 20px 20px 20px;
    text-align: center;
    width: 90%;
    background-color: white;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.design_kategorie {
	padding-bottom: 15px;
}

.design_beschreibung {
    margin-top: 15px;
    font-size: 105%;
    font-weight: 300;
}

.design_beschreibung strong {
    font-weight: 500;
}

/*Startseite Supro Banner v2 Headline */
.banner-grid__banner .text-dark.banner-title {
    background-color: #fff;
    padding: 5px 15px 10px;
    line-height: 1;
    text-transform: uppercase;
}

#content .vc_separator h4 {
    font-size: 28px;
    text-transform: uppercase;
    margin: 30px 0;
}


.wpb_single_image {
	position: relative;
}


.single-design .entry-header {
	display: none;
}

.woocommerce .products .footer-button a.button.product_type_variable {
    display: none !important;
}

.woocommerce ul.products li.product .footer-button {
	background-color: transparent !important; /*rgba(255,255,255,0.40) !important;*/
}

.woocommerce ul.products li.product .footer-button {
	line-height: inherit !important;
}

.woocommerce .products .footer-button .icon-frame-expand {
    padding: 5px;
    background-color: #fff;
	border: 1px solid #bbb;
}

.woocommerce .products a.add_to_wishlist {
    padding: 0 5px;
	background-color: #fff;
	border: 1px solid #bbb;
}

.woocommerce .products .actions-button {
    margin-bottom: 10px !important;
}

.woocommerce .products .un-attr-swatches {
    display: none;
}

.shirtee-swatches.swatchers-size .swatch-size {
    width: auto;
	min-width: 50px;
	margin-left: 0;
}

.woocommerce .supro-single-product-detail .ribbons {
	position: relative;
}

/*design Übersichtsseite Abstand oben weg wegen maskierten Bildern*/
.page-id-2 #content {
    padding-top: 50px;
}

.dunkel {
	background-color: #ededed;
}

h3.kategorie_teaser {
   	position: absolute;
    text-align: center;
    width: 98%;
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
    color: #ededed;
    font-size: 2.3em;
    text-transform: uppercase;
    opacity: 0.3;
    top: -5px;

}

ul.ldl_term_archive {
	display: flex;
	align-items: stretch;
	padding-left: 0;
    max-height: 400px;
}

ul.ldl_term_archive li {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	float: left;
	padding: 0px;
	position: relative;
}

ul.ldl_term_archive li img {
	clip-path: circle(115px at center);	
	transition: 0.5s
}
ul.ldl_term_archive li img:hover {
	clip-path: circle(270px at center);	
	padding-top: 0 !important;
}

ul.ldl_term_archive .productcat_title {
    position: absolute;
    width: 100%;
    z-index: 1;
    text-align: center;
    margin-top: 100px;
    font-size: 110%;
    text-transform: uppercase;
    font-family: 'Cerebri Sans', Arial, sans-serif;
    font-weight: 700;
    color: #222;
    padding-bottom: 2px;
	background-color: #ededed;
}


/* Produkt Detailseite */

.single-product #primary h1.product_title {
    font-size: 17px;
    color: #777;
    font-weight: normal;
    margin-bottom: 0;
}

.single-product #primary h2.design_title {
    margin-top: 0;
}

.single-product #content .product-images-wrapper {
	width: 40%;
}
.single-product #content .product-summary {
	width: 60%;
}

.woocommerce #content div.product .header-summary {
    margin-bottom: 0;
}

.single-product .legal-price-info {
	margin-bottom: 20px;
}

.single-product .product-toolbar {
	display: none;
}

.woocommerce #content div.product.product-type-variable form.cart .variations {
    margin-bottom: 0;
}

.single-product .product_meta strong {
    margin-right: 5px;
}

.woocommerce #primary div.product .supro-social-share {
    margin-left: 0px;
}
.woocommerce div.product .supro-social-share::before {
    content: "Teilen:";
}

.woocommerce #primary div.product .woocommerce-tabs ul.tabs {
	margin-bottom: 50px;
}

.woocommerce.single-product div.product .woocommerce-tabs .panel {
	margin-bottom: 40px;
}
/* Ende Produkt Detailseite */



/* Produktkategorie */

.widget_product_categories .children {
    display: none;
}

.widget_product_categories .current-cat-ancestor .children,
.widget_product_categories .current-cat .children {
    display: block;
}

.widget_product_categories .current-cat-ancestor .children a,
.widget_product_categories .current-cat .children a,
.catalog-sidebar .widget_product_categories .current-cat-ancestor > a {
    color: #222;
}

.product-categories > .cat-item > .children {
    margin-left: 5px;
	padding-top: 5px;
}


.products .product-inner .tax-info, 
.products .product-inner .shipping-costs-info {
    display: none;
}

/* manche Produkte nicht beschneiden 
(mittels 'single_product_archive_thumbnail_size' hook volle größe geladen und mittels style angepasst) */
.attachment-medium.size-medium,
.un-product-thumbnail .image-hover{

    max-height: 270px;
    width: auto !important;
    margin: 0 auto !important;

}

/* ENDE Produktkategorie */


/* Cart Warenkorb */

.woocommerce-cart #main .woocommerce .cart-collaterals {
    margin-top: -150px;
}

.woocommerce-cart .shop_table .order-total th,
.woocommerce-cart .shop_table .order-total td {
	padding-bottom: 5px !important;
}

.woocommerce-cart .shop_table .order-tax th {
	padding-top: 0 !important;
}

.woocommerce-cart .shop_table .order-tax td {
	display: none;
}

.shipping-calculator-form #calc_shipping_city_field, 
.shipping-calculator-form #calc_shipping_postcode_field {
    display: none !important;
}



.woocommerce.mini-cart .total.shipping-costs-cart-info {
    padding: 20px 0 0;
	overflow: visible;
}

.woocommerce-cart .woocommerce table.cart .btn-shop,
.woocommerce-cart .woocommerce table.cart .btn-update {
    border-color: #dad9d9 !important;
}

.ldl_notice {
	text-align: center;
	margin-bottom: 20px;
}

/* Ende Cart Warenkorb */


/* Kasse */

h3#order_review_heading {
    margin-top: 20px;
    margin-bottom: 20px;
}

.woocommerce-checkout .woocommerce-form-login-toggle.woocommerce-form-login::before {
    content: "Bereits Land der Leiberl Kunde?";
    text-align: center;
    display: block;
    font-size: 90%;
    padding-bottom: 3px;
}

.checkbox-legal.woocommerce-invalid-required-field {
    border: 2px solid #a00;
    padding: 5px !important;
	color: #a00;
}

#main .woocommerce-checkout #payment, 
#main .woocommerce-checkout table.shop_table {
    border: 2px solid #eaeaea;
}

.woocommerce table.shop_table tr.order-tax th,
.woocommerce table.shop_table tr.order-tax td {
    border-bottom: 0;
}

.woocommerce-checkout form.checkout .woocommerce-form__label .input-checkbox {
	position: absolute;
}

#main .woocommerce-checkout .wc-gzd-order-submit {
	margin-top: 20px;
}

.woocommerce-checkout #main form.checkout .woocommerce-form__label > span::before,
.woocommerce-checkout #main #payment ul.payment_methods > li > label::before {
	color: #c4c3c3;
}

/* Ende Kasse */

/*Verfügbarkeit ausblenden (unterscheidliche für variable produkte und normale) */
.woocommerce-variation-availability,
.woocommerce div.product .header-summary p.stock {
    display: none;
}

.entry-content .widget_nav_menu h2 {
    margin-top: 0;
}


.zahlungsarten_icon.payment-paypal {
    padding: 7px 5px;
}

.zahlungsarten_icon.payment-kreditkarte {
    padding: 7px 5px;
    margin-right: -1px;
}

.zahlungsarten_icon.payment-sofort {
	background-color: #222222;
	padding-top: 3px;
	padding-bottom: 5px;
}


.zahlungsarten_icon {
    max-width: 84px;
	background-color: #ffffff;
}

footer .custom-html-widget a {
    color:rgba(237,237,237,1.00);
}


@media (max-width: 991px) {
	
	.single-product #content .product-images-wrapper {
		width: 50%;
		float: left;
	}
	.single-product #content .product-summary {
		width: 50%;
		float: left;
	}
	.supro-icons-box {
		margin-top: 0;
	}
	
	#content .supro-banner-grid-2 .banner-content {
		width: 90%;
	}
	
}

/*Tablet hoch*/
@media (max-width: 782px) {
	.site_id4 .site-header .logo, .site_id4 .site-header.minimized .logo {
		top: -16px;
		width: 57px;
	}
	
	.single-product #content .product-images-wrapper {
		width: 100%;
		float: none;
	}
	
	.single-product #content .product-images-wrapper .flex-viewport {
		width: 50%;
		margin: 0 auto;
	}
	
	.single-product #content .product-summary {
		width: 100%;
		float: none;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.single-product #content .entry-summary,
	.woocommerce #content div.product .woocommerce-tabs ul.tabs {
 			margin-bottom: 15px;
	} 
	
	.single-product .product-images-wrapper {
		margin-top: 15px;
	}
	
	.design_kategorie .wpb_single_image {
		width: 50%;
		float: left;
	}
	
	.design_kategorie .design_beschreibung {
		margin-top: 0;
		width: 50%;
		float: left;
		padding-left: 15px;
		padding-right: 5px;
	}
	/* Design Übersicht Grid */
	.vc_grid .vc_col-sm-6 {
		width: 50%; 
		display:inline-block !important;
		padding-right: 15px !important;
		padding-bottom: 15px !important;
	}
	
	.vc_grid-item.vc_col-sm-6:nth-child(2n) {
		padding-right: 30px !important;
	}
	
}

/*Handy hoch*/
@media (max-width: 480px) {
	.site-header.minimized .logo {
		left: -5px;
	}
	
	.site_id1 .site-header.minimized .logo {
		top: -17px;
		max-height: 70px;
	}
	
	.design_kategorie .wpb_single_image {
		width: 100%;
		float: none;
	}
	
	.design_kategorie .design_beschreibung {
		margin-top: 15px;
		
		width: 100%;
		float: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.attachment-medium.size-medium,
	.un-product-thumbnail .image-hover{

		max-height: inherit;

	}
	
	h3.kategorie_teaser {
		width: inherit;
	}
	
	ul.ldl_term_archive {
		display: block;
		margin-top: 0px;
	}
	
	ul.ldl_term_archive li {
		flex: 1 0 50%;
		width: 50%;
		height: 250px;
		padding: 0 5px;
	}
	
	h3.kategorie_teaser {
	   position: relative;
	}
	
	.vc_separator .vc_sep_holder {
		min-width: 0 !important;
	}
	#content .vc_separator h4 {
		margin: 20px 0;
		text-align: center;
		padding: 0;
	}
	
	
	
}