.elementor-kit-8{--e-global-color-primary:#2C495F;--e-global-color-secondary:#4780AB00;--e-global-color-text:#292929;--e-global-color-accent:#F2F5FF;--e-global-color-6bc3896:#2C495F;--e-global-color-7962d62:#4780AB;--e-global-color-9d2efc6:#E2E5FF;--e-global-color-7ebb440:#F2F5FF;--e-global-color-5274b48:#292929;--e-global-color-f35f9db:#3D3D3C;--e-global-color-acc2a7a:#DF5711;--e-global-typography-primary-font-family:"PT Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"PT Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PT Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"PT Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-897c5ea-font-family:"PT Sans";--e-global-typography-897c5ea-font-size:2.625em;--e-global-typography-897c5ea-font-weight:700;--e-global-typography-897c5ea-line-height:1.15em;--e-global-typography-bdf0ead-font-family:"PT Sans";--e-global-typography-bdf0ead-font-size:2.25em;--e-global-typography-bdf0ead-font-weight:700;--e-global-typography-bdf0ead-line-height:1.15em;--e-global-typography-a283d88-font-family:"PT Sans";--e-global-typography-a283d88-font-size:1.75em;--e-global-typography-a283d88-font-weight:700;--e-global-typography-a283d88-line-height:1.2em;--e-global-typography-82d56b3-font-family:"PT Sans";--e-global-typography-82d56b3-font-size:1.375em;--e-global-typography-82d56b3-font-weight:700;--e-global-typography-82d56b3-line-height:1.2em;--e-global-typography-3dfdcf2-font-family:"PT Sans";--e-global-typography-3dfdcf2-font-size:1.25em;--e-global-typography-3dfdcf2-font-weight:400;--e-global-typography-3dfdcf2-line-height:1.4em;--e-global-typography-aa45ef8-font-family:"PT Sans";--e-global-typography-aa45ef8-font-size:1.25em;--e-global-typography-aa45ef8-font-weight:700;--e-global-typography-aa45ef8-line-height:1.4em;--e-global-typography-b30bd1c-font-family:"PT Sans";--e-global-typography-b30bd1c-font-size:1.125em;--e-global-typography-b30bd1c-font-weight:400;--e-global-typography-1c5a810-font-family:"PT Sans";--e-global-typography-1c5a810-font-size:1em;--e-global-typography-1c5a810-font-weight:400;--e-global-typography-1c5a810-line-height:1.5em;--e-global-typography-e9c55c4-font-family:"PT Sans";--e-global-typography-e9c55c4-font-size:1em;--e-global-typography-e9c55c4-font-weight:700;--e-global-typography-e9c55c4-line-height:1.7em;--e-global-typography-432ddda-font-family:"PT Sans";--e-global-typography-432ddda-font-size:0.875em;--e-global-typography-432ddda-font-weight:700;--e-global-typography-34cd800-font-family:"PT Sans";--e-global-typography-34cd800-font-size:0.75em;--e-global-typography-34cd800-font-weight:700;--e-global-typography-17c9a17-font-family:"PT Sans";--e-global-typography-17c9a17-font-size:1em;--e-global-typography-17c9a17-font-weight:700;--e-global-typography-5888b4f-font-family:"PT Sans";--e-global-typography-5888b4f-font-size:4em;--e-global-typography-5888b4f-font-weight:700;--e-global-typography-5888b4f-line-height:1.15em;background-color:var( --e-global-color-accent );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-6bc3896 );border-radius:0px 0px 0px 0px;padding:14px 32px 14px 32px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-6bc3896 );border-radius:0px 0px 0px 0px;}.elementor-kit-8 a{color:var( --e-global-color-6bc3896 );}.elementor-kit-8 a:hover{color:var( --e-global-color-7962d62 );}.elementor-kit-8 h1{font-family:var( --e-global-typography-897c5ea-font-family ), Sans-serif;font-size:var( --e-global-typography-897c5ea-font-size );font-weight:var( --e-global-typography-897c5ea-font-weight );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-family:var( --e-global-typography-bdf0ead-font-family ), Sans-serif;font-size:var( --e-global-typography-bdf0ead-font-size );font-weight:var( --e-global-typography-bdf0ead-font-weight );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-kit-8 h3{font-family:var( --e-global-typography-a283d88-font-family ), Sans-serif;font-size:var( --e-global-typography-a283d88-font-size );font-weight:var( --e-global-typography-a283d88-font-weight );line-height:var( --e-global-typography-a283d88-line-height );}.elementor-kit-8 h4{font-family:var( --e-global-typography-82d56b3-font-family ), Sans-serif;font-size:var( --e-global-typography-82d56b3-font-size );font-weight:var( --e-global-typography-82d56b3-font-weight );line-height:var( --e-global-typography-82d56b3-line-height );}.elementor-kit-8 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-8{--e-global-typography-5888b4f-font-size:44px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-897c5ea-font-size );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-bdf0ead-font-size );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-a283d88-font-size );line-height:var( --e-global-typography-a283d88-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-82d56b3-font-size );line-height:var( --e-global-typography-82d56b3-line-height );}}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-897c5ea-font-size:44px;--e-global-typography-bdf0ead-font-size:32px;--e-global-typography-a283d88-font-size:26px;--e-global-typography-82d56b3-font-size:20px;--e-global-typography-5888b4f-font-size:44px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-897c5ea-font-size );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-bdf0ead-font-size );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-a283d88-font-size );line-height:var( --e-global-typography-a283d88-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-82d56b3-font-size );line-height:var( --e-global-typography-82d56b3-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-897c5ea-font-size:34px;--e-global-typography-bdf0ead-font-size:26px;--e-global-typography-a283d88-font-size:22px;--e-global-typography-82d56b3-font-size:18px;--e-global-typography-5888b4f-font-size:34px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-897c5ea-font-size );line-height:var( --e-global-typography-897c5ea-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-bdf0ead-font-size );line-height:var( --e-global-typography-bdf0ead-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-a283d88-font-size );line-height:var( --e-global-typography-a283d88-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-82d56b3-font-size );line-height:var( --e-global-typography-82d56b3-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Denne class kan tilføjes på headers der har 2-3 linjer, for at undgå orphan ord */
.textBalance {
    text-wrap: balance;
}

/* Remove margin-block-end for text widgets */
.elementor-widget-text-editor p {
    margin-block-end: 0 !important;
}
/* Add a gap between paragraphs */
.elementor-widget-text-editor p + p {
    margin-top: 0.6250em;
}

/* Fixer bug med elementor header re-sizing*/
.elementor-sticky { 
    width: : 100%!important; 
}

/*-------animationer-------*/

/* Fade Up 3 hastigheder */
.AB-fadeUpSlow {
     animation: AB-fadeUp 1.5s ease 1 backwards;
}
.AB-fadeUpNormal {
     animation: AB-fadeUp 1s ease 1 backwards;
}
.AB-fadeUpFast {
     animation: AB-fadeUp .5s ease 1 backwards;
}
@keyframes AB-fadeUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Fade Down 3 hastigheder */
.AB-fadeDownSlow {
     animation: AB-fadeDown 1.5s ease 1 backwards;
}
.AB-fadeDownNormal {
     animation: AB-fadeDown 1s ease 1 backwards;
}
.AB-fadeDownFast {
     animation: AB-fadeDown .5s ease 1 backwards;
}
@keyframes AB-fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Fade Right 3 hastigheder */
.AB-fadeRightSlow {
     animation: AB-fadeRight 1.5s ease 1 backwards;
}
.AB-fadeRightNormal {
     animation: AB-fadeRight 1s ease 1 backwards;
}
.AB-fadeRightFast {
     animation: AB-fadeRight .5s ease 1 backwards;
}
@keyframes AB-fadeRight {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
/* Fade Left 3 hastigheder */
.AB-fadeLeftSlow {
     animation: AB-fadeLeft 1.5s ease 1 backwards;
}
.AB-fadeLeftNormal {
     animation: AB-fadeLeft 1s ease 1 backwards;
}
.AB-fadeLeftFast {
     animation: AB-fadeLeft .5s ease 1 backwards;
}
@keyframes AB-fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}


/* Animations delay */
.delay-100ms {
    animation-delay: 100ms;
}
.delay-200ms {
    animation-delay: 200ms;
}
.delay-300ms {
    animation-delay: 300ms;
}
.delay-400ms {
    animation-delay: 400ms;
}
.delay-500ms {
    animation-delay: 500ms;
}
/*-------------------------*/

/* Tilføjer en border-radius på 32px */
.AB-borderRadiusL {
    border-radius: 32px;
}
/* Tilføjer en border-radius på 16px */
.AB-borderRadiusM {
    border-radius: 16px;
}
/* Tilføjer en border-radius på 8px */
.AB-borderRadiusS {
    border-radius: 8px;
}

/*-------------------------*/

/* Header der bliver smallere samt logo der bliver mindre on scroll */
.headerLogoShrink.elementor-sticky--effects {
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(10px);
}

.shrinkLogo, .shrinkHeader {
    transition: .4s ease;
}
.headerLogoShrink.elementor-sticky--effects .shrinkLogo {
    transform: scale(0.8);
}

.shrinkHeader {
    height: 80px;
}
.headerLogoShrink.elementor-sticky--effects .shrinkHeader {
    height: 64px;
}

/*-------------------------*/

/* Sørger for at image-carousel billederne har en aspect-ratio: 1 */
.imgSlider1by1 .swiper-slide-image {
    aspect-ratio: 1;
    object-fit: cover;
}
/* Sørger for at image-carousel billederne har en aspect-ratio: 4/3 */
.imgSlider4by3 .swiper-slide-image {
    aspect-ratio: 4/3;
    object-fit: cover;
}
/* Sørger for at image-carousel billederne har en aspect-ratio: 16/9 */
.imgSlider16by9 .swiper-slide-image {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/*-------------------------*/

/* Gør logo slider animationen linear i stedet for at den "hakker" hver gang */
.logoSlider .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

/*-------------------------*/

/* Viser en pil on hover på knapper */

.btn-arrowRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}
.btn-arrowRight .elementor-button {
    width: 100%!important;
}
.btn-arrowRight::after {
    content: url(https://bidatabridge.com/wp-content/uploads/2024/06/caret-right-white.svg);
    position: absolute;
    top: 53%;
    right: -25px;
    width: 7px;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease
}
.btn-arrowRight:hover::after {
    right: 15px;
    opacity: 1;
}
.btn-arrowRight .elementor-button-text {
    transition: 0.3s ease;
}
.btn-arrowRight:hover .elementor-button-text {
    transform: translateX(-8px);
}

/*-------------------------*/

/* Laver en roterende effekt på borderen af knapper */
.btn-rotatingBorder > div > div > .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-rotatingBorder > div > div > .elementor-button::before {
    transition: .5s ease;
    content: '';
    position: absolute;
    left: -3px;
    top: -80px;
    width: 0;
    background: conic-gradient(
    var(--e-global-color-5274b48) 40%,
   var(--e-global-color-6bc3896) 65%,
    var(--e-global-color-5274b48) 80%
  );
    z-index: -1;
}
.btn-rotatingBorder > div > div > .elementor-button::after{
    content:'';
    position: absolute;
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background-color: var( --e-global-color-primary );
    border-radius: 0;
    z-index: -1;
}
.btn-rotatingBorder > div > div > .elementor-button:hover::before{
  animation: btnRotatingBorder 1s infinite linear;
  width: calc(100% + 6px);
    height: calc(200px + 6px);
}
@keyframes btnRotatingBorder {
  from{
      transform: rotate(0deg);
    }
  to{
    transform: rotate(360deg);
    }
}

/*-------------------------*/

/* Har tekst der roterer on hover på knappen. */
.btn-changeTxt {
    position: relative;
    overflow: hidden;
}
.btn-changeTxt .elementor-button-text::after {
    /* Ændre teksten on hover nedenfor. OBS: Må ikke fylde mere end den primære tekst */
    content: 'Hejsa';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: var(--e-global-color-6bc3896);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: translateY(-20px);
    transition: all 0.2s ease;
}
.btn-changeTxt:hover::after {
    transform: translateY(0);
}
.btn-changeTxt:hover {

}
.btn-changeTxt .elementor-button-content-wrapper {
    overflow: hidden;
    padding: 2px 0;
}
.btn-changeTxt .elementor-button-text {
    transform: translateY(0);
    transition: all 0.2s ease;
}
.btn-changeTxt:hover .elementor-button-text {
    transform: translateY(20px);
}

/*-------------------------*/

/* Knap med ripple/pulse effekt */
.btn-idlePulse {
    animation: btn-idlePulse 2s ease infinite;
}

@keyframes btn-idlePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0,0,0, 0.3);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0,0,0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}

/*-------------------------*/

/* Knap med slide up effekt */
.btn-slideUp .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideUp .elementor-button::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
    background: linear-gradient( 180deg, var(--e-global-color-primary) 50% , var(--e-global-color-secondary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideUp .elementor-button:hover::after {
    transform: translateY(-50%);
}

/*-------------------------*/

/* Knap med slide down effekt */
.btn-slideDown .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideDown .elementor-button::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 200%;
    bottom:0;
    left: 0;
    background: linear-gradient( 180deg, var(--e-global-color-secondary) 50% , var(--e-global-color-primary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideDown .elementor-button:hover::after {
    transform: translateY(50%);
}

/*-------------------------*/

/* Knap med slide right effekt */
.btn-slideRight .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideRight .elementor-button::after {
    position: absolute;
    content: '';
    width: 200%;
    height: 100%;
    top :0;
    right: 0;
    background: linear-gradient( 90deg, var(--e-global-color-secondary) 50% , var(--e-global-color-primary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideRight .elementor-button:hover::after {
    transform: translateX(50%);
}

/*-------------------------*/

/* Knap med slide left effekt */
.btn-slideLeft .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
}

.btn-slideLeft .elementor-button::after {
    position: absolute;
    content: '';
    width: 200%;
    height: 100%;
    top :0;
    left: 0;
    background: linear-gradient( 90deg, var(--e-global-color-primary) 50% , var(--e-global-color-secondary) 50%);
    transition: .3s ease;
    z-index: -1;
}
.btn-slideLeft .elementor-button:hover::after {
    transform: translateX(-50%);
}

/*-------------------------*/



/*-------------------------*/

/* Tilføjer en animation til CTA boxe kun på desktop */
@media (min-width: 1024px) {
    .CTArevealTxt .elementor-cta__content {
        transform: translateY(205px);
    }
    .CTArevealTxt:hover .elementor-cta__content {
        transform: translateY(0px);
    }
}/* End custom CSS */