/*
Theme Name: seodr.
Description: SEO Doktorn WordPress Theme
Version: 1.0
Author: SEO Doktorn i Sverige AB
Author URI: https://www.seo-doktorn.se
*/

/*------------ Reset ------------*/

*, *:after, *:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	font-size: 100%;
}
:root {
	--blue: #007d9e;
	--blue-d: #0b7192;
	--turq: #0092cc;
	--green: #afcb08;
	--green-d: #99b800;
	--grey: #f2f2f2;
	--grey-m: #e8e8e8;
	--grey-d: #929394;
	--white: #ffffff;
	--black: #292929;
}
html{
	overflow-x: hidden;
	font-size:16px;
}
body {
	font: 400 16px/1.7 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: var(--black);
	padding-top: 132px;
	overflow-x: hidden;
}
a:focus, a:hover, a:active, input:focus {outline: 0;}
img {max-width: 100%; vertical-align: bottom;height:auto;}
::selection {
	background:var(--turq);
	color:var(--white);
	text-shadow:none;
}
::-webkit-selection {
	background:var(--turq);
	color:var(--white);
	text-shadow:none;
}
::-moz-selection {
	background:var(--turq);
	color:var(--white);
	text-shadow:none;
}
.wp-block-image img{height: auto;}
.wp-block-image, .wp-block-media-text{padding-top:20px; padding-bottom:20px;}
.wp-block-gallery.has-nested-image .wp-block-image{padding:0;}

.blue-bg, .has-blue-background-color{background:var(--blue);color:var(--white);}
.green-bg, .has-green-background-color{background:var(--green-d);color:var(--white);}
.grey-bg, .has-grey-background-color{background:var(--grey); color: var(--black);}
.page-top-info.grey-bg .col-2-3{color: var(--black);}
.white{background:var(--grey);}
.white-txt, .blue-bg > *, .green-bg > *, .main-content .has-blue-background-color a{color:var(--white);}
.has-grey-color{color:var(--grey);}
.has-green-color{color:var(--green-d);}
.has-blue-color{color:var(--blue);}
.relative{position: relative;}
.bg-img, .perfmatters-lazy.loaded.bg-img, .perfmatters-lazy>img.loaded.bg-img, .perfmatters-lazy[data-was-processed=true].bg-img{
	object-fit: cover;
	height: 100%;
	width: auto;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left:0;
	z-index: 1;
	/*opacity: 0.4;*/
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

/*----------- Structure -----------*/

.clear:before, .clear:after {
	content:' ';
	display: table;
}
.clear:after {clear: both;}
.clear {*zoom: 1;}
.flex, .wp-block-gallery.has-nested-images {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-space {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.flex-column {
	flex-direction: column;
	-ms-flex-direction: column;
}
.vert-center {
	-ms-align-items: center;
	align-items: center;
}
.horiz-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.flex-end{
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
.row-reverse {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}
.center {
	text-align: center;
}
.wrap-l {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.wrap {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.wrap-m {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.wrap-s {
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.wrap-xs {
	max-width: 600px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

/*---------- Cols ----------*/

.col-f-1{width:100%;}
.col-1-2 {width: 48%;}
.col-1-3 {width: 31%;}
.col-2-3 {width: 65%;}
.col-1-4 {width: 23%;}
.col-3-4 {width: 73%;}
.col-f-1-2 {width: 50%;}
.col-f-1-3 {width: 33.33%;}
.col-f-2-3 {width: 66.67%;}
.col-f-1-4 {width: 25%;}
.col-f-3-4 {width: 75%;}
.wp-block-column.has-white-background-color{padding:25px;}

/*------------ General -----------*/

.pad-l {padding: 100px 0;}
.pad-l-bottom {padding-bottom: 100px;}
.pad {padding: 80px 0;}
.pad-bottom {padding-bottom: 80px;}
.pad-m {padding: 60px 0;}
.pad-m-bottom {padding-bottom: 60px;}
.pad-s {padding: 40px 0;}
.pad-s-bottom {padding-bottom: 40px;}
.pad-xs {padding: 20px 0;}
.pad-xs-bottom {padding-bottom: 20px;}
.marg-b {margin-bottom: 60px;}
.marg-b-xs {margin-bottom: 20px;}
.marg-t-l{margin-top: 100px;}
.marg-t-m{margin-top: 80px;}
.marg-t {margin-top: 60px;}
.marg-t-xs {margin-top: 20px;}

/*--------- Links & Buttons --------*/

a {
	color: var(--black);
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
a:hover {
	color: var(--black);
}
button.btn, a.btn, .btn, .wp-block-button__link, input[type="submit"]{
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	padding: 18px 55px 18px 25px;
	line-height: 1;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.95em;
	position: relative;
	text-decoration: none !important;
	min-width: 180px;
	letter-spacing: 0.03em;
	border-radius:0;
}
a.btn-primary, .btn-primary, .wp-block-button:not(.is-style-outline) > .wp-block-button__link, .wp-block-button.is-style-fill  > .wp-block-button__link, input[type="submit"]{
	background: var(--green-d);
	border: 2px solid var(--green-d);
	color: var(--white) !important;
}
a.btn-secondary, .btn-secondary, .wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--blue);
	color: var(--blue) !important;
	padding: 16px 55px 16px 25px;
}
a.btn-lightblue, .btn-lightblue{
	background-color: var(--turq);
	border: 2px solid var(--turq);
	color:var(--white);
	flex-grow: 1;
	flex-basis: 0;
}
.btn-primary:after, .btn-secondary:after, .wp-block-button__link:after, .btn-lightblue:after, .btn-blue:after, input[type="submit"]:after{
	content: "\e91a";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 18px;
	right: 20px;
}
.btn-primary-data:after {
	content: "\e903";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 1.2em;
}
a.btn-primary:hover, .btn-primary:hover, 
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover, .wp-block-button.is-style-fill > .wp-block-button__link:hover {
	background: var(--green);
	border: 2px solid var(--green);
}
a.btn-secondary:hover, .btn-secondary:hover, .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: rgba(0,0,0,.05);
}
a.btn-lightblue:hover{
	background:var(--blue-d);
	border: 2px solid var(--blue-d);
}
.single-produkter .produkter .main-content .btn-blue, .single-produkter .produkter .main-content .btn-primary-data{
	background-color: var(--blue-d);
	color: var(--white);
	min-width: 250px;
}
.single-produkter .show-int{min-width: 250px;}
.single-produkter .produkter .main-content .btn-blue:hover, .single-produkter .produkter .main-content .btn-primary-data:hover{
	background-color: var(--blue);
}
.sidebar a.tag{
    background: var(--grey);
    font-size: 0.9rem;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
    padding: 10px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
	color:var(--blue-d);
}

#breadcrumbs, .rank-math-breadcrumb p {
	font-size: 0.85em;
	padding: 7px 0 6px;
	line-height: 1.3;
}
#breadcrumbs .breadcrumb_last, .rank-math-breadcrumb .last {color: var(--black);}
#breadcrumbs a, .rank-math-breadcrumb a, .rank-math-breadcrumb .separator {color: var(--grey-d);}
#breadcrumbs a:hover, .rank-math-breadcrumb a:hover {color: var(--black);}

.error404 #page404 .btn {margin: 15px 5px;}
.error404 #page404 .btn-primary {margin-left: 15px;}

.language-selectors {
	position: fixed !important;
	bottom: 200px;
	right: 0;
	z-index: 4;
	padding: 2px 4px 2px 2px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.4); 
}
.language-selectors.en{
	bottom: 240px;
}
.language-selectors .lang-flag a {
	display: block;
}
.language-selectors .lang,
.language-selectors img {
	width: 37px;
	display: block;
	padding: 4px;
}
.main a.wp-block-file__button{padding:2px 10px;text-decoration:none;color:var(--white);background:var(--turq);}
.wp-block-media-text{padding:0;}

/*---------- Typography ---------*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'lexia', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 20px;
	font-weight: 800;
	text-transform: initial;
	line-height:1.05;
}
h1 {font-size: 2.2rem;}
.stroke-title {
	padding-bottom: 20px;
	position: relative;
	margin: 0 0 30px;
}
.stroke-title:after {
	content: "";
	background-color: var(--blue);
	height: 4px;
	width: 100px;
	position: absolute;
	left: 0;
	top: 100%;
}
h2 {font-size: 2rem;}
h3 {font-size: 1.35rem;letter-spacing: -0.01em;}
h4 {font-size: 1.2rem;}
.upper, .wp-block-file:not(.wp-element-button), .separator .ssba-share-text {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.95rem;
	letter-spacing: 0.8px;
	margin-bottom: 10px;
}
p {font-size: 1.1rem; line-height: 1.4;}
.main-content p, .page-top-info .col-2-3 p:not(:last-of-type) {margin-bottom: 25px;}
.main-content ul, .main-content ol {margin-bottom: 25px;padding-left: 1.3em;}
.main-content li {margin-bottom: 8px;}
.main-content a {text-decoration: underline;color: var(--blue);}
blockquote {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.6;
	font-style: italic;
	border-left: 4px solid var(--blue);
	padding-left: 20px;
	margin: 40px 0;
}
.read-more, a.read-more {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.95em;
	letter-spacing: 1px;
	color: var(--blue);
	text-decoration:none;
}
.read-more:hover{color:var(--blue-d);text-decoration:underline;}

/*------- forms ---------*/

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 30px;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mc-field-group input {background-color: var(--white); width: 100%; padding: 15px; }
.mc-field-group {margin-bottom: 10px; }
.mc-clear .mc-field-group {width: 48%; float: left; }
.mc-clear .mc-field-group + .mc-field-group {margin-left: 4%; }
#mc_embed_signup input[type="submit"] {
	width: 100%;
	text-align: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.sumbit-mc-outer {position: relative; }
.sumbit-mc-outer:after {
	content: "\e91a";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 18px;
	right: 20px;
	color: var(--white);
}

/*-------------- Fixed search ---------------*/

.fixed-search {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(238,238,238,.9);
	z-index: 9999;
	display: none;
}
.fixed-search.active {display: block;}
.fixed-search .wrap-s.opa {opacity: 1;}
.wrap-l-main{padding-left:5%;}
.fixed-search .wrap-s {
	position: relative;
	opacity: 0;
	-webkit-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}
.fixed-search .search {
	width: 100%;
	padding: 40px 30px;
	background-color: var(--blue);
	margin-top: 20%;
}
.fixed-search .search-input {
	width: 75%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	padding: 15px;
	height: 50px;
	background-color: var(--white);
	float: left;
}
.fixed-search .search-submit {
	width: 25%;
	min-width: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	float: left;
	height: 50px;
	text-align: left;
}
.fixed-search .icon-cross {
	position: absolute;
	top: -18px;
	right: -18px;
	cursor: pointer;
	font-size: 1.4em;
	background: var(--white);
	padding: 10px;
	border-radius: 50%;
}

/*--------- 404 ---------*/

.four-o-four {
	font-size: 5em;
	line-height: 1;
	margin: 0;
}
.error404 #page404 {
	border: 2px dashed var(--grey-d);
	padding: 35px;
}

/*--------- Front page ---------*/

/*Gammal hero*/
.front-carousel .item {height: 300px; background-color: var(--blue);}
.front-carousel .item h3 {font-size: 1.8em;}
.front-carousel .item p {font-size: 0.95em;line-height: 1.5;}
.front-carousel .item .fp-logo{
	position: absolute;
	width: 320px;
	right: -80px;
	overflow: hidden;
	top: 30px;
}
.slider-info-box-button {width: 100%;}
.btn-wrap-fp{margin-top: 20px;}
.btn-wrap-fp .btn-primary:after{display: none;}
.slider-info-box {color: var(--white);width: 580px;padding: 40px 10px;}
.slider-info-box .btn-lightblue{padding: 20px;text-align: center;}
.slider-info-box .btn-primary{    
	padding: 20px 10px;
	flex-grow: 1;
	flex-basis: 0;
	margin-right: 20px;
	text-align: center;
}
.front-carousel .item .wrap-l {
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
/* Ny hero */
.hero {color: var(--white);min-height: 500px;background-color: var(--blue);}
.hero h1, .hero h2 {font-size: 4.2rem;}
.hero.flex {justify-content: space-between;}
.hero .col-1-2:first-child {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hero .col-1-2:first-child div {max-width: 600px;}
.hero .col-1-2:first-child div:not(.hero-btns) p {font-size: 1.5em; line-height: 32px; } 
.hero .col-1-2:last-child {width: 45%; }
.hero .col-1-2:first-child {padding: 60px; position: relative; }
.hero .col-1-2:first-child::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-image: url(assets/img/tribotec-blue-stripes-web.svg);
	background-repeat: no-repeat;
	z-index: 1;
}
.hero .col-1-2:first-child div {position: relative; z-index: 2; }
.hero .hero-btns {margin-top: 4em; }
.hero .hero-btns .btn {
	width: auto;
	max-width: 48%;
	text-align: center;
	padding: 20px;
	flex-grow: initial;
	display:flex;
	margin:5px 5px 0 0;
}
.hero .hero-btns .btn::after{display: none;}
.hero .hero-img {position: relative; }
.hero .hero-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.hero-overlay{
	z-index: 2;
    width: 100%;
	height: 100%;
    position: absolute;
    /* background: rgb(0, 125, 158);
    background: linear-gradient(90deg, rgba(0, 125, 158, 1) 40%, rgba(212, 212, 212, 0) 100%); */
	background: rgb(0,125,158);
	background: linear-gradient(90deg, rgba(0,125,158,1) 10%, rgba(212,212,212,0) 100%);
}
.page-top-info .col-2-3 p{font-size: 1.2rem; line-height: 1.4;}
.head-childtax .col-2-3{padding: 60px 5%;}
/* Puffar 3-kolumn m bild */
.puffar-fp .col-1-3{flex-grow: 1; flex-basis: 0;}
.puffar-fp .wrap-inner-img-txt a:hover .overlay{
	background-color: rgba(0,0,0,.7);
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.puffar-fp .wrap-inner-img-txt{position: relative; height: 270px; }
.puffar-fp .wrap-inner-img-txt img{object-fit: cover; width: 100%; height: 270px; position: relative; }
.puffar-fp .wrap-inner-img-txt .overlay{color: var(--white); padding-left: 40px; padding-top: 180px; background: rgba(0,0,0,.3); }

.puffar-fp .wrap-inner-img-txt h2{font-size: 1.3rem; font-weight: normal; }
.puffar-fp .wrap-inner-img-txt h2:after {
	content: "\e91a";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	right: 40px;
}
.logo-elem-slider {
	width: 70px !important;
	float: left;
	margin-right: 20px;
	position: relative;
	top: 5px;
}

/* ---------- PAGES -----------*/

#trp-floater-ls.trp-color-light.trp-bottom-right{
	left: unset;
    right: 0;
    bottom: 200px;
    display: block;
    width: 66px;
    position: fixed;
    z-index: 9999999;
    height: auto;
    background: transparent;
    box-shadow: none;
}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-current-language{display:none;}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list{display:block;}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a{padding:10px;margin:10px 10px 0 0;background-size: contain; background-position:center center; background-repeat: no-repeat;}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a img{visibility:hidden;}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a.trp-ls-disabled-language{opacity:0.25;}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a[title="English"]{background-image: url(assets/img/lang-en.svg);}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a[title="Swedish"]{background-image: url(assets/img/lang-se.svg);}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a[title="Danish"]{background-image: url(assets/img/lang-dk.svg);}
#trp-floater-ls.trp-color-light.trp-bottom-right #trp-floater-ls-language-list a:hover{background-color:transparent;filter:grayscale(1) contrast(1.5);}

/* Latest posts  */
#latestpost-section {
	overflow: hidden;
	background: var(--grey);
	padding: 15px 0;
	font-weight: normal;
	font-size: 0.95em;
}
#latestpost-section .flex {
	white-space: nowrap;
	display: inline-block;
	width: 4000px;
}
.latest-news-rub {
	color: var(--grey-d);
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.04em;
	margin: 0 10px !important;
}
#latestpost-section span {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	margin: 0 5px;
}
#latestpost-section a {color: var(--grey-d); } 
#latestpost-section a:hover {text-decoration: underline; }
#latestpost-section span.latest-news-rub:after {content: none; }
#latestpost-section span:after {
	content: "•";
	color: var(--grey-d);
	margin-left: 10px;
}
.news-banner-animation {
	-moz-animation: scroll-left 30s linear 1s infinite;
	-webkit-animation: scroll-left 30s linear 1s infinite;
	animation: scroll-left 30s linear 1s infinite;
}
@-webkit-keyframes scroll-left {
	0% {-webkit-transform: translateX(0);}
	100% {-webkit-transform: translateX(-25%);}
}
@keyframes scroll-left {
	0% {-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
	100% {-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
}
/* Section welcome */

#welcome-section {position: relative; } 
#welcome-section h1 {margin-bottom: 0;}
.contact-info-box {
	padding: 25px 30px;
	color: var(--white);
	width: 420px;
	background-color: var(--blue);
	position: absolute;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.contact-info {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
}
.contact-info-box a {color: var(--white); } 
.contact-info-box .upper {margin-bottom: 5px; }

/* Section Categories puffar */

#cat-section {background: var(--grey); } 
.post-type-archive-produkter #cat-section {background-color: transparent; } 
.cat-box {
	background-color: var(--white);
	border-top: 6px solid var(--green-d);
	position: relative;
	text-align: center;
	box-shadow:0 0px 25px rgba(0,0,0,0.05);
}
.cat-box img {
	width: 90px;
	position: absolute;
	top: -45px;
	left: 50%;
	border-radius:100%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	box-shadow:0 0px 15px rgba(0,0,0,0.10);
}
.cat-box img.topish {top: -50px; } 
.cat-box div {padding: 65px 5% 85px; }
.cat-box p {font-size: 0.9em; line-height: 1.3; }
.cat-box .btn {
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
}
#cat-section .flex .cat-box + .cat-box {margin-left: 2.66%; }

.show-info.btn-blue:after{transform:rotate(90deg);}
.show-info.current.btn-blue:after{transform:rotate(-90deg);}
.show-info{margin-left: 20px;}
.hide-info{margin-top:20px;}

/*-------- Taxonomy product pages ----------*/

.cat-top-info {background-color: var(--grey); } 
.tax-desc {margin: 20px 0 30px; } 
.tax-ref-section, .tax-seo-section {background-color: var(--grey);}
.tax-seo-section {border-top: 1px solid #ccc;}
.page-top-info .tax-icon {width: 70px; margin-right: 20px; border-radius:50%;}
.page-top-info .tax-icon + div, .page-top-info .tax-icon ~ div{flex:1;}
.page-top-info .tax-icon + div > h1, .page-top-info .tax-icon ~ div > h1 {margin-bottom: 0;}
.page-top-info h1{font-size: 3rem;}
.tax-seo-section .wrap .col-1-2 + .col-1-2 {margin-left: 4%;}
.sub-terms .subcat-object {line-height: 1.5;}
.sub-terms .subcat-object .upper, .ref-product .upper, .single-produkter .upper, .custom-product .upper {color: #929394; margin-bottom: 5px; line-height:1.2;}
.custom-product .upper span + span:before {content: "•"}
.sub-terms .subcat-object h2 {margin: 0 0 10px; font-size: 1.35em; line-height: 1.3;}
.sub-terms .subcat-object h2 ~ p {font-size: 0.95rem; margin-bottom: 20px;}
.sub-terms .subcat-object img {
margin-bottom: 15px;
	width: 100%;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	position: relative;
	top: 0;
}
.sub-terms .subcat-object img:hover {top: -5px;}
.sub-terms .subcat-object {margin-bottom: 35px;}
.sub-terms .col-1-3:nth-child(3n+2), .sub-terms .col-1-3:nth-child(3n+3) {margin-left: 3.5%;}
.custom-product {margin-bottom: 30px;}
.custom-product .main-content{}
.custom-product > .main-content.flex{height:100%;flex-direction:column;}
.custom-product h2, .custom-product h3 {font-size: 1.2em; margin: 0 0 10px; line-height: 1.3;}
.custom-product h2 a, .custom-product h3 a {color: var(--black); text-decoration: none;}
.custom-product h2 a:hover, .custom-product h3 a:hover {text-decoration: underline;}
.custom-product h2 ~ p, .custom-product h3 ~ p {font-size: 0.9em; margin-bottom: 20px; line-height: 1.5;}
.custom-product > .main-content.flex > .flex-space{align-items:flex-end;-ms-align-items:flex-end;}
.custom-product-outer .col-1-3:nth-child(3n+2), .custom-product-outer .col-1-3:nth-child(3n+3) {margin-left: 3.5%;}
.custom-product .loophead{flex:1; padding:20px 20px 0 20px; width: 50%;}
.custom-product .heading + p{padding:0 20px;}
.custom-product .loophead + img{width: 150px; height:150px;}
.custom-product .main-content{position: relative; height: 100%; display: flex; flex-direction: column; border: 1px solid #d3d3d3;}
.custom-product a:hover .main-content{border: 1px solid #aaa}

.custom-product .btnwrap{padding:0 20px 20px 20px; }
.single-produkter .custom-product .btn-primary-data {margin-right: 15px;}
.single-produkter .custom-product {border-top: 6px solid var(--blue); padding: 40px 5%;}
.single-produkter .custom-product h2 {font-size: 1.5em; margin: 0 0 20px; line-height: 1.3;}
.single-produkter .custom-product h2 ~ p {font-size: 1em; line-height: 1.7;}
.custom-product .main-content .btnwrap .btn-loop-productcat{padding: 15px 25px; min-width: 0px;}
.custom-product .main-content .btn-loop-productcat:after{content: none;}




/*-------- Product pages ----------*/



.form-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
  }
  
  .form-popup.active {
	display: block;
  }
  
  .form-popup .overlay {
	position: fixed;
  }
  
  .form-popup .wpcf7 {
	opacity: 0;
	padding: 60px 30px;
	-webkit-transition: opacity 0.35s ease;
	-moz-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
	position: relative;
	top: 200px;
	width: 650px;
	z-index: 1001;
	background-color: #fff;
	left: 50%;
	margin-left: -325px;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	margin-bottom: 50px;
  }
  
  .form-popup .wpcf7 h2 {
  margin-bottom: 5px;
  }
  
  .form-popup .wpcf7 .icon-cross {
  position: absolute;
  font-size: 1.2em;
  top: 15px;
  right: 15px;
  cursor: pointer;
  }
  
  .form-popup .wpcf7.opa {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
  }

  .form-popup .icon-cross{
  position: absolute;
  font-size: var(--font-size-m);
  padding: 15px;
  border-radius: 5px;
  background: #eee;
  right: 20px;
  top: 20px;
  cursor: pointer;
}


input[type="text"], input[type="tel"], input[type="email"], textarea{    
padding: 10px 20px;
border-radius: 0;

-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
-webkit-appearance: none;
background-color: var(--grey);
border: 1px solid var(--white);
width: 100%;
}

.form-popup .popup-form-inner p{margin-bottom: 0px;}

.wpcf7-list-item-label::before, .wpcf7-list-item-label::after{content: ""}
.wpcf7-acceptance .wpcf7-list-item-label:before, .wpcf7-checkbox .wpcf7-list-item-label:before, .wpcf7-radio .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--blue-d);
    border-radius: 100%;
    height: 28px;
    width: 28px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .1s linear;
    -webkit-transition: border .1s linear;
}

.wpcf7-acceptance .wpcf7-list-item-label:after, .wpcf7-checkbox .wpcf7-list-item-label:after, .wpcf7-radio .wpcf7-list-item-label:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 5px;
    left: 5px;
    margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
    background: var(--white);
}
.wpcf7 input[type="checkbox"]:checked~.wpcf7-list-item-label:after, .wpcf7 input[type="radio"]:checked~.wpcf7-list-item-label:after {
    background: var(--blue-d);
}
.wpcf7-acceptance .wpcf7-list-item label, .wpcf7-checkbox .wpcf7-list-item label, .wpcf7-radio .wpcf7-list-item label {
    position: relative;
    cursor: pointer;
    padding: 0 0 1px 35px;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
    width: auto;
    display: inline-block;
    display: none;
}
.single-produkter h1{margin-bottom: 0px;}

.product-table{
	border-top: 1px solid #cbcccb;
    padding: 40px 0px;
}
.product_table_outer{    overflow-x: scroll;
    overflow-y: auto;
width: 100%;}

.product-table .table-head{text-align: left;}
.product_table{
border-collapse: separate;
border-spacing: 0px 2px;
width: 100%;}

.product-table .table-row:nth-child(even){background: #b5c7cf;}
.product-table .table-row:nth-child(odd){background: #d6e0e3;}

.product-table .table-head th, .product-table .table-row td{padding: 5px 10px; white-space: nowrap; font-size: 14px;} 

.product-table h3{font-size: 1.2rem;}


/*----*/
.livs-icon-small, .search .livs-icon-small, .search .no-mark-icon-small {
width: 38px;
margin-right: 10px;
}
.no-mark-icon-small{
	width: 36px;
	margin-right: 10px;
}

/*--------- Kundreferenser ---------*/

.ref-content .attachment-post-thumbnail {
width: 100%;
margin-bottom: 30px;
}
.ref-product-outer .ref-product + .ref-product {
margin-top: 25px;
}
.ref-product {
background-color: var(--grey);
border-top: 6px solid var(--blue);
}
.ref-product .col-f-1-3 {
height: 250px;
}
.ref-product .col-f-1-3 img {
object-fit: cover;
height: 100%;
width: 100%;
}
.ref-product .col-f-2-3 {
padding: 0 5%;
}
.ref-product .btn-primary-data {
margin-right: 15px;
}
.my-term-archive li {
font-weight: bold;
text-transform: uppercase;
display: block;
line-height: 1.4;
position: relative;
}
.my-term-archive li a {
display: block;
background-color: var(--grey);
padding: 15px 20px;
}
.my-term-archive li + li a {
border-top: 1px solid rgba(0,0,0,.12);
}
.my-term-archive li.active a {
background-color: var(--grey-m);
}
.my-term-archive li a:hover {
background: var(--grey-m);
}

/*-------------- section datablad ----------*/
.fifty-full .col-f-1-2 + .col-f-1-2 {
padding-left: 5%;
}
.datablad-section-small {
color: var(--white);
background-color: var(--blue);
width: 100%;
}
.datablad-section-small .col-2-3 {
padding-left: 5%;
}
.datablad-section-small .col-1-3 {
margin-left: 4%;
position: relative;
}
.datablad-section-small .full-link {
background: var(--green-d);
color: var(--white) !important;
padding: 0 25px 0 25px;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
position: relative;
text-decoration: none !important;
letter-spacing: 0.03em;
width: 100%;
height: 50%;
}
.datablad-section-small .full-link + .full-link {
border-top: 1px solid rgba(255,255,255,.3);
}
.datablad-section-small .full-link:hover {
background: var(--green);
}
.datablad-section-small .full-link:after {
content: "\e91a";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: absolute;
top: 50%;
right: 25px;
margin-top: -7px;
}

.datablad-section-small h2 {
margin-bottom: 0;
}
/*----------- newsletter section ------------*/

#newsletter-section {
background-color: var(--grey);
border-left: 6px solid var(--blue);
}

/*----------- Medarbetare section ------------*/
.filter-outer {
background-color: var(--grey);
}
.filter {
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
padding: 15px 25px;
line-height: 1.4;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
border-top: 1px solid rgba(0,0,0,.12);
border-right: 1px solid rgba(0,0,0,.12);
}
.filter.current {
background-color: var(--white);
}
.filter:hover {
background-color: var(--white);
}
.filter-item {
display: none;
}
.filter-item.current {
display: inherit;
}
#medarbetare-section .wrap-s {
margin: 40px auto;
}
#medarbetare-section .wrap-s p {
font-size: 1.2em;
}
#medarbetare-section .logo-element {
opacity: 0.08;
width: 300px;
position: absolute;
top: 0;
left: 50%;
margin-left: -150px;
}
.home #medarbetare-section .logo-element {
display: none;
}
.worker-carousel .item div {
color: var(--white);
background-color: var(--blue);
padding: 20px;
line-height: 1.4;
position: relative;
font-size: 0.9em;
}
.worker-top-carousel .item div + div {
color: var(--white);
background-color: var(--blue);
padding: 20px;
line-height: 1.4;
position: relative;
font-size: 0.8em;
}
.worker-top-carousel .item div i {
font-size: 1.7em;
margin-bottom: 10px;
display: inline-block;
}

.worker-carousel .item div a, .worker-top-carousel .item div a {
color: var(--white);
}
.worker-carousel .item div a:hover, .worker-top-carousel .item div a:hover {
text-decoration: underline;
}
.worker-carousel .item div .title, .worker-top-carousel .item div .title {
font-weight: bold;
margin-bottom: 10px;
font-size: 1.2em;
}
.worker-carousel .item, .worker-top-carousel .item {
position: relative;
width: 100%;
}
.worker-top-carousel{
overflow-x: hidden;
}
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,.05);
	z-index:1;
pointer-events: none;
}

/*--------- Medarbetare archive --------*/

.grid.grid_col_4 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 5rem;;
}
.workers .grid-col-1-4 {
	position: relative;
	color: var(--dark);
	margin-bottom: 35px;
}

.workers .grid-col-1-4 {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
    flex-direction: column;
}
.workers .grid-col-1-4 img {
  object-fit: cover;
	min-height: 350px;
	/* height: calc(100% + 2px); */
}
.workers .grid-col-1-4 div {
	padding: 20px 0 15px;
	line-height: 1.4;
	position: relative;
	font-size: 0.9em;
}
.workers .grid-col-1-4 div a {color: var(--blue);font-weight:bold;}
.workers .grid-col-1-4 div a:hover {text-decoration: underline;}
.workers .grid-col-1-4 p.title, .workers .grid-col-1-4 p.cat {font-weight: bold; margin-bottom: 10px; font-size: 1.2rem;}
.workers .grid-col-1-4 p.cat {text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.75rem; opacity:0.8; }
.workers .grid-col-1-4 p.cat .sep:last-child{display:none;}
.workers .grid-col-1-4:nth-child(4n+2), .workers .grid-col-1-4:nth-child(4n+3), .workers .col-1-4:nth-child(4n+4) {
	margin: 0;
}

/*----------- Pages ---------*/

/* Tiny slider */
.tns-outer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

position: relative;
flex-direction: column-reverse;
}
.tns-inner .col-f-1-2, .tns-inner .col-f-1-2 {
display: flex;
}
.cat-top-info .tns-inner .col-f-1-2:first-of-type,
.page-top-info .tns-inner .col-f-1-2:first-of-type,
.cat-top-info .tns-inner .col-f-1-3,
.page-top-info .tns-inner .col-f-1-3{
flex-direction:column;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
background:var(--white);
}
.cat-top-info .tns-inner .col-f-1-2:last-of-type > *,
.page-top-info .tns-inner .col-f-1-2:last-of-type > *,
.cat-top-info .tns-inner .col-f-2-3 > *,
.page-top-info .tns-inner .col-f-2-3 > *{
width:100%;
}
.cat-top-info .tns-inner .col-f-2-3 .title span{
display:block;line-height:1.2;
}
.cat-top-info .tns-inner .col-f-2-3 .title span + span{
margin-top:5px;
}
.cat-top-info .tns-inner .col-f-2-3 .title + p, .page-top-info .tns-inner .col-f-2-3 ~ p{
line-height:1.3;display:block;
}
.tns-controls {margin: 10px 0 0 0;}
.tns-controls button {
display: inline-flex;
padding: 5px;
background-color: var(--blue-d);
color: var(--white);
line-height: 1;
margin: 0 5px;
border-radius: 4px;
}
#medarbetare-section .tns-controls button{padding: 10px;}
.tns-controls button:hover{background-color:var(--blue);}
.tns-item > div.col-f-1{height:100%;}
.tns-item > div > .col-f-1-2 {
color: var(--white);
background-color: var(--blue);
padding: 20px;
line-height: 1.4;
position: relative;
font-size: 0.8em;
}
.tns-item div a {
color: var(--white);
display:block;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;             
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
line-height:1;
margin-top:5px;
}
.tns-item div i {
font-size: 1.7em;
margin-bottom: 10px;
display: inline-block;
}
.tns-item div .title, .tns-item div p.cat{font-weight: bold; line-height:1;margin-bottom:10px;}
.tns-item p.cat{text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.75rem; opacity:0.8;}
.tns-item p.cat .sep:last-child{display:none;}
.tns-item p{font-size:1rem;}
.tns-item div a:hover {text-decoration: underline;}
.datablad-carousel .tns-item,
.work-top-carousel .tns-item {
display: flex !important;
display: -ms-flexbox !important;
display: -webkit-box !important;
}
.tns-nav {
position: absolute;
width: 100%;
margin:20px 0;
display: flex;
text-align: center;
justify-content: center;
z-index: 1;
-webkit-justify-content: center;
-ms-justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tns-nav>[aria-controls] {
width: 15px;
height: 15px;
margin: 5px 7px;
background: var(--grey);
opacity:0.5;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.tns-nav>.tns-nav-active {
background: var(--turq);
opacity:1;
}
.post-type-archive .tns-nav {
display: none;
}
.hero-carousel .item {
height: 300px;
background-color: var(--blue);
}
.hero-carousel .item h3 {
font-size: 1.8em;
}
.hero-carousel .item p {
font-size: 0.95em;
line-height: 1.5;
}
.hero-carousel .item .fp-logo{
position: absolute;
width: 320px;
right: -80px;
overflow: hidden;
top: 30px;
}
.hero-carousel .tns-item div + div {
padding-left: 0;
}
.work-carousel {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
margin-bottom: 30px;
}
.work-carousel .tns-item {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.work-carousel .tns-item img {
width: 100%;
border-top: 0.5px solid var(--white);
	opacity:0.98;
}
.work-carousel .tns-item div.flex {
background: var(--white);
color: var(--dark);
height:100%;
flex-direction:column;

a {
	color: var(--blue-d);
}
}
.work-carousel .tns-item div.info {
	padding: 20px 0 15px;
}
/**/
.ingress, .has-ingress-font-size {
font-size: 1.4rem;
line-height: 1.4;
font-weight: normal;
}
.h1-like-title {
font-size: 2.2em;
line-height: 1.2;
letter-spacing: -0.03em;
margin: 0;
font-weight: bold;
text-transform: uppercase;
}
.page-top-info {position:relative;
}
.page-top-info > .wrap-l{z-index:2;position:relative; padding: 100px 0px; color: var(--white);} 
.page-top-info .col-1-3 .btn {
float: right;
}
.page-top-info .col-2-3 p a{color:var(--green);}
.page-top-info .col-2-3 p a:hover{color:var(--white);}
.page-template-page-small main > section > div{
background: url(/wp-content/themes/seodr/assets/img/tribotec-symbol-opacity.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
}
.contactinfo-section {
color: var(--white);
background-color: var(--blue);
}
.contactinfo-section a {
color: var(--white);
}
.contactinfo-section .col-f-1-4 {
padding: 60px 15px;
}
.contactinfo-section .col-f-1-4 + .col-f-1-4 {
border-left: 1px solid rgba(255,255,255,.25);
}
.contactinfo-section .col-f-1-4 img {
width: 80px;
margin-bottom: 15px;
}
.contactinfo-section .col-f-1-4 div {
margin-top: 25px;
}
.contactinfo-section .col-f-1-4 div h3 {
margin: 0 0 5px;
}
.map-directions {
background-color: var(--grey);
margin-top: -225px;
padding: 300px 0 80px;
}
.map-section {
border-bottom: 1px solid #579eb6;
}
.map-section iframe {
width: 100%;
height: 500px;
background-color: var(--blue);
}
/*----------- Flexibla fält -----------*/

.flexible-fifty-fifty .col-f-1-2 {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
min-height: 400px;
padding: 80px 5%;
}
.flex.right {
flex-direction: row-reverse;
}
/*-----*/
.flexible-tva-kolumn .wrap .col-1-2, .flexible-tre-kolumn .wrap .col-1-3 {
padding: 40px 5%;
border-top: 6px solid var(--blue);
box-shadow: 0 1px 8px rgba(0,0,0,.15);
}
.flexible-tva-kolumn .wrap .col-1-2 p, .flexible-tre-kolumn .wrap .col-1-3 p {
font-size: 0.95em;
line-height: 1.4;
}
.flexible-tva-kolumn .wrap .col-1-2 + .col-1-2 {
margin-left: 4%;
}
.flexible-tre-kolumn .wrap .col-1-3 + .col-1-3 {
margin-left: 3.5%;
}
.main .flexible-tva-kolumn ~ .flexible-tva-kolumn.pad-m {
padding: 0 0 60px;
}
.main .flexible-tre-kolumn ~ .flexible-tre-kolumn.pad-m {
padding: 0 0 60px;
}
.main .flexible-tre-kolumn ~ .flexible-tva-kolumn.pad-m {
padding: 0 0 60px;
}
/*--------*/
.aterforsalj_list_outer {
margin-bottom: 40px;
}
.aterforsalj_list_inner {
background-color: #f6f6f6;
}
.aterforsalj_list_inner .aterforsalj_list + .aterforsalj_list {
border-top: 1px solid var(--grey-m);
}
.aterforsalj_list {
padding: 10px 20px;
}
.aterforsalj_list .btn {
}
.aterforsalj_list_outer .upper {
color: #929394;
margin-bottom: 5px;
}
.aterforsalj_list_outer h2 {
font-size: 1.8em;
}
.aterforsalj_list .img img {
width: 70px;
}
.aterforsalj_list .img h3 {
margin: 0 0 0 20px;
display: inline-block;
text-transform: none;
letter-spacing: 0;
font-size: 1.2em;
font-weight: normal;
font-family: 'proxima-nova';
}
.aterforsalj_list .link {
text-align: right;
}

/*--------- Nyheter ---------*/
.date {
color: #929394;
display: block;
}
.loop-content.main-content .col-1-3 a{display:block;}
.loop-content.main-content a {
text-decoration: none;
color: var(--black);
}
.loop-content-outer .loop-content-outer-1-3, .single-post .loop-content-outer .col-1-3 {
margin-left: 4%;
}
.loop-content article {
border-bottom: 1px solid var(--grey-m);
margin-bottom: 25px;
padding-bottom: 25px;
}
.loop-content article h2 {
font-size: 1.6em;
}
.loop-content article img {
object-fit: cover;
height: 100%;
width: 100%;
}
.loop-content article .col-2-3 {
margin-left: 4%;
}
.custom-excerpt {
color: #666;
line-height: 1.4;
font-size: 0.95em;
}
.sidebar.blog ul, .bransch-list {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	line-height: 1.4;
	position: relative;
	background: var(--grey);
	list-style-type: none;
	margin-bottom: 25px;
}
.single .sidebar.blog ul{text-transform:none;}
.sidebar.blog ul li a, .bransch-list li a {
	display: block;
	padding: 15px 20px;
}
.sidebar.blog ul li + li a, .widget_recent_entries ul li + li a, .bransch-list li + li a {
border-top: 1px solid rgba(0,0,0,.12);
}
.sidebar.blog ul li a:hover, .sidebar.blog ul li.current-cat a, .widget_recent_entries ul li a:hover, .bransch-list li a:hover, .bransch-list li.active a {
background-color: var(--grey-m);
}
.sidebar.blog ul li.current-cat a:before, .my-term-archive li.active a:before, .bransch-list li.active a:before {
content: "\e902";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1.1em;
position: relative;
top: 1px;
margin-right: 5px;
}

.page-numbers {
border: 1px solid var(--grey-m);
padding: 10px;
font-weight: normal;
}
.page-numbers.current {
background: var(--grey);
}
.single-post h1 {
margin: 0;
}
.page-top-info-bg {
position: relative;
color: var(--white);
}
.page-top-info-bg .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,.4);
}
div.separator, .wp-block-separator{
	width:100%;
	border-bottom: 1px solid var(--grey-m);
	border-top: 1px solid var(--grey-m);
	padding:15px 0;
}
div.separator + article, article + div.separator{margin-top:30px;}
.separator .ssbp-wrap, .wp-block-separator{margin:0 0 5px 0;}
.separator .ssbp-wrap .ssbp-list li {margin-top: 5px; margin-bottom:0;}
.separator .ssbp-wrap .ssbp-list li:first-of-type {margin-left: 0;}
.separator p{margin-bottom:0;}

/*------------ Användningsområden --------*/

.anvandningsomrade .wp-post-image {
margin-bottom: 30px;
width: 100%;
}

/*------------ Datablad -----------*/

.filter-datablad {
	list-style-type: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: var(--grey);
}
.my-term-archive {list-style-type: none;margin-bottom: 40px;}
.filter-datablad li {
	font-weight: bold;
	text-transform: uppercase;
	flex:1;
	line-height: 1.2;
	letter-spacing:0.8px;
	font-size:0.88rem;
	position: relative;
	border-top: 1px solid rgba(0,0,0,.12);
	border-right: 1px solid rgba(0,0,0,.12);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items:center;
	align-items:center;
}
.filter-datablad li a {
	hyphens: auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items:center;
	align-items:center;
	height:100%;
	width:100%;
	padding: 15px 20px;
	background-color: var(--grey-m);
}
.filter-datablad li.active a {background-color: var(--white); box-shadow: 0 1px 0 var(--white);}
.post-type-archive-datablad .filter-datablad li.filter-all a, .post-type-archive-medarbetare .filter-datablad li.filter-all a {
	background: var(--white);
	box-shadow: 0 1px 0 var(--white);
}
.swipe-icon {margin: 10px 0 10px 5%; display: none;}
.swipe-icon i {position: relative; top: 1px;}
.filter-content-downloads {margin-bottom: 30px;}
.filter-content-downloads .col-1-3 {margin-bottom: 20px;}
.filter-content-downloads .col-1-3 a {background-color: var(--grey);}
.filter-content-downloads .col-1-3:nth-child(3n+2), .filter-content-downloads .col-1-3:nth-child(3n+3) {margin-left: 3.5%;}
.filter-content-downloads h3 {border-bottom: 1px solid var(--grey-m);padding-bottom: 6px;}
.btn-primary-data-small {
	line-height: 1.3;
	font-weight: normal;
	font-size: 0.95em;
}
.btn-primary-data-small:hover span {text-decoration: underline;}
.btn-primary-data-small i {
background: var(--green-d);
color: var(--white);
padding: 10px;
line-height: 1;
display: inline-block;
font-size: 1.2em;
margin-right: 10px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.btn-primary-data-small:hover i {
background: var(--green);
}
.btn-primary-data-small span {
width: 80%;
	line-height:1;
}

/*----------- Footer ------------*/

.main-footer {
background-color: var(--grey);
}
.main-footer h3 {
font-size: 1.1em;
margin: 0 0 10px;
}
.main-footer ul {
list-style-type: none;
}
.main-footer li{padding:10px 0;line-height:1;}
.sub-footer {
background-color: var(--blue-d);
color: rgba(255,255,255,.6);
font-size: 0.9em;
	padding:14px 0;
}
.sub-footer a {
color: rgba(255,255,255,.6);
}
.main-footer a:hover {
text-decoration: underline;
}
.sub-footer a:hover {
color: var(--white);
text-decoration: underline;
}
.copyright {
float: left;
	font-size:0.9rem;
}
.bottom-footer-menu {
float: right;
}
.bottom-footer-menu ul {
list-style-type: none;
}
.bottom-footer-menu ul li {
display: inline-block;
}
.bottom-footer-menu ul li + li a {
padding-left: 5px;
}
.bottom-footer-menu ul li + li:before {
content: "|";
}
.footer-logo {
width:80px;
	margin-right:20px;
}

/*------------ responsive ------------*/
@media only screen and (max-width:1500px){
	.cat-top-info .tns-inner .col-f-1-3, .cat-top-info .tns-inner .col-f-2-3,
	.page-top-info .tns-inner .col-f-1-3, .page-top-info .tns-inner .col-f-2-3{width:50%;}
	
}

@media only screen and (max-width:1300px){
	
.grid.grid_col_4 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}
}


@media only screen and (max-width:1200px) and (min-width:801px){
	.cat-top-info .tns-inner .col-f-1-3, .cat-top-info .tns-inner .col-f-2-3, 
	.page-top-info .tns-inner .col-f-1-3, .page-top-info .tns-inner .col-f-2-3{
		width:100%;
	}
	.cat-top-info .tns-inner .col-f-1-3, .page-top-info .tns-inner .col-f-1-3{
		flex-direction:row;
		justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
	}
	.cat-top-info .tns-inner .col-f-1-3 img, .page-top-info .tns-inner .col-f-1-3 img{max-height:150px;width:auto;}
}
@media only screen and (min-width:1150px) and (max-width:1335px){
	.wrap-inner-img-txt h2{font-size: 1.1em; }
	.wrap-inner-img-txt h2{right: 30px;}
	.wrap-inner-img-txt .overlay{padding-left: 30px;}
}
@media only screen and (min-width: 1150px) {
	.filter-datablad li a:hover {background: var(--white);}
}

@media only screen and (max-width: 1150px) {
	body {padding-top: 129px;}
	.puffar-fp{flex-direction: column;}
	.puffar-fp .col-1-3{width: 100%;}
	.puffar-fp .wrap-inner-img-txt{flex-basis:unset;}
	.puffar-fp .wrap-inner-img-txt .overlay{
		padding: 25px;
		position: relative;
		height: 100%;
		display: flex;
		flex-direction: column;
		-webkit-justify-content: flex-end;
		-ms-justify-content: flex-end;
		justify-content: flex-end;
	}
	.puffar-fp .wrap-inner-img-txt h2:after{top:40px;}
	.wrap-inner-img-txt{height: 200px;}
	.wrap-inner-img-txt img{height: 100%;}
	.wrap-inner-img-txt .overlay{padding-top: 100px;}
}
@media only screen and (max-width: 1050px) {
	.workers .col-1-4:nth-child(4n+2), .workers .col-1-4:nth-child(4n+3), .workers .col-1-4:nth-child(4n+4) {margin-left: 0;}
	.workers .col-1-4 {width: 31%;}
	.workers .col-1-4:nth-child(3n+2), .workers .col-1-4:nth-child(3n+3) {margin-left: 3.5%;}
	.swipe-icon {display: block;}
	.filter-datablad {
		overflow-x: scroll;
		overflow-y: auto;
		white-space: nowrap; 
		-ms-overflow-style: none;
		scrollbar-width: none;
		overflow: -moz-scrollbars-none;
	}
	.filter-datablad::-webkit-scrollbar{display: none;}
	.filter-content-downloads .col-1-3 {width: 48%;}
	.filter-content-downloads .col-1-3:nth-child(3n+2), .filter-content-downloads .col-1-3:nth-child(3n+3) {margin-left: 0;}
	.filter-content-downloads .col-1-3:nth-child(even) {margin-left: 4%;}
	#welcome-section .col-f-1-2 {width: 100%;}
	#welcome-section .col-f-1-2:first-child {padding: 40px 0;}
	#welcome-section {text-align: center;}
	#welcome-section.pad-s {padding: 0;}
	#welcome-section .wrap {margin-bottom: 0;}
	.contact-info-box {
		padding: 25px 5%;
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.custom-product .col-f-1-3 {width: 100%;height: 200px;}
	.custom-product .col-f-2-3 {width: 100%;padding: 30px 5%;}
	#cat-section .col-1-4 {width: 48%;}
	#cat-section .flex .cat-box + .cat-box {margin-left: 0;}
	#cat-section .flex .col-1-4:nth-child(even) {margin-left: 4%;}
	#cat-section .flex .col-1-4:nth-child(3), #cat-section .flex .col-1-4:nth-child(4) {margin-top: 70px;}
	.aterforsalj_list .col-f-1-2 {width: 100%;}
	.aterforsalj_list .link {text-align: left;margin-top: 25px;}
	.aterforsalj_list {padding: 20px 5%;}
	.contactinfo-section .col-f-1-4 {width: 50%;}
	.contactinfo-section .col-f-1-4 + .col-f-1-4 {border-left: 0;}
	.contactinfo-section .col-f-1-4:nth-child(1), .contactinfo-section .col-f-1-4:nth-child(2) {border-bottom: 1px solid rgba(255,255,255,.25);}
	.contactinfo-section .col-f-1-4:nth-child(2), .contactinfo-section .col-f-1-4:nth-child(4) {border-left: 1px solid rgba(255,255,255,.25);}
}
@media only screen and (max-width: 1150px) {
	.page-top-info .col-1-3 .btn{float:initial;}

	.grid.grid_col_4 {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
	}
	
}
@media only screen and (max-width: 900px) {
	.hero .col-1-2:first-child, .hero .col-1-2:last-child{width: 100%;}
	.hero .col-1-2:last-child{min-height:400px;}
	.hero .col-1-2:first-child div:not(.hero-btns) {max-width: 100%;}
	.slider-info-box{padding:0px;}
	.single-anvandningsomrade .loop-content-outer-1-3 {margin-top: 50px;}
	.flexible-fifty-fifty .col-f-1-2 {width: 100%;}
	.fifty-full .col-f-1-2 {width: 100%;}
	.fifty-full .col-f-1-2 + .col-f-1-2 {padding-left: 0;margin-top: 30px;}
	.front-carousel .item .wrap-l {
		position: relative;
		top: 0;
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transform: translateY(0);
		padding: 50px 0 60px;
	}
	.slider-info-box {width: 100%;}
	.bottom-footer-menu, .copyright {float: none;}
	.sub-terms .col-1-3:nth-child(3n+2), .sub-terms .col-1-3:nth-child(3n+3), .custom-product-outer .col-1-3:nth-child(3n+2), .custom-product-outer .col-1-3:nth-child(3n+3) {margin-left: 0;}
	.sub-terms .subcat-object.col-1-3, .custom-product-outer .col-1-3 {width: 48%;}
	.sub-terms .col-1-3:nth-child(even), .custom-product-outer .col-1-3:nth-child(even) {margin-left: 4%;}
	.loop-content-outer .col-1-3, .loop-content-outer .col-2-3, .single-post .loop-content-outer .col-1-3 {
		margin-left: 0;
		width: 100%;
	}
	.loop-content article .col-2-3 {margin-left: 0;margin-top: 25px;}
	.loop-content {margin-bottom: 40px;}
	.loop-content article {padding-bottom: 0;}
	.workers .col-1-4 {width: 48%;}
	.workers .col-1-4:nth-child(3n+2), .workers .col-1-4:nth-child(3n+3) {margin-left: 0;}
	.workers .col-1-4:nth-child(even) {margin-left: 4%;}
	.flexible-tre-kolumn .wrap .col-1-3 {width: 100%;}
	.flexible-tre-kolumn .wrap .col-1-3 + .col-1-3 {margin-left: 0;margin-top: 30px;}
	.main .flexible-tre-kolumn.pad-m {padding: 30px 0;}
	.main .flexible-tre-kolumn ~ .flexible-tre-kolumn.pad-m {padding: 0 0 30px;}
	aside.sidebar{margin-top:20px;}
	.main-footer .col-2-3, .main-footer .col-f-1-3{width:100%;}
	.main-footer .col-2-3{margin-bottom:40px;}
	.single-produkter .col-1-3, .single-produkter .col-2-3{width: 100%;}
	.single-produkter .col-1-3{margin-bottom: 40px; text-align: center;}
	.grid.grid_col_4 {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1rem;
	}
	
}

@media only screen and (max-width: 850px) {
	.datablad-section-small .col-2-3 {width: 100%;padding-right: 5%;}
	.datablad-section-small .col-1-3 {margin-left: 0;width: 100%;}
	.datablad-section-small .full-link {padding: 40px 5%;}
	
}

@media only screen and (max-width: 800px) {
	.cat-top-info h1, h1 {font-size: 1.9em;}
	.cat-top-info > div > div, .page-top-info > div > div {width: 100%;}
	.cat-top-info > div > .col-f-1-3,.page-top-info > div > .col-f-1-3, .cat-top-info > div > .col-1-3,.page-top-info > div > .col-1-3{
		max-width:500px;
		margin-top:30px;
	}
	h2 {font-size: 1.8em;}
	.flexible-tva-kolumn .wrap .col-1-2 + .col-1-2 {margin-left: 0;margin-top: 30px;}
	.flexible-tva-kolumn .wrap .col-1-2 {width: 100%;}
	.main .flexible-tva-kolumn.pad-m {padding: 30px 0;}
	.main .flexible-tva-kolumn ~ .flexible-tva-kolumn.pad-m {padding: 0 0 30px;}
	.page-top-info .col-2-3, .page-top-info .col-1-3 {width: 100%;margin-left: 0;}
	.page-top-info .col-1-3 {margin-top: 25px;}
	.page-top-info .col-1-3 .btn {float: none;}
	.ref-product .col-f-1-3 {height: 200px;width: 100%;}
	.ref-product .col-f-2-3 {width: 100%;padding: 30px 5%;}
	
}

@media only screen and (max-width: 700px) {
	.hero h1, .hero h2{font-size:2rem;}
	.hero .col-1-2:first-child div:not(.hero-btns) p {font-size: 1rem;}
	.hero .hero-btns {margin-top: 1em;}
	.hero .col-1-2:first-child{padding: 30px;}
	.hero .col-1-2:last-child {min-height: 320px;}
	.logo-elem-slider {display: none !important;}
	.filter-content-downloads .col-1-3 {width: 100%;}
	.filter-content-downloads .col-1-3:nth-child(even) {margin-left: 0;}
	.map-section iframe {width: 100%; height: 300px;}
	.fixed-search .search-input {width: 100%;}
	.fixed-search .search-submit {width: 100%; margin-top: 10px;}
	.tax-seo-section .wrap .col-1-2 + .col-1-2, .tax-seo-section .wrap .col-1-2 {margin-left: 0;width: 100%;}
}
@media only screen and (max-width: 600px) {
	.front-carousel .item .wrap-l{padding: 10px 0 60px;}
	.btn-wrap-fp{flex-direction: column; margin-top: 10px;}
	.btn-wrap-fp a{margin-bottom: 10px;}
	.hero .hero-btns .btn{
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;           
		-webkit-hyphenate-before: 2;
		-webkit-hyphenate-after: 3;
		hyphenate-lines: 3;
		font-size:0.85rem;
		padding:16px 12px;
	}	
	.front-carousel .item{height: 320px;}
	.language-selectors {position: fixed !important;bottom: 80px;}
	.language-selectors.en{bottom: 40px;}
	.custom-product {margin-bottom: 20px;}
	.ref-product .btn-secondary {margin-top: 15px;}
	.ref-product .btn-primary-data {margin-right: 0;}
	.contactinfo-section .col-f-1-4 {padding: 30px 5%;width: 100%;}
	.contactinfo-section .col-f-1-4:nth-child(1), .contactinfo-section .col-f-1-4:nth-child(2), .contactinfo-section .col-f-1-4:nth-child(3) {
		border-bottom: 1px solid rgba(255,255,255,.25);
	}
	.contactinfo-section .col-f-1-4:nth-child(2), .contactinfo-section .col-f-1-4:nth-child(4) {border-left: 0;}
	.aterforsalj_list .img h3 {margin: 10px 0 0;display: block;width: 100%;}
	.workers .col-1-4 {width: 100%;}
	.workers .col-1-4:nth-child(even) {margin-left: 0;}
	.sub-terms .subcat-object.col-1-3, .custom-product-outer .col-1-3 {width: 100%;}
	.sub-terms .col-1-3:nth-child(even), .custom-product-outer .col-1-3:nth-child(even) {margin-left: 0;}
	a.btn, .btn {width: 100%;}
	.error404 #page404 .btn-primary {margin-left: 0;}
	.latest-news-rub {margin-right: 10px;}
	.custom-product .btn-secondary {margin-left: 0;margin-top: 15px;}
	.mc-clear .mc-field-group {width: 100%;float: none;}
	.mc-clear .mc-field-group + .mc-field-group {margin-left: 0;}
	#cat-section .col-1-4 {width: 100%;}
	#cat-section .flex .col-1-4:nth-child(even) {margin-left: 0;}
	#cat-section .flex .col-1-4:nth-child(3), #cat-section .flex .col-1-4:nth-child(4) {margin-top: 0;}
	#cat-section .flex .col-1-4 + .col-1-4 {margin-top: 70px;}
	.main-footer .col-1-3 {width: 100%;}
	.main-footer h3 {margin: 20px 0 10px;}
	.footer .btn + .btn {margin-top: 10px;}
	.single-produkter .show-info{margin-left: 0px; margin-top: 20px; text-align: left;}
}
@media only screen and (max-width: 450px) {
	.hero .hero-btns .btn{max-width:unset;width:100%;margin:10px 0 0 0;flex-grow:1;}
	.cat-top-info .tns-inner .col-f-1-3, .cat-top-info .tns-inner .col-f-2-3, 
	.page-top-info .tns-inner .col-f-1-3, .page-top-info .tns-inner .col-f-2-3{
		width:100%;
	}
	.cat-top-info .tns-inner .col-f-1-3, .page-top-info .tns-inner .col-f-1-3{
		flex-direction:row;
		justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
	}
	.cat-top-info .tns-inner .col-f-1-3 img, .page-top-info .tns-inner .col-f-1-3 img{max-height:150px;}
	div.separator .col-1-2{width:100%;}
	div.separator .col-1-2.flex-end{display:block;}
	.loophead > *{
		-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
		-webkit-hyphenate-limit-before: 4;
		-webkit-hyphenate-limit-after: 4;
		-ms-hyphenate-limit-chars: 12 4 4;
		hyphenate-limit-chars: 12 4 4;
	}
}

/*-------------- WordPress core --------------*/

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float: right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {/*float: right;*/margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {/*float: left;*/margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #FFF;border: 1px solid #F0F0F0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption .wp-caption-text,.gallery-caption {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

/*-------------- Print css --------------*/

@media print {
  * {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
  a,a:visited {text-decoration: underline;}
  a[href]:after {content: " ("attr(href) ")";}
  abbr[title]:after {content: " ("attr(title) ")";}
  .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
  pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page {margin: 0.5cm;}
  p,h2,h3 {orphans: 3;widows: 3;}
  h2,h3 {page-break-after: avoid;}
}