/* ========== Fonts (once) ========== */
@font-face{font-family:'Source Sans Pro';src:url('/fonts/subset-SourceSansPro-Regular.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('/fonts/subset-SourceSansPro-Italic.woff2') format('woff2');font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('/fonts/subset-SourceSansPro-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('/fonts/subset-SourceSansPro-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('/fonts/subset-SourceSansPro-SemiBoldItalic.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('/fonts/subset-SourceSansPro-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display:swap}

/* ========== Base reset / typography (once) ========== */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px}
body{margin:0;font-size:15px;line-height:1.42857143;color:#333;background:#fff;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;overflow-x:hidden;overflow-y:auto;height:auto}
a{color:#32779f;text-decoration:none;background-color:transparent}
strong{font-weight:700}
img{border:0;vertical-align:middle}
button{margin:0;font:inherit;color:inherit;overflow:visible;text-transform:none;-webkit-appearance:button}
button::-moz-focus-inner{padding:0;border:0}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3{font-family:'Source Sans Pro',sans-serif;font-weight:600;line-height:1.1;color:inherit;margin-top:20px;margin-bottom:10px}
h1{font-size:30px;margin-top:15px}
h2{font-size:26px}
h3{font-size:21px}
p{margin:0 0 10px}
ul{margin:0 0 10px}
.text-center{text-align:center}
.container{padding:0 15px;margin:0 auto}
.row{margin-right:-15px;margin-left:-15px}
.col-xs-12,.col-sm-6,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-12{float:left;width:100%}
.collapse{display:none}

.main-header .navbar .nav>li>a:active, .main-header .navbar .nav>li>a:focus, .main-header .navbar .nav>li>a:hover {
    background: rgba(0, 0, 0, .1);
    color: #f6f6f6;
    text-decoration: none
}
.main-header .dropdown-menu>li>a:hover{background-color: #e1e3e9;text-decoration: none}
/* ========== Utilities & common components (once) ========== */
.placeholder-bg{min-height:400px;background:url(/images/elbruk-blixt-bg.svg) center/300px 400px no-repeat}
.bg-white{background:#fff}
.bg-gray-light{background:#f7f7f7}
.bg-navy{padding:30px 0;background:#001f3f!important;box-shadow:inset 0 -20px 25px -10px rgb(0 0 0 / 10%),inset 0 20px 25px -10px rgb(0 0 0 / 20%)}
.bg-red{background:#B02145!important}
.bg-yellow{background:#9860A9!important}
.bg-aqua{background:#007e9e!important}
.bg-green{background:#008549!important}
.bg-aqua,.bg-green,.bg-navy,.bg-red,.bg-yellow{color:#fff!important;border-radius:2px}

.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}
.mb20 {
    margin-bottom: 20px;
}
.mb0{margin-bottom:0!important}.mb10{margin-bottom:10px}.mb-40{margin-bottom:-40px}
.pinside40{padding:40px 0 60px!important}
.text-link{text-decoration:underline;text-underline-offset:5px}
.link{font-weight:600;color:#32779f}
.fs14{font-size:14px!important}.fs16{font-size:16px!important}

.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background:#757575;border-radius:10px}
.badge-under{margin:10px 10px 0 0;float:right;background:#D33131}
.badge-over{margin:10px 10px 0 0;float:right;background:#008001}
.badge-best{margin-top:-5px;float:right;background:gold;color:inherit}

.info-box{display:block;min-height:90px;background:#fff;width:100%;border:1px solid #e9e7e7;border-radius:5px;margin-bottom:15px}
.info-box-icon{border-radius:35px;display:block;float:left;height:70px;width:70px;text-align:center;font-size:30px;font-weight:600;line-height:70px;background:rgba(0,0,0,.2);margin:10px 8px}
.info-box-icon-small{border-radius:28px;display:block;float:left;height:46px;width:46px;text-align:center;font-size:22px;font-weight:600;line-height:46px;background:#fff;margin:22px 8px}
.info-box-content{padding:5px 10px;color:#333}
.info-box-number{font-weight:700;font-size:18px}
.info-box-text,.progress-description{display:block;font-size:13px;padding-top:5px}
.info-box-text{text-transform:uppercase;font-size:14px;font-weight:300}
.progress-description{margin:0;padding-top:2px}
.info-box-arrow:after{content:"\276F";float:right;color:#e5e5e5;font-size:25px;margin:-6px 1px -5px 0}
.block-img{border:1px solid #ededed;padding:10px;background:#fff!important}
img.info-box-icon{font-size:15px;line-height:normal}

/* ========== Navbar / header (once) ========== */
.main-header{position:relative;max-height:100px;z-index:1030;}
.main-header .navbar{border:none;min-height:50px;border-radius:0;background-color:#143a60}
.layout-top-nav .main-header .navbar{margin-left:0}
.main-header .navbar-brand{color:#fff}
.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}
.navbar-brand img{height:40px;display:block}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin:8px 15px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:20px;color:#fff}
.menu-button{display:block;background:#fff;height:4px;width:30px;border-radius:2px;margin-bottom:4px}
.nav{list-style:none;margin:0;padding-left:0}
.nav>li{position:relative;display:block}
.nav>li>a{display:block;padding:10px}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:40px!important}
.main-header .navbar .nav>li>a{color:#fff;font-weight:600}
.dropdown{position:relative}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}
.main-header .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}
.main-header .dropdown-menu>li>a{display:block;padding:10px 20px;clear:both;font-weight:600;line-height:1.42857143;color:#333;white-space:nowrap;border-bottom:1px dotted #ddd}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.container>.navbar-collapse,.container>.navbar-header{margin:0 -15px}
.navbar-static-top{z-index:1000;border-width:0 0 1px}
.main-header .navbar-brand{color:#fff}

/* ========== Visibility helpers (once) ========== */
@media only screen and (max-width:991px){.mobil{display:block}.desktop{display:none}}
@media only screen and (min-width:992px){.main-header{margin-bottom:-20px;}.mobil{display:none}.desktop{display:block}}

/* ========== Breakpoints: container widths & small tweaks ========== */
@media (min-width:768px){.container{width:750px}.col-sm-6{float:left;width:50%}}
@media (min-width:992px){
  .container{width:970px}
  .col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9{float:left}
  .col-md-12{width:100%}
  .col-md-9{width:75%}
  .col-md-8{width:66.66666667%}
  .col-md-6{width:50%}
  .col-md-4{width:33.33333333%}
  .col-md-3{width:25%}
}
.navbar-nav>li>.dropdown-menu {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar-static-top .navbar-collapse{margin-top:70px}
@media (min-width:1200px){
 .container>.navbar-collapse,.container>.navbar-header{margin:0 0 0 -15px}
    .navbar-toggle {
        display: none;
    }

  .container{width:1010px}
  .container.wide{width:1170px}
  .navbar-collapse{width:auto;border-top:0;box-shadow:none}
  .navbar-collapse.collapse{float:right;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
  .navbar-static-top .navbar-collapse{padding-right:0;padding-left:0;margin-top:0}
  .navbar-nav{margin:0}
  .navbar-nav>li{float:left}
  .navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
  .navbar-nav>li>.dropdown-menu{width:unset;margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
}

/* ========== Mobile-specific (≤991px) ========== */
@media only screen and (max-width:991px){
    .mb40-m {
        margin-bottom: 40px;
    }
  body{font-size:16px}
  .main-header .navbar{width:100%;float:none;margin:0}
  .navbar-toggle{border:0;margin:4px 0 0 0;padding:21px}
  .progress-description{font-size:14px!important}
}

/* ========== Tablet-specific (adds) ========== */
/* (behöver inga extra om du inte vill; lämnade “bg-gray-light”, block-img etc i bas) */

/* ========== Laptop/Desktop extras (≥992px) ========== */
@media only screen and (min-width:992px){
  .mt0-m{margin-top:0}
}

/* dropdown + mobil-collapse utan Bootstrap */
.navbar-collapse { transition: height .2s ease; }
@media (max-width:1199px){
    .main-header .dropdown-menu>li>a{padding: 15px}
  .navbar-collapse.collapse { display:none; }
  .navbar-collapse.collapse.in { display:block; }
}

/* dropdown synlighet */
.dropdown > .dropdown-menu { display:none; }
.dropdown.open > .dropdown-menu { display:block; }

/* (små förbättringar) */
.main-header .dropdown-menu { z-index: 1001; } /* över annat */
.main-footer {
    background: #fff;
    padding: 60px 0 0;
}
footer h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 5px;
}
.main-footer a {
    color: #7cb2d3;
}
.link {
    font-weight: 600;
    color: #32779f;
}
.text-link {
    text-decoration: underline;
    text-underline-offset: 5px;
}


.main-footer a:active, .main-footer a:focus, .main-footer a:hover {
    outline: 0;
    text-decoration: none;
    color: #72afd2;
}
.listnone {
    list-style: none;
    padding: 0;
}
.footer-list li {
    padding-bottom: 0 !important;
}
.footer-list li a {
    color: #fff;
}
.footer-list li div {
    background-color: rgb(0 0 0 / 20%);
    border-radius: 2px;
    padding: 10px 10px 10px 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.footer-list li div:before {
    background-image: url(/images/elbruk-flash.png);
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
}
.footer-list li div:hover {
    background: #143a60;
}