/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/* boxed layout for large screen */
body {
    max-width: 1440px;
    margin: 0 auto;
}

.read-more-chevron .elementor-button-icon svg {
    width: 10px;
}

.elementor-widget-text-editor ul {
	padding-inline-start: 20px;
}

/* img-link hover effect */
.elementor-element.img-link img,
.elementor.e-loop-item.post.has-post-thumbnail.category-aktuelles .elementor-widget-image.img-link,
.elementor-products-grid  .elementor-grid .woocommerce-loop-product__link img {
    transition: opacity .2s ease-in-out;
}

.elementor-element.img-link img:hover,
.elementor.e-loop-item.post.has-post-thumbnail.category-aktuelles:hover .elementor-widget-image.img-link,
.elementor-products-grid  .elementor-grid .woocommerce-loop-product__link img:hover {
    opacity: .9;
}




/* headline-link hover effect */
.elementor-element .elementor-heading-title a {
	 transition: text-decoration .2s ease-in-out !important;
	 text-decoration-color: transparent !important;
 	 transition: 1s;
}
.elementor-element .elementor-heading-title a:hover {
	transition: text-decoration .2s ease-in-out !important;
	 text-decoration-color: inherit !important;
}


/* custom styles workshop termine + shortcode */

.workshop-dates {
	position: absolute;
    z-index: 1;
	margin-left: 24px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #AAF1DF;
	font-size: 13px;
	width: max-content;
	padding: 24px 16px;
}
.workshop-dates-title {
	font-weight: 700;
	padding-bottom: 10px;
}
@media (max-width: 767px) {
	.workshop-dates {
		margin-left: 12px;
		font-size: 10px;
		padding: 8px 8px;
	}
	.workshop-dates-title {
	padding-bottom: 8px;
	}
}

.workshop-wrapper-sc {
	font-size: 13px;
	background-color: #AAF1DF;
	width: max-content;
	padding: 20px;
	border-radius: 10px;
}
.workshop-termine-sc {
	display: flex;
	margin: 10px 0 10px 0;
	gap: 20px;
}

.workshop-termine-title-sc {
	font-weight: 700;
	padding-bottom: 10px;
}
.workshop-termine-title-sc:nth-of-type(2) {
    margin-top: 10px;
}

/* woocommerce customization */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	margin-bottom: 0;
	color: #000;
	background-color: #E2DCD4;
}
.woocommerce-message::before,
.woocommerce-info:before {
	color: #37CEAB;
}
.woocommerce-message,
.woocommerce-info {
	border-top-color: #37CEAB;
}
  
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	background: transparent;
    border: 1px solid #000;
    border-radius: 10px;
    font-weight: 400;
	transition: all .2s ease-in-out;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
	background: #37CEAB;
	border-color: #37CEAB;
	color: #fff;
}

.elementor-widget-woocommerce-checkout-page a,
.elementor-widget-woocommerce-checkout-page a:hover {
    color: #000;
}