/*   
Theme Name: FSE Theme
Theme URI: https://eborninteractive.se
Description: The official FSE Test Wordpress Theme
Author: Ola Eborn
Author URI: https://eborninteractive.se
Version: 1.0
*/

/* CSS Document */

/* 

Färger:



*/

@font-face {
    font-family: 'Cormorant Regular';
    src: url('fonts/CormorantGaramond-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Cormorant Bold';
    src: url('fonts/CormorantGaramond-Bold.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Regular Italic';
    src: url('fonts/CormorantGaramond-Italic.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

:root {
	--svart: #111;
	--vit: #fff;
}

body {
	background:var(--vit);
	color:var(--svart);
	margin:0;
	padding:0;
	font-family: 'Cormorant Regular',serif;
	line-height:1.5;
	font-size:25.5px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

h1, h2 {
	font-size: 32px;
}

h3 {
	font-size: 26px;
}

.block .entry :is(h1,h2,h3,h4,h5,h6), .block :is(h1,h2,h3,h4,h5,h6), .block .entry .columnsblock.block :is(h1,h2,h3,h4,h5,h6) {
	margin-top: 40px;
}

.block .entry h1:first-of-type, .block .entry h2:first-of-type {
	margin-top:0;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	font-weight: 800;
}

.grayback {
	background:#efefef;
}

#page-wrap {
	width:100%;
	position:relative;
}

.inner-content {
	margin:0 auto;
	overflow:hidden;
	max-width:1200px;
	width:90%;
	position:relative;
	
}

.inner-content.inline {
	width: 100%;
	max-width: unset;
}


/* headerblock */

.headerblock {
	background: yellow;
	position: relative;
	z-index: 10;
}

.headerblock .inner-content {
	display: flex;
	align-items: center;
	justify-content:space-between;
	padding: 20px 0 25px 0;
}

.headerblock .logo {
	width: 190px;
}

.headerblock .inner-content {
	max-width: unset;
	width: calc(100% - 100px);
}

#main-nav ul li {
	margin-left: 30px;
	font-size: 16px;
	font-weight:800;
	text-transform:uppercase;
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;	
}

#main-nav ul li:hover {
	text-decoration: underline;
}

/* end headerblock */

.block .inner-content {
	padding: 70px 0;
}

.block.no-topmargin .inner-content {
	padding-top:0;
}

.block.no-bottommargin .inner-content {
	padding-bottom:0;
}

#main-content {
	
}

#main-content .inner-content {
	
}

/* text image block */

.text-image-block.reverse .columns {
	flex-direction: row-reverse;
} 

.text-image-block.reverse .col.text {
	padding-right: 0;
	padding-left: 60px;
}

.text-image-block .col.text h2:first-child {
	margin-top: 0 !important;
}

.columns {
	display: flex;
}

.col {
	flex:1;
}

.col.image.stretch img {
	height: 100%;
	object-fit:cover;
}

.col.text {
	padding-right: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}


/* end text image block */

aside {
	
}

/* footer block */
.footerblock {
	background:#111;
	color: #aaa;
}

.footerblock .inner-content {
	padding: 90px 0 10px 0;
	text-align: center;
	font-size: 19px;
}
/* end footerblock */


/* contentblock */
.contentblock {
	background:#fff;
	z-index: 1;
	position: relative;
}

.contentblock .entry {
    max-width: 950px;
    margin: 0 auto;
}
/* end contentblock */


/* columnblock */
.columnsblock .columns {
	display: flex;
	gap: 40px;
	margin-bottom: 0;
}

.columnsblock .column {
	position: relative;
}

.columnsblock .column:first-child {
	margin-left: 0px;
}

.columnsblock .column h2 {
	font-size: 26px;
}

.columnsblock.two-cols .column.col-3, .columnsblock.two-cols .column.col-4 {
	display: none;
}

.columnsblock.three-cols .column.col-4 {
	display: none;
}

.linkblock {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}

/* end columnblock */


/* hero block */
.heroblock {
	position: relative;
	min-height: 325px;
	display: flex;
	max-height: 700px;
}

.heroblock.parallax .bild {
	transform-origin:bottom left;
	transform: scale(1.05);
}

.heroblock.fullheight {
	max-height:unset;
	height: calc(100vh - 109px);
}

.heroblock.fullheight img {
	width: 100%;
	height: 100%;
}

.heroblock img {
	object-fit:cover;
}

.heroblock .textplatta {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 21px;
	background: yellow;
	bottom: 8%;
	right: 5%;
	padding: 20px 30px 22px 30px;
	min-width: 350px;
	max-width: 35%;
	position: absolute;
}

.heroblock .textplatta.leftplace {
	right:unset;
	left: 5%;
}

.heroblock .textplatta p:last-child {
	margin: 0 !important;
}

/* end hero block */