/*
Theme Name: skapa
Theme URI: https://modena.se
Author: Gabriel Westington
Author URI: https://modena.se
Description: A modern template created by Gabriel Westington.
Version: 1.0
Text Domain: starter
*/

*,
*:before,
*:after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

article,
footer,
header,
main,
menu,
nav,
section {
	display: block;
}

strong {
	font-weight: bold;
}

img,
.wp-caption {
	max-width: 100%;
	height: auto;
	border: 0;
}

ul,
ol,
li > ul,
li > ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul,
ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

.site-content {
	overflow: hidden;
}

/*--------------------------------------------------------------
# Root vars
--------------------------------------------------------------*/
:root {
	--e-global-color-primary: #E84525;
    --e-global-color-text: #060606;
    --e-global-color-black-light: #333333;
    --e-global-color-white: #FFFFFF;
    --e-global-color-creme: #F7F7F2;

	/* Inserted by GW, baseed on Work hover */
	--e-global-color-hover:#AD2A11;
}

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

body {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	color: var(--e-global-color-text);
	font-size: 18px;
	line-height: 1.5;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	clear: both;
	color: var(--e-global-color-black-light);
}

h1, .cta h2 {
	font-size: 78px;
	line-height: 93px;
	letter-spacing: -2.3px;
}

h2 {
	font-size: 58px;
	line-height: 70px;
	letter-spacing: -0.3px;
}

h3 {
    font-size: 29px;
	line-height: 1.5em;
	letter-spacing: -0.3px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
    font-family: var(--secondary-font-family), Sans-serif;
	font-weight: 600;
}

h5 {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 5px;
    font-weight: 600;
}

p {
	margin: 0 0 20px 0;
	letter-spacing: -0.4px;
	color: var(--e-global-color-text);
}

@media (max-width: 1024px) {
	h1, .cta h2  {
		font-size: 58px;
		line-height: 1em;
	}
	h2 {
		font-size: 38px;
		line-height: 1.2em;
	}
	h3 {
		font-size: 28px;
		line-height: 1em;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 14px;
		letter-spacing: 4px;
	}
}

@media (max-width: 767px) {
	h1, .cta h2  {
		font-size: 36px;
		line-height: 1em;
	}
	h2 {
		font-size: 28px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 13px;
		line-height: 1;
	}
	p {
		font-size: 16px;
	}
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: var(--e-global-color-primary);
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

a:hover,
a:focus,
a:active {
	color: var(--e-global-color-hover);
	text-decoration: none;
	outline: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
	background: transparent;
	transition: background 0.3s ease;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	padding: 0;
}

header .top-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 1200px;
	margin: 0 auto;
	height: 90px;
}

header .logo img {
	width: 137px;
	height: auto;
	display: block;
}

header .top-items {
	display: flex;
	align-items: center;
}

header .site-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5%;
    max-width: 2600px;
    margin: 0 auto;
}

@media (min-width: 991px) {
	header .top-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}

@media (max-width: 500px) {
	header .logo img {
		width: 116px;
	}
}

/*--------------------------------------------------------------
# Framework
--------------------------------------------------------------*/
.container {
	width: 100%;
	max-width: 1800px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.3333333333%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.6666666667%;
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.3333333333%;
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.6666666667%;
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.3333333333%;
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.6666666667%;
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 576px) {
	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-sm-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-sm-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 768px) {
	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.6666666667%;
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.3333333333%;
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.6666666667%;
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 1024px) {
	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.6666666667%;
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.6666666667%;
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.3333333333%;
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.6666666667%;
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/*--------------------------------------------------------------
# Spacing & Aligning
--------------------------------------------------------------*/
.center-block {
	text-align: center;
	margin: 0 auto;
}

.mx-auto {
	margin: 0 auto;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.edge-to-edge {
	padding: 0;
}

.all-4 {
	padding: 20px;
}

/* bottom */
.pb-50 {
	padding-bottom: 50px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-100 {
	padding-bottom: 100px;
}

/* right/left */
.pr-4 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

/* top/bottom */
.tb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.tb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.tb-150 {
	padding-top: 150px;
	padding-bottom: 150px;
}

/* Large - no padding */
.pr-l-4 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

@media (min-width: 1800px) {
	.pr-l-4 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 1024px) {
	.tb-150 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

@media (max-width: 768px) {
	.tb-150 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*--------------------------------------------------------------
# Header & Menu
--------------------------------------------------------------*/
.site-header .row > div {
	margin-top: 0;
}

.site-header .main-menu {
    position: relative;
}

.site-header .main-menu:before {
    content: '';
    background-image: url(/wp-content/themes/skapa/images/skapaboll-linjer.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.1;
}

.site-header .menu {
	display: flex;
	align-items: center;
	margin: 0;
}

.site-header .menu ul {
	margin: 0;
}

.main-menu .menu > li.menu-item > a {
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.8px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    height: auto;
	text-decoration: none;
	margin: 0;
    padding-left: 86px;
    padding-right: 86px;
    padding-top: 17px;
    padding-bottom: 17px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.main-menu .menu > li.menu-item.current-menu-item > a {
    color: #fff;
    background-color: #CA3C20B0;
}

.main-menu .menu > li.menu-item a:hover,
.main-menu .menu > li.menu-item a:focus-visible {
	color: #6B2011;
}

.main-menu .menu > li.menu-item:last-child > a {
	margin: 0;
}

.site-menu {
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    display: flex;
	justify-content: flex-end;
    align-items: center;
    pointer-events: all;
    background-color: #00000047;
    z-index: 2;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
}

#menu {
	width: 590px;
    height: 100vh;
    background-color: var(--e-global-color-primary);
    box-shadow: 2px 8px 23px 3px rgba(0,0,0,0.2);
    animation-duration: 0.4s;
}

/* Search form */
#menu nav {
	display: flex;
    flex-direction: column-reverse;
}

#menu .search-form {
    display: block;
    transition: .2s;
	padding-left: 86px;
    padding-right: 86px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.search-form .search-form__wrap {
    display: flex;
    transition: .2s;
    overflow: hidden;
    border: 0 solid transparent;
	background-color: #F270568F;
    border-color: #F2F2F2;
    border-radius: 3px;
    min-height: 47px;
}

.search-form input {
    width: 100%;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    min-width: 0;
}

.search-form input:focus {
	outline: none;
}

.search-form ::placeholder {
  color: #fff;
  opacity: 1;
}

.search-form label {
	position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.search-form button {
	cursor: pointer;
	min-width: 47px;
    background-color: var(--e-global-color-primary);
	border: 0;
	font-size: 16px;
}

.search-form button i {
	color: #fff;
	transition: ease-in-out .3s;
	line-height: 2;
}

.search-form button:hover i {
	transform: scale(1.2);
}

#menu > ul {
	opacity: 1;
	display: block;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	list-style: none;
	clear: both;
	margin: 0 auto;
	padding: 160px 0 0 0;
	max-width: 500px;
}

.main-menu > ul > li {
	display: block;
	width: 100%;
}

body.open-overlay .site-menu {
    background-color: #00000047;
	opacity: 1;
	pointer-events: all;
	transition: opacity .3s;
	visibility: visible;
    max-height: 2000px;
    min-height: 100vh;
}


body.open-overlay #menu ul {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.main-menu ul,
.main-menu li {
	list-style: none;
}

.main-menu > .menu {
	opacity: 1;
	list-style: none;
	margin: 0 auto;
	padding: 8rem 0 0 0;
	align-items: flex-start;
}

.site-header .menu {
	flex-direction: column;
}



/* Insert icon on menu item */
.main-menu .hem img {
	width: 78px;
	height: auto;
}

.sec-nav {
    margin-top: 10rem;
    margin-bottom: 2rem;
    width: 100%;
}

.sec-nav .social-media {
	display: flex;
}

.sec-nav .social-media__item {
    display: flex;
    align-items: center;
    padding-right: 2rem;
}

.sec-nav .social-media__item img {
    width: 30px;
    height: auto;
    margin-right: 0.7rem;
}

.sec-nav .external-link {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
	.main-menu > .menu {
		padding: 6rem 0 0 0;
	}
	.sec-nav {
		margin-top: 4rem;
	}
	.sec-nav .social-media {
		display: block;
		padding: 0 0 1rem 0;
	}
	.sec-nav .social-media__item {
		align-items: flex-start;
		padding: 0.65rem 0.7em;
	}
	.sec-nav .external-link {
		justify-content: flex-start;
		padding: 0.5rem 0.7em;
	}
}

@media (max-width: 500px) {
	#menu {
		justify-content: normal;
	}
	#menu nav {
		gap: 2rem;
	}
	#menu .search-form {
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.main-menu .menu > li.menu-item > a {
		padding-top: 16px;
		padding-bottom: 16px;
		justify-content: center;
	}
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.section {
	text-align: left;
	color: #fff;
	font-size: 50px;
}

.fp-bg {
	top: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	z-index: -1;
	background-size: cover;
	background-position: center 80%;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Video */
.myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	/*min-width: 100%;
    min-height: 100%;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

/*width: 100vw;
  height: 100vh;*/

/* IE11 - Make video stretch */
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop,
	.myVideo {
		width: auto;
	}
}

/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
.layer {
	z-index: 4;
	width: 100%;

	/*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.bg-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}

.bg-color.op-0 {
	opacity: 0;
}
.bg-color.op-20 {
	opacity: 0.2;
}
.bg-color.op-40 {
	opacity: 0.4;
}
.bg-color.op-60 {
	opacity: 0.6;
}

/*solves problem with overflowing video in Mac with Chrome */
#section0 {
	overflow: hidden;
}

/* Hiding video controls
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
 * --------------------------------------- */
video::-webkit-media-controls {
	display: none !important;
}

.section h1,
.section h2 {
	font-size: 48px;
	line-height: 1.1;
	color: #fff;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.section .desc {
	color: #fff;
	font-size: 22px;
	line-height: 1.6;
	font-weight: 400;
	margin: 0 0 30px 0;
}

@media (max-width: 1024px) {
	.section h1,
	.section h2 {
		font-size: 42px;
	}

	.section .desc {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.section h1,
	.section h2 {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.section .desc {
		font-size: 19px;
		margin: 0 0 20px 0;
	}
}

@media (max-width: 468px) {
	.section h1,
	.section h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.section .desc {
		font-size: 16px;
		margin: 0 0 10px 0;
	}
}

/*--------------------------------------------------------------
## Fade in animation
--------------------------------------------------------------*/
.section-content {
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(10px);
	transform: translateY(100px);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	list-style: none;
	opacity: 0;
}

.fp-table.active .section-content {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

/*--------------------------------------------------------------
## BB classes
--------------------------------------------------------------*/
/* Style BB Buttons */
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
	border: 2px solid var(--e-global-color-primary) !important;
	border-radius: 0 !important;
	color: var(--e-global-color-primary) !important;
	background: transparent !important;
	padding: 15px 30px !important;
}

.fl-builder-content a.fl-button *,
.fl-builder-content a.fl-button:visited * {
	color: var(--e-global-color-primary) !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	letter-spacing: -0.2px !important;
}

.fl-builder-content a.fl-button:hover {
	background: var(--e-global-color-primary) !important;
}

.fl-builder-content a.fl-button:hover span {
	color: #fff !important;
}

@media (max-width: 1024px) {
	.fl-builder-content a.fl-button *,
	.fl-builder-content a.fl-button:visited * {
		font-size: 14px !important;
	}
}


/* END */

/* Links */
/*
.skapa-breadcrumbs {
	color: var(--e-global-color-text);
	font-size: 16px;
	line-height: 1.3;
}

.skapa-breadcrumbs .row {
	margin-right: -20px;
	margin-left: -20px;
}

.skapa-breadcrumbs a {
	color: #e84525;
	font-size: 16px;
	line-height: 1.3;
}

.skapa-breadcrumbs a:hover {
	color: #af461a;
}

.skapa-breadcrumbs .post-categories {
	display: inline-block;
	margin: 0;
}

.single-post .skapa-breadcrumbs .row {
	margin: 0;
}

@media (max-width: 900px) {
	.single-post .skapa-breadcrumbs .row > div {
		padding: 0;
	}
}
*/

/* Show all link */
/*
.skapa-show-all-red a {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 400;
	color: #e84525;
}

.skapa-show-all-red a:hover {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 400;
	color: #af461a;
}
*/

/* Find out more - Contact*/
/*
.skapa-more {
	margin-top: 0;
	border-bottom: 1px solid #eee;
}

.skapa-more a {
	display: block;
	color: #121212;
}

.skapa-more h4 {
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 0;
}

.skapa-more > .fl-node-content {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

.skapa-more .fl-html a:after {
	content: "\f345";
	font-family: dashicons;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	line-height: 1;
	font-size: 26px;
	-webkit-transition: all 0.125s ease-in-out 0s;
	-moz-transition: all 0.125s ease-in-out 0s;
	transition: all 0.125s ease-in-out 0s;
	color: #dedede;
	font-weight: 100;
}

.skapa-more .fl-html {
	width: calc(100% - 30px);
}

@media (min-width: 769px) {
	.skapa-more a:hover,
	.skapa-more a:hover:after {
		color: #e84525;
	}
}
*/



/*--------------------------------------------------------------
## Hero
.hero 			   Blog Posts
.hero-small    Search Pages
.hero-bb		   Pages
--------------------------------------------------------------*/
.hero {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.page-news .hero {
	margin-bottom: 40px;
}

.hero .container {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	z-index: 2;
}

.hero .container .row {
	padding-right: 20px;
	padding-left: 20px;
}

.hero h1 {
	margin: 10px 0 15px 0;
	font-weight: 700;
	color: #fff;
}

/* cat & blogpage */
.hero h1 a {
	color: #fff;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

.hero-bb.low-height .fl-row-content-wrap {
	padding-bottom: 150px;
}

.hero-bb .fl-col-content h1.fl-heading {
	font-weight: 700;
}

.hero-bb p {
	font-size: 24px;
	line-height: 1.4;
}

@media (max-width: 990px) {
	.hero-small .fl-col-group-nested .fl-col-content {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.hero-bb.low-height .fl-row-content-wrap,
	.hero .container {
		padding-bottom: 80px;
	}

	.hero-small .fl-col-group-nested .fl-col-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hero-bb p {
		font-size: 20px;
		line-height: 1.4;
	}
}

@media (max-width: 768px) {
	.hero-bb .fl-col-content h1.fl-heading,
	.hero-bb p {
		max-width: 100%;
	}

	.hero .container .row {
		max-width: 500px !important;
		margin: 0 auto;
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 500px) {
	.hero-bb.low-height .fl-row-content-wrap,
	.hero .container {
		padding-bottom: 50px;
	}

	.hero-bb p {
		font-size: 18px;
		line-height: 1.4;
	}
}

/*--------------------------------------------------------------
## Background Colors on Background Images
--------------------------------------------------------------*/
.hero .bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.hero .bg-img.pos-top {
	background-position: center top;
}

.hero .bg-img.pos-bottom {
	background-position: center bottom;
}

.hero .bg-img::after {
	background-image: linear-gradient(180deg, rgba(0, 155, 143, 0.4) 0%, rgba(51, 51, 51, 0.6) 100%);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

/*--------------------------------------------------------------
## Insights Feed
--------------------------------------------------------------*/
.post-feed h4 {
    margin-top: 20px;
	margin-bottom: 7px;
    font-weight: 600;
}

.post-feed h4 a {
    color: var(--e-global-color-text);
}

.post-feed .feed-date {
	color: #adadad;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: -0.8px;
	margin-bottom: 0;
}

.post-feed .feed-thumb {
	position: relative;
}

.post-feed .blog-item {
	display: flex;
	flex-direction: column;
}

.post-feed .blog-item a,
.post-feed .blog-item img,
.taxonomy-types .post-feed a,
.taxonomy-types .post-feed img {
	display: block;
}

.post-feed .blog-item > a,
.taxonomy-types .post-feed .case-img a {
	position: relative;
}

.post-feed .blog-item h4,
.taxonomy-types .post-feed h4 {
    color: var(--e-global-color-text);
}

.post-feed .blog-item > a img,
.taxonomy-types .post-feed .case-img a img {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	opacity: 1;
}

.post-feed .blog-item > a:hover img,
.taxonomy-types .post-feed .case-img a:hover img {
    filter: brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.post-feed .feed-thumb a {
	display: inline-block;
}

.post-feed .feed-thumb a img {
	display: block;
}

/* Singlepage only */
.post-feed ul.feed-cat {
	display: flex;
	justify-content: center;
	align-items: center;
}

.post-feed ul.feed-cat,
.post-feed ul.feed-cat li {
	list-style: none;
	margin: 0;
}

.post-feed ul.feed-cat {
	margin-top: 0;
}

.post-feed ul.feed-cat li {
	display: inline-block;
	margin-right: 15px;
}

.post-feed ul.feed-cat li:last-child {
	margin-right: 0;
}

.post-feed .allposts {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding-top: 40px;
}

.post-feed > .row {
	margin-right: -20px;
	margin-left: -20px;
}

.post-feed .feed-info {
	display: flex;
	margin-bottom: 0;
	margin-top: 10px;
}

.post-feed .feed-content__wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.post-feed .feed-cat {
    font-size: 12px;
	background: var(--e-global-color-creme);
    padding: 2px 8px;
    border-radius: 5px;
}

.post-feed .feed-cat > a {
	color: var(--e-global-color-text);
    transition: all 0.125s ease-in-out 0s;
}

.post-feed .feed-cat > a:hover {
	color: var(--e-global-color-primary);
}

.post-feed .blog-item {
	margin-bottom: 40px;
	text-align: left;
}

@media (max-width: 768px) {
	.post-feed .blog-item {
		margin-bottom: 0;
	}
	.post-feed h3.feed-title {
		font-size: 22px;
	}
	.post-feed .feed-date {
		margin-bottom: 0;
	}
	.feed-cat li {
		font-size: 14px;
	}
	.feed-cat .blog-cat {
		font-size: 12px;
		padding: 10px 13px 7px 13px;
	}
	.post-feed ul.feed-cat {
		align-items: baseline;
		flex-direction: column;
	}
	.post-feed ul.feed-cat li {
		margin-right: 0;
		margin-bottom: 5px;
	}
	.post-feed > .row > div {
		margin-bottom: 40px;
	}
	.post-feed h4 {
		margin-top: 10px;
	}
}

@media (max-width: 468px) {
	.post-feed .blog-item {
		margin-bottom: 0;
	}
	.post-feed .feed-headline {
		font-size: 18px;
		margin-bottom: 20px;
	}
}

@media (min-width: 769px) {
	.post-feed ul.feed-cat {
		margin-top: 40px;
	}
}

/*--------------------------------------------------------------
## Cases feed
--------------------------------------------------------------*/
.case-feed {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.case-feed__item {
	width: 25%;
}

.case-feed__item a {
	display: block;
	position: relative;
    transition: all .4s;
}

.case-feed__bg,
.case-feed__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.case-feed__item img {
    display: block;
    min-height: 620px;
    width: auto;
    object-fit: cover;
}

.case-feed__company {
	min-height: 620px;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	padding: 35px;
    width: 100%;
	position: relative;
}

.case-feed__item h5 {
    color: #fff;
	opacity: 0;
}

.case-feed__item h5,
.case-feed__item img,
.case-feed__overlay {
	transition-duration: 600ms;
}

.case-feed a:hover .case-feed__overlay  {
    background-color: var(--e-global-color-primary);
	z-index: 2;
}

.case-feed a:hover .case-feed__bg img {
	transform: scale(1.2);
}

.case-feed a:hover h5 {
	transform: scale(1);
    opacity: 1;
}

@media (max-width: 1024px) {
	.case-feed__item {
		width: 50%;
	}
	.case-feed__company,
	.case-feed__item img {
		min-height: 365px;
	}
}

@media (max-width: 767px) {
	.case-feed__item {
		width: 100%;
	}
	.case-feed__company,
	.case-feed__item img {
		min-height: 450px;
	}
}

/*--------------------------------------------------------------
## Page Cases
--------------------------------------------------------------*/
.case {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.case__item {
    width: 50%;
    margin-bottom: 150px;
    display: flex;
}

.case__item:nth-last-child(-n+2) {
    margin-bottom: 0px;
}

.case__item a {
	display: block;
    transition: all .4s;
}

.case__item a:hover {
	filter: brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.case__item img {
    display: block;
    min-height: 100%;
    width: auto;
    object-fit: cover;
}

.case__info {
	display: block;
}

.case__info h5 {
	color: var(--e-global-color-primary);
	margin-bottom: 0;
	text-align: center;
    text-transform: uppercase;
	font-weight: 700;
	line-height: 24px;
}

.case__item a:hover .case__info h5 {
	color: var(--e-global-color-hover);
}

.case__info .case__tax {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: var(--e-global-color-text);
}

.case__tax span:before {
  content: ", ";
}
.case__tax span:first-child:before {
  content: "";
}

@media (max-width: 767px) {
	.case__item, .case__item:nth-last-child(-n+2) {
		width: 100%;
    	margin-bottom: 100px;
	}
	.case__item:last-child {
		margin-bottom: 0px;
	}
	.case__info h5 {
		margin-top: 12px;
	}
}

/*--------------------------------------------------------------
## Blog, category, cases and taxonomy types
--------------------------------------------------------------*/
.category .blog-entry,
.page-news .blog-entry {
	margin-bottom: 30px;
}

.blog-entry {
	position: relative;
}

.post-area {
	padding: 0 20px;
}

.post-area .feed-info {
	display: inline-block;
}

.taxonomy-types .post-feed .feed-excerpt {
	margin-bottom: 5px;
}

.taxonomy-types .post-feed .feed-cat {
	color: inherit;
}

@media (min-width: 769px) {
	.category .post-area > .row {
		margin: 0;
	}
	.taxonomy-types .post-area > .row {
		margin: 40px 0 0 0;
	}
	.taxonomy-types .post-area > .row {
		align-items: center;
	}
	.taxonomy-types .feed-title {
		margin-bottom: 10px;
	}
	.taxonomy-types .company-name {
		margin-bottom: 5px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
}

.blog-thumb img {
	display: block;
}

.blog-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px;
	height: 100%;
	width: 100%;
}

.page-news .blog-content {
	justify-content: flex-end;
}

.blog-date {
	font-size: 12px;
	color: #fff;
	text-transform: capitalize;
}

.blog-content h2 {
	color: #212121;
	margin: 0 0 15px 0;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 600;
}

.blog-cat {
	color: #212121;
	background: #e84525;
	padding: 12px 13px 9px 13px;
	display: inline-block;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.7px;
	line-height: 1.1;
	align-self: flex-start;
}

.blog-cat a {
	color: #fff;
}

.page-news .blog-cat {
	display: none;
}

.blog-cat .post-categories {
	list-style: none;
	margin: 0;
}

/* Category filter */
.cat-filter {
	display: block;
	padding: 10px 20px 30px;
}

.cat-menu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cat-menu li {
	display: inline-block;
}

.cat-menu a {
	color: var(--e-global-color-text);
	border: 1px solid #555;
	border-radius: 30px;
	padding: 0 10px;
	display: block;
	font-size: 14px;
}

.cat-menu li:not(:last-child) {
	margin-right: 10px;
	margin-bottom: 10px;
}

.cat-menu li.active a {
	background: #e84525;
	color: #fff;
	border: 1px solid #e84525;
}

@media (min-width: 769px) {
	.cat-filter {
		padding: 10px 30px 30px;
	}

	.cat-menu {
		text-align: center;
		width: 100%;
	}

	.cat-menu a {
		padding: 0 15px;
		font-size: 17px;
	}

	.cat-menu a:hover {
		background: #e84525;
		color: #fff;
		border: 1px solid #e84525;
	}
	.cat-menu li:not(:last-child) {
		margin-right: 15px;
	}
}

/*--------------------------------------------------------------
## Zoom in background image
--------------------------------------------------------------*/
.img-zoom {
	position: relative;
    overflow: hidden;
	min-height: 720px;
    width: 40%;
}

.img-zoom > div {
    transition-duration: 1500ms;
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.img-zoom > div:hover {
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media (max-width: 767px) {
	.img-zoom {
		min-height: 350px;
		width: 100%;
	}
}

/*--------------------------------------------------------------
## Brand icon color
--------------------------------------------------------------*/
.brand-icon-parent .fl-col-group {
    display: flex;
    align-items: center;
    padding-right: 10%;
}

.brand-icon-parent .fl-col-group .fl-col {
	width: auto !important;
}

.brand-icon-parent h3 a {
	color: var(--e-global-color-text);
}

/* Added in JS to wrap a link on a col */
a.brand-icon-link {
	display: block;
}
a.brand-icon-link:hover {
	background: var(--e-global-color-creme);
}

.brand-icon .fl-icon {
    background-color: var(--e-global-color-primary);
    border-radius: 50%;
    color: #fff;
    padding: 0.5em;
    font-size: 29px;
    display: inline-block;
    text-align: center;
    line-height: 1;
}

.brand-icon .fl-icon i {
	width: 1em;
    height: 1em;
    position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 26px;
}

@media (max-width: 1024px) {
	.brand-icon-parent .fl-col-group {
		padding-right: 0;
		flex-direction: column;
	}

	.brand-icon-parent .fl-module-content {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.brand-icon-parent .fl-module-heading .fl-module-content {
		margin-bottom: 10px;
	}
}

/*--------------------------------------------------------------
## Hamburger
--------------------------------------------------------------*/
.ham-icon {
	padding: 5px;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	padding: 10px;
}

.ham-icon {
    border: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
	background-color: transparent;
	z-index: 99;
}

.ham-wrap {
    width: 34px;
    height: 27px;
    position: relative;
}

.ham-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.ham-icon span {
	background: var(--e-global-color-text);
}

.open-overlay .ham-icon span {
	background: #fff;
}

.ham-icon span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.ham-icon span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.ham-icon span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.open-overlay .ham-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 5px;
}

.open-overlay .ham-icon span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.open-overlay .ham-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 24px;
    left: 5px;
}

@media (max-width: 767px) {
	#navigation {
		padding: 1.25rem 1.5rem;
	}
}

@media (max-width: 500px) {
	#navigation {
		padding: 1rem 1rem;
	}
	.site-header__info {
		padding: .5rem;
		margin-left: 0.5rem;
		line-height: 1;
	}
}

/*--------------------------------------------------------------
## Sticky header
--------------------------------------------------------------*/
.navbar-sticky {
    backdrop-filter: blur(4px);
    transition: background-color .3s cubic-bezier(.42, .00, .58, 1.00);
    background-color: #ffffffc7;
}

.navbar-sticky .drop [data-toggle="dropdown"] {
	color: #000;
}

.navbar-sticky .line {
	stroke: #000;
}

.logo.color-logo {
	display: none;
}

.navbar-sticky .logo.white-logo {
	display: none;
}

.navbar-sticky .logo.color-logo {
	display: block;
}

/* Open Hamburger Menu */
.open-overlay .navbar-sticky .drop [data-toggle="dropdown"],
.open-overlay .navbar-sticky .search-menu i {
	color: #fff;
}

.open-overlay .navbar-sticky .line {
	stroke: #fff;
}

.open-overlay .logo.color-logo {
	display: none;
}

.open-overlay .logo.white-logo {
	display: block;
}

/*--------------------------------------------------------------
## Single Cases
--------------------------------------------------------------*/
.single-cases article {
	display: flex;
    padding-right: 15%;
    padding-left: 5%;
    margin-top: 130px;
}

.single-cases .col-back {
	width: 20%;
}

.single-cases .col-back i {
	font-size: 18px;
    margin-right: 8px;
}

.single-cases .col-main {
	width: 80%;
}

.single-cases .fl-row-content-wrap {
	padding-right: 0;
	padding-left: 0;
}

.single-cases .col-back a {
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
    display: block;
}

.single-cases h1 {
	margin-top: 0;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--e-global-color-primary);
}

.single-cases .client-wrap {
	display: flex;
	flex-wrap: nowrap;
	gap: 2em;
	margin-bottom: 30px;
}

.single-cases .client-facts {
	flex-basis: 300px;
	flex-grow: 0;
}

.single-cases .client-facts > div {
	margin-bottom: 20px;
}

.single-cases .client-intro {
	flex-basis: 0;
    flex-grow: 1;
}

.single-cases figure {
	margin-bottom: 20px;
}

.related-cases__wrap {
	display: flex;
}

.related-cases__item {
	width: 50%;
    margin-bottom: 150px;
    display: flex;
}

.related-cases__item a {
    display: block;
    transition: all .4s;
}

.related-cases__item a:hover {
    filter: brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.related-cases img {
    display: block;
    min-height: 100%;
    width: auto;
    object-fit: cover;	
}

.related-cases .row > div {
	padding: 0;
}

@media (max-width: 1024px) {
	.single-cases article {
		flex-direction: column;
		padding-right: 5%;
	}
	.single-cases .col-main,
	.single-cases .col-back {
		width: 100%;
	}
	.single-cases .col-back {
		margin-bottom: 20px;
	}
	.related-cases {
		padding: 20px 10% 20px;
	}
}

@media (max-width: 768px) {
	.single-cases .col-back a {
		font-size: 16px;
		padding-top: 0;
	}
	.single-cases .col-back i {
		font-size: 15px;
		margin-right: 7px;
	}
	.single-cases article {
		padding-right: 0;
		padding-left: 0;
	}
	.single-cases .client-facts {
		font-size: 16px;
	}
	.single-cases h1 {
		margin-right: 5%;
		margin-left: 5%;
	}
	.single-cases .client-wrap,
	.single-cases .col-back {
		padding-right: 5%;
		padding-left: 5%;
	}
	.single-cases .client-wrap {
		gap: 1em;
	}
	.single-cases .client-facts {
		flex-basis: auto;
	}
	.single-cases .client-wrap {
		flex-direction: column;
	}
	.related-cases {
		padding: 20px 5% 0;
	}
	.related-cases__wrap {
		flex-direction: column;
	}
	.related-cases__item {
		width: 100%;
	}
}

/*--------------------------------------------------------------
## Single Posts
--------------------------------------------------------------*/
.single-post .single-post__hero {
	padding-top: 8rem;
    padding-right: 15%;
    padding-bottom: 20px;
    padding-left: 15%;
    max-width: 1800px;
    margin: 0 auto;
}

.single-post__bg {
    background-color: #F3F3EF;
    min-height: 500px;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 88px;
}

.single-post__hero h1 {
	font-size: 58px;
    text-decoration: none;
    line-height: 70px;
    letter-spacing: -0.3px;
    margin-bottom: 30px;
}

.single-post__hero-wrap {
	display: flex;
	margin-bottom: 20px;
}

.single-post__hero p {
	margin-right: 20px;
	font-size: 16px;
	margin-bottom: 10px;
}

.single-post__hero-cat {
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--e-global-color-text);
}

.single-post__hero-cat:hover {
	color: var(--e-global-color-primary);
}

.single-post__main h2 {
    font-size: 39px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 1.2rem;
	margin-top: 2rem;
}

.single-post .skapa-ingress {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 500;
}

.single-post ul,
.single-cases ul  {
	margin-left: 40px;
}

.single-post li,
.single-cases li {
	list-style: disc;
}

.single-post__nav {
    padding: 3rem 15% 4rem;
    text-transform: uppercase;
    font-size: 16px;
    max-width: 1800px;
    margin: 0 auto;
}

.single-post__nav-inner {
    display: flex;
    justify-content: space-between;
	border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: var(--e-global-color-primary);
	padding-bottom: 2%;
}

.single-post__nav .previous-article i {
	margin-right: 7px;
}

.single-post__nav .next-article i {
	margin-left: 7px;
}

.single-post__main p,
.single-post__main li,
.single-post__main li a {
	font-size: 19px;
	line-height: 1.6;
}

@media (max-width: 1024px) {
	.single-post__hero h1 {
		font-size: 38px;
		line-height: 1em;
	}
	.single-post__main h2 {
		font-size: 28px;
		line-height: 1.2em;
	}
	.single-post__nav {
		padding: 3rem 10% 4rem;
	}
}

@media (max-width: 768px) {
	.single-post__bg {
		background-color: #F3F3EF;
		min-height: 350px;
	}
	.single-post .single-post__hero {
		padding-top: 7rem;
		padding-right: 10%;
		padding-bottom: 0;
		padding-left: 10%; 
	}
	.single-post__hero-wrap {
		flex-direction: column;
	}
	.single-post__hero h1 {
		font-size: 36px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}
	.single-post__hero p {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.single-post__hero-cat {
		font-size: 14px;
	}
	.single-post__main h2 {
		font-size: 26px;
		line-height: 1.2em;
	}
	.single-post .skapa-ingress {
		font-size: 22px;
	}
	.single-post__main p,
	.single-post__main li,
	.single-post__main li a {
		font-size: 17px;
		line-height: 1.6;
	}
	.single-post__nav {
		padding: 3rem 5% 4rem;
		font-size: 15px;
	}
}

@media (max-width: 500px) {
	.single-post .single-post__hero {
		padding-top: 6rem;
	    padding-right: 5%;
    	padding-left: 5%;
	}
	.single-post .skapa-ingress {
		font-size: 18px;
	}
	.single-post__hero h1 {
		font-size: 32px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}
	.single-post__main h2 {
		font-size: 24px;
		line-height: 1.2em;
	}
	.single-post__main p,
	.single-post__main li,
	.single-post__main li a {
		font-size: 16px;
		line-height: 1.6;
	}
	.single-post__nav {
		padding: 0 5% 4rem;
		font-size: 13px;
	}
}
/*--------------------------------------------------------------
## Forminator form
--------------------------------------------------------------*/
.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit {
	border: 2px solid #e84525;
    border-radius: 0;
    color: #e84525 !important;
    background: transparent !important;
    padding: 15px 30px;
	transition: 0.2s ease-in-out;
}

.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit span {
    color: #e84525;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.2px;
	transition: 0.2s ease-in-out;
}

.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit:hover,
.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit:focus {
    background: #e84525 !important;
}

.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit:hover span,
.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit:focus span {
    color: #fff !important;
}

/* HP fields */
#forminator-module-7936 #phone-1 {
	position: absolute;
	left: -9999px;
}

#forminator-module-7936 #url-1 {
	display: none;
}

#forminator-module-7936 #textarea-2 {
	position: absolute;
	left: -9999px;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.modal-btn {
	display: inline-block;
	width: auto;
}

.modal-btn a {
	background: #fff;
	color: #212121;
	font-size: 18px;
	padding: 9px 18px;
	border-radius: 100px;
	line-height: 1.4;
	display: block;
	font-weight: 700;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.modal-btn span:after {
	content: "\f345";
	font-family: dashicons;
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	color: #212121;
	font-size: 24px;
	height: auto;
	margin-left: 6px;
	margin-right: 0;
	margin-top: -3px;
	vertical-align: middle;
	width: auto;
	transition: margin 200ms;
}

.modal-btn.small-btn a {
	padding: 8px 13px;
	font-size: 15px;
}

.modal-btn.small-btn span:after {
	font-size: 17px;
}

/* for BB */
.modal-btn-bb {
	display: inline-block;
	width: auto;
}

.modal-btn-bb a {
	background: #e84525;
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
	padding: 9px 22px;
	display: block;
	font-weight: 600;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.modal-btn-bb i {
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	margin-left: 0;
	margin-right: 10px;
	transition: all 300ms;
}

@media (min-width: 991px) {
	.modal-btn.small-btn a {
		padding: 9px 14px;
		font-size: 16px;
	}

	.modal-btn.small-btn span:after {
		font-size: 18px;
	}
}

@media (min-width: 769px) {
	.modal-btn a {
		font-size: 20px;
		padding: 12px 22px;
	}
	.modal-btn a:hover {
		background: #af461a;
	}
	.modal-btn span:after {
		font-size: 26px;
	}

	.modal-btn a:hover,
	.modal-btn a:hover span:after {
		color: #fff;
	}
	.modal-btn-bb a:hover {
		background: #af461a;
	}
	.popup-textlink .modal-btn-bb a:hover {
		background: transparent !important;
		color: #af461a;
	}
	.modal-btn-bb a:hover i {
		transform: rotate(90deg);
	}
	.modal-btn a:hover span:after {
		margin-left: 11px;
	}

}



/*--------------------------------------------------------------
## Page scroller
--------------------------------------------------------------*/
.page-scroller {
	cursor: pointer;
	position: absolute;
	width: 70px;
	left: 50%;
	text-align: center;
	bottom: 30px;
	margin-left: -35px;
}

.page-scroller-arrow {
	font-size: 38px;
	color: #fff;
	-moz-animation: linear bounce 1s infinite;
	-webkit-animation: linear bounce 1s infinite;
	animation: linear bounce 1s infinite;
}

@keyframes bounce {
	0%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@media (max-width: 768px) {
	.page-scroller-arrow {
		font-size: 32px;
	}
	.page-scroller {
		bottom: 15px;
	}
}

/*--------------------------------------------------------------
## Load more button
--------------------------------------------------------------*/
.load-more-cases__container {
	display: flex;
	justify-content: center;
	margin-top: 140px;
}

.load-more-cases__container button {
	cursor: pointer;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 0;
    color: var(--e-global-color-primary);
    background: transparent;
    padding: 15px 30px;
	font-size: 16px;
	line-height: 1;
	display: block;
	font-weight: 400;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.load-more-cases__container button:hover {
	background: var(--e-global-color-primary);
	color: white;
}

/*--------------------------------------------------------------
## Make embedded video in WP editor responsive
--------------------------------------------------------------*/
.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video,
video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/
.employer p {
	font-size: 16px;
	line-height: 1.6;
}

.employer h3 {
	margin: 10px 0;
	font-size: 20px;
	line-height: 1.2;
}

.employer .fl-module-rich-text {
	text-align: center;
}

.employer img.fl-photo-img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	max-width: 200px;
}

/*--------------------------------------------------------------
# CTA section
--------------------------------------------------------------*/
.skapa-cta h3 {
	margin: 20px 0 10px;
}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-us .fl-col-group {
	display: flex;
    flex-wrap: wrap;
}

.about-us .fl-col-group > div {
	width: 33.3333% !important;
	display: flex;
}

.about-us .fl-col-content,
.about-us .fl-module {
	display: flex;
    width: 100%;
}

.about-us .fl-module > div {
	flex-grow: 1;
}

.about-us .fl-module-content {
    padding: 15%;
	margin: 0;
	border-color: var(--e-global-color-primary);
	border-style: solid;
}

.about-us .fl-col:nth-child(1) .fl-module-content {
	border-width: 2px 1px 1px 2px;
}

.about-us .fl-col:nth-child(2) .fl-module-content {
	border-width: 2px 1px 1px 1px;
}

.about-us .fl-col:nth-child(3) .fl-module-content {
	border-width: 2px 2px 1px 1px;
}

.about-us .fl-col:nth-child(4) .fl-module-content {
	border-width: 1px 1px 2px 2px;
}

.about-us .fl-col:nth-child(5) .fl-module-content {
	border-width: 1px 1px 2px 1px;
}

.about-us .fl-col:nth-child(6) .fl-module-content {
	border-width: 1px 2px 2px 1px;
}

.about-us h3 {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	letter-spacing: -0.7px;
	font-size: 28px;
	line-height: 1.6em;
	margin: 0 0 15px;
}

.about-us p {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.about-us .fl-col-group > div {
		width: 50% !important;
	}
	.about-us h3 {
		font-size: 22px;
		margin: 0 0 15px;
	}
	.about-us .fl-col:nth-child(1) .fl-module-content {
		border-width: 2px 1px 1px 2px;
	}
	.about-us .fl-col:nth-child(2) .fl-module-content {
		border-width: 2px 2px 1px 1px;
	}
	.about-us .fl-col:nth-child(3) .fl-module-content {
		border-width: 1px 1px 1px 2px;
	}
	.about-us .fl-col:nth-child(4) .fl-module-content {
		border-width: 1px 2px 1px 1px;
	}
	.about-us .fl-col:nth-child(5) .fl-module-content {
		border-width: 1px 1px 2px 2px;
	}
	.about-us .fl-col:nth-child(6) .fl-module-content {
		border-width: 1px 2px 2px 1px;
	}
}

@media (max-width: 767px) {
	.about-us .fl-col-group > div {
		width: 100% !important;
	}
	.about-us h3 {
		font-size: 18px;
		margin: 0 0 10px;
	}
	.about-us .fl-col:first-child .fl-module-content {
		border-width: 2px 2px 1px 2px;
	}
	.about-us .fl-col:not(:first-child) .fl-module-content {
		border-width: 1px 2px 1px 2px;
	}
	.about-us .fl-col:last-child .fl-module-content {
		border-width: 1px 2px 2px 2px;
	}
}

/*--------------------------------------------------------------
## Author section on Blog Posts
--------------------------------------------------------------*/
.author-section {
    padding: 5% 10%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
	flex-direction: column;
}

.author-section img {
	border-radius: 50%;
	width: 100px;
	display: block;
	margin-bottom: 20px;
}

.author-details {
	display: block;
}

.author-name {
	font-size: 24px;
    letter-spacing: -0.8px;
    font-weight: 500;
    margin-bottom: 4px;
}

.author-detail__info span,
.author-detail__info div {
	display: inline-block;
	font-size: 19px;
	line-height: 1.4;
    letter-spacing: -1px;
}

@media (max-width: 767px) {
	.author-detail__info span,
	.author-detail__info div {
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	.author-detail__info,
	.author-detail__info span,
	.author-detail__info div {
		font-size: 17px;
		line-height: 1.3;
	}
	.author-section {
		padding-bottom: 4rem;
	}
}

/*--------------------------------------------------------------
## Author template
--------------------------------------------------------------*/
.author-results {
	margin-top: 60px;
}

/*--------------------------------------------------------------
## Side Menu
--------------------------------------------------------------*/
.side-menu {
	display: block;
}

.side-menu .side-menu-item a {
	color: #000;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 10px;
	display: block;
}

.side-menu .side-menu-item a.active,
.side-menu .side-menu-item a:hover {
	color: #e84525;
}

@media (min-width: 769px) {
	.side-menu {
		margin-top: 20px;
	}
}

/*--------------------------------------------------------------
## Newsletter
--------------------------------------------------------------*/
.skapa-newsletter input,
.skapa-newsletter input:focus {
	border: 2px solid #ccc;
	line-height: 1.3 !important;
	padding: 16px 24px 13px !important;
}

.skapa-newsletter .fl-terms-checkbox {
	margin-top: 10px !important;
}

.skapa-newsletter input[type="checkbox"] {
	border: 1px solid #ccc;
}

.skapa-newsletter label {
	font-size: 13px;
	line-height: 1.3;
	display: flex;
	align-items: center;
	color: var(--e-global-color-text);
}

.skapa-newsletter .fl-form-field.fl-terms-checkbox input[type="checkbox"] {
	height: 14px !important;
	width: 13px !important;
	margin-left: 0;
}

.skapa-newsletter .dashicons-arrow-right-alt2:before {
	font-size: 16px;
	vertical-align: middle;
}

.skapa-newsletter .fl-button-wrap {
	display: flex;
	white-space: nowrap;
}

.skapa-newsletter ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #aaa;
}
.skapa-newsletter ::-moz-placeholder {
	/* Firefox 19+ */
	color: #aaa;
}
.skapa-newsletter :-ms-input-placeholder {
	/* IE 10+ */
	color: #aaa;
}
.skapa-newsletter :-moz-placeholder {
	/* Firefox 18- */
	color: #aaa;
}

.skapa-newsletter .fl-form-field input:focus {
	border: 2px solid #ccc;
	outline: 0;
}

.skapa-newsletter .fl-form-button a:hover {
	background: #af461a !important;
	border: 1px solid #af461a !important;
}

@media (max-width: 990px) {
	.skapa-newsletter .fl-module-content > div {
		display: flex;
		flex-direction: column;
	}
	.skapa-newsletter .fl-form-field {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
	}
	.skapa-newsletter .fl-button-wrap {
		margin-top: 10px;
	}
}

@media (max-width: 520px) {
	.skapa-newsletter .fl-form-button a {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/*--------------------------------------------------------------
## Cookie Notice
--------------------------------------------------------------*/
#cookie-notice {
	background-color: #2d2d2d !important;
}

#cookie-notice .cookie-notice-container {
	max-width: 1800px;
	padding: 8px 20px;
	margin: 0 auto;
}

#cookie-notice .cn-text-container {
	margin-bottom: 0;
	line-height: 1.5 !important;
	margin-right: 40px;
}

#cookie-notice .cn-text-container,
#cookie-notice .cn-buttons-container {
	padding: 5px 0;
}

#cookie-notice a.cn-button {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 6px 18px;
	outline: none;
}

#cookie-notice a.cn-button:hover {
	background: #fff;
	color: #2d2d2d;
	border: 1px solid #fff;
	text-decoration: none;
}

#cookie-notice a.cn-set-cookie {
	background: #fff;
	color: #2d2d2d;
	border: 1px solid #fff;
}

#cookie-notice a.cn-set-cookie:hover {
	background: #5d5959;
	color: #fff;
	border: 1px solid #2d2d2d;
}

#cookie-notice .cookie-notice-container #cn-notice-text {
	line-height: 2;
}

#cookie-notice .cn-close-icon {
	display: none;
}

@media (max-width: 1100px) {
	#cookie-notice .cn-text-container {
		margin-right: 0;
		width: 100%;
		text-align: left;
	}
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagination {
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}

.pagination a,
.pagination a:hover {
	color: #000;
}

.pagination .page-numbers {
	margin: 5px;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	border: 1px solid #777;
	font-weight: 600;
}

.pagination i.fa-chevron-left {
	margin-right: 10px;
}

.pagination i.fa-chevron-right {
	margin-left: 10px;
}

.pagination .page-numbers:hover,
.pagination .current {
	background: var(--e-global-color-primary);
	border: 1px solid var(--e-global-color-primary);
	color: #fff;
}

.pagination .next.page-numbers,
.pagination .prev.page-numbers,
.pagination .dots.page-numbers {
	background: transparent;
	border: 0;
	height: auto;
	width: auto;
	margin: 0 15px;
}

.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:hover {
	color: var(--e-global-color-primary);
}

.pagination .dots.page-numbers {
	color: #000;
}

/*--------------------------------------------------------------
# Search Results
--------------------------------------------------------------*/
.search-results__intro {
	text-align: center;
	padding-bottom: 50px;
}

.search-results__intro h1 {
	margin-bottom: 25px;
}

.search-result__form {
	margin-bottom: 40px;
}

.search-result__form .search-form input:focus {
	outline: none;
}

.search-result__form .search-form ::placeholder {
	color: var(--e-global-color-primary);
  	opacity: 1;
}

.search-result__form .search-form .search-form__wrap {
	background-color: #f1f2f3;
}

.search-result__form .search-form .search-form__wrap input {
	color: var(--e-global-color-primary);
}

.search-results {
	margin: 40px 0;
}

.search-results .row {
	margin-bottom: 20px;
}

.search-results__item {
	margin-bottom: 20px;
}

.search-results__item h4 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: 600;
}

.search-results__item h4 a {
	color: var(--e-global-color-text);
}

.search-results__item p {
	font-size: 14px;
	line-height: 1.5em;
	color: #777;
	margin-bottom: 6px;
}

.search-results__item .search-results__readmore a {
    font-size: 14px;
    font-weight: 600;
}

.search-results__item .search-results__readmore a:after {
	content: '»';
	margin-left: 3px;
}

@media (min-width: 576px) {
	div.search-results .row > div {
		display: flex;
	}
}

/*--------------------------------------------------------------
## Feedback Slider
--------------------------------------------------------------*/
.feedback .slick-list {
    overflow: hidden;
}
.slick-initialized .slick-track {
    display: flex;
}    
.slick-initialized .slick-track .slick-slide {
    display: flex;
    height: auto;
}
.feedback {
	padding: 0 0 0 12%;
	cursor: grab;
}
.feedback .slide-content {
	flex-direction: column;
}
.feedback-desc {
	font-size: 28px;
	line-height: 1.6em;
	letter-spacing: -0.7px;
	font-weight: 600;
}
.feedback-name {
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: -.8px;
	margin-top: 40px;
}
.feedback-comp {
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: -.8px;
	font-weight: 600;
}
.client-feedback-icon {
	display: inline-block;
    line-height: 1;
    transition: all .3s;
    color: #69727d;
    font-size: 50px;
    text-align: center;
}

.client-feedback-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}
@media (max-width: 1024px) {
	.feedback {
		padding: 0;
		text-align: center;
	}
	.feedback-desc {
		font-size: 22px;
	}
	.feedback-name {
		font-size: 14px;
	}
	.feedback-comp {
		font-size: 14px;
	}
	.client-feedback-icon {
		margin-top: 20px;
		margin-bottom: 15px;
	    display: flex;
    	justify-content: center;
	}
}
@media (max-width: 767px) {
	.client-feedback-icon {
		margin-top: 20px;
		margin-bottom: 15px;
	}
}

/*--------------------------------------------------------------
## Related Posts
--------------------------------------------------------------*/
.related-posts,
.related-cases {
    padding: 20px 15% 60px;
    max-width: 1800px;
    margin: 0 auto;
}

.related-posts__intro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.related-posts__intro h2 {
	font-size: 42px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -0.3px;
    margin: 0;
}

.related-posts__intro a {
	font-family: "Poppins", Sans-serif;
	display: block;
	font-size: 22px;
    line-height: 70px;
    letter-spacing: -0.3px;
    font-weight: 700;
}

@media (max-width: 1024px) {
	.related-posts,
	.related-cases {
		padding: 20px 10% 20px;
	}
}

@media (max-width: 767px) {
	.related-posts,
	.related-cases {
		padding: 20px 5% 0;
	}
	.related-posts > .row > div,
	.related-cases > .row > div {
		margin-bottom: 20px;
	}
	.related-posts__intro {
		flex-direction: column-reverse;
		align-items: flex-start;
		margin-bottom: 0;
	}
	.related-posts__intro h2 {
		font-size: 28px;
		line-height: 1.4;
		margin-top: 1rem;
	}
	.related-posts__intro a {
		font-size: 20px;
		line-height: 1.3;
	}
	.single-post .post-feed .blog-item {
		margin-bottom: 2rem;
	}
}

/*--------------------------------------------------------------
## Clients Slider
--------------------------------------------------------------*/
.clients {
	cursor: grab;
}
.clients.slick-initialized .slick-track .slick-slide {
    display: block;
	text-align: center;
}
.clients .slick-list {
    overflow: hidden;
}
.clients .slick-track {
	display: flex;
	align-items: center;
}
.clients .slide-content {
	flex-direction: column;
	margin-left: 40px;
	margin-right: 40px;
}
.clients img {
    height: auto;
    max-width: 100%;
    border: none;
}

@media (max-width: 1024px) {
	.clients .slide-content {
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media (max-width: 767px) {
	.clients .slide-content {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer {
	padding: 60px 5% 30px 5%;
	width: 100%;
	border-top: 2px solid var(--e-global-color-primary);
}

.footer .container {
    max-width: 2600px;
    margin: 0 auto;
}

.footer .logo {
    display: block;
    width: 90px;
    height: auto;
    margin-bottom: 10px;
}

.footer ul {
	margin: 0;
}

.footer-copy {
	margin-top: 30px;
}

.footer .copy {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.3px;
}

.footer-copy > div {
	display: flex;
	justify-content: space-between;
}

.footer-copy .footer-copy-logo a:hover img {
	transform: scale(1.1);
}

.footer .footer-social {
	display: flex;
    justify-content: flex-end;
    height: 100%;
    align-items: center;
}

.footer-social ul {
	display: flex;
}

.footer-social ul li {
	display: block;
	margin-bottom: 0;
}

.footer-social a i {
	opacity: 1;
	color: var(--e-global-color-primary);
	width: 45px;
	height: 42px;
	line-height: 42px;
	font-size: 23px;
	text-align: center;
	-webkit-transition: all 0.125s ease-in-out 0s;
	-moz-transition: all 0.125s ease-in-out 0s;
	transition: all 0.125s ease-in-out 0s;
}

.footer-social a:hover i {
    animation-name: animation-push;
	animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@keyframes animation-push {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
}

@media (min-width: 768px) {
	.footer .row > div:not(:first-child) {
		flex-direction: column;
	}
}

@media (max-width: 1024px) {
	.footer .footer-row-content > div {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.footer {
		padding-left: 0;
		padding-right: 0;
	}
	.footer .row > div {
		text-align: center;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
}

/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
#forminator-module-8012.forminator-custom-form-8012 .forminator-button-submit {
	border: 2px solid var(--e-global-color-primary);
    border-radius: 0;
    color: var(--e-global-color-primary) !important;
    background: transparent !important;
    padding: 15px 30px;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: -0.2px;
	transition: 0.2s ease-in-out;
}

#forminator-module-8012.forminator-custom-form-8012 .forminator-button-submit:hover,
#forminator-module-8012.forminator-custom-form-8012 .forminator-button-submit:focus {
	background: var(--e-global-color-primary) !important;
	color: #fff !important;
	box-shadow: none !important;
}

#forminator-module-8012.forminator-custom-form-8012 input {
    padding: 16px 22px;
    border-radius: 5px;
}

#forminator-module-8012.forminator-custom-form-8012 .forminator-row {
	margin-bottom: 10px !important;
}

#forminator-module-8012.forminator-custom-form-8012 .forminator-field-consent {
	margin: 20px 0;
}

#forminator-module-8012.forminator-custom-form-8012 .forminator-checkbox-box {
	border-color: #333 !important;
    background-color: #fff !important;
    color:  var(--e-global-color-primary) !important;
}

@media (max-width: 767px) {
	#forminator-module-8012.forminator-custom-form-8012 .forminator-button-submit {
		width: auto !important;
	}
}

/*--------------------------------------------------------------
# Archive, intro, Categories, Taxomomies
--------------------------------------------------------------*/
.archive .container {
	padding-right: 5%;
	padding-left: 5%;
}

.intro {
	padding: 10% 5% 0;
}

.intro h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
	.intro h1 {
		margin-top: 100px;
	}
	.intro .pb-70 {
		padding-bottom: 20px;
	}
}

/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error404 .container {
	padding: 10% 5% 0;
}

.error404 .col-12 {
	padding: 0;
}

@media (max-width: 767px) {
	.error404 .pb-50 {
		padding-bottom: 20px;
	}
}
/*--------------------------------------------------------------
# BB overrules
--------------------------------------------------------------*/
/* Add padding left/right, because they are removed in BB Global settings */
@media (max-width: 767px) {
	.fl-col-small:not(.fl-col-small-full-width),
	.fl-row .fl-col:first-of-type {
		max-width: 100%;
	}
}

/*--------------------------------------------------------------
# Adminbar
--------------------------------------------------------------*/
.admin-bar .top {
	top: 32px;
}

#wpadminbar {
	position: fixed !important;
}

@media screen and (max-width: 782px) {
	.admin-bar .top {
		top: 46px;
	}
}