/*
Theme Name: H Basic Child
Template: h_basic
Author: J. Georgsson, Henrix
Author URI: https://henrix.se/
Version: 5.0.1575626033
Updated: 2019-12-06 10:53:53

*/

@font-face {
    font-family: "Calibri";
    src: url("fonts/Calibri-Regular.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "Calibri";
    src: url("fonts/Calibri-Light.ttf");
    font-weight: 100;
}

@font-face {
    font-family: "Calibri";
    src: url("fonts/Calibri-Bold.ttf");
    font-weight: 300;
}

/* TYPSNITT */

body {
    background: #f3f3f3;
    font-family: "Calibri", sans-serif !important;
    font-weight: 100;
}

.navbar {
    background: #ffffff;
    padding: 1rem 1rem 0.8rem 1rem;
}

h1 {
    font-weight: 100;
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.6em;
}

p {
    color: #444444;
    font-family: "Calibri", sans-serif !important;
    font-weight: ;
}

p.small {
    color: #1c3b6c !important;
    font-size: 16px;
    text-transform: none;
    font-weight: 100;
}

p.has-small-font-size {
    font-size: 14px !important;
}

.intro p {
    font-size: 16px;
}

ul {
    font-weight: 100;
    color: #444444 !important;
}

p a {
    font-weight: bold !important;
}
.slide-text h1 {
    color: white !important;
    background: linear-gradient(to left, #ffffff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2.blue-gradient {
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2.blurb-title {
    text-align: center;
    vertical-align: middle;
    line-height: 400px;
    color: #fff !important;
}

.page_item a,
.menu-item a {
    font-family: "calibri", sans-serif !important;
}

h2 {
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: none;
    font-size: 2em;
}

h3 {
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: none;
    font-size: 1.5em;
    padding-top: 2px;
}

.top-deal h3 {
    text-transform: uppercase;
}

H4 {
    font-size: 1em !important;
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 100 !important;
    line-height: 1.4 !important;
}

h5 {
    font-size: 1.5em;
    font-family: "Roboto", sans-serif !important;
}

.driftinformation h2 {
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px !important;
    padding-top: 35px;
}

.has-very-dark-gray-color {
    border-top: 0px solid;
    color: #1c3b6c;
}

hr {
    border-top: 1px solid !important;
}

ul {
    font-family: "Calibri", sans-serif;
}

.accentPrimary {
    background: linear-gradient(to left, #1c3b6c, #5e82a5) !important;
}
/* --------------------------------------------- MENY --------------------------------------------- */

.language {
    text-align: left;
}

.fa {
    display: flex !important;
}

.navbar-toggler {
    padding-right: 0px;
    padding-top: 5px;
    margin-bottom: -13px;
}

.goog-te-combo {
    margin-right: 6px !important;
    font-family: "Calibri", sans-serif !important;
    color: #000 !important;
    font-size: 16px !important;
    background: url("/wp-content/themes/h_basic-child/dist/img/globe.svg") no-repeat center left !important;
    padding-left: 20px;
}

body #ajaxsearchpro1_1 .probox,
body #ajaxsearchpro1_2 .probox,
body div.asp_m.asp_m_1 .probox {
    width: 71px;
}

.skiptranslate goog-te-gadget {
    display: contents !important;
}

#google_language_translator .goog-te-gadget .goog-te-combo {
    padding-left: 25px !important;
    width: 117px !important;
    margin-right: 58px !important;
}

.right-menu {
    display: grid;
    position: relative;
}

.top-bar {
    background: rgb(249, 178, 51);
    background: linear-gradient(90deg, rgba(249, 178, 51, 1) 0%, rgba(255, 239, 38, 1) 50%, rgba(249, 178, 51, 1) 100%);
    color: #444444;
}

p.top-bar-text {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-bottom: 0px !important;
}

.nav-link {
    text-transform: none !important;
    color: #444444 !important;
    font-family: "Calibri", sans-serif !important;
    font-weight: 100 !important;
}

.nav-link:hover {
    text-transform: none !important;
    color: darkgrey !important;
}

.navbar-collapse {
    flex-grow: 0;
}

.dropdown-menu {
    font-weight: 100 !important;
    font-size: 1rem;
    font-family: "Calibri", sans-serif !important;
    visibility: visible;
    text-align: left !important;
    transition: 0.2s 1s; /* delay of 1 seconds on hover off */
}

ul.nav li ul li {
    width: 155px;
    text-align: left;
    padding: 20px; /*--------UPDATE--------*/
}
ul.nav li ul li a {
    /*--------UPDATE--------*/
    padding: 20px;
}

.text-center {
    text-align: left !important;
}

.carousel {
    margin-bottom: 50px;
}

.carousel img {
    /*filter: brightness(0.7);*/
}
.slide-text h2 {
    color: #444444 !important;
}

.slide-text p {
    color: #ffffff !important;
}

.top-deal {
    background: rgba(255, 255, 255, 0.8);
    color: #444444;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}

.top-deal p {
    font-weight: bold !important;
}

.navbar-nav {
    font-size: 18px !important;
}

.menu-item {
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 100 !important;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.mina-sidor {
    font-family: "Calibri", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #666 !important;
    padding-top: 6px;
}

.mina-sidor a {
    color: #666 !important;
}

.dropdown-menu {
    margin: 0 !important;
}

/* --------------------------------------------- VIDEO STARTSIDA  --------------------------------------------- */

.video-container {
    position: relative;
}

.video {
    background-size: cover;
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.video-mobile {
    background-size: cover;
    display: block;
    width: 100%;
}

.video-mobile {
    margin-bottom: 50px;
}

.slide-text {
    display: none;
}

/* --------------------------------------------- BUTTONS --------------------------------------------- */

.btn-default {
    background: linear-gradient(
        90deg,
        rgba(28, 59, 108, 1) 0%,
        rgba(94, 130, 165, 1) 38%,
        rgba(94, 130, 165, 1) 62%,
        rgba(28, 59, 108, 1) 100%
    ) !important;
    color: #fff !important;
    border-radius: 5px !important;
    max-width: 200px;
    white-space: normal;
    word-wrap: none;
    font-family: "Calibri", sans-serif !important;
    font-weight: 100;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-position: right center;
}

.btn-white {
    background: #fff !important;
    color: #000 !important;
    border-radius: 5px !important;
    max-width: 200px;
    white-space: normal;
    word-wrap: none;
    font-family: "Calibri", sans-serif !important;
    font-weight: 100;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-position: right center;
}

.vanern-knapp {
    background: linear-gradient(
        90deg,
        rgba(28, 59, 108, 1) 0%,
        rgba(94, 130, 165, 1) 38%,
        rgba(94, 130, 165, 1) 62%,
        rgba(28, 59, 108, 1) 100%
    ) !important;
    color: #fff !important;
    border-radius: 5px !important;
    max-width: ;
    white-space: normal;
    word-wrap: none;
    font-family: "Calibri", sans-serif !important;
    font-weight: 100;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-position: right center;
}

.vanern-knapp:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 2px 0px 2px;
    background-size: 500%;
}

.vanern-knapp-xl {
    background: linear-gradient(
        90deg,
        rgba(28, 59, 108, 1) 0%,
        rgba(94, 130, 165, 1) 38%,
        rgba(94, 130, 165, 1) 62%,
        rgba(28, 59, 108, 1) 100%
    ) !important;
    color: #fff !important;
    border-radius: 5px !important;
    max-width: ;
    white-space: normal;
    word-wrap: none;
    font-family: "Calibri", sans-serif !important;
    font-weight: 100;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-position: right center;
    width: 100%;
}

.vanern-knapp-xl:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 2px 0px 2px;
    background-size: 500%;
}

.has-very-dark-gray-background-color {
    background-color: transparent !important;
}

.wp-block-button__link {
    background-color: transparent !important;
}

.btn-default:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 2px 0px 2px;
    background-size: 500%;
}

.btn-white:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 2px 0px 2px;
    background-size: 500%;
}

.btn-dark {
    background: #444444 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    font-family: "calibri", sans-serif !important;
}

.btn-dark-center {
    background: #444444 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    margin: 0 auto;
    font-family: "calibri", sans-serif !important;
}

.btn-white {
    background: #ffffff !important;
    color: #444444 !important;
    border-radius: 5px !important;
    font-family: "calibri", sans-serif !important;
}

.btn-bordered-neg {
    border-radius: 5px;
    font-family: "calibri", sans-serif !important;
}

.button-center {
    margin: 0 auto;
    text-align: center;
    font-family: "calibri", sans-serif !important;
}

.btn {
    border: none !important;
}

.runda_horn {
    border-radius: 15px;
}

.cookie_action_close_header {
    background: rgb(249, 178, 51);
    background: linear-gradient(90deg, rgba(249, 178, 51, 1) 0%, rgba(255, 239, 38, 1) 50%, rgba(249, 178, 51, 1) 100%) !important;
    border-radius: 5px !important;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

.cookie_action_close_header:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 2px 0px 2px;
    background-size: 500%;
}

/* ------------------------------------- COOKIES ----------------------------------------------- */

.mgbutton {
    color: #444444 !important;
}

.moove-gdpr-light-scheme {
    border-top: none !important;
}

/* --------------------------------------------- INTRO --------------------------------------------- */

.pre-intro {
    background: none;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.pre-intro h1 {
}

p.pre-intro {
    color: #444444;
}

.sq-left {
    display: none;
}

.sq-right {
    display: none;
}

.credit {
    color: #444444;
    text-align: center;
    font-size: 11px;
    padding-top: 50px;
    font-family: "Calibri", sans-serif !important;
}

.text-center {
    text-align: left !important;
}

.post-content {
    padding-bottom: 75px;
}

/* --------------------------------------------- Facebook / driftinfo - sektion --------------------------------------------- */

.drift-info {
    padding-top: 50px;
    padding-bottom: 75px;
}

.fb-info {
    padding-top: 50px;
    padding-bottom: 5px;
}

.facebook {
    background: #f3f3f3;
    padding: 60px 0;
}

.facebook h2 {
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px !important;
}

.facebook h3 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 300;
}

.fb {
    padding-top: 8px;
}

p.fb-header {
    color: #000000 !improtant;
    text-transform: none !important;
    margin-top: 10px !important;
}

/* ------------------------------- Energirådgivning - sektion --------------------------------------------- */

.energi {
    max-width: 700px;
    margin: 0 auto;
    height: 400px;
}

h2.energi-radgivning {
    text-align: center;
    padding-top: 100px;
    background: linear-gradient(to left, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase !important;
}

p.energi-radgivning {
    text-align: center;
    color: #ffffff !important;
}

.energi-rad img {
    filter: brightness(0.8);
}

/* --------------------------------------------- Kontakta oss - sektion --------------------------------------------- */

.contact {
    background: rgba(255, 240, 36, 0.35);
    padding-top: 100px;
    padding-bottom: 100px;
}

h2.contact-header {
    color: black;
}

p.contact-header {
    color: #000000 !improtant;
    text-transform: none !important;
    margin-top: -10px !important;
}

/* ----------------------------------------------- BLURBS -------------------------------------------------- */

.blurbs {
    padding-left: 10px;
    max-width: 100%;
    overflow: hidden;
}

.single-blurb {
    padding: 0px;
    margin-bottom: 0px !important;
    background-color: #ffffff;
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.single-blurb:hover {
    background-color: #f3f3f3;
    opacity: 0.8;
}


@media (min-width: 768px) {
    body.page-template-home .blurbs .row .col-md-6:nth-of-type(odd) {
    border-right: 5px solid #fff;
    }

    body.page-template-home .blurbs .row .col-md-6:nth-of-type(even) {
        border-left: 5px solid #fff;
    }

}


.upper-blurb {
    max-height: 450px;
    overflow: hidden;
    background-size: cover;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.upper-blurb-inside {
}

.upper-blurb:hover {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.lower-blurb {
    padding: 20px !important;
    margin-left: 10px;
    padding-right: 30px;
    text-align: left !important;
}

.blurbs {
    padding: 0 0 0 0 !important;
}

.intro {
    padding: 0 0 0 0 !important;
}

.sell {
    margin-bottom: 0px !important;
}

.text-center {
    text-align: left !important;
}

/* --------------------------------------------- jämförspriser --------------------------------------------- */

/* --------------------------------------------- DRIFTINFO --------------------------------------------- */

.container-driftinformation {
    margin-top: 50px;
}

#driftinfo-content {
    padding-bottom: 100px;
}

.news-single {
    background: rgba(255, 255, 255, 0.5);
    padding: 15px;
    margin-top: 35px;
}

.driftinfo-feed {
    margin-top: 37px;
    margin-bottom: 50px;
    padding-left: 45px;
}

.driftinfo-feed h3 {
    text-transform: uppercase;
    background: linear-gradient(to left, #1c3b6c, #5e82a5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ingen-driftinfo {
    background: rgba(255, 255, 255, 0.5);
    padding: 15px;
    margin-top: 30px;
    font-family: "Calibri", sans-serif;
}

.ingen-driftinfo p {
    padding-top: 5%;
}

/* --------------------------------------------- Kontaktuppgifter landningssida  ------------------------ */

.kontaktpuff {
    background: rgba(255, 255, 255, 0.5);
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 35px;
    text-align: center;
    height: 250px;
}

.kontaktpuff:hover {
    background: rgba(255, 255, 255, 0.8);
}

.kontaktpuff h3 {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.kontaktpuff-inner {
    margin: auto 0;
}

.kontakt-intro {
    padding-right: 25px;
}

.container-kontakt {
    margin-bottom: 150px;
    margin-top: 50px;
}
/* --------------------------------------------- OMSLAG  --------------------------------------------- */

.sol {
    border-radius: 15px;
    background: rgb(249, 178, 51);
    background: linear-gradient(90deg, rgba(249, 178, 51, 1) 0%, rgba(255, 239, 38, 1) 50%, rgba(249, 178, 51, 1) 100%);
}

.vanern {
    border-radius: 15px;
    background: linear-gradient(
        90deg,
        rgba(28, 59, 108, 1) 0%,
        rgba(94, 130, 165, 1) 38%,
        rgba(94, 130, 165, 1) 62%,
        rgba(28, 59, 108, 1) 100%
    ) !important;
}

/* --------------------------------------------- FOOOTER --------------------------------------------- */

.illustration {
    background-image: url(https://www.kinnekulleenergi.se/wp-content/uploads/2020/02/KinneKulle-med-Energi_50.png);
    background-size: contain;
    margin-top: 50px;
    height: 180px;
    max-width: 100%;
    background-repeat: no-repeat;
}

.footer {
    background: #ffffff !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.footer-text {
    color: #444444 !important;
    font-family: "Calibri", sans-serif !important;
}

.footer-text h3 {
    font-size: 16px !important;
}

.footer-text p {
    font-size: 15px !important;
    color: #444444;
}

.footer-text p:a {
    font-size: 13px !important;
    color: #444444;
}
/* --------------------------------------------- MEDIA-QUERIES ----------------------------------------- */

@media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 100% !important;
    }
}

@media (min-width: 1133px) {
    #extra-meny {
        margin-right: -11px !important;
    }
}

@media (min-width: 901px) {
}

@media (min-width: 991.98px) {
    .navbar-nav {
        font-size: 16px !important;
    }
}

@media (min-width: 1064px) {
    .navbar-nav {
        font-size: 18px !important;
    }
}

@media (max-width: 991.98px) {
    #driftinfo-content {
        padding-bottom: 25px;
    }

    .container-driftinformation {
        margin-bottom: 50px;
    }

    .driftinfo-feed {
        padding-left: 0px;
    }

    .slide-text {
        background-color: #1c3b6c;
    }

    .top-deal h3 {
        margin-top: 0px;
    }

    .footer-text h3 {
        padding-top: 35px;
    }

    .driftinformation h2 {
        font-size: 30px !important;
    }

    .facebook h2 {
        font-size: 30px !important;
    }

    .energi {
        height: 450px;
    }

    .schysst-elhandel {
        display: none;
    }

    .slide-text h1 {
        margin-top: 0px !important;
    }

    .navbar-brand {
        position: absolute;
        padding-top: 15px;
        right: auto !important;
        z-index: 99999;
    }

    .navbar-toggler {
        float: right !important;
    }

    .right-menu {
        display: block;
        width: 100%;
    }

    .top-deal {
        background: #f3f3f3;
    }

    .btn-default {
        color: #fff !important;
        border-radius: 5px !important;
        max-width: 250px;
        white-space: normal;
    }
}

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

@media (min-width: 768px) {
    .masthead-mobile {
        display: none;
    }

    #extra-meny {
        flex-wrap: inherit;
    }

    .video-mobile {
        display: none;
    }
}

/* --------------------------- MOBILE ------------------------------------ */

@media (max-width: 767px) {
    p.top-bar-text {
        padding-left: 50px;
        padding-right: 50px;
    }

    .top-deal h3 {
        margin-top: 15px;
    }

    .masthead {
        display: none;
    }

    .video {
        display: none;
    }
}

/* --------------------------- Custom CSS for IE ------------------------------------ */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    h1 {
        background: none !important;
        color: #1c3b6c !important;
    }

    h2 {
        background: none !important;
        color: #1c3b6c !important;
    }

    h3 {
        background: none !important;
        color: #1c3b6c !important;
    }

    h2.energi-radgivning {
        background: none !important;
        color: #ffffff !important;
    }

    h4 {
        background: none !important;
        color: #1c3b6c !important;
    }

    .mina-sidor {
        background: none !important;
        color: #1c3b6c !important;
    }

    .mina-sidor a:hover {
        filter: opacity(0.5);
        background: none !important;
    }
}
/* fix for Elon-page where portraits got wrong proportions */
.wp-block-image img {
    height: auto;
}

/* preliminary disable 5-year deal*/
/* top */
.top-deal .row .col-md-3:nth-child(4) p:nth-child(2) {
    display: none;
}
.prices.compare-prices .all-prices table tr.tr-3 {
    display: none;
}

.elpriser-start-knappar {
    list-style: none;
    padding: 0;
}

@media (min-width: 64em) {
    .elpriser-start-knappar {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        justify-items: center;
    }

    .elpriser-start-knappar li {
        width: 100%;
    }

    .elpriser-start-knappar li a {
        width: 100%;
    }
}

body {
    overflow-x: hidden;
}

main {
    position: relative;
}

.electricity-prices-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    z-index: 1;
    transition: height 0.5s ease-in-out;
    overflow: hidden;
}

@media (min-width: 95em) {
    .electricity-prices-container {
        position: absolute;
        bottom: unset;
        height: 72px;
        display: flex;
        justify-content: space-between;
    }

    .electricity-prices-container .electricity-trigger-button {
        /* width: 307px; */
        order: 2;
        width: auto;
        white-space: nowrap;
        gap: 15px;
    }

    .electricity-prices-container .electricity-trigger-button .button-text-container {
        order: 2;
    }

    .electricity-prices-container .electricity-trigger-button .button-icons-container {
        order: 1;
    }

    .electricity-prices-container .electricity-trigger-button .button-icons-container svg {
        transform: rotate(270deg);
    }
}

.electricity-prices-container.open {
    height: calc(100vh - 56px);
}

@media (min-width: 95em) {
    .electricity-prices-container.open {
        height: auto;
    }
}

.electricity-prices-container .circlecross {
    display: none;
}

.electricity-prices-container.open .circlearrow {
    display: none;
}

.electricity-prices-container.open .circlecross {
    display: block;
}

.electricity-prices-container .electricity-trigger-button {
    height: 56px;
    background: rgb(249, 179, 50);
    background: linear-gradient(90deg, rgba(249, 179, 50, 1) 0%, rgba(254, 234, 39, 1) 50%, rgba(249, 178, 51, 1) 100%);
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

@media (min-width: 95em) {
    .electricity-prices-container .electricity-trigger-button {
        height: 72px;
        z-index: 2;
        position: relative;
    }
}

.electricity-prices-container .electricity-trigger-button svg {
    width: 21px;
    height: 21px;
}

.electricity-prices-container .inner {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fafafa;
}

@media (min-width: 95em) {
    .electricity-prices-container .inner {
        height: 72px;
        flex-direction: row;
        order: 1;
        width: 100vw;
        position: relative;
        right: -100vw;
        justify-content: flex-start;
        transition: all 1s ease-in-out;
        align-items: center;
        gap: 20px;
    }

    .electricity-prices-container.open .inner {
        right: 0;
        padding-left: 45px;
    }
}

.electricity-prices-container .headlinefield {
    color: #4b6e95;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.electricity-prices-container .headlinefield span {
    color: #212121;
    font-size: 16px;
    font-family: calibri;
    display: block;
    text-align: center;
    text-transform: none;
}

@media (min-width: 95em) {
    .electricity-prices-container .headlinefield {
        margin-bottom: 0;
        font-size: 20px;
    }

    .electricity-prices-container .headlinefield span {
        font-size: 14px;
    }
}

.electricity-prices-container .electricity-prices-pricelist {
    text-align: center;
}

@media (min-width: 95em) {
    .electricity-prices-container .electricity-prices-pricelist {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
    }
}

.electricity-prices-container .electricity-prices-pricelist .electricity-prices-item {
    padding: 0 30px;
    margin-bottom: 35px;
}

@media (min-width: 95em) {
    .electricity-prices-container .electricity-prices-pricelist .electricity-prices-item {
        margin-bottom: 0;
    }
}

.electricity-prices-container .electricity-prices-pricelist .electricity-prices-item.information-field {
    text-align: center;
}

.electricity-prices-container .electricity-prices-pricelist .electricity-prices-item.information-field a {
    color: #212121;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 11px;
    border: 1px solid #707070;
    padding: 10px 15px;
    align-items: center;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    font-weight: bold;
}

.electricity-prices-container .electricity-prices-pricelist .electricity-prices-item span.price {
    color: #212121;
    font-size: 18px;
    font-family: calibri;
    font-weight: bold;
    display: block;
}

.electricity-prices-container .electricity-prices-pricelist .electricity-prices-item span.info {
    font-style: italic;
    font-size: 14px;
    display: block;
}

@media (min-width: 95em) {
    .electricity-prices-container .electricity-prices-pricelist .electricity-prices-item span {
        margin-left: 12px;
    }
}

/* Flytta "Kan vi hjälpa dig ruta" */
#imbox-launcher-container1648 .imbox-frame .zoid-outlet,
#imbox-launcher-container1648 .imbox-frame iframe {
    bottom: 62px !important;
}

@media (min-width: 95em) {
    #imbox-launcher-container1648 .imbox-frame .zoid-outlet,
    #imbox-launcher-container1648 .imbox-frame iframe {
        bottom: 10px !important;
    }
}

.img-fluid {
    width: 100%;
}

/* INFOBANNER */

.infobanner {
    padding: 10px;
}

.infobanner p {
    color: white;
    text-align: center;
    margin-bottom: 0rem !important;
    font-size: 14px;
    font-family: "Calibri", sans-serif !important;
}

.infobanner p a {
    color: white;
}

.infocontainer {
    display: flex;
    background-color: #3c3c3b;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px 0;
    align-items: center;
}

/* Visa alla inlägg som standard */
.infobanner {
    display: block;
}

/* Anpassningar för mobila enheter */
@media (max-width: 1000px) {
    /* Initialt, göm alla infobanners utom den första */
    .infobanner:not(:first-child) {
        display: none;
    }

    /* Visa "Visa Fler"-knappen endast på små skärmar */
    .show-more {
        display: block;
        background: linear-gradient(90deg, rgba(249, 178, 51, 1) 0%, rgba(255, 239, 38, 1) 50%, rgba(249, 178, 51, 1) 100%) !important;
    }
}

/* Göm "Visa Fler"-knappen på större skärmar */
@media (min-width: 1001px) {
    .show-more {
        display: none;
    }
}

.new-wrap {
    width: 100%;
    display: flex;
    position: relative;
    padding: 0 15px;
    justify-content: start;
}

#google_language_translator {
    height: 36px;
}

@media (min-width: 1137px) {
    .new-wrap {
        justify-content: flex-end;
    }

    #mega-menu-wrap-primary_menu {
        margin-top: 4px;
    }
}

@media (max-width: 1136px) {
    #mega-menu-wrap-primary_menu {
        position: absolute;
        top: 0;
        right: 0;
    }

    .new-wrap {
        margin-top: 65px;
    }

    .new-wrap .col-md-9 {
        display: flex;
    }
}

/* Sök */
.search-text {
    content: "Sök";
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Calibri", sans-serif !important;
    position: relative;
    bottom: 12px;
    right: 3px;
}

#mega-menu-wrap-primary_menu #mega-menu-primary_menu {
    text-align: right !important;
}

#google_language_translator .goog-te-gadget .goog-te-combo:hover {
    cursor: pointer;
}

/* Text justeringar */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

body h1 {
    font-size: 1.9rem !important;
}

body h2,
body lime-form[form-id="iIWnqAcCVOEkZSynsXb8"] #simpliform .thin-header h2,
body lime-form[form-id="lm0XSisq01M5ZVfZODwl"] #simpliform .thin-header h2 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}
body h3 {
    font-size: 1.3rem !important;
}

#language-picker {
    width: 118px;
    margin-left: 18px;
}

.mina-sidor {
    margin-left: 78px;
}

#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.asp_m.asp_m_1 {
    width: auto;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0;
    bottom: auto !important;
    right: auto !important;
}

#ajaxsearchpro1_1 .probox .promagnifier div.asp_text_button,
#ajaxsearchpro1_2 .probox .promagnifier div.asp_text_button,
div.asp_m.asp_m_1 .probox .promagnifier div.asp_text_button {
    color: #666 !important;
}

#google_language_translator .goog-te-gadget .goog-te-combo {
    color: #666 !important;
}

@media (min-width: 1137px) {
    body h1 {
        font-size: 2.6rem !important;
    }

    body h2,
    body lime-form[form-id="iIWnqAcCVOEkZSynsXb8"] #simpliform .thin-header h2,
    body lime-form[form-id="lm0XSisq01M5ZVfZODwl"] #simpliform .thin-header h2,
    body lime-form[form-id="JScjcoUxnTC49m6YTwUI"] #simpliform .thin-header h2 {
        font-size: 1.9rem !important;
        font-weight: 600 !important;
    }
    body h3 {
        font-size: 1.5rem !important;
    }
}

.navbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

@media (min-width: 64em) {
    .navbar.sticky {
        position: relative;
    }
}