/*
Theme Name: Wido Lab
Template: hello-elementor
Author: Ella&Sigrid
Author URI: https://ellasigrid.se
Version: 3.4.4.1755157800
Updated: 2025-08-14 07:50:00

*/

/* Sofia Pro Light
font-family: "sofia-pro", sans-serif;
font-weight: 300;
font-style: normal;

Sofia Pro Regular
font-family: "sofia-pro", sans-serif;
font-weight: 400;
font-style: normal;

Sofia Pro Medium
font-family: "sofia-pro", sans-serif;
font-weight: 500;
font-style: normal;

Sofia Pro Semi Bold
font-family: "sofia-pro", sans-serif;
font-weight: 600;
font-style: normal; */

:root {
	--dark-green:#005159;
	--green:#008C8C;
	--light-green:#E9F4F4;
	--orange:#e59d54;
	--white:#fff;
	--font:2.5rem;
}

::selection {background: var(--green); color:#fff;} ::-moz-selection {background: var(--green); color:#fff;}
:focus {outline:none; background:none !important;color:#323232 !important;}

html { font-size: 62.5%; overflow-x:hidden; }
body {font-family: "sofia-pro", sans-serif; font-weight:300; font-size:2.5rem; --wp--preset--font-size--x-large:5rem;}

h1, h2, h3, h4, h5 {font-weight: 600;}
h1, h2, h3 {font-size:5rem;}

p {font-size:2.5rem;}
.elementor-element ul,.elementor-element ol{font-size:2.5rem;margin:1rem 0 2rem;}
.single-post .elementor-widget-theme-post-content a{text-decoration:underline;}
.single-post figure.wp-block-image{margin:5rem 0;}

.elementor-button[href$=".pdf"] .elementor-button-text:before,.elementor-button[href*="//"]:not([href*="widolab.se"]) .elementor-button-text:before{font-family: "Font Awesome 6 Pro";color:var(--lightblue);margin-right:1rem;font-weight:300;}
.elementor-button[href$=".pdf"] .elementor-button-text:before{content:'\f1c1'; font-size: 20px;}
.elementor-button[href*="//"]:not([href*="widolab.se"]) .elementor-button-text:before{content:'\f08e'; font-size: 18px;}

/* Header */
.elementor-location-header{
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    var(--light-green) 0%,
    var(--light-green) 90%,
    var(--dark-green) 90%,
    var(--dark-green) 100%
  );
	position:relative; z-index:50;
}
.elementor-location-header .elementor-col-100 .elementor-element-populated {padding:0 !important;}
.elementor-location-header .elementor-col-33 .elementor-element-populated {padding:30px 20px !important;}
.elementor-location-header .elementor-nav-menu--main {margin-top:-15px;}
.elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item {font-size:2.3rem; font-weight:300; font-family: "sofia-pro", sans-serif;}
.elementor-location-header .elementor-search-form--button-type-icon {margin-left:50px;}
.elementor-widget-theme-site-logo {margin-bottom:5px !important;}
.header-wrapper {padding-bottom:0 !important;}
.language {position:absolute !important; top:1.2rem; right:2.3rem;}
.language .cpel-switcher__lang {position:relative;}
.language .cpel-switcher__lang a {font-family: "sofia-pro", sans-serif !important;}
.language .cpel-switcher__lang:not(:last-child):after {content:'/';position: absolute; right: -8px;top: 13px;color: var(--white);font-size: 15px;}
.menu-wrapper:before {content:''; background:var(--dark-green); width: 100px;z-index: 50; position: absolute; left: -99px; height: calc(100% + 0.5px); clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%); top:0;}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {color:var(--white); font-size: 2.3rem;}
.wp-block-navigation .wp-block-navigation-item {margin:0 1.5rem;}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {background:var(--dark-green); border:0;}
.wp-block-navigation-submenu {z-index:100;}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {stroke:var(--white);}
.wp-block-navigation .wp-block-navigation__submenu-icon {font-size:2.5rem; margin-left:1.5rem;}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {background:var(--dark-green);}

/* Content */
.elementor-widget-image a img[src$=".svg"] {width: 100% !important;}
.elementor-cta__title {font-size: 5rem !important;}
.elementor-message {font-size:1.8rem !important;}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding: 20px;}
.elementor-2 .elementor-element.elementor-element-80f74ad {grid-row-gap:20px;}
.elementor-posts-container article {background:var(--light-green); padding:3rem 4rem !important;}
.elementor-posts .elementor-post__title {font-size:2.5rem !important;}
.elementor-posts .elementor-post__meta-data {font-size: 15px !important;color: #2d2d2d !important;}
.elementor-posts .elementor-post__text {font-size:2.5rem;}
.e-loop-item {background:var(--light-green);}
.e-loop-item .elementor-element-populated {padding:3rem 4rem !important;}
.e-loop-item h3 {font-size:2.5rem;}
.e-loop-item a {text-decoration: underline !important;}
.elementor-widget-posts .elementor-post__meta-data, .elementor-widget-posts .elementor-post__excerpt p, .elementor-widget-posts a.elementor-post__read-more {font-family:"sofia-pro", sans-serif !important;}
.elementor-widget-posts .elementor-post__excerpt p {color:#2d2d2d !important; font-size:2rem !important;}
.elementor-widget-posts a.elementor-post__read-more {font-size:2rem;}
.elementor-widget-posts .elementor-post__title a {font-weight:400 !important;}
.elementor-widget-text-editor a, .elementor-post__title a {text-decoration:underline !important;}
.site-main .elementor-section {margin-bottom:9rem;}
.site-main .elementor-section .elementor-section {margin-bottom:0;}
.elementor-section.elementor-section-boxed > .elementor-container {max-width:1740px !important;}
.elementor-widget-button .elementor-button, .elementor-form .elementor-button .elementor-button-text {font-family: "sofia-pro", sans-serif !important; font-weight:500 !important; font-size:2.5rem !important;}

.elementor-widget-heading {font-size:5rem;}
.elementor-widget-theme-post-content, .elementor-post-info__item {font-family: "sofia-pro", sans-serif !important; font-weight:300 !important;}
.services .elementor-widget-heading h2 {padding:0 4rem; word-break: break-all;}
.elementor-widget-heading .elementor-heading-title {font-family: "sofia-pro", sans-serif !important; font-weight:600 !important;}
.elementor-widget-text-editor {font-family: "sofia-pro", sans-serif !important; font-weight:300 !important; font-size:2.5rem; line-height:1.3;}

.darkgreen{background-color:var(--dark-green);}
.darkgreen *,.darkgreen h1,.darkgreen h2,.darkgreen h3,.darkgreen h4,.darkgreen h5,.darkgreen h6,.darkgreen .elementor-widget-heading .elementor-heading-title{color:var(--white);}
.darkgreen .elementor-form-fields-wrapper label{color:var(--white) !important;}
.darkgreen .elementor-form-fields-wrapper input:focus,.darkgreen .elementor-form-fields-wrapper input:active,.darkgreen .elementor-form-fields-wrapper textarea:focus,.darkgreen .elementor-form-fields-wrapper textarea:active{background:var(--white) !important;}
.darkgreen .elementor-button{cursor:pointer;}
.feedback input[value="Tumme upp"] + label, .feedback input[value="Tumme ner"] + label {visibility: hidden;}
.feedback input[value="Tumme upp"] + label:before {content:'\f164';font-size:7rem !important; font-family:"Font Awesome 6 Pro"; visibility: visible; position: absolute; margin-top:-40px; margin-left:-17px; color:var(--green);}
.feedback input[value="Tumme ner"] + label:before {content:'\f165';font-size:7rem !important; font-family:"Font Awesome 6 Pro"; visibility: visible; position: absolute; margin-top:-35px; margin-left:-17px; color:var(--green);}
.feedback .elementor-field-group-field_3687a5b {margin-top:40px; margin-bottom:40px !important;}
.feedback .elementor-field-group-field_3687a5b label {display:none;}
.feedback-start .fa-solid {font-weight:500; color:var(--green); font-size:7rem;}
.feedback-start .fa-thumbs-down, .feedback-start .fa-thumbs-up {visibility: hidden;font-size: 16px;}
.feedback-start .fa-thumbs-down:before, .feedback-start .fa-thumbs-up:before {visibility: visible;font-size: 7rem;}
.lightgreen{background-color:var(--light-green);}
.move-up {margin-top:-410px; padding-top:9rem !important;}
.no-margin-bottom {margin-bottom:0 !important;}
.padding {padding:7rem;}
.page-header {display:none;}
.single .page-header {display:block;}
.push-right {position: absolute; right: -140px; height: 100%; width: 48% !important;}
.widolab-support-wrapper img {position: absolute; right: 0; top: -180px; z-index: 50;}
.widolab-support-wrapper .elementor-element-populated {padding:0 !important;}
.wp-block-post-date {font-size:2rem;}
.wp-site-blocks {padding-top:0;}
.wrapper-small{max-width:1000px;margin:0 auto;}

.nyheter .e-loop-item h2 {font-size:2.5rem;}
.nyheter .elementor-post-info__item {font-size:1.5rem; font-weight:400;}
.nyheter .elementor-widget-container {font-size:2rem;}
.nyheter .elementor-widget-container p {font-size:2rem; margin-top:0; font-family: "sofia-pro", sans-serif !important; font-weight:300;}
.nyheter .elementor-widget-loop-grid .elementor-button {background: none; padding: 0; color: var(--green); font-size:2rem !important;}
.nyheter .elementor-widget.elementor-widget-theme-post-title {margin-bottom:5px;}

.padding-news{padding:8rem;max-width:1200px;margin:0 auto;}
.page-content{margin-top:6rem;}
.home .page-content{margin-top:0;}

.services .elementor-widget-image {background:#323232;}
.services a:focus {color:var(--white) !important;}

/* Sök */
.wp-block-search button{padding:1em !important;}
.wp-block-search input{color:#fff;background:transparent;font-family: "sofia-pro", sans-serif !important; font-weight:300 !important; font-size:2.5rem;}
.wp-block-search input:focus,.wp-block-search input:active,.wp-block-search input:hover{color:#fff !important;}
.wp-block-search .wp-block-search__inside-wrapper{border-color:#008C8C;border-top:0;border-right:0;border-left:0;padding:0;}
.search-results .wp-block-post-excerpt__excerpt{font-size:2.5rem;}
.search-results .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:45%;}
.search-results .wp-block-post-title a:where(:not(.wp-element-button)){text-decoration:underline;}
.search-results .wp-block-post-date{display:none;}

/* FAQ */
.elementor-toggle .elementor-tab-title{border-bottom:0px !important;}
.elementor-widget-toggle .elementor-toggle-title{margin-left:0.5em;}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left{font-size:2rem;}
.elementor-widget-toggle .elementor-toggle-title{font-size:2rem;}
.elementor-accordion-title,.elementor-accordion-icon{font-size:2rem;}

/* CTA */
.elementor-cta--skin-classic .elementor-cta__content{background-color:var(--light-green) !important;min-height:360px;}
.elementor-cta__button{background:var(--dark-green) !important;color:#fff !important;padding:20px 35px 20px 35px !important;border-style:none !important;font-size:1.9rem !important;font-weight:500 !important;line-height:1.5em;}
.elementor-cta__description {font-size:2.3rem;}
.elementor-mark-required .elementor-field-label:after {color:var(--orange) !important;}

/* Form */
.elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {background-color: var(--light-green) !important; border-color: var(--dark-green) !important; border-radius: 0px 0px 0px 0px !important; border-style: none; border-bottom: 1px solid var(--dark-green); padding: 1em; font-size: 1.9rem;}
.elementor-labels-above .elementor-field-group > label {font-size: 2.5rem; margin-bottom:5px;}

/* TGA */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {width:220px !important;}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right {right:-220px !important;}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {right: 220px !important;}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open {right:0 !important;}

/* Footer */
.copyright {padding-top:3rem; padding-bottom:1rem; margin-bottom:0;}
.copyright a {color:#000 !important; margin-right:5rem !important; font-size:2.5rem; text-decoration: underline !important;}
.copyright-info a {text-decoration:none !important; margin-right:0 !important;}
footer {font-size:2.5rem;}
footer .wp-block-group.is-content-justification-space-between {padding-top:0 !important;}
.footer-info {padding-top:4rem; padding-bottom:4rem; width:38%;}
.footer-info p {margin-top:0; line-height:1.3;}
.footer-social {background:var(--dark-green); padding:5rem 0 5rem 5rem !important; color:var(--white); font-size:2.5rem; text-align:right; font-family: "sofia-pro", sans-serif; font-weight:300;}
.footer-social a {color:var(--white) !important; text-decoration:underline !important;}
.footer-social a:first-child {margin-right:5rem;}
.footer-social:before {content:''; background:var(--dark-green); width: 100px; z-index: 50; position: absolute; left: -99px; height: calc(100% + 1px); top:-1px; clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);}
.footer-social .fa-brands {margin:0 4px; font-size:3rem;}
.fa-brands span{font-family: "sofia-pro", sans-serif; font-weight:300; font-size:2.5rem;}
.footer-wrapper {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    var(--light-green) 0%,
    var(--light-green) 80%,
    var(--dark-green) 80%,
    var(--dark-green) 100%
  ); margin-bottom:0;
}
.footer-wrapper .elementor-col-100 .elementor-element-populated {padding:0 !important;}
.footer-wrapper .elementor-col-33 .elementor-element-populated {padding:30px 20px !important;}

@media screen and (max-width: 1700px){
	.logotyp {padding-left:2rem;}
	.copyright, .footer-wrapper {padding-right:3rem; padding-left:3rem;}
	.move-up {margin-top:-340px;}
	.footer-info {width:44%;}
	.footer-social {width:44%;}
}

@media screen and (max-width: 1640px){
	.push-right {position: relative; right: 0; width: 40% !important; height: 390px;}
}

@media screen and (max-width: 1500px){
	.move-up {margin-top:-280px;}
	.footer-info {width:51%;}
	.footer-social {width:39%;}
	
	
}
@media screen and (max-width: 1500px){
/* hamburger button */
  .wp-block-navigation__responsive-container-open  {display: block !important;}

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {display: none !important;}
	.wp-block-navigation__responsive-container-open {padding:0 !important;}
	.menu-wrapper:before {width:88px; left:-87px;}
	.wp-block-navigation__responsive-container.is-menu-open {padding:0 !important;}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {padding:8rem 3rem;}
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {background-color:var(--dark-green);}
	.wp-block-search{margin:0 1rem;}
	.wp-block-search__inside-wrapper{width:100% !important;}
	.wp-block-search input{font-size: 1.7rem;}
}
@media screen and (max-width: 1300px){
	.footer-info {width:61%;}
	.footer-social {width:29%;}
}
@media screen and (max-width: 1220px){
	
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {font-size: 2rem;}
	.wp-block-navigation .wp-block-navigation-item {margin:0 1rem;}
	.padding {padding: 4rem;}
	.widolab-support-wrapper img {top: -160px; max-width: 200px !important;}
	
}

@media screen and (max-width: 1080px) {
	.move-up {margin-top:-180px;}
}

@media screen and (max-width: 1100px) {
	.footer-info figure {display:none !important;}
	.footer-social {width: 33%; padding-left:3rem !important;}
	.footer-info {width: 57%;}
	.services h2 {font-size:4rem;}
}
@media screen and (max-width: 1200px) {
	.om .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:700px;}
}
@media screen and (max-width: 900px) {
	.move-up {margin-top:-130px;}
	.footer-social {height:calc(36rem - 10rem);}
	.footer-social {width: 40%;}
	.footer-info {width: 50%;}
}

@media screen and (max-width: 767px) {
	.padding {padding:3rem 1rem 2rem;}
	.elementor-column[data-settings='{"background_background":"classic"}'] {min-height:500px;}
	.om .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:500px;}
	.elementor-location-header .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:0;}
	.no-min-height .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:auto;}
	.move-up {padding-top:5rem !important;}
	.footer-info {width: 100%; padding-left:3rem !important; padding-right:3rem !important;}
	.footer-info figure {display:table !important; }
	.footer-social {width: 100%; padding-left:3rem !important; padding-right:3rem !important;height:auto;}
	.footer-social:before {display:none;}
	.footer-wrapper {background:var(--light-green); padding-left:0; padding-right:0;}
	.push-right {width:100% !important; margin-top:3rem;}
	.footer-social {text-align:center;}
	.site-main .elementor-section {margin-bottom:3rem;}
	.widolab-support-wrapper img {top: -70px; max-width: 130px !important;}
}

@media screen and (max-width: 700px) {
	.footer-info figure {margin-bottom:3rem;}
}

@media screen and (max-width: 630px) {
	.footer-info figure {margin-bottom:6rem;}
	.om .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:400px;}
}

@media screen and (max-width: 550px) {
	.copyright a {display:block; clear:both;}
	.copyright-info {width:100%;}
	.copyright-info a {display:inline; clear:none;}
	.footer-info figure {width:100%; text-align:center;margin-bottom:2rem;}
}

@media screen and (max-width: 500px) {
	.logotyp {max-width:50%;}
	.logotyp img{width:100%;height:auto;}
	.om .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:350px;}
	.menu-wrapper:before{display:none;}
	.elementor-location-header .elementor-column[data-settings='{"background_background":"classic"}'] {min-height:80px;}
	.elementor-location-header {height:80px;}
	.elementor-location-header .elementor-col-33 .elementor-element-populated {padding: 10px 20px 0 !important;}
	.elementor-nav-menu--dropdown-tablet {margin-top:7px;}
	.footer-social a:first-child {margin-right: 0; clear: both; display: block;}
	.language {top: 0.1rem;right: 1.3rem;}
	.widolab-support-wrapper img {top: -60px; max-width: 120px !important;}
	
}
@media screen and (max-width: 400px) {
	.slogan {text-align:center;margin-left:0;}
}