/*!
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:0 0 1rem;max-width:100%;}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}

body{
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	color:#333;
	background-color: #f2f2f2;
}
body.home {background-color:#ffffff;}

a{
	font-size:0.9rem;
	line-height: 150%;
	text-decoration:none
}
p, li{
	font-size:0.9rem;
	line-height:150%;
}

h1{
	font-size:2.5rem;
	margin: 0 0 1rem 0;
}
h2{
	font-size:1.6rem;
	margin: 0 0 0.8rem;
}
h3{font-size:1.3rem; margin:0 0 0.5rem;}
h4{font-size:1rem;}

h1,h2,h3,h4,h5 {
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	line-height: 120%;
}

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}

.wrapper{max-width:1200px;margin:0px auto; width:96%;}
.inner-wrapper{max-width:900px;margin:0px auto; width:96%;}

.btn,button{border:0;border-radius:0}

.button {
	color: #ffffff !important;
    padding: 0.4rem 0.8rem 0.3rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    line-height: 140%;
}
.wp-caption-text {
    font-style: italic;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 150%;
}

..wp-block-image figcaption {
    font-style: italic;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 150%;
}

.alignleft {
	margin: 0 1rem 1rem 0;
}
.alignright {
	margin: 0 0 1rem 1rem;
}

/*# sourceMappingURL=style.css.map */

@charset "UTF-8";

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

}

[data-icon]:before {
  font-family: "pilotfish-academy" !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: "pilotfish-academy" !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-facebook:before {
  content: "a";
}
.icon-twitter:before {
  content: "b";
}
.icon-linkedin:before {
  content: "c";
}
.icon-menu:before {
  content: "d";
}
.icon-cross:before {
  content: "e";
}
.icon-angle-left:before {
  content: "f";
}
.icon-angle-right:before {
  content: "g";
}
.icon-search:before {
  content: "h";
}
.icon-android-add:before {
  content: "j";
}
.icon-android-remove:before {
  content: "i";
}


/**
* Header
*/
.header {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #e8f0f5;
}
.logotype{
	display:block;
	float: left;
	margin: 2rem 0;
}
.icon-menu {
	display: none;
}


/**
* Menu
*/
.menu-main {
    display: inline-block;
    float: right;
    height: auto;
}
.menu-main-list{
	width:100%;
	height:auto;
}
.menu-main-list li {
	display:block;
	float:left;
	padding: 1.2rem 1.2rem 0.8rem;
}
.menu-main-list a {
    display: inline-block;
    padding: 0.5rem 0;
    font-weight: 300;
    font-size: 1.1rem;
}
.menu-main-list a:after	{
	content:"";
	display:block;
	width:0;
	margin:0 auto;
	border-bottom:1px solid #000000;
	-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 a:hover:after, .menu-main-list li.current-menu-item a:after, .menu-main-list li.current-lang a:after {
	width:100%;
}

.menu-main-list li.lang-item {
	padding:1.2rem 0.5rem 0.8rem;
}

/**
* Front-page
*/
.home #content {
	padding-top:2rem;
}
.abstract {
	text-align: center;
	padding: 3rem 0 2rem;
}
.abstract h1 {
	font-size: 3rem;
}
.abstract p {
	font-size: 1.25rem;
    line-height: 150%;
    font-weight: 300;
    color: var(--pf-text-muted);
    padding: 0 0 2rem 0;
}
.frontpage-boxes {
	overflow: hidden;
	margin:3rem 0;
}
.frontpage-boxes li {
	float: left;
	width: 25%;
	padding:1.5rem;
	box-sizing: border-box;
}
.frontpage-boxes li .circle {
	display: inline-block;
	margin: 0 0 1rem;
	position: relative;
}
.frontpage-boxes li .circle img {
	border-radius: 100%;
	box-sizing: border-box;
	border:solid 6px #333;
}
.frontpage-boxes li:hover .circle-overlay {
	display: block !important;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0.3rem;
    right: 0;
    border-radius: 100%;
    opacity: 0.5;
}
.frontpage-boxes li h2 {
	font-size: 1.4rem;
	font-weight: 300;
}

/**
* Page
*/
.page-header {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.page-header img {
	float: left;
	width: 100%;
	height: auto;
}
.page-header h1 {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #ffffff;
    font-size: 2rem;
    background-color:#014366;
}
.entry {
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 1px 1px 10px #eaeaea;
	margin: 2rem 0;
}

.select-part {
	display: none;
}

/* sidecolumn */
aside.sidecolumn {
	float: left;
	width: 30%;
	padding: 3rem 2rem;
	box-sizing: border-box;
	border-right: 1px solid #e8f0f5;
}

.admin-bar .is-sticky .sticky-sidecolumn{
	padding-top:40px;
}

aside.sidecolumn>ul>li {
	border-bottom: 1px solid #e8f0f5;
	padding:0.8rem 0;
}
aside.sidecolumn ul li a {
	display: block;
    padding: 0.5rem 1.5rem;
    color: var(--pf-primary-dark);
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    cursor: pointer;
}
aside.sidecolumn ul li a:hover, aside.sidecolumn ul li a.selected {
	color: var(--pf-primary);
	opacity: 0.55;
}
aside.sidecolumn ul ul.submenu li {
	border:none;
}
aside.sidecolumn ul ul.submenu li a {
    padding: 0.3rem 2.5rem;
    font-weight: 300;
    text-transform: none;
}
aside.sidecolumn ul ul ul.submenu li a {
	padding: 0.3rem 0 0.3rem 3rem;
	font-size: 0.875rem;
}

/* searchform */
.icon-search {
	display: none;
}
.search-form {
	position: relative;
    float: right;
    clear: right;
    max-width: 130px;
}
.search-form input {
	background-color: var(--pf-bg-highlight);
    border: none;
    font-size: 0.9rem;
    font-weight: 400;
    border-bottom: solid 2px var(--pf-primary);
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.4rem 0.5rem;
    width: 100%;
    border-radius: 4px 4px 0 0;
    color: var(--pf-text);
}
.search-form input::placeholder {
	color: var(--pf-text-subtle);
}
.search-form .button {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    border: none;
    color: var(--pf-text-muted) !important;
    font-size: 1rem;
    padding: 0.3rem 0.4rem 0.3rem 0rem;
    cursor: pointer;
	font-family: "pilotfish-academy";
	text-transform: none;
	line-height: 100%;
}
.search-form .button:hover {
	color: var(--pf-primary) !important;
}
.search-results .sidecolumn .search-form {
	max-width: 100%;
	width: 100%;
}
.search-results .maincolumn h1 {
	margin:0 0 2rem;
}
.search-results .maincolumn .search-term {
	text-decoration: underline;
	color:#014366;
	font-size: 2rem;
}
.search-posts {
    padding: 0 0 1.5rem;
    margin: 0 0 2rem;
    border-bottom: 1px solid #e8f0f5;
}
.search-posts:hover {
	opacity: 0.6;
}
.search-posts a {
	color: #333;
}
.search-posts p:nth-of-type(n+2) {
	display: none;
}

/* maincolumn */
article.maincolumn {
	float: left;
	width: 70%;
	padding: 3rem 2rem;
	box-sizing: border-box;
}
article.maincolumn h1 {
	color:#333;
}
article.maincolumn h2 {
	color: var(--pf-text-muted);
}
article.maincolumn p {
	margin:0 0 1rem;
}
article.maincolumn .linked-content>li {
	display: none;
}
article.maincolumn .linked-content>li.show {
	display: block;
}
article.maincolumn .linked-content li a {
	color: var(--pf-primary-dark);
}
article.maincolumn .linked-content li a:hover {
	color: var(--pf-primary);
}

article.maincolumn .linked-content .inner-top-content {
	display: block;
	overflow: hidden;
}
article.maincolumn .linked-content .inner-top-content h1 {
	float: left;
}
article.maincolumn .linked-content .inner-top-content .button {
	float: right;
	margin-top:0.5rem;
	background-color:#014366;
}
article.maincolumn .sub-content {
	padding: 2rem 0 2rem 2rem;
}
article.maincolumn .sub-content>li {
	padding: 0 0 1rem;
	margin: 0 0 2rem;
	border-bottom: 1px solid #e8f0f5;
}
article.maincolumn .sub-content>li:last-child {
	padding:0;
	margin:0;
	border:none;
}
article.maincolumn ul.sub-content ul.sub-content {
	padding: 1rem 0 1rem 0;
}
article.maincolumn ul.sub-content ul.sub-content li {
	border-bottom:none;
}
article.maincolumn .entry-content {
	display: block;
	width: 100%;
	height: auto;
}
article.maincolumn .entry-content>ul {
	margin-bottom:1rem;
}
article.maincolumn .entry-content>ul li {
	list-style: disc;
    margin: 0 0 0 1rem !important;
}
article.maincolumn .entry-content table {
	overflow-x: scroll;
	width: auto;
}
article.maincolumn .entry-content tbody {
	width: 100%;
    border: solid 1px #333;
    margin: 0 0 1rem;
    display: block;
}
article.maincolumn .entry-content tbody tr {
	border-bottom: solid 1px #333;
}
article.maincolumn .entry-content tbody tr:last-of-type {
	border-bottom: none;
}
article.maincolumn .entry-content tbody td {
	border-right: solid 1px #333;
    padding: 1rem;
    font-size: 0.8rem;
    line-height: 140%;
}
article.maincolumn .entry-content tbody td:last-of-type {
	border-right:none;
}
article.maincolumn .entry-content tbody td p {
	font-size: 0.8rem;
    line-height: 140%;
    margin: 0 0 0.5rem;
}

/*pagination*/
.pagination {
	overflow: hidden;
	margin: 4rem 0 0;
	text-align: center;
}
.pagination a{
	cursor: default;
	opacity: 0.7;
	line-height: 140%;
	margin: 0 0.5rem 0 0;
	position: relative;
	color: #ffffff;
    padding: 0.4rem 0.8rem 0.3rem 1.8rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: inline-block;
    background-color: var(--pf-primary-dark);
}
.pagination a[href] {
    cursor: pointer;
    opacity: 1;
}

.pagination a.next {
	margin: 0 0 0 0.5rem;
	padding: 0.4rem 1.8rem 0.3rem 0.8rem;
}
.pagination a:before {
	content:"f";
	font-family: "pilotfish-academy";
	text-transform: none;
	margin: 0 0.5rem 0 0;
	position: absolute;
	left:0.5rem;
	top:0.4rem;
}
.pagination a.next:before {
	content:"g";
	margin: 0 0 0 0.5rem;
	left: initial;
	right:0.5rem;
}

/*social media*/
.social-media {
	overflow: hidden;
	margin:4rem 0 0;
}
.social-media span {
	float: right;
	margin: 0 0.2rem;
	background-color: var(--pf-primary-dark);
    color: #ffffff;
    padding: 8px 7px 3px;
    font-size: 1.1rem;
    border-radius: 100%;
    line-height: 120%;
    display: inline-block;
}

/**
* Footer
*/
.footer {
    border-top: 1px solid var(--pf-border-soft);
	color: #ACBAC3;
	padding:3rem 0;
	overflow: hidden;
}
.footer .col {
	float: left;
	width: 23.5%;
	margin: 0 2% 0 0;
}
.footer .col:nth-of-type(4) {
	margin:0;
}

/* MEDIA QUERIES ---------------------------------------------------------------------- */

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

	h1 {font-size:2rem;}

	/* Page */
	.page-header img {width:200%; max-width:200%;margin-left:-100%;}
	.page-header h1 {font-size:1.6rem;}

	aside.sidecolumn {padding:1.5rem 1.5rem;}
	aside.sidecolumn ul li a {padding:0.2rem 0rem;}
	aside.sidecolumn ul ul.submenu li a {padding:0.1rem 0.5rem;}
	aside.sidecolumn ul ul ul.submenu li a {padding:0.1rem 0 0.1rem 1rem;}
	article.maincolumn {padding:1.5rem 1.5rem;}
}

@media all and (max-width: 1000px) {

	/* Header */
	.logotype {margin: 1.6rem 0; max-width:140px; margin:1.2rem 0 0.8rem;}
	.icon-menu {display:block; float:right; font-size:1.8rem; margin:1.6rem 0; cursor:pointer;}
	.header .search-form {display:none; position: absolute; background-color: var(--pf-surface); right: 0; left: 0; width: 100%; max-width: 100%; padding:1rem 2rem; box-sizing:border-box;}
	.header .search-form input {background-color: var(--pf-surface); border-bottom:none; padding:0.5rem 1rem; box-sizing:border-box;}
	.header .search-form .button {right:2.5rem;}

	.icon-search {display:block; float:right; font-size:1.6rem; margin:1.6rem 1.2rem 0 0; cursor:pointer;}

	/* Menu */
	.menu-main {display:none; width:100%; padding:0 0 1rem;}
	.menu-main-list li {width:100%; padding:0;}
	.menu-main-list li.lang-item {width:auto; margin:0 1rem 0 0;}
	.menu-main-list a {display:inline-block; padding:0; line-height:2.5rem;}
	.menu-main-list li.lang-item {padding:0;}
	.menu-main-list a:hover:after {display:none;}
}

@media all and (max-width: 768px) {

	h1 {font-size:1.8rem;}
	h2 {font-size:1.5rem;}
	h3 {font-size:1.2rem;}
	h4 {font-size:1rem;}

	/* Front-page */
	.frontpage-boxes li {width:50%;}

	/* Page */
	.entry {margin:0.6rem 0;}
	.search-form {max-width:300px; margin:0;}

	.select-part {display:block; float:right; font-size:0.875rem; font-weight:600; line-height:120%; text-transform:uppercase; cursor:pointer;}
	.select-part:before {float:right; margin-left:0.5rem;}
	aside.sidecolumn {width:100%; border-bottom:1px solid #e8f0f5;}
	aside.sidecolumn>ul {display:none; clear:both;}

	article.maincolumn {width:100%;}

	/* Footer */
	.footer .col {width:49%; margin:0 2% 1.5rem 0;}
	.footer .col:nth-of-type(4), .footer .col:nth-of-type(2) {margin: 0 0 1.5rem 0;}
}

@media all and (max-width: 480px) {

	h1 {font-size:1.5rem;}
	h2 {font-size:1.2rem;}
	h3 {font-size:1rem;}
	h4 {font-size:0.9rem;}
	p {font-size:0.75rem;}

	.button {padding:0.3rem 0.6rem 0.25rem; font-size:0.7rem;}

	/* Front-page */
	.abstract {padding: 1.5rem 0 0;}
	.abstract h1 {font-size:2rem;}
	.frontpage-boxes {margin:1.5rem 0;}
	.frontpage-boxes li {width:100%;}

	/* page */
	.page-header h1 {font-size:1.2rem;}

	.select-part {font-size:0.75rem;}
	.select-part:before {margin-left:0.3rem;}
	.search-form {max-width:180px;}
	.search-form input {padding:0.13rem 0.5rem;}

	article.maincolumn {padding: 1.5rem 1rem;}
	article.maincolumn .linked-content .inner-top-content h1 {max-width:235px;}
	article.maincolumn .linked-content .inner-top-content a.button {margin-top:0;}
	article.maincolumn .sub-content {padding:0.5rem 0 0.5rem 1rem;}
	article.maincolumn .sub-content>li {margin:0 0 1rem; padding:0;}
	article.maincolumn ul.sub-content ul.sub-content {padding:0.5rem 0 0;}

	article.maincolumn .entry-content tbody td {font-size:0.75rem;line-height:130%;}
	article.maincolumn .entry-content tbody td p {font-size:0.75rem; line-height:130%;}

	.social-media span {font-size:0.9rem;}

	.pagination span {padding:0.3rem 0.6rem 0.25rem 1.5rem; font-size:0.7rem;}
	.pagination span.next {padding:0.3rem 1.5rem 0.25rem 0.6rem;}
	.pagination span:before {top:0.35rem;}

	/* Footer */
	.footer {padding:1.5rem 0;}
	.footer .col {width:100%; margin:0 0 1.5rem 0;}
}


/* -- Last updated -- */
.pf-last-updated {
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid var(--pf-border-soft);
	font-size: 0.85rem;
	color: var(--pf-text-faint);
}
.pf-last-updated time { font-weight: 600; color: var(--pf-text-muted); }