/**
Theme Name: {{project_name}} Child-Theme
Author: jut-so GmbH
Author URI: https://jut-so.de
Description: {{project_name}} Custom Child Theme 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: jut-so-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 controlled by the widget spacing
  .elementor-widget.elementor-widget.elementor-widget-heading .elementor-widget-container 
 */

body {
  -webkit-font-smoothing: antialiased;
  /* requested by design for retina displays */
  font-synthesis: none;
}
/* iOs horizontal scroll fix */
html,
body {
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
  margin: 0.5em 0 0.5em 0;
}

/* 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);
}

::-moz-selection {
  background: #ff5100;
  color: #fff;
}

::selection {
  background: #ff5100;
  color: #fff;
}

/* Secondary button */
.secondary-button > .elementor-button {
  color: #ffffff;
  background-color: var(--primary);
  border-style: solid;
  border-color: var(--primary);
}

.grid-box-equal-padding {
  --padding-top: 40px;
  --padding-right: 32px;
  --padding-bottom: 40px;
  --padding-left: 32px;
}

.background-stretch {
  background-size: 100% 100%;
}

.blob-image1 {
  aspect-ratio: 1/1;
  height: 70%;
  align-items: end;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.blob-image2 {
  aspect-ratio: 1/1;
  height: 102%;
  align-items: end;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-8%, 8%);
}

.wpml-switch {
  --align-self: center !important;
}

.wpml-switch .wpml-ls-native {
  padding: 4px;
}

.wpml-switch .wpml-ls-item-toggle {
  background: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: start;
  text-decoration: none !important;
  padding: 0 !important;
}

.wpml-ls-sub-menu {
  border: none !important;
  width: min-content;
}

.wpml-ls-current-language:hover,
.wpml-switch .wpml-ls-item-toggle:hover {
  background: transparent !important;
  border: none !important;
  text-decoration: underline !important;
}

.wpml-switch .wpml-ls-item-toggle:before {
  content: "";
  height: 16px !important;
  width: 16px !important;
  border: none;
  background-image: url(https://development2.jut-so.de/prio/wp-content/uploads/language.svg);
  background-size: cover;
}

.wpml-switch .wpml-ls-item-toggle:after {
  right: unset !important;
  height: 16px !important;
  width: 16px !important;
  position: unset !important;
  content: "";
  border: none !important;
  background-image: url(https://development2.jut-so.de/prio/wp-content/uploads/caret-down.svg);
}

.wpml-switch .wpml-ls > ul {
  width: min-content;
}

.wpml-switch .wpml-ls-link {
  border: 1px solid #c8d1e0 !important;
  text-decoration: none !important;
}

.wpml-switch .wpml-ls-item:first-child > .wpml-ls-link {
  margin-top: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.wpml-switch .wpml-ls-item:last-child > .wpml-ls-link {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.swiper-pagination-bullet {
  border: 1px solid var(--e-global-color-accent);
  opacity: 100 !important;
  width: 9px !important;
  height: 9px !important;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: var(--e-global-color-white);
}

.bullet-toc .e-font-icon-svg {
  width: 12px;
  height: 12px;
  fill: var(--e-global-color-primary);
}

p a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 8%; /* 1.44px */
  text-underline-offset: 22%; /* 3.96px */
  text-underline-position: from-font;
}

#text-site-wrapper h2 {
  font-size: clamp(24px, calc(1.5rem + ((1vw - 4.8px) * 1.8182)), 40px);
}

#text-site-wrapper h3 {
  font-size: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 0.4545)), 24px);
}

@media only screen and (max-width: 1024px) {
  .blob-image1 {
    height: 50%;
    bottom: unset;
    top: 0;
  }

  .wpml-switch {
    display: flex;
    justify-content: end;
  }

  .wpml-switch,
  .wpml-ls-legacy-dropdown {
    width: 100%;
  }
}