/*
  INSTRUKSJONER (OPPDATERT):
  Dette er en "scoped" versjon av CSS-koden. Alle regler er prefikset med #ebru-kampanje-2025
  for å unngå konflikter med din eksisterende Joomla-mal.

  Lim inn HELE innholdet i denne filen i et globalt CSS-felt i din Joomla-mal.
  Ikke bruk et felt som legger til ".el-element" eller lignende.
*/

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

/* --- START: Scoped Tailwind CSS v3.4.1 --- */

#ebru-kampanje-2025 *,
#ebru-kampanje-2025 ::before,
#ebru-kampanje-2025 ::after {
 box-sizing:border-box;
 border-width:0;
 border-style:solid;
 border-color:#e5e7eb
}
#ebru-kampanje-2025 ::before,
#ebru-kampanje-2025 ::after {
 --tw-content:""
}
#ebru-kampanje-2025 html {
 line-height:1.5;
 -webkit-text-size-adjust:100%;
 -moz-tab-size:4;
 tab-size:4;
 font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
 font-feature-settings:normal;
 font-variation-settings:normal;
 -webkit-tap-highlight-color:transparent
}
#ebru-kampanje-2025 body {
 margin:0;
 line-height:inherit
}
#ebru-kampanje-2025 hr {
 height:0;
 color:inherit;
 border-top-width:1px
}
#ebru-kampanje-2025 abbr:where([title]) {
 -webkit-text-decoration:underline dotted;
 text-decoration:underline dotted
}
#ebru-kampanje-2025 h1,
#ebru-kampanje-2025 h2,
#ebru-kampanje-2025 h3,
#ebru-kampanje-2025 h4,
#ebru-kampanje-2025 h5,
#ebru-kampanje-2025 h6 {
 font-size:inherit;
 font-weight:inherit
}
#ebru-kampanje-2025 a {
 color:inherit;
 text-decoration:inherit
}
#ebru-kampanje-2025 b,
#ebru-kampanje-2025 strong {
 font-weight:bolder
}
#ebru-kampanje-2025 code,
#ebru-kampanje-2025 kbd,
#ebru-kampanje-2025 samp,
#ebru-kampanje-2025 pre {
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 font-size:1em
}
#ebru-kampanje-2025 small {
 font-size:80%
}
#ebru-kampanje-2025 sub,
#ebru-kampanje-2025 sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
#ebru-kampanje-2025 sub {
 bottom:-.25em
}
#ebru-kampanje-2025 sup {
 top:-.5em
}
#ebru-kampanje-2025 table {
 text-indent:0;
 border-color:inherit;
 border-collapse:collapse
}
#ebru-kampanje-2025 button,
#ebru-kampanje-2025 input,
#ebru-kampanje-2025 optgroup,
#ebru-kampanje-2025 select,
#ebru-kampanje-2025 textarea {
 font-family:inherit;
 font-feature-settings:inherit;
 font-variation-settings:inherit;
 font-size:100%;
 font-weight:inherit;
 line-height:inherit;
 color:inherit;
 margin:0;
 padding:0
}
#ebru-kampanje-2025 button,
#ebru-kampanje-2025 select {
 text-transform:none
}
#ebru-kampanje-2025 button,
#ebru-kampanje-2025 [type=button],
#ebru-kampanje-2025 [type=reset],
#ebru-kampanje-2025 [type=submit] {
 -webkit-appearance:button;
 background-color:transparent;
 background-image:none
}
#ebru-kampanje-2025 :-moz-focusring {
 outline:auto
}
#ebru-kampanje-2025 :-moz-ui-invalid {
 box-shadow:none
}
#ebru-kampanje-2025 progress {
 vertical-align:baseline
}
#ebru-kampanje-2025 ::-webkit-inner-spin-button,
#ebru-kampanje-2025 ::-webkit-outer-spin-button {
 height:auto
}
#ebru-kampanje-2025 [type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
#ebru-kampanje-2025 ::-webkit-search-decoration {
 -webkit-appearance:none
}
#ebru-kampanje-2025 ::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
#ebru-kampanje-2025 summary {
 display:list-item
}
#ebru-kampanje-2025 blockquote,
#ebru-kampanje-2025 dl,
#ebru-kampanje-2025 dd,
#ebru-kampanje-2025 h1,
#ebru-kampanje-2025 h2,
#ebru-kampanje-2025 h3,
#ebru-kampanje-2025 h4,
#ebru-kampanje-2025 h5,
#ebru-kampanje-2025 h6,
#ebru-kampanje-2025 hr,
#ebru-kampanje-2025 figure,
#ebru-kampanje-2025 p,
#ebru-kampanje-2025 pre {
 margin:0
}
#ebru-kampanje-2025 fieldset {
 margin:0;
 padding:0
}
#ebru-kampanje-2025 legend {
 padding:0
}
#ebru-kampanje-2025 ol,
#ebru-kampanje-2025 ul,
#ebru-kampanje-2025 menu {
 list-style:none;
 margin:0;
 padding:0
}
#ebru-kampanje-2025 dialog {
 padding:0
}
#ebru-kampanje-2025 textarea {
 resize:vertical
}
#ebru-kampanje-2025 input::placeholder,
#ebru-kampanje-2025 textarea::placeholder {
 opacity:1;
 color:#9ca3af
}
#ebru-kampanje-2025 button,
#ebru-kampanje-2025 [role=button] {
 cursor:pointer
}
#ebru-kampanje-2025 :disabled {
 cursor:default
}
#ebru-kampanje-2025 img,
#ebru-kampanje-2025 svg,
#ebru-kampanje-2025 video,
#ebru-kampanje-2025 canvas,
#ebru-kampanje-2025 audio,
#ebru-kampanje-2025 iframe,
#ebru-kampanje-2025 embed,
#ebru-kampanje-2025 object {
 display:block;
 vertical-align:middle
}
#ebru-kampanje-2025 img,
#ebru-kampanje-2025 video {
 max-width:100%;
 height:auto
}
#ebru-kampanje-2025 [hidden] {
 display:none
}
#ebru-kampanje-2025 *,
#ebru-kampanje-2025 ::before,
#ebru-kampanje-2025 ::after {
 --tw-border-spacing-x:0;
 --tw-border-spacing-y:0;
 --tw-translate-x:0;
 --tw-translate-y:0;
 --tw-rotate:0;
 --tw-skew-x:0;
 --tw-skew-y:0;
 --tw-scale-x:1;
 --tw-scale-y:1;
 --tw-pan-x: ;
 --tw-pan-y: ;
 --tw-pinch-zoom: ;
 --tw-scroll-snap-strictness:proximity;
 --tw-gradient-from-position: ;
 --tw-gradient-via-position: ;
 --tw-gradient-to-position: ;
 --tw-ordinal: ;
 --tw-slashed-zero: ;
 --tw-numeric-figure: ;
 --tw-numeric-spacing: ;
 --tw-numeric-fraction: ;
 --tw-ring-inset: ;
 --tw-ring-offset-width:0px;
 --tw-ring-offset-color:#fff;
 --tw-ring-color:rgb(59 130 246 / .5);
 --tw-ring-offset-shadow:0 0 #0000;
 --tw-ring-shadow:0 0 #0000;
 --tw-shadow:0 0 #0000;
 --tw-shadow-colored:0 0 #0000;
 --tw-blur: ;
 --tw-brightness: ;
 --tw-contrast: ;
 --tw-grayscale: ;
 --tw-hue-rotate: ;
 --tw-invert: ;
 --tw-saturate: ;
 --tw-sepia: ;
 --tw-drop-shadow: ;
 --tw-backdrop-blur: ;
 --tw-backdrop-brightness: ;
 --tw-backdrop-contrast: ;
 --tw-backdrop-grayscale: ;
 --tw-backdrop-hue-rotate: ;
 --tw-backdrop-invert: ;
 --tw-backdrop-opacity: ;
 --tw-backdrop-saturate: ;
 --tw-backdrop-sepia:
}
#ebru-kampanje-2025 .collapse {
 visibility:collapse
}
#ebru-kampanje-2025 .space-y-20 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(5rem * var(--tw-space-y-reverse))
}
#ebru-kampanje-2025 .mx-auto {
 margin-left:auto;
 margin-right:auto
}
#ebru-kampanje-2025 .mb-4 {
 margin-bottom:1rem
}
#ebru-kampanje-2025 .mb-6 {
 margin-bottom:1.5rem
}
#ebru-kampanje-2025 .mt-1 {
 margin-top:.25rem
}
#ebru-kampanje-2025 .mt-12 {
 margin-top:3rem
}
#ebru-kampanje-2025 .mt-16 {
 margin-top:4rem
}
#ebru-kampanje-2025 .mt-2 {
 margin-top:.5rem
}
#ebru-kampanje-2025 .mt-3 {
 margin-top:.75rem
}
#ebru-kampanje-2025 .mt-4 {
 margin-top:1rem
}
#ebru-kampanje-2025 .mt-5 {
 margin-top:1.25rem
}
#ebru-kampanje-2025 .mt-8 {
 margin-top:2rem
}
#ebru-kampanje-2025 .my-16 {
 margin-top:4rem;
 margin-bottom:4rem
}
#ebru-kampanje-2025 .inline-block {
 display:inline-block
}
#ebru-kampanje-2025 .h-12 {
 height:3rem
}
#ebru-kampanje-2025 .h-16 {
 height:4rem
}
#ebru-kampanje-2025 .h-20 {
 height:5rem
}
#ebru-kampanje-2025 .h-8 {
 height:2rem
}
#ebru-kampanje-2025 .w-16 {
 width:4rem
}
#ebru-kampanje-2025 .w-20 {
 width:5rem
}
#ebru-kampanje-2025 .max-w-2xl {
 max-width:42rem
}
#ebru-kampanje-2025 .max-w-4xl {
 max-width:56rem
}
#ebru-kampanje-2025 .max-w-5xl {
 max-width:64rem
}
#ebru-kampanje-2025 .max-w-xl {
 max-width:36rem
}
#ebru-kampanje-2025 .transform {
 transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#ebru-kampanje-2025 .scroll-smooth {
 scroll-behavior:smooth
}
#ebru-kampanje-2025 .rounded-full {
 border-radius:9999px
}
#ebru-kampanje-2025 .rounded-lg {
 border-radius:.5rem
}
#ebru-kampanje-2025 .rounded-md {
 border-radius:.375rem
}
#ebru-kampanje-2025 .rounded-xl {
 border-radius:.75rem
}
#ebru-kampanje-2025 .border {
 border-width:1px
}
#ebru-kampanje-2025 .border-2 {
 border-width:2px
}
#ebru-kampanje-2025 .border-sky-500 {
 --tw-border-opacity:1;
 border-color:rgb(14 165 233 / var(--tw-border-opacity))
}
#ebru-kampanje-2025 .border-slate-700 {
 --tw-border-opacity:1;
 border-color:rgb(51 65 85 / var(--tw-border-opacity))
}
#ebru-kampanje-2025 .bg-blue-600 {
 --tw-bg-opacity:1;
 background-color:rgb(37 99 235 / var(--tw-bg-opacity))
}
#ebru-kampanje-2025 .bg-slate-800 {
 --tw-bg-opacity:1;
 background-color:rgb(30 41 59 / var(--tw-bg-opacity))
}
#ebru-kampanje-2025 .bg-slate-900 {
 --tw-bg-opacity:1;
 background-color:rgb(15 23 42 / var(--tw-bg-opacity))
}
#ebru-kampanje-2025 .bg-slate-950\/50 {
 background-color:rgb(2 6 23 / .5)
}
#ebru-kampanje-2025 .bg-sky-500 {
 --tw-bg-opacity:1;
 background-color:rgb(14 165 233 / var(--tw-bg-opacity))
}
#ebru-kampanje-2025 .bg-white\/95 {
 background-color:rgb(255 255 255 / .95)
}
#ebru-kampanje-2025 .p-10 {
 padding:2.5rem
}
#ebru-kampanje-2025 .p-3 {
 padding:.75rem
}
#ebru-kampanje-2025 .p-4 {
 padding:1rem
}
#ebru-kampanje-2025 .p-6 {
 padding:1.5rem
}
#ebru-kampanje-2025 .p-8 {
 padding:2rem
}
#ebru-kampanje-2025 .px-10 {
 padding-left:2.5rem;
 padding-right:2.5rem
}
#ebru-kampanje-2025 .px-6 {
 padding-left:1.5rem;
 padding-right:1.5rem
}
#ebru-kampanje-2025 .py-16 {
 padding-top:4rem;
 padding-bottom:4rem
}
#ebru-kampanje-2025 .py-4 {
 padding-top:1rem;
 padding-bottom:1rem
}
#ebru-kampanje-2025 .py-8 {
 padding-top:2rem;
 padding-bottom:2rem
}
#ebru-kampanje-2025 .text-center {
 text-align:center
}
#ebru-kampanje-2025 .font-sans {
 font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
#ebru-kampanje-2025 .text-3xl {
 font-size:1.875rem;
 line-height:2.25rem
}
#ebru-kampanje-2025 .text-4xl {
 font-size:2.25rem;
 line-height:2.5rem
}
#ebru-kampanje-2025 .text-5xl {
 font-size:3rem;
 line-height:1
}
#ebru-kampanje-2025 .text-lg {
 font-size:1.125rem;
 line-height:1.75rem
}
#ebru-kampanje-2025 .text-sm {
 font-size:.875rem;
 line-height:1.25rem
}
#ebru-kampanje-2025 .text-xl {
 font-size:1.25rem;
 line-height:1.75rem
}
#ebru-kampanje-2025 .text-xs {
 font-size:.75rem;
 line-height:1rem
}
#ebru-kampanje-2025 .font-bold {
 font-weight:700
}
#ebru-kampanje-2025 .font-extrabold {
 font-weight:800
}
#ebru-kampanje-2025 .font-semibold {
 font-weight:600
}
#ebru-kampanje-2025 .underline {
 text-decoration-line:underline
}
#ebru-kampanje-2025 .italic {
 font-style:italic
}
#ebru-kampanje-2025 .leading-tight {
 line-height:1.25
}
#ebru-kampanje-2025 .text-red-500 {
 --tw-text-opacity:1;
 color:rgb(239 68 68 / var(--tw-text-opacity))
}
#ebru-kampanje-2025 .text-slate-300 {
 --tw-text-opacity:1;
 color:rgb(203 213 225 / var(--tw-text-opacity))
}
#ebru-kampanje-2025 .text-slate-400 {
 --tw-text-opacity:1;
 color:rgb(148 163 184 / var(--tw-text-opacity))
}
#ebru-kampanje-2025 .text-slate-500 {
 --tw-text-opacity:1;
 color:rgb(100 116 139 / var(--tw-text-opacity))
}
#ebru-kampanje-2025 .text-sky-400 {
 --tw-text-opacity:1;
 color:rgb(56 189 248 / var(--tw-text-opacity))
}
#ebru-kampanje-2025 .text-white {
 --tw-text-opacity:1;
 color:rgb(255 255 255 / var(--tw-text-opacity))
}
#ebru-kampanje-2025 .shadow-lg {
 --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
 --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
 box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
#ebru-kampanje-2025 .shadow-md {
 --tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
 --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
 box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
#ebru-kampanje-2025 .transition-transform {
 transition-property:transform;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s
}
#ebru-kampanje-2025 .hover\:scale-105:hover {
 --tw-scale-x:1.05;
 --tw-scale-y:1.05;
 transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#ebru-kampanje-2025 .hover\:bg-sky-600:hover {
 --tw-bg-opacity:1;
 background-color:rgb(2 132 199 / var(--tw-bg-opacity))
}
#ebru-kampanje-2025 .sm\:py-24 {
 padding-top:6rem;
 padding-bottom:6rem
}
#ebru-kampanje-2025 .md\:grid-cols-2 {
 grid-template-columns:repeat(2,minmax(0,1fr))
}
#ebru-kampanje-2025 .md\:grid-cols-3 {
 grid-template-columns:repeat(3,minmax(0,1fr))
}
#ebru-kampanje-2025 .md\:text-5xl {
 font-size:3rem;
 line-height:1
}
#ebru-kampanje-2025 .flex {
 display:flex
}
#ebru-kampanje-2025 .grid {
 display:grid
}
#ebru-kampanje-2025 .items-center {
 align-items:center
}
#ebru-kampanje-2025 .justify-center {
 justify-content:center
}
#ebru-kampanje-2025 .gap-4 {
 gap:1rem
}
#ebru-kampanje-2025 .gap-6 {
 gap:1.5rem
}
#ebru-kampanje-2025 .gap-8 {
 gap:2rem
}
/* --- END: Tailwind CSS --- */


/* --- START: Custom Styles for Ebru Campaign --- */

/* The main container for the campaign content */
#ebru-kampanje-2025 {
    font-family: 'Inter', sans-serif;
    background-color: #0f172a; /* bg-slate-900 */
    color: #cbd5e1; /* text-slate-300 */
}

/*
  NYTT INNHOLD 19.09.2025: JOOMLA OVERSTYRINGS-FIKS
  Denne koden nullstiller overskriftenes farge og vekt inne i kampanjemodulen.
  Dette tvinger dem til å arve stiler fra sine foreldre, noe som
  lar stil-klasser som f.eks. .text-white fungere som forventet.
*/
#ebru-kampanje-2025 h1,
#ebru-kampanje-2025 h2,
#ebru-kampanje-2025 h3,
#ebru-kampanje-2025 h4,
#ebru-kampanje-2025 h5,
#ebru-kampanje-2025 h6 {
    color: inherit;
    font-weight: inherit;
}

/* Ensure body styles from Joomla don't interfere too much */
#ebru-kampanje-2025 p,
#ebru-kampanje-2025 div {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
}
#ebru-kampanje-2025 a {
    text-decoration: none;
    color: inherit;
}


/* Specific styles for the campaign elements */
#ebru-kampanje-2025 .gradient-bg {
    background: linear-gradient(120deg, #0f172a 0%, #1e293b 100%);
}

#ebru-kampanje-2025 .highlight-text {
    background: -webkit-linear-gradient(45deg, #38bdf8, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#ebru-kampanje-2025 .stat-card {
    background-color: #1e293b;
    border: 1px solid #334155;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#ebru-kampanje-2025 .stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.1), 0 4px 6px -2px rgba(59, 130, 246, 0.05);
}

/* Make sure svgs are displayed correctly */
#ebru-kampanje-2025 svg {
    display: inline-block;
}