/*
 Theme Name:   Kolding Vinduespolering
 Description:  Elementor child theme
 Author:       Kenneth R.H. Mortensen
 Author URI:   https://gennemfort.dk
 Template:     hello-elementor
 Version:      1.01
*/
/* 00 GLOBALS */
/** Lenis Smooth Scrolling **/
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

/** Blur backdrop filter **/
.blur-4 {
  backdrop-filter: blur(2px);
}
@media screen and (max-width: 767px) {
  .blur-4 {
    backdrop-filter: blur(1px);
  }
}

.blur-6 {
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 767px) {
  .blur-6 {
    backdrop-filter: blur(2px);
  }
}

/** Widgets **/
/*** Buttons ***/
.button_frosted .elementor-button {
  backdrop-filter: blur(10px);
}

.button_white .elementor-button .elementor-button-icon svg path {
  fill: var(--e-global-color-accent);
}
.button_white .elementor-button:hover .elementor-button-icon svg path {
  fill: var(--e-global-color-b068a29);
}

.scroll-down_button .elementor-button .elementor-button-icon svg path {
  transition: fill 0.2s ease;
}
.scroll-down_button:hover .elementor-button .elementor-button-icon svg path {
  fill: var(--e-global-color-46d0991) !important;
}

.scroll-to-top {
  height: 48px;
  width: 48px;
}
.scroll-to-top .elementor-button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
.scroll-to-top .elementor-button .elementor-button-icon svg {
  width: 0.8em;
}

@media screen and (max-width: 767px) {
  .quick_contact .e-contact-buttons__chat-button-container {
    padding-inline-end: 0px !important;
  }
}

/*** Accordion ***/
.accordion .e-n-accordion-item {
  border-radius: clamp(0.75rem, 0rem + 1.5625vw, 1.5625rem);
  border: 1px solid var(--e-global-color-accent);
  overflow: hidden;
  transition: background 0.3s ease-in;
}
.accordion .e-n-accordion-item:hover .e-n-accordion-item-title .e-n-accordion-item-title-icon .e-closed svg path:first-child {
  stroke: var(--e-global-color-primary);
  fill: var(--e-global-color-primary);
}
.accordion .e-n-accordion-item:hover .e-n-accordion-item-title .e-n-accordion-item-title-icon .e-closed svg path:last-child {
  stroke: var(--e-global-color-46d0991);
  fill: var(--e-global-color-46d0991);
}
/*** Testimonial template ***/
.testimonials .elementor-widget-loop-carousel .elementor-swiper-button {
  transition-property: border, background;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.testimonials .elementor-widget-loop-carousel .elementor-swiper-button svg path {
  transition: stroke 0.1s ease-in;
}
.testimonials .elementor-widget-loop-carousel .elementor-swiper-button:hover {
  border: 3px solid var(--e-global-color-46d0991);
}
.testimonials .elementor-widget-loop-carousel .elementor-swiper-button:hover svg path {
  fill: var(--e-global-color-b068a29);
  stroke: var(--e-global-color-b068a29);
}
.testimonials .elementor-widget-loop-carousel .elementor-loop-container {
  margin-right: 0px;
  margin-left: 64px;
}
@media screen and (max-width: 767px) {
  .testimonials .elementor-widget-loop-carousel .elementor-loop-container {
    margin-left: 0px;
    width: 100% !important;
  }
}
.testimonials .elementor-widget-loop-carousel .swiper-wrapper .swiper-slide-active {
  margin-bottom: -110px;
  transition: margin-top 0.5s ease-in;
}

/*** Proposition form ***/
#proposition_form .elementor-field-type-step label span {
  display: block;
  font-weight: normal;
}
#proposition_form .elementor-field-type-step .elementor-field-group {
  align-content: flex-start;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox label {
  line-height: 1.2em;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox label span {
  display: block;
  font-weight: normal;
  font-size: smaller;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox .elementor-field-subgroup {
  row-gap: 0.5em;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input[type=checkbox] {
  width: 1.5em;
  height: 1.5em;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option * {
  color: var(--e-global-color-b068a29) !important;
  transition: color 0.2s ease;
}
#proposition_form .elementor-field-type-step .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option * a:hover {
  color: var(--e-global-color-46d0991) !important;
}
#proposition_form .elementor-field-type-step .e-form__buttons {
  margin-top: 1.4em;
  justify-content: space-between;
}
#proposition_form .elementor-field-type-step .e-form__buttons .elementor-field-type-next {
  margin-left: auto;
}

/** Typography **/
/* 01 HEADER / FOOTER */
/** Header **/
header nav {
  transition-property: box-shadow, background;
  transition-timing-function: ease;
  transition-duration: 0.3s !important;
}
header nav .nav-wrapper {
  transition: padding ease 0.3s !important;
}
header nav .nav-wrapper .logo * {
  transition-property: fill, stroke;
  transition-timing-function: ease;
  transition-duration: 0.1s !important;
}
header nav .nav-wrapper .logo *:hover svg * {
  fill: var(--e-global-color-46d0991);
}
header nav.elementor-sticky--effects {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0980392157);
  background: var(--e-global-color-secondary) !important;
}
header nav.elementor-sticky--effects .nav-wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
}
header nav.elementor-sticky--effects .elementor-element-6c2e5af {
  border-style: none !important;
}
header nav.elementor-sticky--effects .logo {
  transition: fill 0.1s ease !important;
}
header nav.elementor-sticky--effects .logo .elementor-icon-wrapper {
  display: flex;
}
header nav.elementor-sticky--effects .logo * {
  fill: var(--e-global-color-accent) !important;
  stroke: transparent;
}
header nav.elementor-sticky--effects .logo:hover * {
  fill: var(--e-global-color-46d0991) !important;
}
header nav.elementor-sticky--effects .right .elementor-icon-list-text {
  color: var(--e-global-color-text) !important;
  fill: var(--e-global-color-accent) !important;
  stroke: transparent;
}
header nav.elementor-sticky--effects .right .elementor-icon-list-text:hover {
  color: var(--e-global-color-46d0991) !important;
  fill: var(--e-global-color-46d0991) !important;
}
header nav.elementor-sticky--effects .right .login a, header nav.elementor-sticky--effects .right .login svg path {
  color: var(--e-global-color-text) !important;
  fill: var(--e-global-color-text) !important;
  transition: all 0.2s;
}
header nav.elementor-sticky--effects .right .login:hover a, header nav.elementor-sticky--effects .right .login:hover svg path {
  color: var(--e-global-color-b068a29) !important;
  fill: var(--e-global-color-b068a29) !important;
}
@media screen and (max-width: 1200px) {
  header nav .mobile-menu_container .elementor-icon-list-item .elementor-icon-list-icon {
    order: 2;
    margin-left: 0.1em;
  }
  header nav .mobile-menu_open .elementor-icon-list-icon svg path {
    stroke: var(--e-global-color-b068a29);
  }
  header nav .mobile-menu_open:hover .elementor-icon-list-icon svg path {
    stroke: var(--e-global-color-46d0991) !important;
  }
  header .e-off-canvas__main .logo * {
    fill: var(--e-global-color-text);
  }
}
@media screen and (max-width: 767px) {
  header nav.elementor-sticky--effects {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
  }
}

/** Footer **/
footer {
  /*** Contact form ***/
}
footer .contact_form .elementor-field-group-accept .elementor-field-option {
  display: flex;
  gap: 1em;
}
footer .contact_form .elementor-field-group-accept .elementor-field-option input[type=checkbox] {
  width: 1em;
  height: 1em;
  margin-top: 4px;
}
footer .contact_form .elementor-field-group-accept .elementor-field-option * {
  color: var(--e-global-color-b068a29) !important;
  transition: color 0.2s ease;
}
footer .contact_form .elementor-field-group-accept .elementor-field-option * a:hover {
  color: var(--e-global-color-46d0991) !important;
}

/* 02 PAGES */
/** Homepage **/

/*# sourceMappingURL=style.css.map */