@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i");

/*
Theme Name: Bergsbrunna.com
Description: A Wordpress theme for BEHF/BVF
Version: 2.0 (2025-07-07)
Author: Gustav Söderberg
License: Private
*/

/* Basic */

html,
body,
div,
section,
header,
h2,
p,
ul,
li,
a,
img,
nav {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-family: 'Source Sans Pro', sans-serif;
}

ul {
	list-style: none;
}

html {
	box-sizing: border-box;
}

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

body {
	background: #ffffff;
}

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

	html,
	body {
		min-width: 320px;
	}
}

body.is-preload *,
body.is-preload *::before,
body.is-preload *::after {
	animation: none !important;
	transition: none !important;
}

/* Type */

html {
	font-size: 18pt;
}

@media screen and (max-width: 1680px) {

	html {
		font-size: 14pt;
	}

}

@media screen and (max-width: 1280px) {

	html {
		font-size: 12pt;
	}

}

@media screen and (max-width: 736px) {

	html {
		font-size: 11pt;
	}

}

@media screen and (max-width: 360px) {

	html {
		font-size: 10pt;
	}

}

body {
	background-color: #ffffff;
	color: #000000;
}

body,
input,
select,
textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.65;
}

a {
	transition: color 0.2s ease-in-out;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

strong,
b {
	font-weight: 400;
}

em,
i {
	font-style: italic;
}

p {
	margin: 0 0 2rem 0;
}

p.major {
	font-size: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	line-height: 1.375;
	letter-spacing: -0.05em;
	margin: 0 0 1rem 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
}

h1 {
	font-size: 3.5rem;
	line-height: 1.2;
}

h2 {
	font-size: 2.25rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.1rem;
}

h5 {
	font-size: 0.9rem;
}

h6 {
	font-size: 0.7rem;
}

sub {
	font-size: 0.8rem;
	position: relative;
	top: 0.5rem;
}

sup {
	font-size: 0.8rem;
	position: relative;
	top: -0.5rem;
}

blockquote {
	border-left: solid 4px;
	font-style: italic;
	margin: 0 0 2rem 0;
	padding: 0.5rem 0 0.5rem 2rem;
}

code {
	border-radius: 4px;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25rem;
	padding: 0.25rem 0.325rem;
}

pre {
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2rem 0;
}

pre code {
	display: block;
	line-height: 1.5;
	padding: 0.75rem 1rem;
	overflow-x: auto;
}

hr {
	border: 0;
	border-bottom: solid 1px;
	margin: 2.5rem 0;
}

hr.major {
	margin: 3.5rem 0;
}


.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

@media screen and (max-width: 736px) {

	p.major {
		font-size: 1.1rem;
	}

	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.25rem;
	}

	h4 {
		font-size: 1rem;
	}

}

input,
select,
textarea {
	color: #000000;
}

a {
	color: #000000;
}

a:hover {
	color: #47D3E5;
}

strong,
b {
	color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
}

blockquote {
	border-left-color: rgba(0, 0, 0, 0.2);
}

code {
	background: rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.2);
}

hr {
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

/* Links */

a {
	transition: color 0.2s ease-in-out;
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #47D3E5;
}

strong,
b {
	font-weight: 400;
	color: #000000;
}

.button {
	appearance: none;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0.125em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 0.75rem;
	max-width: 20rem;
	height: 3.75em;
	line-height: 3.75em;
	border-radius: 3.75em;
	padding: 0 2.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	background-color: transparent;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	color: #000000 !important;
}

.button:hover {
	box-shadow: inset 0 0 0 1px #47D3E5;
	color: #47D3E5 !important;
}

.button:active {
	background-color: rgba(71, 211, 229, 0.2);
	box-shadow: inset 0 0 0 1px #47D3E5;
	color: #47D3E5 !important;
}

.button.primary {
	background-color: #000000;
	box-shadow: none;
	color: #ffffff !important;
}

.button.primary:hover {
	background-color: #47D3E5;
}

.button.primary:active {
	background-color: #1ebdd1;
}

.button.wide {
	min-width: 14em;
}


/* List */

ul {
	list-style: disc;
	margin: 0 0 2rem 0;
	padding-left: 1rem;
}

ul li {
	padding-left: 0.5rem;
}

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px;
	padding: 0.5rem 0;
}

ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.alt li {
	border-top-color: rgba(0, 0, 0, 0.2);
}

/* Actions */

ul.actions {
	display: flex;
	cursor: default;
	list-style: none;
	margin-left: -1rem;
	padding-left: 0;
}

ul.actions li {
	padding: 0 0 0 1rem;
	vertical-align: middle;
}

ul.actions.special {
	justify-content: center;
	width: 100%;
	margin-left: 0;
}

ul.actions.special li:first-child {
	padding-left: 0;
}

ul.actions.stacked {
	flex-direction: column;
	margin-left: 0;
}

ul.actions.stacked li {
	padding: 1.3rem 0 0 0;
}

ul.actions.stacked li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	width: calc(100% + 1rem);
}

ul.actions.fit li {
	flex-grow: 1;
	flex-shrink: 1;
	width: 100%;
}

ul.actions.fit li>* {
	width: 100%;
}

ul.actions.fit.stacked {
	width: 100%;
}

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

	ul.actions:not(.fixed) {
		flex-direction: column;
		margin-left: 0;
		width: 100% !important;
	}

	ul.actions:not(.fixed) li {
		flex-grow: 1;
		flex-shrink: 1;
		padding: 1rem 0 0 0;
		text-align: center;
		width: 100%;
	}

	ul.actions:not(.fixed) li>* {
		width: 100%;
	}

	ul.actions:not(.fixed) li:first-child {
		padding-top: 0;
	}

	ul.actions:not(.fixed) li input[type="submit"],
	ul.actions:not(.fixed) li input[type="reset"],
	ul.actions:not(.fixed) li input[type="button"],
	ul.actions:not(.fixed) li button,
	ul.actions:not(.fixed) li .button {
		width: 100%;
	}

	ul.actions:not(.fixed) li input[type="submit"].icon:before,
	ul.actions:not(.fixed) li input[type="reset"].icon:before,
	ul.actions:not(.fixed) li input[type="button"].icon:before,
	ul.actions:not(.fixed) li button.icon:before,
	ul.actions:not(.fixed) li .button.icon:before {
		margin-left: -0.5rem;
	}

}

/* Section */

header p {
	position: relative;
	margin: -0.65rem 0 1.5rem 0;
	font-style: italic;
}

header h1+p {
	font-size: 1.375rem;
}

header h2+p {
	font-size: 1.25rem;
}

header h3+p {
	font-size: 1.1rem;
}

header h4+p,
header h5+p,
header h6+p {
	font-size: 0.9rem;
}

header p {
	color: rgba(0, 0, 0, 0.75);
}

/* Banner (style1) */

.banner.style1 {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: relative;
	text-align: left;
	overflow-x: hidden;
}

.banner.style1 h2,
.banner.style1 p {
	white-space: nowrap;
}

.banner.style1 .behf {
	padding: 7rem 7rem 5rem 7rem;
	align-self: center;
	flex-grow: 1;
	flex-shrink: 1;
	width: 50%;
	max-width: 48rem;
	margin: 0 auto;
}

.banner.style1 .behf img {
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border-radius: 0;
	opacity: 0.4;
	transition: opacity 0.4s ease;
}

.banner.style1 .bvf {
	padding: 7rem 7rem 5rem 7rem;
	align-self: center;
	flex-grow: 1;
	flex-shrink: 1;
	width: 50%;
	max-width: 48rem;
	margin: 0 auto;

}

.banner.style1 .bvf img {
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	border-radius: 0;
	opacity: 0.4;
	transition: opacity 0.4s ease;
}

@media screen and (max-width: 1680px) {

	.banner.style1 .behf {
		padding: 5rem 5rem 3rem 5rem;
	}

	.banner.style1 .bvf {
		padding: 5rem 5rem 3rem 5rem;
	}

}

@media screen and (max-width: 1280px) {

	.banner.style1 .behf {
		padding: 4rem 4rem 2rem 4rem;
	}

	.banner.style1 .bvf {
		padding: 4rem 4rem 2rem 4rem;
	}

}

@media screen and (max-width: 980px) {

	.banner.style1 .behf {
		padding: 3.75rem 3rem 1.75rem 3rem;
	}

	.banner.style1 .bvf {
		padding: 3.75rem 3rem 1.75rem 3rem;
	}

}

@media screen and (max-width: 736px) {

	.banner.style1 .behf {
		padding: 2.5rem 2rem 0.5rem 2rem;
	}

	.banner.style1 .bvf {
		padding: 2.5rem 2rem 0.5rem 2rem;
	}

}

@media screen and (orientation: portrait) {

	.banner.style1 {
		flex-direction: column;
		text-align: center;
	}

	.banner.style1 .behf {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		max-width: 100%;
	}

	.banner.style1 .behf img {
		left: 0;
		height: 50%;
		width: 100%;
		opacity: 0.1;
	}

	.banner.style1 .bvf {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		max-width: 100%;
	}

	.banner.style1 .bvf img {
		top: 50%;
		left: 0;
		width: 100%;
		height: 50%;
		opacity: 0.1;
	}

}

.banner.style1.fullscreen {
	min-height: 100vh;
}

@media screen and (orientation: portrait) {

	.banner.style1.fullscreen .behf {
		min-height: 50vh;
	}

	.banner.style1.fullscreen .bvf {
		min-height: 50vh;
	}

}

.banner.style1.orient-right {
	flex-direction: row-reverse;
}

@media screen and (orientation: portrait) {

	.banner.style1.orient-right {
		flex-direction: column-reverse;
	}

}

.banner.style1.behf-align-center {
	text-align: center;
}

.banner.style1.behf-align-right {
	text-align: right;
}

.banner.style1.bvf-align-center {
	text-align: center;
}

.banner.style1.bvf-align-right {
	text-align: right;
}

@media screen and (orientation: portrait) {

	.banner.style1.behf-align-right {
		text-align: center;
	}

	.banner.style1.bvf-align-right {
		text-align: center;
	}

}

/* Index */

.index>* {
	padding: 3rem 0 1rem 0;
	display: flex;
	border-top: solid 1px;
}

.index>*>header {
	flex-grow: 0;
	flex-shrink: 0;
	width: 15rem;
}

.index>*>.content {
	flex-grow: 1;
	flex-shrink: 1;
}

.index> :first-child {
	border-top: 0;
}

@media screen and (max-width: 980px) {

	.index>*>header {
		width: 11rem;
	}

}

@media screen and (max-width: 736px) {

	.index>*>header {
		width: 10rem;
	}

}

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

	.index>* {
		flex-direction: column;
	}

	.index>*>header {
		width: 100%;
	}

}

.index>* {
	border-top-color: rgba(0, 0, 0, 0.2);
}

/* Wrapper */

#wrapper {
	background-color: inherit;
	width: 100%;
	overflow-x: hidden;
}

#wrapper.divided>* {
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.075);
}

#wrapper.divided>*:first-child {
	box-shadow: none !important;
}

/* Wrapper (style1) */

.wrapper.style1>.inner {
	padding: 3rem 3.5rem 5rem 3.5rem;
	margin: 0 auto;
	max-width: 100%;
	width: 64rem;
}

.wrapper.style1>.inner.medium {
	width: 48rem;
}

.wrapper.style1>.inner.small {
	width: 32rem;
}

@media screen and (max-width: 1680px) {

	.wrapper.style1>.inner {
		padding: 5rem 2.5rem 3rem 2.5rem;
	}

}

@media screen and (max-width: 1280px) {

	.wrapper.style1>.inner {
		padding: 4rem 4rem 2rem 4rem;
	}

}

@media screen and (max-width: 980px) {

	.wrapper.style1>.inner {
		padding: 4.5rem 3rem 2.5rem 3rem;
	}

}

@media screen and (max-width: 736px) {

	.wrapper.style1>.inner {
		padding: 3rem 2rem 1rem 2rem;
	}

}

#nav {
	padding: 0 0 4rem 0;
}

#nav>ul {
	margin: 0;
}

#nav>ul>li {
	position: relative;
	display: inline-block;
	margin-left: 1em;
}

#nav>ul>li a {
	text-decoration: none;
	border: 0;
	display: block;
	padding: 0em 0.5em 1.35em 0.5em;
}

#nav>ul>li:first-child {
	margin-left: 0;
}

#nav>ul>li.current-menu-item {
	font-weight: 400;
}

#nav>ul>li.active.current-menu-item:before {
	opacity: 0;
}

#nav>ul>li>ul {
	display: none;
}

/* Dropotron */

.dropotron {
	background-color: #FFF;
	border-radius: 5px;
	min-width: 10em;
	padding: 1em 0;
	text-align: center;
	border: #000000;
	border-style: solid;
	border-width: 1px;
	list-style: none;
}

.dropotron>li {
	line-height: 2em;
	padding: 0 1.1em 0 1em;
}

.dropotron>li>a {
	text-decoration: none;
	border: 0;
}

.dropotron.level-0 {
	border-radius: 10px;
	font-size: 0.9em;
	padding-top: 0.7em;
}