.elementor-kit-3458{--e-global-color-primary:#0A0A0A;--e-global-color-secondary:#F2F0E8;--e-global-color-accent:#FFCB27;--e-global-color-text:#FFFFFF;--e-global-color-74c3967:#5E1E1E;--e-global-color-71c2709:#808080;--e-global-typography-primary-font-family:"Kapra Neue Pro";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Kapra Neue Pro";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"bio-sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"bio-sans";--e-global-typography-accent-font-weight:500;--e-global-typography-8419333-font-size:1.5em;--e-global-typography-8419333-line-height:1.4em;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:"bio-sans", Sans-serif;font-size:18px;line-height:1.9em;letter-spacing:0.5px;}.elementor-kit-3458 button,.elementor-kit-3458 input[type="button"],.elementor-kit-3458 input[type="submit"],.elementor-kit-3458 .elementor-button{background-color:var( --e-global-color-accent );font-size:1.1em;font-weight:bold;text-transform:uppercase;line-height:1em;letter-spacing:2px;color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:15px 30px 18px 30px;}.elementor-kit-3458 button:hover,.elementor-kit-3458 button:focus,.elementor-kit-3458 input[type="button"]:hover,.elementor-kit-3458 input[type="button"]:focus,.elementor-kit-3458 input[type="submit"]:hover,.elementor-kit-3458 input[type="submit"]:focus,.elementor-kit-3458 .elementor-button:hover,.elementor-kit-3458 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-kit-3458 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3458 a{color:var( --e-global-color-accent );}.elementor-kit-3458 a:hover{color:var( --e-global-color-primary );}.elementor-kit-3458 h1{color:var( --e-global-color-secondary );font-family:"Kapra Neue Pro", Sans-serif;font-size:4em;font-weight:bold;text-transform:uppercase;letter-spacing:0px;}.elementor-kit-3458 h2{color:var( --e-global-color-secondary );font-family:"Kapra Neue Pro", Sans-serif;font-size:3em;font-weight:bold;text-transform:uppercase;}.elementor-kit-3458 h3{color:var( --e-global-color-secondary );font-family:"Kapra Neue Pro", Sans-serif;font-size:2em;font-weight:bold;text-transform:uppercase;}.elementor-kit-3458 h4{color:var( --e-global-color-secondary );font-family:"Kapra Neue Pro", Sans-serif;font-size:20px;}.elementor-kit-3458 h5{color:var( --e-global-color-secondary );font-family:"Kapra Neue Pro", Sans-serif;font-size:15px;}.elementor-kit-3458 h6{color:var( --e-global-color-secondary );font-family:"Kapra Neue Pro", Sans-serif;font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1800px;}.e-con{--container-max-width:1800px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-3458 h1{font-size:35px;}.elementor-kit-3458 h2{font-size:27px;}.elementor-kit-3458 h3{font-size:22px;}.elementor-kit-3458 h4{font-size:18px;}.elementor-kit-3458 h5{font-size:16px;}.elementor-kit-3458 button,.elementor-kit-3458 input[type="button"],.elementor-kit-3458 input[type="submit"],.elementor-kit-3458 .elementor-button{font-size:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-3458{--e-global-typography-8419333-font-size:1.1em;font-size:17px;line-height:27px;}.elementor-kit-3458 h1{font-size:27px;}.elementor-kit-3458 h2{font-size:3.5em;}.elementor-kit-3458 h3{font-size:20px;}.elementor-kit-3458 h4{font-size:17px;}.elementor-kit-3458 h5{font-size:14px;}.elementor-kit-3458 h6{font-size:11px;}.elementor-kit-3458 button,.elementor-kit-3458 input[type="button"],.elementor-kit-3458 input[type="submit"],.elementor-kit-3458 .elementor-button{font-size:0.9em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Se till att popupen fyller hela skärmen */
.elementor-popup-modal {
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
}

/* Säkra att innehållet i popupen når ut till kanterna */
.elementor-popup-modal .dialog-widget-content {
    margin: 0;
    padding: 0;
}

/* Grundstil för knappen 
button.elementor-button, 
a.elementor-button {
    position: relative;
    transform: skew(-12deg) translateX(0);
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s ease;
    overflow: hidden;
    padding: 15px 30px;
    z-index: 1;
    background-color: #f1c40f;
}

button.elementor-button span.elementor-button-text, 
a.elementor-button span.elementor-button-text {
    transform: skew(12deg);
    display: inline-block;
    position: relative;
    z-index: 2;
    color: #000;
}

button.elementor-button::before, 
a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 120%;
    height: 100%;
    background: rgba(242, 240, 232);
    transform: skewX(-45deg);
    transition: transform 0.3s ease, left 0.3s ease;
    z-index: 0;
}

/* Hover-effekter 
button.elementor-button:hover, 
a.elementor-button:hover {
    transform: skew(0deg) translateX(10px) scale(1.05);
}
button.elementor-button:hover span.elementor-button-text, a.elementor-button:hover span.elementor-button-text {
    transform: skew(-12deg);
}
/* Swipe-effekten aktiveras vid hover 
button.elementor-button:hover::before, 
a.elementor-button:hover::before {
    left: 0;
    transform: skewX(0deg);
}
/* Texten förblir rak vid hover 
button.elementor-button span.elementor-button-text, 
a.elementor-button span.elementor-button-text {
    transform: none;
}*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kapra Neue Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.biobaren.se/wp-content/uploads/2024/09/KapraNeuePro-RegularExp.woff') format('woff');
}
@font-face {
	font-family: 'Kapra Neue Pro';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.biobaren.se/wp-content/uploads/2024/09/KapraNeuePro-BoldExp.woff') format('woff');
}
/* End Custom Fonts CSS */