/**
Theme Name: teamative Child Theme
Author: jut-so GmbH
Author URI: https://jut-so.de
Description: Custom Child Theme für das mitWIRken-Projekt, basierend auf dem Hello Elementor Theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: teamtive-child-theme
Template: hello-elementor
*/

/* variable.css and layout.css included via functions.php */

/* Default headline margins
 * Note: Pay attention to widget spacing. 
 * When using heading widget, margin-bottom is set to 0
 * then the spacing is controlles by the widget spacing
 */
h1, h2, h3, h4, h5, h6 {
    margin-block-start: .5rem;
    margin-block-end: 1rem;
}

/* Utility classes for headlines */
.h1,
.h1 .elementor-heading-title,
[class*="elementor-kit-"] .h1 {
    font-family: var(--h1-font-family);
	color: var(--h1-default-color);
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
	font-weight: var(--h1-font-weight);
}

.h2,
.h2 .elementor-heading-title,
[class*="elementor-kit-"] .h2 {
    font-family: var(--h2-font-family);
	color: var(--h2-default-color);
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-font-weight);
}

.h3,
.h3 .elementor-heading-title,
[class*="elementor-kit-"] .h3 {
    font-family: var(--h3-font-family);
	color: var(--h3-default-color);
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
	font-weight: var(--h3-font-weight);
}

.h4,
.h4 .elementor-heading-title,
[class*="elementor-kit-"] .h4 {
    font-family: var(--h4-font-family);
	color: var(--h4-default-color);
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	font-weight: var(--h4-font-weight);
}

/* Secondary button */
.secondary-button .elementor-button {
	color: var(--light-green);
    background-color: transparent;
    border-style: solid;
    border-color: var(--light-green);
} 

/* Button with arrow */
.arrow-button .elementor-button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1689_4474)'%3E%3Cpath d='M14.082 7.46523C14.3391 7.2082 14.3391 6.79258 14.082 6.53828L10.3633 2.8168C10.1062 2.55977 9.69063 2.55977 9.43633 2.8168C9.18203 3.07383 9.1793 3.48945 9.43633 3.74375L12.034 6.34141L0.929688 6.34414C0.566016 6.34414 0.273438 6.63672 0.273438 7.00039C0.273438 7.36406 0.566016 7.65664 0.929688 7.65664H12.034L9.43633 10.2543C9.1793 10.5113 9.1793 10.927 9.43633 11.1812C9.69336 11.4355 10.109 11.4383 10.3633 11.1812L14.082 7.46523Z' fill='%2300572D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1689_4474'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.273438)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 14px) center;
    padding-inline-end: 55px;
}

.arrow-button .elementor-button:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1689_4474)'%3E%3Cpath d='M14.082 7.46523C14.3391 7.2082 14.3391 6.79258 14.082 6.53828L10.3633 2.8168C10.1062 2.55977 9.69063 2.55977 9.43633 2.8168C9.18203 3.07383 9.1793 3.48945 9.43633 3.74375L12.034 6.34141L0.929688 6.34414C0.566016 6.34414 0.273438 6.63672 0.273438 7.00039C0.273438 7.36406 0.566016 7.65664 0.929688 7.65664H12.034L9.43633 10.2543C9.1793 10.5113 9.1793 10.927 9.43633 11.1812C9.69336 11.4355 10.109 11.4383 10.3633 11.1812L14.082 7.46523Z' fill='%239EE870'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1689_4474'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.273438)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* Boxes with radius */
.team-box {
	border-radius: var(--default-border-radius);
	padding: 2em;
}

/* Tag (button-like headline) */

.team-tag span {
	padding: 12px 24px;
	background-color: var(--light-green);
	color: var(--dark-green);
	border-radius: var(--default-border-radius);
	font-weight: 500;
	font-size: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 1.0417)), 30px);
}


ul, ol {
	margin-bottom: 15px;
}

header .sticky-header.elementor-sticky--effects {
	display:none;
}

/* LS */
.language-container .languages.elementor-widget-wpml-language-switcher.elementor-element.elementor-widget {
	display:none;
	transition:0.3s;
	position:absolute;
}
.language-container .languages.elementor-widget-wpml-language-switcher.elementor-element.elementor-widget a {
	padding:0;
}

.language-container .languages.elementor-widget-wpml-language-switcher.elementor-element.elementor-widget ul {
	text-align:right;
	width:max-content;    
	display: flex;
    flex-direction: column;
    padding: 10px;
	gap:10px;
}
.header-language-container.language-container {
	border-radius:clamp(25px, calc(1.5625rem + ((1vw - 4.8px) * 0.5208)), 30px);
}
.header-language-container:hover .languages {
	transform: translateY(4px);
}
.header-language-container:hover .languages ul {
	background-color: var( --e-global-color-683322e );
	padding: 2px 10px 4px 9px;
    border-radius: 10px;
}

.language-container:hover .languages.elementor-widget-wpml-language-switcher.elementor-element.elementor-widget{
	display: inline-block;
    top: 20px;
    left: -20px;
}

.language-container:hover .languages.elementor-widget-wpml-language-switcher.elementor-element.elementor-widget .elementor-widget-container {
	width: 100px;
}

@media (max-width:767px) {
	.header-language-container,
	.language-container{
		max-width:30px;
	}
	.language-container:hover .languages.elementor-widget-wpml-language-switcher.elementor-element.elementor-widget{
		left: -10px;
	}
}

.elementor-widget-wpml-language-switcher .elementor-widget-container,
.elementor-widget-wpml-language-switcher .wpml-elementor-ls,
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-list-horizontal {
	width:max-content;
}
.elementor-widget-breadcrumbs p#breadcrumbs span:not(:first-of-type) {
	margin-left:14px;
}
.elementor-widget-breadcrumbs p#breadcrumbs span span:first-of-type {
	margin-right:14px;
}
.elementor-widget-breadcrumbs p#breadcrumbs {
	color:#01C136;
}
.elementor-widget-breadcrumbs p#breadcrumbs .breadcrumb_last {
	color: #17281C;
}

.elementor-form .elementor-message:before {
	display:none !important;
}

.elementor-form  .elementor-message.elementor-message-svg {
	text-align:center;
}

p a,
li a {
	color:var(--e-global-color-267780b);
}

header img,
.elementor-451 img {
	border-radius:0 !important;
}

.elementor-field-type-image_captcha .captcha-image .eic_instructions span.choosen-icon {
	color: var(--e-global-color-primary);
}

.elementor-field-type-image_captcha .captcha-icon-section svg{
	fill:var(--e-global-color-primary) !important;
	padding:5px;
}
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {
	border: 2px solid var(--e-global-color-683322e);
	border-radius:150px;
}
.captcha-image .eic_instructions {
	max-width:400px;
	margin:auto;
	margin-bottom:10px;
}
.eic-form-control-wrap.eic_captcha {
	width:100%;
	max-width:600px;
}
.captcha-image {
	padding: 30px 30px 15px 30px;
	border:2px solid var(--e-global-color-primary);
	border-radius:20px;
	margin-bottom:15px;
	margin-top:15px;
	width:100%;
}

/* DESIGN OVERHAUL */
.card-bs-p {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07) !important;
}
.card-bs {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s ease-out;
    transform-origin: center center;
    will-change: transform;
}
.card-bs:hover {
    transform: scale3d(1.02, 1.02, 1) translateZ(0);
}

.card-bg-gradient {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat, url(<path-to-image>) lightgray 50% / cover no-repeat, #F2F1EE;
}

.wp-singular.leistung-template-default .elementor-widget-ucaddon_accordion .accordion .accordion-item {
	background-color:#fff !important;
}