/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lora-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*.menu-item.current-menu-item a.hfe-menu-item {
	color: var(--e-global-color-accent) !important;
}
*/

header#masthead {
	position: fixed !important;
	top: 0;
  width: 100%;
	transition: 0.5s;
}

header#masthead.scroll {
	background-color: var(--e-global-color-secondary);
	transition: 0.5s;
}

header#masthead.scroll a.elementor-button {
	background-color: var(--e-global-color-accent);
}

@media only screen and (max-width: 1024px) {
	#neo-menu .sub-menu {
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		position: relative !important;
		transition: 0.3s !important;
	}
}

#heart {
  width: 180px;
  height: auto;
  animation: grow 2.5s, pulse 1.2s infinite;
}

.heart {
	animation: pulse 1.2s infinite;
}

@keyframes grow {
  0% {
    width: 0;
  }
  100% {
    width: 180px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.07);
  }
  100% {
    transform: scale(1);
  }
}

.no-underline a {
	text-decoration: none;
}

.bg-fixed {
  background-attachment: fixed;
  background-position: center;
}

/* PODCAST */

.pdp-wrapper {
	font-family: Poppins;
	color: var(--e-global-color-secondary);
}

.pdp-wrapper.pdp_wrapper_default.light .pdp-item {
	margin-bottom: 0px;
	background: #fff9ec;
}

.pdp_wrapper_default.light .pdp-item button {
	border: none;
	color: var(--e-global-color-accent);
	padding: 12px;
	border-radius: 50%;
}

.pdp_wrapper_default.light .pdp-item button:hover,
.pdp_wrapper_default.light .pdp-item button:focus {
	color: #fff9ec;
	background: var(--e-global-color-accent);
}

.pdp-wrapper h3 {
	font-size: 20px;
}

.pdp_wrapper_default.light .pdp-item .plyr__control {
	padding: 12px;
}

.plyr--paused button {
	color: #fff9ec;
}

@media only screen and (max-width: 1024px) {
	.pdp-wrapper h3 {
		font-size: 16px;
	}
}

/* KONTAKT FORMULAR */

#kontaktformular-sie .wpforms-container .wpforms-field-row.wpforms-field-medium,
.kontaktformular .wpforms-container input.wpforms-field-medium,
#kontaktformular-du .wpforms-container .wpforms-field-row.wpforms-field-medium,
.kontaktformular .wpforms-container input.wpforms-field-medium {
	max-width: 100%;
}

#kontaktformular-sie input,
#kontaktformular-sie textarea,
#kontaktformular-sie button,
#kontaktformular-du input,
#kontaktformular-du textarea,
#kontaktformular-du button {
	border-radius: 0;
	border: none;
	background-color: #ffffff80;
}

#kontaktformular-sie label,
#kontaktformular-sie legend,
#kontaktformular-du label,
#kontaktformular-du legend {
	font-family: Poppins;
	color: var(--e-global-color-secondary);
}

#kontaktformular-sie button,
#kontaktformular-du button {
	background-color: var(--e-global-color-secondary);
	font-family: Poppins;
}

#kontaktformular-sie .wpcf7-submit,
#kontaktformular-du .wpcf7-submit {
	color: #fff;
	background-color: var(--e-global-color-secondary);
}

.elementor-widget-text-editor a {
	color: var(--e-global-color-accent);
	text-decoration: dotted;
}

.elementor-widget-text-editor a:hover {
	color: var(--e-global-color-secondary);
}

.breadcrumb p {
	margin: 0;
}

.breadcrumb a:hover {
	color: #fff;
}

#footer-bottom p {
	margin-bottom: 0;
}