/*!
Theme Name: The Sceleton theme
Theme URI: https://www.tigerton.se
Author: Jonathan de Jong @ Tigerton
Author URI: https://www.tigerton.se
Description: "bony framework of the body", a theme for quick and modern development with Tigerton!
Text Domain: sceleton
Version: 1.0
*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix:after{content:"";display:block;clear:both}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-link:hover,.skip-link:active,.skip-link:focus{position:static;height:auto;width:auto;margin:0;float:left}.comment-content img[height],.entry-content img,.entry-summary img,img[class*=align],img[class*=attachment-],img[class*=wp-image-]{height:auto}.post-thumbnail img,.wp-post-image,img.size-full,img.size-large{height:auto;max-width:100%}.alignleft,.left{float:left}.alignright,.right{float:right}.aligncenter{display:block;margin-left:auto;margin-right:auto}img{max-width:100%;height:auto}blockquote{font-size:1.5rem;line-height:1.45833333em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a,label a,blockquote a,small a,li a,q a{color:inherit;font-size:inherit;text-decoration:inherit}.btn,button{border:0;border-radius:0}
/*# sourceMappingURL=style.css.map */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');

@charset "UTF-8";

@font-face {
  font-family: "remm";
  src:url("fonts/remm.eot");
  src:url("fonts/remm.eot?#iefix") format("embedded-opentype"),
    url("fonts/remm.woff") format("woff"),
    url("fonts/remm.ttf") format("truetype"),
    url("fonts/remm.svg#remm") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "remm" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "remm" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\61";
}
.icon-cross:before {
  content: "\62";
}
.icon-left-open-big:before {
  content: "\63";
}
.icon-right-open-big:before {
  content: "\64";
}



body {
	padding: 1.5rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:#333;
	position: relative;
}


/**
* Typography
*/

a {
	font-size: 0.95rem;
	text-decoration:none;
}
.content-wrapper a	{
	text-decoration:underline;
}

p, li {
	font-size: 0.95rem;
	font-weight: 300;
	line-height:1.5;
	margin: 0 0 1rem;
}
p.over {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin:0 0 0.4rem;
	font-weight: 700;
	color: #C3211F;
}
ul, ol {
	margin: 0 0 1rem;
}
h1 {
	font-size:2.2rem;
	line-height:1.2;
	margin: 0 0 1rem;
}
h2 {
	font-size:1.6rem;
	line-height:1.2;
	margin: 0 0 0.6rem;
}
h3 {
	font-size:1.3rem;
	line-height:1.2;
	margin: 0 0 0.6rem;
}
h4 {
	font-size:1.1rem;
	line-height:1.2;
}

h1,h2,h3,h4 {
	font-weight: 500;
}

i, em {
	font-style: italic;
}

/**
* Generic styles
*/

.wrapper {
	max-width:1200px;
	width: 94%;
	margin:0px auto;
}
.content-wrapper {
	max-width:1000px;
	width: 94%;
	margin:0px auto;
}
.inner-wrapper {
	max-width:750px;
	width: 94%;
	margin:0px auto;
}

a.readmore:after {
	content: "\64";
	font-family: "remm";
	vertical-align: middle;
	margin: 0 0 0 0.5rem;
	font-size: 0.7rem;
}

/**
* Header
*/
.header {
	padding: 0 0 1rem;
	background: #ffffff;
}

.logotype {
	display:block;
	float: left;
	max-width: 350px;
	height: auto;
}

/* - menu */
.icon-menu {
	display: none;
}
.menu-main {
	overflow: hidden;
	float:right;
}
.menu-main-list {
	margin: 0;
}
.menu-main-list li {
	display:block;
	float:left;
	margin: 0;
}
.menu-main-list li a {
	color: #333333;
	font-size: 0.75rem;
	font-weight: 500;
	padding:0.5rem 0.6rem 1rem;
	display:block;
	text-decoration:none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menu-main-list>li:last-child {
	margin: 0 0 0 1rem;
}
.menu-main-list>li:last-child>a {
	color: #333333;
}

.menu-main-list li>a:hover, .menu-main-list li.current-menu-item>a {
	color: #C3211F;
}

.menu-main-list .sub-menu {
	display: none;
	position: absolute;
	z-index: 9;
    margin: 0;
    padding: 0.5rem 0;
    max-width: 200px;
    background: #ffffff;
    border: solid 1px #f1f1f1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menu-main-list .sub-menu:after, .menu-main-list .sub-menu:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.menu-main-list .sub-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.menu-main-list .sub-menu:before {
	border-color: rgba(241, 241, 241, 0);
	border-bottom-color: #f1f1f1;
	border-width: 11px;
	margin-left: -11px;
}
.menu-main-list .sub-menu li {
	display: block;
	width: 100%;
	margin:0;
	border-bottom: solid 1px #f1f1f1;
}
.menu-main-list .sub-menu li:last-child {
	border-bottom: none;
}
.menu-main-list .sub-menu li a {
	font-weight: 300;
	text-transform: none;
	padding:0.5rem 1rem;
}
@media all and (min-width: 1024px) {
	.menu-main-list li.menu-item-has-children:hover>.sub-menu {
		display: block;
	}
}

/**
* Hero
*/
.hero {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.hero img {
	width: 100%;
	height: auto;
}
.hero .inner {
	position: absolute;
	bottom: 5.5rem;
	right: 1.5rem;
	left: 1.5rem;
	z-index: 1;
}
.hero .inner .title {
	background: #C3211F;
	color: #ffffff;
	font-size: 2.4rem;
	line-height: 1;
	padding: 0.9rem 1.3rem 1.2rem;
	margin: 0 0 0.8rem;
	text-align: right;
	float: right;
	clear: both;
}
.hero .inner .title:last-of-type {
	margin: 0;
}
.hero .opacity {
	background: #333333;
	opacity: 0.2;
	position: absolute;
	right:0;
	left:0;
	top:0;
	bottom:0;
}

.hero.no-img {
	max-height: 129px;
	height: 129px;
}

/**
* Content
*/

.entry a {
	color: #C3211F;
}
.entry a:hover {
	color: #9e1919;
}
.entry li {
	margin: 0 0 0 1rem;
	list-style: disc;
	list-style-position: inside;
}

/* - abstract */
.abstract {
	margin: 4rem 0;
}
.abstract p {
	font-size: 1.2rem;
	font-weight: 300;
}

/* - textblock */
.textblock {
	margin: 4rem 0;
	width: 100%;
	overflow: hidden;
}
.textblock.background {
	margin: 0;
	padding: 4rem 0;
}
.col25 {
	float: left;
	width: 21%;
	margin: 0 4% 0 0;
}
.col33:nth-of-type(4) {
	margin: 0 0 0 0;
}
.col33 {
	float: left;
	width: 30.666%;
	margin: 0 4% 0 0;
}
.col33:nth-of-type(3) {
	margin: 0 0 0 0;
}
.col50 {
	float: left;
	width: 48%;
	margin: 0 4% 0 0;
}
.col50:nth-of-type(2) {
	margin: 0 0 0 0;
}
.col100 {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

/* - imageblocks */
.imageblock {
	width: 100%;
	overflow: hidden;
}
.imageblock img {
	width: 100%;
	height: auto;
}

/* - boxes */
.boxes {
	padding: 4rem 0 2.5rem;
	background: #f1f1f1;
	overflow: hidden;
}
.boxes .wrapper {
	display: flex;
	flex-wrap: wrap;
}
.boxes ul li {
	float: left;
	width: 23.5%;
	margin: 0 2% 1.5rem 0;
	background: #ffffff;
	overflow: hidden;
	list-style: none !important;
}
.boxes ul li:nth-child(4n+4) {
	margin: 0 0 1.5rem 0;
}
.boxes ul li.image {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
/*.boxes ul li .cover-img {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	max-height: 450px;
	max-width: none;
}*/
.boxes ul li .textfield {
	display: block;
	padding: 3rem 1.5rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* - stepsblock */
.stepsblock {
	margin: 4rem 0;
	width: 100%;
	overflow: hidden;
}
.stepsblock .icon {
	max-width: 60px;
	margin: 0 auto 1rem;
	display: block;
}
.stepsblock .title {
	text-align: center;
	margin: 0 0 2rem;
}
.stepsblock .flexslider {
	border: none;
	border-radius: 0;
}
.stepsblock .flexslider .slides {
	margin: 0 2rem;
}
.stepsblock .flexslider .slides li {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	background: #f1f1f1;
}
.stepsblock .flexslider .thumb {
	width: 300px;
	float: left;
	height: 320px;
	overflow: hidden;
	background: #848484;
}
.stepsblock .flexslider .thumb img {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	max-width: none;
}
.stepsblock .flexslider .inner {
	width: calc(100% - 300px);
	float: left;
	padding: 3rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: inherit;
}
.stepsblock .flexslider .inner p {
	font-size: 1.2rem;
}
.stepsblock .flexslider .inner .top {
	margin: 0 0 1rem;
	overflow: hidden;
}
.stepsblock .flexslider .inner .number {
	display: inline;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 0 0.5rem 0 0;
}
.stepsblock .flexslider .inner .step-title {
	display: inline;
	margin: 0;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 700;
}
.stepsblock .flexslider .inner .readmore {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: inherit;
}
.stepsblock .flexslider .inner .readmore:after {
	content: "\64";
	font-family: "remm";
	text-transform: none;
	vertical-align: middle;
	margin: 0 0 0 0.5rem;
	font-size: 0.8rem;
}

.flex-direction-nav {
	
}
.flex-direction-nav li {
	list-style: none;
}
.flex-direction-nav li a {
	font-family: "remm";
	opacity: 0.7;
	color: #C3211F;
	font-size: 2rem;
    text-shadow: none;
}
.flex-direction-nav li a:before {
	content: none !important;
}
.flex-direction-nav li a:hover {
	opacity: 1;
}
.flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-prev:hover {
	left: -1.5rem;
}
.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-next:hover {
	right: -1.5rem;
}
.stepsblock .flexslider:hover .flex-direction-nav li a.flex-prev {
	left: -1.5rem;
}
.stepsblock .flexslider:hover .flex-direction-nav li a.flex-next {
	right: -1.5rem;
}

.stepsblock .flex-control-paging {
	bottom: -60px;
}
.stepsblock .flex-control-paging li a {
	background: #000;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.stepsblock .flex-control-paging li a.flex-active {
	background: #C3211F;
}

/* - galleryblock */
.galleryblock {
	margin: 4rem 0;
	width: 100%;
	overflow: hidden;
}
.galleryblock .gallery {
	overflow: hidden;
	margin: 2rem 0;
}
.galleryblock .gallery li {
	list-style: none;
	float: left;
	width: 15%;
	margin: 0 2% 2% 0;
}
.galleryblock .gallery li:nth-child(6n+6) {
	margin: 0 0 2% 0;
}
.galleryblock .gallery li img {
	width: 100%;
	height: auto;
	float: left;
}
 
/**
 * Page - 10 steg
 */
.children-pages {
	margin: 4rem 0;
}
.children-pages ul {
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.children-pages ul li {
	list-style: none;
	float: left;
	width: 33.333%;
	border-right: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
	box-sizing: border-box;
	text-align: center;
	margin: 0;
}
.children-pages ul li a{
	color: #5c5c5c;
}
.children-pages ul li:nth-child(3n+2) {
	border-right: none;
}

.children-pages ul li:nth-last-child(-n + 4):nth-child(4n + 1),
.children-pages ul li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li
{
   border-bottom: none;
}

.children-pages ul li a {
	display: block;
	overflow: hidden;
	padding: 10%;
	box-sizing: border-box;
}

.children-pages ul li .icon {
	max-width: 60px;
	max-height: 50px;
	margin: 0 0 1rem;
}
.children-pages ul li .title {
	font-size: 1rem;
	margin: 0 0 0.5rem;
	font-weight: 500;
}

.children-pages ul li.big {
	width: 66.666%;
    text-align: left;
}
.children-pages ul li.big .inner {
	padding: 5%;
}
.children-pages ul li.big a:hover {
	color: #333333;
}
.children-pages ul li.big p {
	font-size: 1.1rem;
	line-height: 1.6;
}

/* - Page substeps */
.page-template-page-substeps .abstract {
	margin: 3rem 0 4rem;
}

.substeps-pagination {
	overflow: hidden;
	width: 100%;
	margin: 2rem 0;
}
.substeps-pagination.top {
	margin: 0.5rem 0 1rem;
}
.substeps-pagination.bottom {
	margin: 2rem 0 4rem;
}
.substeps-pagination a {
	line-height: 1.5;
}
.substeps-pagination .before {
	float: left;	
}
.substeps-pagination .before:before {
	content: "\63";
	font-family: "remm";
	vertical-align: middle;
	margin: 0 0.5rem 0 0;
	font-size: 0.7rem;
}
.substeps-pagination .after {
	float: right;
}
.substeps-pagination .after:after {
	content: "\64";
	font-family: "remm";
	vertical-align: middle;
	margin: 0 0 0 0.5rem;
	font-size: 0.7rem;
}

/**
* Ordlista
*/
.word-list {
	margin: 4rem 0;
}
.word-list .word {
	width: 100%;
	margin: 0 0 2.5rem;
}
.word-list .word .title {
	font-size: 1rem;
	margin: 0 0 0.5rem;
}


/**
 * News archive
 */
.latest-news .news-post,
.news-archive .news-post {
	float: left;
    width: 30.666%;
    margin: 0 4% 1.5rem 0;
}
.latest-news .news-post:nth-of-type(3n+3),
.news-archive .news-post:nth-of-type(3n+3) {
	margin: 0 0 1.5rem 0;
}
.latest-news .news-post:nth-of-type(3n+4),
.news-archive .news-post:nth-of-type(3n+4) {
	clear: both;
}
.latest-news .news-post a,
.news-archive .news-post a {
	color: #333333;
	display: block;
}
.latest-news .news-post .thumb,
.news-archive .news-post .thumb {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5rem;
}
.latest-news .news-post .thumb img,
.news-archive .news-post .thumb img {
	width: 100%;
	height: auto;
}
.latest-news .news-post .date,
.news-archive .news-post .date {
	margin: 0 0 0.4rem;
    font-weight: 700;
    font-size: 0.7rem;
    display: block;
    color: #C3211F;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.latest-news .news-post .date .cats,
.news-archive .news-post .date .cats {
    margin: 0 0 0 1em;
}
.latest-news .news-post .date .cats a,
.news-archive .news-post .date .cats a {
	color: #C3211F !important;
	display: inline-block;
}
.latest-news .news-post .title,
.news-archive .news-post .title {
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 0 1rem;
}
.latest-news .news-post p,
.news-archive .news-post p {
    font-size: 0.9rem;
}

.pagination {
    width: 100%;
    margin: 4rem 0 0;
    float: left;
    display: block;
    text-align: center;
}
.pagination .page-numbers {
	font-size: 0.875rem;
    padding: 0.5rem;
    color: #333333;
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
    color: #C3211F;
}
.pagination .page-numbers.next {
    float: right;
    padding: 0;
}
.pagination .page-numbers.prev {
    float: left;
    padding: 0;
}

/* - latest news */
.latest-news {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 4rem 0;
    background: #f5f5f5;
}
.latest-news .readmore {
	display: block;
	text-align: right;
	font-size: 0.8rem;
	float: left;
	width: 100%;
}
.latest-news .readmore:after {
	font-size: 0.6rem;
}
 
/* - single news */
.single-news-hero {
	width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    height: 300px;
    overflow: hidden;
}
.single-news-hero img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.single-news .date {
	margin: 0 0 0.5rem;
    font-weight: 600;
    font-size: 0.75rem;
    display: block;
    color: #C3211F;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.single-news .date .cats {
    margin: 0 0 0 1rem;
}
.single-news .readmore {
	display: block;
	text-align: right;
	font-size: 0.8rem;
	margin: 4rem 0 0;
	padding: 0 0 0.5rem;
}
.single-news .readmore:after {
	font-size: 0.6rem;
}

.single-news .alignright {
	margin: 0 0 1.5rem 1.5rem;
}
.single-news .alignleft {
	margin: 0 1.5rem 1.5rem 0;
}
.single-news .aligncenter {
	margin: 0 0 1.5rem 0;
}

/**
* Footer
*/
.footer {
	padding: 4rem 0 2.5rem;
	background: #f1f1f1;
}
.home .footer {
	background: #ffffff;
}
.footer .wrapper {
	display: flex;
    flex-wrap: wrap;
}
.footer .col-one {
	float: left;
	width: 60%;
	margin: 0 5% 0 0;
	padding: 1.5rem 5% 1.5rem 0;
	border-right: solid 1px #bfbfbf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.footer .col-two {
	float: left;
	width: 35%;
	padding: 1.5rem 0;
	display: flex;
}

.footer .social-icons {
	overflow: hidden;
	align-self: flex-end;
    width: 100%;
}
.footer .social-icons li {
	float: right;
	margin: 0 1px;
	list-style: none;
}
.footer .social-icons li .icon {
	display: block;
}
.footer .social-icons li .icon img {
	max-width: 50px;
	height: auto;
}


/* Media queries ------------------------------------------- */

@media all and (max-width: 1300px) {
	
	/* Hero */
	.hero .inner {
		bottom: 1.5rem;
		right: 0;
		left: 0;
	}
	.hero .inner .title {
		font-size: 1.8rem;
		
	}
	
}

@media all and (max-width: 1024px) {
	
	/* Header */

	/* - menu */
	.icon-menu {
		display: block;
		color: #333333;
		font-size: 2rem;
		float: right;
		position: relative;
		z-index: 99;
	}
	.menu-main {
		display: none;
		width: 100%;
		margin: 0.5rem 0 0;
	}
	.menu-main-list li {
		float:left;
		width: 100%;
		margin: 0 0 4px 0;
	}
	li.mobile-menu-toggle>a:before {
		content: "\64";
		font-family: "remm";
	    float: right;
		font-size: rem(26);
		text-transform: none;
	}
		
	li.mobile-menu-toggle>a.down:before {
		content: "\63";
	}

	.menu-main-list .sub-menu {
		position: relative;
		overflow: hidden;
		width: 100%;
		max-width: 100%;
		background: #f1f1f1;
	}
	.menu-main-list .sub-menu li {
		width: 100%;
	}
	.menu-main-list .sub-menu .sub-menu {
		padding: 0 0 0 1rem;
	}
	
	/* Hero */
	.hero .inner {
		bottom: 1.5rem;
		right: 0;
		left: 0;
	}
	.hero .inner .title {
		font-size: 1.6rem;
		padding: 0.7rem 1.1rem 1.0rem;
		margin: 0 0 0.5rem;
	}

	/* Content */
	
	/* - boxes */
	.boxes ul li .textfield {
		padding: 2rem 1rem;
	}
	
	/* - stepsblock */
	.stepsblock .flexslider .inner .number {
	    font-size: 1.5rem;
	}
	.stepsblock .flexslider .inner .step-title {
	    font-size: 1.5rem;
	}
	.stepsblock .flexslider .inner p {
	    font-size: 1rem;
	}

	
}

@media all and (max-width: 768px) {
		
	/* Hero */
	.hero img {
		width: 140%;
		margin-left: -20%;
		max-width: none;
	}

	/* Content */

	/* - abstract */
	.abstract {
		margin: 3rem 0;
	}
	.abstract p {
		font-size: 1.2rem;
	}
	
	/* - textblock */
	.textblock {
		margin: 3rem 0;
	}
	.col33 {
		width: 48%;
	}
	.col33:nth-of-type(2) {
		margin: 0 0 0 0;
	}
	.col33:nth-of-type(3) {
		margin: 1rem 4% 0 0;
	}

	/* - boxes */
	.boxes {
		padding: 3rem 0 1.5rem;
	}
	.boxes ul li {
		width: 49%;
		margin: 0 2% 1rem 0;
	}
	.boxes ul li:nth-child(4n+4) {
		margin: 0 2% 1rem 0;
	}
	.boxes ul li:nth-child(2n+2) {
		margin: 0 0 1rem 0;
	}
	
	/* - stepsblock */
	.stepsblock {
		margin: 3rem 0;
	}
	.stepsblock .flexslider .thumb {
		width: 100%;
		height: 200px;
	}
	.stepsblock .flexslider .inner {
		width: 100%;
		padding: 2rem;
	}
	.stepsblock .flexslider .inner .number {
	    font-size: 1.2rem;
	}
	.stepsblock .flexslider .inner .step-title {
		font-size: 1.2rem;
	}
	.flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-prev:hover {
		left: -0.5rem;
	}
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-next:hover {
	    right: -0.5rem;
	}
	
	/* - galleryblock */
	.galleryblock {
		margin: 3rem 0;
	}
	.galleryblock .gallery li {
		width: 23.5%;
	}
	.galleryblock .gallery li:nth-child(6n+6) {
		margin: 0 2% 2% 0;
	}
	.galleryblock .gallery li:nth-child(4n+4) {
		margin: 0 0 2% 0;
	}

	
	/* Page - 10 steg */
	.children-pages {
		margin: 3rem 0;
	}
	.children-pages ul li {
		width: 50%;
	}
	.children-pages ul li:nth-child(3n+2) {
		border-right: solid 1px #e2e2e2;
	}
	.children-pages ul li:nth-child(2n+1) {
		border-right: none;
	}

	.children-pages ul li:nth-last-child(-n + 4):nth-child(4n + 1),
	.children-pages ul li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li
	{
	   border-bottom: solid 1px #e2e2e2;
	}
	.children-pages ul li.big {
		width: 100%;
	}
	
	
	.page-template-page-substeps .hero img {
		max-width: 100% !important;
		margin-left: 0 !important;
	}
	.page-template-page-substeps .abstract {
		margin: 2rem 0 3rem;
	}

		
	/* News archive */
	.latest-news .news-post,
	.news-archive .news-post {
	    width: 48%;
	}
	.latest-news .news-post:nth-of-type(3n+3),
	.news-archive .news-post:nth-of-type(3n+3) {
		margin: 0 4% 1.5rem 0;
	}
	.latest-news .news-post:nth-of-type(2n+2),
	.news-archive .news-post:nth-of-type(2n+2) {
		margin: 0 0 1.5rem 0;
	}
	.latest-news .news-post:nth-of-type(3n+4),
	.news-archive .news-post:nth-of-type(3n+4) {
		clear: none;
	}
	.latest-news .news-post:nth-of-type(2n+3),
	.news-archive .news-post:nth-of-type(2n+3) {
		clear: both;
	}

	/* - latest news */
	.latest-news {
	    padding: 3rem 0;
	}
	.latest-news .news-post:nth-of-type(n+3) {
		display: none;
	}
 
	/* - single news */
	.single-news-hero {
	    height: 200px;
	}
	.single-news .readmore {
		margin: 3rem 0 0;
	}	
	
	/* Footer */
	.footer {
		margin: 3rem 0 1.5rem;
	}
	.footer .col-one {
		width: 100%;
	    margin: 0 0 1.5rem 0;
	    padding: 0 0 1.5rem 0;
	    border-right: none;
	    border-bottom: solid 1px #bfbfbf;
	}
	.footer .col-two {
		width: 100%;
		padding: 0;
	}
	
}

@media all and (max-width: 600px) {
	
	/* Typography */
	a {
		font-size: 0.9rem;
	}
	p, li {
		font-size: 0.9rem;
	}
	h1 {
		font-size:1.8rem;
	}
	h2 {
		font-size:1.6rem;
	}
	h3 {
		font-size:1.2rem;
	}
	h4 {
		font-size:1rem;
	}
		
	/* Header*/
	.logotype {
		max-width: 300px;
	}
	
	/* Hero */
	.hero .inner {
		position: relative;
		bottom: 0;
		right:0;
		left: 0;
	}
	.hero .inner .wrapper {
		width: 100%;
		margin-top: -5px;
	}
	.hero .inner .title {
		font-size: 1.1rem;
		padding: 0.9rem 0.5rem 0.9rem;
		display: block;
		margin: 0;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.hero .inner .title:first-of-type {
		padding-bottom: 0rem;
	}
	
	/* Content */

	/* - abstract */
	.abstract p {
		font-size: 1rem;
	}
	
	/* - textblock */
	.col33 {
		width: 100%;
		margin: 0 0 1rem;
	}
	.col33:nth-of-type(2) {
		margin: 0 0 1rem;
	}
	.col33:nth-of-type(3) {
		margin: 0 0 1rem;
	}
	.col50 {
		width: 100%;
		margin: 0 0 1rem;
	}
	.col50:nth-of-type(2) {
		margin: 0 0 1rem;
	}
	
	/* - galleryblock */
	.galleryblock .gallery li {
		width: 32%;
	}
	.galleryblock .gallery li:nth-child(4n+4) {
		margin: 0 2% 2% 0;
	}
	.galleryblock .gallery li:nth-child(3n+3) {
		margin: 0 0 2% 0;
	}
	
	
	/* News archive */
	.latest-news .news-post,
	.news-archive .news-post {
		float: none;
	    width: 100%;
	    padding: 0 1rem;
	    max-width: 460px;
	    margin: 0 auto 2.5rem;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	}
	.latest-news .news-post:nth-of-type(3n+3),
	.news-archive .news-post:nth-of-type(3n+3) {
		margin: 0 auto 2.5rem;
	}
	.latest-news .news-post:nth-of-type(2n+2),
	.news-archive .news-post:nth-of-type(2n+2) {
		margin: 0 auto 2.5rem;
	}

	/* - latest news */
	.latest-news .news-post:nth-of-type(n+3) {
		display: block;
	}
 
	/* - single news */
	.single-news-hero {
	    height: auto;
	}
	.single-news-hero img {
		position: relative;
		top: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
	}
	
}

@media all and (max-width: 480px) {
	
	body {
		padding: 1rem;
	}
	
	/* Header */
	.header {
		right:1rem;
		left:1rem;
		top:1rem;
		padding: 1rem 0;
	}
	.logotype {
		max-width: 250px;
	}
	
	/* Content */

	/* - abstract */
	.abstract {
		margin: 3rem 0;
	}
	
	/* - imageblocks */
	.imageblock img {
		width: 160%;
		margin-left: -30%;
		max-width: none;
	}

	/* - boxes */
	.boxes ul li {
		width: 100%;
		margin: 0 0 1rem 0;
		height: auto;
	}
	.boxes ul li:nth-child(4n+4) {
		margin: 0 0 1rem 0;
	}
	.boxes ul li .cover-img {
		height: auto;
	}
	
	/* - galleryblock */
	.galleryblock .gallery li {
		width: 48%;
	}
	.galleryblock .gallery li:nth-child(3n+3) {
		margin: 0 2% 2% 0;
	}
	.galleryblock .gallery li:nth-child(2n+2) {
		margin: 0 0 2% 0;
	}
	
	/* - stepsblock */
	.stepsblock .icon {
		max-width: 40px;
		margin: 0 auto 0.5rem;
	}
	.stepsblock .flexslider .slides {
		margin: 0 1rem;
	}
	.flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-prev:hover {
		left: -1rem !important;
	}
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-next:hover {
		right: -1rem !important;
	}
	
	/* Page - 10 steg */
	.children-pages ul li {
		width: 100%;
		border-right: none;
	}
	.children-pages ul li:nth-child(3n+2) {
		border-right: none;
	}

	
}