/* 
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 */




/* Buttons: Arrow CTA */
.sse-btn-arrow .elementor-button {
  position: relative;
  min-height: 4.25rem;
  padding: 0.75rem 4rem 0.85rem 1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

@media (max-width: 1366px) {
  .sse-btn-arrow .elementor-button {
    min-height: 4rem;
  }
}

@media (max-width: 1200px) {
  .sse-btn-arrow .elementor-button {
    min-height: 3.875rem;
  }
}

@media (max-width: 1024px) {
  .sse-btn-arrow .elementor-button {
    min-height: 3.75rem;
  }
}

@media (max-width: 767px) {
  .sse-btn-arrow .elementor-button {
    min-height: 3.5rem;
  }
}

.sse-btn-arrow .elementor-button-text {
  display: block;
  text-align: left;
}

.sse-btn-arrow .elementor-button-icon {
  position: absolute;
  right: 1.25rem;
  bottom: 0.85rem;
  margin: 0;
  font-size: 2.15rem;
  line-height: 1;
}




/* Image sections with glass panel */
.sse-image-glass-section {
  --sse-content-width: 1520px;
  --sse-content-gutter: max(
    clamp(1rem, 6.4vw, 5rem),
    calc((100vw - var(--sse-content-width)) / 2)
  );
  --sse-glass-pad-left: 4.25rem;

  box-sizing: border-box;
  padding-left: max(0px, calc(var(--sse-content-gutter) - var(--sse-glass-pad-left)));
  padding-right: var(--sse-content-gutter);
  padding-top: clamp(4rem, 5.75vw, 6.875rem);
  padding-bottom: clamp(6rem, 12vw, 14.375rem);
}

@media (max-width: 1200px) {
  .sse-image-glass-section {
    padding-inline: clamp(1rem, 6.4vw, 5rem);
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .elementor-element.sse-image-glass-section {
    height: auto !important;
    min-height: 0 !important;
    padding: 56.25vw 0 0 !important;
    overflow: hidden;
    background-size: 100% calc(56.25vw + 1px) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    align-items: stretch;
    justify-content: flex-start;
  }
}

.sse-glass-panel {
  box-sizing: border-box;
  width: min(46.25rem, 100%);
  min-height: 46.25rem;
  flex: 0 0 auto;
  align-self: flex-start;
  background-color: rgba(0, 0, 0, 0.01);
  -webkit-backdrop-filter: blur(13.7px) brightness(0.75);
  backdrop-filter: blur(13.7px) brightness(0.75);
}

@media (max-width: 1200px) {
  .sse-glass-panel {
    align-self: center;
  }
}

@media (max-width: 767px) {
  .sse-glass-panel {
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    transform: none;
    align-self: stretch;
    background: var(--e-global-color-primary, #009FE3);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: clamp(1.25rem, 5vw, 1.75rem) clamp(1rem, 6.4vw, 1.5rem) clamp(2.5rem, 8vw, 3.5rem);
  }

  .sse-glass-panel > .elementor-widget-heading:first-child {
    margin-top: 1.25rem;
  }

  .sse-glass-panel > .elementor-widget-button:last-child {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 767px) {
  .elementor-element.sse-glass-panel .elementor-element.sse-btn-arrow .elementor-button {
    background-color: #000000 !important;
    color: #ffffff !important;
  }

  .elementor-element.sse-glass-panel .elementor-element.sse-btn-arrow .elementor-button .elementor-button-icon svg path {
    fill: currentColor !important;
  }

  .elementor-element.sse-glass-panel .elementor-element.sse-btn-arrow .elementor-button:hover,
  .elementor-element.sse-glass-panel .elementor-element.sse-btn-arrow .elementor-button:focus-visible {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
}


/* Header language switcher */
.sse-language-switcher {
  --sse-lang-width: 4.5rem;
  --sse-lang-padding-y: 3px;
  --sse-lang-padding-x: 10px;

  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-eca7e99-font-family), Sans-serif;
  font-size: var(--e-global-typography-eca7e99-font-size);
  font-weight: var(--e-global-typography-eca7e99-font-weight);
  line-height: var(--e-global-typography-eca7e99-line-height);
}

.sse-language-switcher,
.sse-language-switcher * {
  box-sizing: border-box;
}

.sse-language-switcher__details {
  position: relative;
  width: var(--sse-lang-width);
}

.sse-language-switcher__current {
  width: var(--sse-lang-width);
  padding: var(--sse-lang-padding-y) var(--sse-lang-padding-x);
  border: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: var(--e-global-color-primary);
  cursor: pointer;
  list-style: none;
}

.sse-language-switcher__current::-webkit-details-marker {
  display: none;
}

.sse-language-switcher__current::marker {
  content: "";
}

.sse-language-switcher__label {
  color: currentColor;
}

.sse-language-switcher__icon {
  width: 0.5625rem;
  height: 0.5rem;
  display: block;
  background-color: currentColor;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.sse-language-switcher__details[open] .sse-language-switcher__icon {
  transform: rotate(180deg);
}

.sse-language-switcher__list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  width: var(--sse-lang-width);
  margin: 0;
  padding: 0;
  border: 1px solid var(--e-global-color-primary);
  border-top: 0;
  background: #ffffff;
  list-style: none;
}

.sse-language-switcher__link {
  width: 100%;
  padding: var(--sse-lang-padding-y) var(--sse-lang-padding-x);
  display: flex;
  align-items: center;
  color: var(--e-global-color-primary) !important;
  text-decoration: none;
}

.sse-language-switcher__current:hover,
.sse-language-switcher__current:focus-visible,
.sse-language-switcher__link:hover,
.sse-language-switcher__link:focus-visible {
  background: var(--e-global-color-primary);
  color: #ffffff !important;
  outline: none;
}

.sse-language-switcher__current:hover .sse-language-switcher__label,
.sse-language-switcher__current:focus-visible .sse-language-switcher__label,
.sse-language-switcher__link:hover,
.sse-language-switcher__link:focus-visible {
  color: #ffffff !important;
}




.sse-competence-text-offset {
  padding-top: 60px;
}

@media (max-width: 1520px) {
  .sse-competence-text-offset {
    padding-top: 0;
  }
}