/*
Theme Name: Inlead
Author: Creative Works
Template: hello-elementor
*/

@import url("https://use.typekit.net/zbq5cpq.css");

body{
    font-weight: 400;
    color: #333;
}
body, h1, h2, h3, h4, h5, p, span, a, b, strong, div, li, input, textarea, select, option{
    font-family: "titillium-web", sans-serif;
}
h1, h2, h3, h4, h5{
    font-weight: 700;
}
h1,
.intro-content h2{
    font-size: 80px;
    font-weight: 400;
    line-height: 1.06;
}
h2{
    font-size: 60px;
    font-weight: 400;
    line-height: 1.06;
}
h3{
    font-size: 30px;
    font-weight: 400;
    line-height: 1.06;
}
h4{
    font-size: 26px;
    font-weight: 400;
    line-height: 1.06;
}
h5{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.06;
}
p{
    margin: 0px 0px 15px 0px;
}
div{

}
a{
    color: #363636;
}

.elementor-widget-button .elementor-button{
    font-weight: 700 !important;
    min-width: 177px;
}
.header-button-c .elementor-widget-button .elementor-button{
    min-width: 100%;
    max-width: 100%;
    transition: color 100ms, background-color 100ms;
}
header.menu-open .elementor-widget-button .elementor-button{
    background-color: #fff;
    color:#1D7A81;
}

header .logo-c a,
header .logo-c a img,
header .logo-c-white a,
header .logo-c-white a img{
    display: block;
}






@keyframes fadeInDownCW {
    from {
        opacity: 0;
        transform: translateY(-80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.cw-ani.fadeInDown {
    animation-name: fadeInDownCW;
}
@keyframes fadeInDownCWShort {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.cw-ani-short.fadeInDown {
    animation-name: fadeInDownCWShort;
}
@keyframes fadeInUpCW {
    from {
        opacity: 0;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.cw-ani.fadeInUp {
    animation-name: fadeInUpCW;
}



.intro-left-c::after{
    content: '';
    position: absolute;
    bottom: 0px;
    right: -2px;
    height: 101px;
    width: 4px;
    background-color: #fff;
}


.intro-decoration-block{
    position: absolute;
    height: 100px;
    width: 100px;
    border-left: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-bottom-left-radius: 69px;
    left: -1px;
    top: min(375px, 21vw);
}
.intro-decoration-block.v2{
    position: absolute;
    height: 100px;
    width: 100px;
    border-left: 0px;
    border-right: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 69px;
    left: auto;
    top: 50%;
    right: -61px;
    bottom: auto;
}
/*
.intro-decoration-block::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 0px;
    left: auto;
    bottom: auto;
    width: 11px;
    height: 11px;
    background-image: url('/wp-content/themes/inlead/images/circle.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 11px 11px;
}
*/
.intro-decoration-block::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 69px;
    right: 0px;
    height: 11px;
    background-color: #fff;
    background-image: url('/wp-content/themes/inlead/images/circle-filled.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 11px 11px;
}
.intro-decoration-block.v2::after {
    left: 0px;
    right: 0px;
    width: 11px;
}

.intro-right-border-block{
    position: relative;
    border-left: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-bottom-left-radius: 69px;
    left: -1px;
}
.intro-right-border-block::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 69px;
    right: 0px;
    height: 11px;
    background-color: #fff;
    background-image: url('/wp-content/themes/inlead/images/circle.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 11px 11px;
}

.intro-right-border-block h2{
    
}

.intro-left-img-c{
    max-width: 100%;
}



.intro-left-c{
    border: 1px solid #CECECE;
    border-left: 0px;
    border-bottom: 0px;
    border-top-right-radius: 69px;
}

.intro-content-c{
    position: relative;
    top: -33px;
}

.intro-content-top{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    column-gap: 0px;
}

.intro-content-top > .intro-content-bullet{
    position: relative;
    height: 38px;
    width: 132px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    background-image: url('/wp-content/themes/inlead/images/circle.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 11px 11px;
    color: rgba(54, 54, 54, 0.2);
}
.intro-content-top > .intro-content-bullet.bullet-hur{
    width: 150px;
}
.intro-content-top > .intro-content-bullet.active{
    background-image: url('/wp-content/themes/inlead/images/circle-filled.svg');
    color: #363636;
}


.intro-content-top::before{
    content: '';
    display: block;
    position: absolute;
    top: 31px;
    left: 11px;
    height: 3px;
    background-color: #707070;
    width: 132px;
    transition: all 600ms;
}
.intro-content-top:has(.bullet-varfor.active)::before{
    left: 143px;
}
.intro-content-top:has(.bullet-hur.active)::before{
    background: linear-gradient(to right, rgba(112, 112, 112, 1) 26%, rgba(112, 112, 112, 0) 100%);
    left: 275px;
    width: 150px;
}


.intro-content{
    position: absolute;
    top: 38px;
    padding-right: 110px;
    padding-top: 5px;
    opacity: 0;
    /*transition: opacity 1000ms;*/
}
.intro-content.intro-content-vad{
    position: relative;
    top: 0px;
}
.intro-content.active{
    opacity: 1;
}

.intro-right-block{
    max-width: 100%;
}

.elementor-page-12 header,
.elementor-page-12 footer{
    display: none !important;
}


body.intro-fixed{
    min-height: max(300dvh, 3000px);
    min-height: 3000px;
}
header{
    position: static;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 190001;
}
header.menu-open{

}

header .header-bg,
header .header-c{
    position: fixed;
    width: 100vw;
    height: 143px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}
header .header-c{
    z-index: 190100;
}


header .logo-c{
    display: block;
}
header.menu-open .logo-c{
    display: none;
}

header .logo-c-white{
    display: none;
}
header.menu-open .logo-c-white{
    display: block;
}


body.intro-fixed main{
    position: fixed;
    left: 0px;
    width: 100%;
    top: 143px;
}
body.intro-fixed footer{
    position: fixed;
    left: 0px;
    width: 100%;
    top: 100vh;
}
body.intro-free{
    padding-top: 1643px;
}



header .hamburger .menu-txt{
    color: #1D7A81;
    font-size: 18px;
    padding-left: 10px;
    text-transform: uppercase;
}

header.menu-open .hamburger .hamburger-inner,
header.menu-open .hamburger .hamburger-inner::before,
header.menu-open .hamburger .hamburger-inner::after,
header.menu-open .hamburger.is-active .hamburger-inner,
header.menu-open .hamburger.is-active .hamburger-inner::before,
header.menu-open .hamburger.is-active .hamburger-inner::after{
    background-color: #fff;
}
header.menu-open .hamburger .menu-txt{
    color:#fff;
}



#elementor-popup-modal-354 .dialog-message.dialog-lightbox-message::after {
    content: '';
    display: block;
    width: 100%;
    height: 143px;
    background-color: #1D7A81;
    position: absolute;
    top: 0px;
    z-index: 20;
}
#elementor-popup-modal-354 .elementor-location-popup{
    z-index: 10;
}

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start-width: 2px !important;
}

.subpages-list{
	list-style-type: none;
	padding-left:0px;
	margin-bottom:50px;
}
.subpages-list li{
	border-top: 1px solid #CECECE;
	padding-left:0px;
}
.subpages-list li a{
	color: #363636;
	font-size:56px;
	padding:70px 0px;
	display: block;
}



body.scrolled-section header .valj-ratt-robotcell-but a{
    background-color:#707070;
}
body.scrolled-section header .valj-ratt-robotcell-but a span{
    color: #fff !important;
}
body.scrolled-section header .valj-ratt-robotcell-but a:hover{
    background-color:#f2f2f2 !important;
    color:#1D7A81 !important;
}

body.scrolled-section .elementor-button-link{
    background-color:#707070 !important;
    border-color: #707070 !important;
}
body.scrolled-section .elementor-button-link span{
    color: #fff !important;    
}
body.scrolled-section .elementor-button-link:hover span{
    color: #707070 !important;
}
body.scrolled-section .elementor-button-link:hover{
    background-color:#f2f2f2 !important;
}

.menu-footer-c .valj-ratt-robotcell-but a:hover{
    background-color:#f2f2f2 !important;
}



body.scrolled-section .hamburger-inner,
body.scrolled-section .hamburger-inner::before,
body.scrolled-section .hamburger-inner::after{
    background-color: #fff;
}
body.scrolled-section .hamburger .menu-txt{
    color:#fff;
}
.hamburger-inner{
    top:0px !important;
    margin-top:0px;
}
.hamburger-inner::after{
    bottom: -12px !important;
}
.hamburger--squeeze.is-active .hamburger-inner{
    top:3px !important;
    margin-top:1.5px;
}
.hamburger--squeeze.is-active .hamburger-inner::after{
    bottom: 0px !important;
}

body.page-id-1455 #CookiebotWidget{
    display: none;
}

.elementor-element .swiper .elementor-swiper-button-prev{
    padding: 20px;
    left: 10px;
}
.elementor-element .swiper .elementor-swiper-button-next{
    padding: 20px;
    right: 10px;
}
.elementor-element .swiper .elementor-swiper-button-prev svg,
.elementor-element .swiper .elementor-swiper-button-next svg{
    opacity: 0.4;
}
.elementor-element .swiper .elementor-swiper-button-prev:hover svg,
.elementor-element .swiper .elementor-swiper-button-next:hover svg{
    opacity: 1;
}

.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 25px;
}

@media only screen and (min-width: 1301px) and (min-height: 840px){
    .menu-footer-c{
        position: absolute;
        bottom: 100px;
        left: 0px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) and (min-height: 720px){
    .menu-footer-c{
        position: absolute;
        bottom: 60px;
        left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 630px){
    .menu-footer-c{
        position: absolute;
        bottom: 40px;
        left: 0px;
    }
}







@media only screen and (min-width: 768px){
    .menu-c li.menu-item .sub-menu{
        display: block !important;
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        left: 0px;
        top: 0px;
        width: auto;
        background-color: transparent;
    }

    .inv-but-not-mob a.elementor-button{
        color: #1D7A81 !important;
        background-color: #fff;
        border-width: 2px;
    }

}


.elementor-sub-item:hover{
    background-color: transparent;
}

.menu-c li.menu-item .sub-menu{
    padding-top: 7px;
}
.menu-c li.menu-item a{
    display: inline-block;
    padding: 0px !important;
    line-height: 1.2;
    margin: 5px 0px 4px 0px;
    text-decoration: none;
}
.menu-c li.menu-item a::after,
.menu-footer-c p a::after,
footer p a::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    height: 1px;
    background-color: #fff !important;
    width: 0px;
    left: auto;
    right: 0px;
    transition: width 200ms;
    opacity: 1 !important;
}
.menu-c li.menu-item a:hover::after,
.menu-footer-c p a:hover::after,
footer p a:hover::after{
    left: 0px;
    width: 100%;
}

.menu-c li.menu-item a:hover{
    transform: scale(1.1);
}

@media only screen and (min-width: 767px){
    .menu-outer-c nav .submenu-opener a{
        font-size: 50px;
        transform: scale(1);
        display: inline-block;
        transition: transform 400ms;
    }
    .menu-outer-c nav .submenu-opener a::after{
        content: '';
        display: block;
        position: absolute;
        bottom: -6px;
        height: 2px;
        background-color: #fff !important;
        width: 0px;
        left: auto;
        right: 0px;
        transition: width 200ms;
        opacity: 1 !important;
    }
    .menu-outer-c nav .submenu-opener a:hover{
        transform: scale(1.1);
    }
    .menu-outer-c nav .submenu-opener a:hover::after{
        left: 0px;
        width: 100%;
    }
}

.menu-footer-c p a{
    display: inline-block;
    position:relative;
}
.menu-footer-c p a::after{
    bottom: 4px;
}
footer p a:hover::after{
    bottom: 2px;
}
.menu-footer-c p a:hover{
    text-decoration: none !important;
}
footer a{
    display: inline-block;
    position: relative;
}
footer a:hover{
    text-decoration: none !important;
}


.menu-c.footer-menu li.menu-item a{
    margin: 6px 0px 5px 0px;
}

.menu-c.footer-menu.footer-menu-secondary li.menu-item a{
    margin: 0px 40px 0px 40px;
}
.menu-c.footer-menu.footer-menu-secondary li.menu-item:last-of-type a{
    margin-right: 0px;
}

.menu-c.footer-menu.footer-menu-secondary li.menu-item.footer-img-link a{
    max-width: 26px;
}
.menu-c.footer-menu.footer-menu-secondary li.menu-item.footer-img-link a::after{
    left: 0px;
    width: 0px;
}
.menu-c.footer-menu.footer-menu-secondary li.menu-item.footer-img-link a img{
    width: 100%;
    height: auto;
}

.menu-c.footer-menu.footer-menu-secondary ul.elementor-nav-menu{
    align-items: center;
    height: 30px;
}

.menu-outer-c .e-con-inner{
    position: relative;
}
.menu-outer-c a{
    color:#fff;
}

.footer-logo img{
    display: block;
    position: relative;
    left: -14px;
}

footer p{
    line-height: 1.56;
}


footer a,
footer a:hover{
    color:#fff;
}

.valj-ratt-robotcell-but .elementor-button-text span{
    display: none;
}

.hamburger-button-cont button {
    background-color: transparent !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.robotcell-list-c .elementor-loop-container .robotcell:first-of-type{
    border-top: 1px solid #CECECE;
}

.circle-bl .elementor-heading-title,
.circle-br .elementor-heading-title{
    position: relative;
    max-height: 22px;
    min-height: 22px;
    height: 22px;
    line-height: 22px;
}
.circle-bl .elementor-heading-title::after,
.circle-br .elementor-heading-title::after{
    content: '';
    position: absolute;
    top: auto;
    right: auto;
    left: 0px;
    bottom: -19px;
    width: 11px;
    height: 11px;
    background-image: url('/wp-content/themes/inlead/images/circle.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 11px 11px;
    z-index: 20;
}
.circle-br .elementor-heading-title::after{
    right: 0px;
    left: auto;
}

.start-conf-block-c{
    transition: opacity 600ms;
}


.nyhet-list-txt{
    width: 100% !important;
    max-width: 293px !important;
}

.link-arr a,
.link-arr .elementor-heading-title{
    display: inline-block;
    background-image: url('/wp-content/themes/inlead/images/arr-r.svg');
    background-position: right center;
    background-position: right 0px top 4px;
    background-size: 14px 13px;
    background-repeat: no-repeat;
    padding-right: 24px;
    transition: padding 150ms;
}
.link-arr a:hover,
a:hover .link-arr .elementor-heading-title{
    padding-right: 27px;
    padding-left: 3px;
}

.nyheter-swiper a.nyhet-item-c{
    display: block;
    color: #363636;
    padding: 22px 22px 42px 22px;
    border: 1px solid #D4D4D4;
    border-radius: 10px;
}
.nyhet-item-c:hover{
    text-decoration: none;
}
.nyhet-item-c .nyhet-bild img{
    border-radius: 8px;
}
.nyhet-item-c .nyhet-datum{
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 3px;
}
.nyhet-item-c .nyhet-titel{
    font-size: 28px;
    line-height: 1.25em;
    padding-top: 8px;
}
.nyhet-item-c .nyhet-text{
    font-size: 18px;
    line-height: 1.33em;
    max-width: 293px;
    padding-top: 6px;
    padding-bottom: 15px;
}
.nyhet-item-c .nyhet-las-mer{
    font-size: 18px;
    line-height: 1em;
    font-weight: 700;
    color: #1D7A81;
    display: inline-block;
    background-image: url(/wp-content/themes/inlead/images/arr-r.svg);
    background-position: right center;
    background-position: right 0px top 4px;
    background-size: 14px 13px;
    background-repeat: no-repeat;
    padding-right: 24px;
    transition: padding 150ms;
}
.nyhet-item-c:hover .nyhet-las-mer{
    padding-right: 27px;
    padding-left: 3px;
}

.swiper-slide{
    min-height: 100%;
    height: auto !important;
}
.swiper-slide a.nyhet-item-c{
    height: 100%;
}

.tjanster-omrade-c ul{
    padding-left: 20px;
}

.om-oss-omrade .tjanster-omrade h3{
    margin-top: 55px;
}

body .nyheter-loop-grid .elementor-grid{
    display: grid;
    grid-auto-rows: unset !important;
}
.grid-newspage .e-loop-item:first-of-type {
    grid-column: span 3;
    
}

.nyheter-loop-grid .e-loop__load-more{
    margin-top: min(175px, 9.5vw) !important;
}
.nyheter-loop-grid .e-loop__load-more .elementor-button{
    min-width: 177px;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 0px;
    border-radius: 4px;
}

.integritetspolicy-c h2{
    font-size: 50px;
}
.integritetspolicy-c h3{
    font-size: 40px;
}

#custom-google-map{
    height: 566px;
}

.robotcell-list-c .e-loop-item-1907 .elementor-widget-heading .elementor-widget-container{
    display: flex;
    align-items: center;
}
.robotcell-list-c .e-loop-item-1907 .elementor-widget-heading .elementor-widget-container::after{
    content: ' - Nyhet!';
    display: inline-block;
    padding-top: 6px;
    padding-left: 6px;
    font-size: 24px;
    color: #363636;
}




@media only screen and (min-width: 1024px){
    .grid-newspage .e-loop-item:first-of-type .e-con-inner{
        padding-bottom: 22px;
    }
    .grid-newspage .e-loop-item:first-of-type .news-text{
        padding-bottom: 3px;
    }
    .grid-newspage .e-loop-item:first-of-type .link-arr .elementor-widget-container{
        padding-top: min(60px, 3.3vw);
    }
}

@media only screen and (min-width: 768px){
    header.menu-open .valj-ratt-robotcell-but a:hover{
        background-color: #f2f2f2 !important;
        color: #1D7A81 !important;
    }
}

@media only screen and (max-width: 1650px){
    .intro-content{
        padding-right: 50px;
        padding-top: 5px;
    }
    .intro-content h1,
    .intro-content h2{
        font-size: 4.85vw;
    }
    .intro-right-border-block h2{
        font-size: 4.8vw !important;

    }
}
@media only screen and (max-width: 1500px){

}
@media only screen and (max-width: 1400px){
    .elementor-element .swiper .elementor-swiper-button-prev{
        padding: 10px;
        left: 10px;
    }
    .elementor-element .swiper .elementor-swiper-button-next{
        padding: 10px;
        right: 10px;
    }
    .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 15px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px){
    .intro-content h1,
    .intro-content h2{
        min-height: calc(2 * 1.06em); /* Font height fix */
    }
}
@media only screen and (max-width: 1300px){
    .intro-content h1,
    .intro-content h2{
        font-size: 4.6vw;
    }
    .knappar-var-2 .elementor-widget-button .elementor-button{
        min-width: 150px;
    }
}
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 1100px){
    .intro-content h1,
    .intro-content h2{
        font-size: 4.4vw;
    }

    .intro-content-top > .intro-content-bullet,
    .intro-content-top::before{
        width: 30%;
    }
    .intro-content-top > .intro-content-bullet.bullet-vad{
        width: 30%;
    }
    .intro-content-top > .intro-content-bullet.bullet-varfor{
        width: 40%;
    }
    .intro-content-top > .intro-content-bullet.bullet-hur{
        width: 30%;
    }

    .intro-content-top:has(.bullet-varfor.active)::before{
        left: 30%;
        width: 40%;
    }
    .intro-content-top:has(.bullet-hur.active)::before{
        left: 70%;
        width: 30%;
    }

}
@media only screen and (max-width: 1024px){
    .intro-content h1,
    .intro-content h2{
        font-size: 4vw;
    }

    .intro-right-block p{
        font-size: 16px;
    }
	
	.subpages-list{
		margin-bottom: 130px;
	}
	.subpages-list li:last-child{
		border-bottom: 1px solid #CECECE;
	}
	.subpages-list li a{
		font-size:28px;
		padding:30px 0px;
	}

    .swiper-slide{
        padding-left: 4.6vw;
    }
    .swiper-slide:last-of-type{
        padding-right: 4.6vw;
    }

    .konfigurator-widget-c{
        padding-top: 10px;
    }


    .page-id-1455 footer{
        display: none;
    }
    .page-id-1455 .header-button-c{
        display: none;
    }

    .grid-newspage .e-loop-item:first-of-type {
        grid-column: span 2;
    }


}
@media only screen and (max-width: 900px){
    .intro-content h1,
    .intro-content h2{
        font-size: 3.8vw;
    }
}
@media only screen and (max-width: 767px){

    header .header-bg,
    header .header-c{
        height: 118px;
    }
    header .logo-c img{

    }
    .header-button-c{
        position: fixed;
        top: 0;
    }
    .header-button-c .elementor-button{
        height: 45px;
    }
    .valj-ratt-robotcell-but .elementor-button-text span{
        display: none;
    }

    .header-c{
        transition: padding 200ms, height 200ms;
    }
    .menu-open .header-c,
    .menu-open .header-bg{
        padding-top: 0px;
        height: 75px;
        min-height: 75px;
    }

    .submenu-c{
        display: none;
    }
    .submenu-opener a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0px 20px 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        outline: none !important;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .submenu-opener.first a{
        border-top: 0px;
    }
    .submenu-opener a::after{
        content: '';
        display: block;
        background-image: url('/wp-content/themes/inlead/images/menu-arr.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        width: 22px;
        height: 22px;
        transform: rotate(-90deg);
        transition: transform 300ms;
    }
    .submenu-opener a.opened::after{
        transform: rotate(0deg);
    }
    .submenu-c li.menu-item a{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-weight: 400 !important;
    }
    .submenu-c{
        top: -10px;
    }

    .menu-c.footer-menu.footer-menu-secondary li.menu-item a{
        margin: 0px;
    }
    .menu-c.footer-menu.footer-menu-secondary ul.elementor-nav-menu{
        width: 100%;
        justify-content: space-between;
    }
    .menu-c.footer-menu.footer-menu-secondary ul.elementor-nav-menu::after{
        display: none;
    }
    .footer-copy-c{
        opacity: 0.7;
    }

    .header-button-c{
        transition: all 200ms;
        height: 45px;
        min-height: 45px;
        overflow: hidden;
    }
    .menu-open .header-button-c{
        height: 0px;
        min-height: 0px;
    }

    header.menu-open .elementor-widget-button .elementor-button{
        background-color: #1D7A81;
        color: #fff;
    }

    .menu-footer-c p{
        margin: 0px !important;
    }

    #elementor-popup-modal-354 .dialog-message.dialog-lightbox-message::after{
        height: 75px;
    }

    .intro-content-c{
        height: 494px;
    }
    .intro-content h1,
    .intro-content h2{
        font-size: min(38px, 9.74vw);
        line-height: 1.1;
        margin-top: 4px;
        max-width: 100%;
    }
    .intro-content-top {
        flex-direction: column;
        position: absolute;
        width: 20px;
        left: 1px;
        height: 100%;
        border-left: 1px solid #CECECE;
    }
    .intro-content-top > .intro-content-bullet {
        position: relative;
        height: calc(100% / 3);
        height: 15%;
        top: -10px;
        left: -6px;
        width: 100px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 18px;
        background-position: top left;
        background-position: top 5px left;
    }
    .intro-content-top > .intro-content-bullet.active{
        height: 30%;
    }

    /*
    .intro-content-top > .intro-content-bullet.bullet-vad,
    .intro-content.intro-content-vad{
        height: 100px !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-vad.active,
    .intro-content.intro-content-vad.active{
        height: 100px !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-varfor,
    .intro-content.intro-content-varfor{
        height: 100px !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-varfor.active,
    .intro-content.intro-content-varfor.active{
        height: 100px !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-hur,
    .intro-content.intro-content-hur{
        height: calc(100% - 200px) !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-hur.active,
    .intro-content.intro-content-hur.active{
        height: calc(100% - 200px) !important;
    }
    */
    .intro-content-top > .intro-content-bullet.bullet-vad,
    .intro-content.intro-content-vad{
        height: 60px !important;
        transition: height 400ms;
    }
    .intro-content-top > .intro-content-bullet.bullet-vad.active,
    .intro-content.intro-content-vad.active{
        height: 140px !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-varfor,
    .intro-content.intro-content-varfor{
        height: 60px !important;
        transition: height 400ms;
    }
    .intro-content-top > .intro-content-bullet.bullet-varfor.active,
    .intro-content.intro-content-varfor.active{
        height: 140px !important;
    }
    .intro-content-top > .intro-content-bullet.bullet-hur,
    .intro-content.intro-content-hur{
        height: 60px !important;
        transition: height 400ms;
    }
    .intro-content-top > .intro-content-bullet.bullet-hur.active,
    .intro-content.intro-content-hur.active{
        height: 140px !important;
    }

    .intro-content,
    .intro-content.intro-content-vad{
        position: relative;
        top: auto;
        height: 15%;
        padding-top: 15px;
        padding-right: 0px;
    }

    .intro-content-top::before{
        top: 0px;
        left: -2px;
        height: 140px;
        width: 3px;
    }
    .intro-content-top:has(.bullet-varfor.active)::before{
        left: -2px;
        top: 60px;
        height: 140px;
        width: 3px;
    }
    .intro-content-top:has(.bullet-hur.active)::before{
        left: -2px;
        top: 120px;
        height: calc(100% - 180px);
        width: 3px;
        background-color: #707070;
    }

        
    .intro-left-c{
        border: 0px;
    }
    .intro-content-c{
        top: 0px;
        padding-left: 20px;
    }
    .intro-right-border-block{
        border: 0px;
        left: 0px;
    }
    .intro-right-border-block::after{
        display: none;
    }

    .intro-right-c{
        margin-top: -246px;
    }
    .intro-left-c::after{
        display: none;
    }
    .intro-right-block .elementor-widget-button .elementor-button,
    .robotceller-but .elementor-button{
        min-width: 145px;
        max-width: 145px;
    }


    .intro-right-border-block h2 {
        font-size: 30px !important;
    }
    .intro-right-border-block{
        max-width: 415px;
    }

    .robotceller-but a.elementor-button{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .mob-invert-but a.elementor-button{
        color: #1D7A81 !important;
        background-color: #fff;
    }
    .mob-invert-but a.elementor-button:hover{
        background-color: #f2f2f2 !important;
    }
    .inlead-but a.elementor-button{
        max-width: 145px;
        min-width: 145px;
    }
    
    .se-alla-nyheter-c{
        position: absolute;
        top: 9px;
        right: 15px;
    }
    .se-alla-nyheter-c a.elementor-button{
        display: inline-block;
        background-color: transparent;
        border: 0px !important;
        padding: 0px;
        color: #1D7A81 !important;
        font-weight: 700;
        line-height: 1;
        min-width: 0px;
        width: auto;
        background-image: url(/wp-content/themes/inlead/images/arr-r.svg);
        background-position: right center;
        background-position: right 0px top 5px;
        background-size: 11px 10px;
        background-repeat: no-repeat;
        padding-right: 19px;
        transition: padding 150ms;
    }
    .se-alla-nyheter-c a.elementor-button .elementor-button-content-wrapper{
        display: inline;
    }

    .swiper-slide:first-of-type{
        
    }
    .nyheter-swiper{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .swiper-wrapper{
        padding-left: 0px;
        padding-right: 0px;
    }
    .swiper-slide{
        padding-left: 0px;
        padding-right: 0px;
    }
    .swiper-slide:last-of-type{
        padding-left: 0px;
        padding-right: 0px;
        /*box-sizing: content-box;*/
    }

    .nyhet-item-c .nyhet-datum{
        font-size: 14px;
    }
    .nyhet-item-c .nyhet-titel{
        font-size: 24px;
    }
    .nyhet-item-c .nyhet-text{
        font-size: 17px;
    }
    .nyhet-item-c .nyhet-las-mer{
        font-size: 16px;
    }

    .knappar-var-2 .elementor-widget-button .elementor-button{
        min-width: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-id-1455 .header-c{
        padding-top: 0px;
        height: 73px;
        min-height: 73px;
    }
    .page-id-1455 .header-bg{
        height: 73px;
        min-height: 73px;
    }
    .page-id-1455 .header-button-c{
        display: none;
    }
    
    .menu-c li.menu-item a::after{
        bottom: 0px;
    }
    .grid-newspage .e-loop-item:first-of-type {
        grid-column: span 1;
    }
    .nyheter-loop-grid .e-loop__load-more{
        margin-top: 50px !important;
    }
    .integritetspolicy-c h2{
        font-size: 40px;
    }
    .integritetspolicy-c h3{
        font-size: 30px;
    }

    #custom-google-map{
        height: 400px;
    }

    .valj-ratt-robotcell-but.mmenu a{
        width: 100%;
    }

    .valj-ratt-robotcell-but.banner a {
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
        width: 100%; /* eller sätt en fast bredd */
    }
    .valj-ratt-robotcell-but.banner a .elementor-button-content-wrapper {
        display: flex;
        gap: 0px;
        width: max-content;
    }
    .valj-ratt-robotcell-but.banner a .elementor-button-content-wrapper.marquee {
        animation: marquee 10s linear infinite;
    }
    .valj-ratt-robotcell-but.banner a .elementor-button-content-wrapper > span {
        padding-left: 35vw;
        flex-shrink: 0;
        min-width:50%;
    }
    .valj-ratt-robotcell-but.banner a .elementor-button-content-wrapper > span span{
        display: inline;
    }
    @keyframes marquee {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-50%);
        }
    }

    .kcase-loop-item-buttons-c .inlead-but a.elementor-button{
        min-width: 0px;
    }
    
} /* </767> */
@media only screen and (max-width: 500px){
    .valj-ratt-robotcell-but.banner a .elementor-button-content-wrapper > span {
        padding-left: 35vw;
    }
}
@media only screen and (max-width: 380px){
    .kcase-loop-item-heading-c .rubrikrad-vanster{
        flex-direction: column;
        row-gap: 0px;
    }
    .circle-bl:first-child .elementor-heading-title::after{
        display: none;
    }
}
@media only screen and (max-width: 360px){
    .right-block-buttons{
        flex-direction: column !important;
    }
    .intro-right-block .elementor-widget-button .elementor-button{
        min-width: 100%;
        max-width: 100%;
    }
    .intro-content-c {
        height: 546px;
    }
    .intro-right-c {
        margin-top: -238px;
    }

}
@media only screen and (max-width: 340px){

}




