/*
Theme Name:  byschulz Hello Elementor Child Theme
Theme URL:   http://by-schulz.webdesignbs.de
Description: Write here theme description.
Author:      byschulz
Author URL:  http://by-schulz.webdesignbs.de
Template:    hello-elementor
Version:     1.0.0
*/


/* General page widths */
#main {
	padding: 0 20px;
}

@media (min-width: 1400px) {
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1280px;
		margin: auto;
    }
}

/* General WooCommerce styles */
.woocommerce h1 {
	font-size: 40px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
	background-color: var(--e-global-color-7b7fbde);
	color: #000;
	padding: 1.5em 2em;
	font-weight: 400;
	border-radius: 10px;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: var(--e-global-color-7b7fbde);
	color: #000;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	background-color: var(--e-global-color-primary);
	color: #fff;
}

/* Elementor overwrites */
.woocommerce table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
	background-color: transparent;
}

.woocommerce tr {
	border-top: 1px solid rgba(0,0,0,.1);
}

.woocommerce .accordion-body {
	padding-left: 0;
}

/* WooCommerce breadcrumbs */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
	color: var(--e-global-color-e05587b);
}

/* WooCommerce archive pages */
.woocommerce-header-image-wrapper img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

@media (min-width: 768px) {
	.woocommerce-header-image-wrapper img {
		height: 250px;
	}
}

@media (min-width: 1025px) {
	.woocommerce-header-image-wrapper img {
		height: 300px;
	}
}

.woocommerce .product-image-wrapper {
	position: relative;;
}

.woocommerce .product-image-wrapper .button {
	position: absolute;
	bottom: 30px;
	right: 10px;
}

.woocommerce-products-header__title.page-title {
	text-align: center;
	font-size: 40px;
	margin-bottom: 1em;
}

.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
	aspect-ratio: 10 / 8;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	padding: 15px 25px;
	border-radius: 10px;
    object-fit: contain;
}

.woocommerce ul.products li.product .button {
	z-index: 2;
	padding: 1em 1.5em;
	border-radius: 5px;
	background-color: var(--e-global-color-primary);
}

.woocommerce ul.products li.product .button:hover {
	background-color: var(--e-global-color-7b7fbde);
}

.woocommerce ul.products li.product .button img {
	margin-bottom: 0;
}

.term-description {
	margin-bottom: 2em;
}

@media (min-width: 767px) {
	.term-description {
		columns: 2;
		column-gap: 40px;
	}
}


/* Added quotations marks on every Elementor quote block at beginning and end */
.elementor-blockquote__content::before {
	content: url("assets/quote-start.svg");
	width: 25px;
	display: inline-block;
}

.elementor-blockquote__content::after {
	content: url("assets/quote-end.svg");
	width: 25px;
	display: inline-block;
}


/* WooCommerce single product */
.woocommerce-product-details__short-description h2 {
	font-style: italic;
	font-size: 32px;
}

.woocommerce-product-details__short-description {
	font-size: 20px;
}

.woocommerce div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	font-weight: 700;
	font-size: 28px;
	color: #000;
}

.woocommerce div.product .product_meta {
	margin-bottom: 1rem;
}

.woocommerce div.product .product_meta .sku_wrapper {
	font-size: 12px;
	color: #626262;
}

/* Related products */
.woocommerce .related ul.products li.product a img {
	margin-bottom: 0;
}


/**
 * Event calender plugin styling 
 */
/* General styling for all EventManager widgets */
.em.pixelbones a {
	color: var( --e-global-color-text ) !important;

}

.em.pixelbones a:hover {
	color: var( --e-global-color-primary ) !important;
}

/* Styling of events widget shown e.g. on archive pages */
.em.pixelbones.em-events-widget .em-item {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.em.pixelbones.em-events-widget .em-item:last-child {
    border-bottom: none;
    padding: 0;
}

/* Styling of single event pages */
.em.pixelbones.em-event ul {
	list-style-type: none !important;
}

/* Styling of event calender */
.flatpickr-monthSelect-month.endRange, .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange {
	background-color: var( --e-global-color-primary ) !important;
	border-color: var( --e-global-color-primary ) !important;
}