.elementor-8076 .elementor-element.elementor-element-9e011a8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-8076 .elementor-element.elementor-element-9e011a8 .elementor-divider-separator{width:100%;}.elementor-8076 .elementor-element.elementor-element-9e011a8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8076 .elementor-element.elementor-element-4a2bec57:not(.elementor-motion-effects-element-type-background), .elementor-8076 .elementor-element.elementor-element-4a2bec57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;}.elementor-8076 .elementor-element.elementor-element-4a2bec57{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-8076 .elementor-element.elementor-element-4a2bec57 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8076 .elementor-element.elementor-element-bb6a6f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8076 .elementor-element.elementor-element-bb6a6f4{text-align:center;}.elementor-8076 .elementor-element.elementor-element-bb6a6f4 .elementor-heading-title{font-family:"loloclean", Sans-serif;font-size:38px;font-weight:700;line-height:30px;letter-spacing:6.6px;color:#FFFFFF;}.elementor-8076 .elementor-element.elementor-element-48545c42 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8076 .elementor-element.elementor-element-48545c42{text-align:center;}.elementor-8076 .elementor-element.elementor-element-48545c42 .elementor-heading-title{font-family:"loloclean", Sans-serif;font-size:38px;font-weight:700;line-height:33px;letter-spacing:6.6px;color:#636363;}.elementor-8076 .elementor-element.elementor-element-4f505734{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:8px;}.elementor-8076 .elementor-element.elementor-element-4f505734 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-8076 .elementor-element.elementor-element-4f505734 .elementor-divider{text-align:center;padding-block-start:14px;padding-block-end:14px;}.elementor-8076 .elementor-element.elementor-element-7f841ed4{text-align:center;font-family:"Avenir", Sans-serif;font-size:17px;line-height:25.5px;color:#FFFFFF;}/* Start custom CSS for divider, class: .elementor-element-9e011a8 *//* Hovedkontaineren for skillelinjen */
.elementor-8076 .elementor-element.elementor-element-9e011a8 {
    position: relative !important;
    overflow: visible !important;
    height: 90px !important; 
    margin: 50px 0 !important;
    display: block !important;
}

/* 1. FJERN ELEMENTORS EGEN LINJE (så den ikke ligger oppå noe som helst) */
.elementor-8076 .elementor-element.elementor-element-9e011a8 .elementor-divider-line,
.elementor-8076 .elementor-element.elementor-element-9e011a8 .elementor-divider-separator {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. VI TEGNER DEN NYE LINJEN SELV (Garantert i bunnen) */
.elementor-8076 .elementor-element.elementor-element-9e011a8::after {
    content: "" !important;
    position: absolute !important;
    bottom: 10px !important; /* Plassering av linjen i høyden */
    left: 0 !important;
    width: 100% !important;
    height: 0px !important; /* Tykkelsen på linjen */
    background-color: #000000 !important; /* Fargen på linjen */
    z-index: 1 !important; /* Ligger underst */
}

/* 3. SELVE RADIOEN (Garantert på topp) */
.elementor-8076 .elementor-element.elementor-element-9e011a8::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0px !important; /* Juster denne opp/ned hvis hjulet kutter linjen feil */
    width: 75px !important;
    height: 75px !important;
    
    /* Bruker den sorte transparente filen din */
    background-image: url('https://badeog.no/wp-content/uploads/2026/07/radio_sort_transparent.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    
    /* Animasjon: Reiser frem og tilbake, kjefter/hopper i midten */
    animation: radio-clean-trip 14s infinite ease-in-out !important;
    z-index: 9999 !important; /* Høy verdi = ligger garantert oppå linjen vi tegnet over */
}

/* --- ANIMASJONSTIDSLINJE --- */
@keyframes radio-clean-trip {
    /* --- TUREN UT (0% til 50%) --- */
    0% { left: 0%; transform: rotate(0deg) scale(1); }
    15% { left: 45%; transform: rotate(0deg) scale(1); } 
    
    /* Kjefter/signalerer i midten ved å riste og poppe litt opp/ned */
    18% { left: 45%; transform: rotate(-8deg) scale(1.1); }
    21% { left: 45%; transform: rotate(8deg) scale(1.1); }
    24% { left: 45%; transform: rotate(-8deg) scale(1.1); }
    27% { left: 45%; transform: rotate(8deg) scale(1.1); }
    30% { left: 45%; transform: rotate(-4deg) scale(1.05); }
    33% { left: 45%; transform: rotate(4deg) scale(1.05); }
    36% { left: 45%; transform: rotate(0deg) scale(1); } 
    
    /* Går videre til høyre side */
    50% { left: 93%; transform: rotate(0deg); } 
    
    /* --- TUREN TILBAKE (50% til 100%) --- */
    65% { left: 45%; transform: rotate(0deg) scale(1); } 
    
    /* Kjefter/signalerer i midten igjen */
    68% { left: 45%; transform: rotate(-8deg) scale(1.1); }
    71% { left: 45%; transform: rotate(8deg) scale(1.1); }
    74% { left: 45%; transform: rotate(-8deg) scale(1.1); }
    77% { left: 45%; transform: rotate(8deg) scale(1.1); }
    80% { left: 45%; transform: rotate(-4deg) scale(1.05); }
    83% { left: 45%; transform: rotate(4deg) scale(1.05); }
    86% { left: 45%; transform: rotate(0deg) scale(1); }
    
    /* Går helt tilbake til start */
    100% { left: 0%; transform: rotate(0deg); }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'loloclean';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://badeog.no/wp-content/uploads/2021/06/FontsFree-Net-Lulo-Clean-W01-One-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://badeog.no/wp-content/uploads/2021/05/AvenirLTStd-Book.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://badeog.no/wp-content/uploads/2021/05/AvenirLTStd-Book-1-2.ttf') format('truetype');
}
/* End Custom Fonts CSS */