.elementor-111 .elementor-element.elementor-element-284c006{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;}.elementor-111 .elementor-element.elementor-element-73ebcf1 img{width:150px;}.elementor-111 .elementor-element.elementor-element-025dabf img{width:150px;}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-ccd5f28 );}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-75be376 );}.elementor-111 .elementor-element.elementor-element-725c2e5 .e--pointer-framed .elementor-item:before,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-75be376 );}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-60dc769 );}.elementor-111 .elementor-element.elementor-element-725c2e5 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-60dc769 );}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--dropdown a:hover,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--dropdown a:focus,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-75be376 );}.elementor-111 .elementor-element.elementor-element-725c2e5 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-60dc769 );}.elementor-111 .elementor-element.elementor-element-725c2e5 div.elementor-menu-toggle{color:#000000;}.elementor-111 .elementor-element.elementor-element-725c2e5 div.elementor-menu-toggle svg{fill:#000000;}.elementor-111:not(.elementor-motion-effects-element-type-background), .elementor-111 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-477b472 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-111 .elementor-element.elementor-element-73ebcf1 img{width:100px;}}@media(max-width:767px){.elementor-111 .elementor-element.elementor-element-73ebcf1 img{width:75px;}}/* Start custom CSS for container, class: .elementor-element-284c006 *//* === STICKY HEADER BACKGROUND + TRANSITION === */
.elementor-111 .elementor-element.elementor-element-284c006.elementor-sticky--effects {
  background-color: rgba(241, 241, 241, 0.8); /* halvtransparent bakgrund före scroll */
  transition: background-color 1s ease, min-height 1s ease;
}

/* === CONTAINER HÖJD FÖRE OCH EFTER SCROLL === */
.elementor-111 .elementor-element.elementor-element-284c006 > .elementor-container {
  transition: min-height 1s ease;
}
.elementor-111 .elementor-element.elementor-element-284c006.elementor-sticky--effects > .elementor-container {
  min-height: 50px;
}

/* === LOGOTYPANIMATION === */
.sticky-logo img {
  transition: 0.5s all ease-in-out;
}
.elementor-sticky--effects .sticky-logo img {
  width: 50px !important;
}

/* === MOBIL STORLEK PÅ LOGGA === */
@media screen and (max-width: 767px) {
  .elementor-sticky--effects .sticky-logo img {
    width: 25px !important;
  }
}

/* === LOGOTYP-VÄXLING VID SCROLL === */
.d-logo {
  display: none;
}
.elementor-sticky--effects .d-logo {
  display: inline-block;
}
.elementor-sticky--effects .l-logo {
  display: none;
}

/* === MENYFÄRG OCH TEXTSTIL EFTER SCROLL === */
.elementor-sticky--effects {
  background: #ffffff !important;
}

.elementor-sticky--effects .sticky-menu-items ul li a {
  color: #333333 !important;
  transition: 0.5s all ease-in-out;
}

.elementor-sticky--effects .sticky-menu-items {
  transition: 0.5s all ease-in-out;
}

/* === MOBILMENY – IKONFÄRG OCH BAKGRUND EFTER SCROLL === */
.elementor-sticky--effects .sticky-menu-items i {
  color: #1C1C1C !important; /* färg på hamburgermenyn (ikon) */
}

.elementor-sticky--effects .sticky-menu-items .elementor-menu-toggle {
  background: transparent !important; /* eller ange färg: ex. #f0f0f0 */
}

/* === AKTIV MENY-PUNKT EFTER SCROLL === */
.elementor-sticky--effects .sticky-menu-items ul li .elementor-item-active {
  color: #8DC63F !important; /* Stefanskolans grön – ändra vid behov */
}

/* === HOVERFÄRG PÅ MENYVID SCROLL === */
.elementor-sticky--effects .sticky-menu-items ul li a:hover {
  color: #5C9DBF !important; /* Mjuk blå som kontrast – byt vid behov */
}

/* === UNDERSTRUKEN FÄRG PÅ HOVER (ELEMENTOR NAV MENU) === */
.elementor-sticky--effects .sticky-menu-items ul li a::after {
  background-color: #8DC63F; /* Grön underline på hover efter scroll */
}/* End custom CSS */