@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:wght@400;500;600&display=swap');
:root{
	--color-white: #ffffff;
	--color-white-50: rgba(255, 255, 255, 0.5);
	--color-white-75: rgba(255, 255, 255, 0.75);
	--color-black: #000000;
	--color-black-50: rgba(0, 0, 0, 0.5);
	--color-black-25: rgba(0, 0, 0, 0.25);

	--color-darker: #031e1a;
	--color-darker-75: rgba(3, 30, 26, 0.75);
	--color-darker-50: rgba(3, 30, 26, 0.5);
	--color-dark: #005c4f;
	--color-dark-75: rgba(0, 92, 79, 0.75);
	--color-dark-50: rgba(0, 92, 79, 0.5);
	--color-mid: #007565;
	--color-mid-75: rgba(0, 117, 101, 0.75);
	--color-mid-50: rgba(0, 117, 101, 0.5);
	--color-mid-25: rgba(0, 117, 101, 0.25);
	--color-shade: #b6d6d0;
	--color-shade-75: rgba(182, 214, 208, 0.75);
	--color-light: #e8fdfa;
	--color-accent: #6bcbb8;
	
	--alt-font: 'Poppins', sans-serif;
	--main-font: 'Poppins', serif;
	--fa: 'Font Awesome 7 Pro';
	--fab: 'Font Awesome 7 Brands';
	--arrow-right: '\f061';
	
	--shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	--grid-space: 1.5rem;
}

h2{color: var(--color-mid);}
.jarallax-content h2{color: var(--color-light);}

.ingress{font-size: 1.635rem !important;}


.layout-text{
	padding: 6rem calc( var(--screen-padding-narrow) + 2rem);
}
.layout-text.wide{
	padding: 6rem calc( var(--screen-padding) + 2rem);
}

/*********** Sidor ***********/

.layout-pages{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;

}
.layout-pages.narrow{
	padding: 0 var(--screen-padding-medium);
}
.layout-pages.wide{
	padding: 0 var(--screen-padding);
}
.layout-page{
	display: flex;
	flex-wrap: wrap;
	padding: var(--grid-space);
	margin: 0;
	height: auto;
	overflow: hidden;
}
.layout-pages.narrow .layout-page{
	flex: 0 0 50%;
}
.layout-pages.wide .layout-page{
	flex: 1 1 20%;
}


.page-card{
	display: flex;
	flex: 1 1 100%;
	max-width: 100%;
	height: auto;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	justify-content: flex-end;
	align-content: flex-start;
	overflow: hidden;
	border-radius: 3rem;
}
.page-card img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 3rem;
	overflow: hidden;
	margin: 0;
}

.page-card:hover img{
	transform: scale(1.1);
}
.page-card-content{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	position: absolute;
	inset: 0;
	background-color: var(--color-dark-50);
	padding: 2rem;
	color: var(--color-white);
}
.page-card-content h3{
	margin: 0 0 0.5rem 0;
	font-weight: 400;
}
.layout-pages.wide .page-card-content h3{
	font-size: 1.25rem;
}
.layout-pages.narrow .page-card-content h3{
	font-size: 2.125rem;
}

.page-card-content p{
	font-size: 1rem;
	margin: 0 0 1rem 0;
}
.layout-pages.wide .page-card-content p{
	font-size: 0.875rem;
}
.page-card-content .accent-link{
	margin: 0 0 1rem 0 !important;
	color: var(--color-shade);
}

.layout-pages.wide .button{
	padding: 0.25rem 0.75rem !important;
	align-self: flex-start;
}


footer{
	background-color: var(--color-darker) !important;
	color: var(--light);
	align-items: flex-start !important;
}

.footer-logo{
	display: flex;
	flex: 1 1 100%;
}
.footer-logo img{
	display: block;
	width: 100%;
	max-width: 10rem;
	height: auto;
}