/*!
Theme Name: MTB Management AS
Theme URI: http://underscores.me/
Author: Insite Media AS
Author URI: https://insitemedia.no
Description: Custom boilerplate for MTB Management.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mtb-management-as
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

MTB Management AS is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;600;700&display=swap');

:root {
	--var-white: #fff;
	--var-blue: #111F2F;
	--var-main-font: "Roboto", sans-serif;
	--var-sec-font: "Lora", serif;
}

html {
	font-size: 100%;
	box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
}

.flexible-heromenu {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
}

#hero h2 {
	font-size: 30px;
	line-height: 1.4;
}

.inner-hero {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.page-template-page-homev2 #masthead {
	display: none;
}

.inner-hero img {
	max-width: 90px;
	margin: 0 auto;
}

.flexible-heromenu ul {
	display: flex;
	flex-direction: row;
	gap: 35px;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexible-heromenu ul li a {
	color: var(--var-white);
	text-decoration: none;
	font-size: 1.25rem;
	white-space: nowrap;
	font-family: var(--var-main-font);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
	font-family: var(--var-main-font);
	color: #FFFFFF;
	line-height: 1.3;
}

.card {
	aspect-ratio: 1 / 1.25;
	display: flex;
	flex-direction: column;
}

.card .overlay {
	z-index: 10;
}

.card .content {
	z-index: 20;
	margin-top: auto;
	padding: 20px;
}

.card .content h4 {
	color: var(--var-white);
	font-size: 32px;
	font-family: var(--var-sec-font);
}

.titlerow {
	margin: 60px auto;
}

.titlerow h3 {
	color: var(--var-blue);
	text-decoration: underline;
	text-underline-offset: 25px;
	text-decoration-color: #111F2F50;
	text-decoration-thickness: 1px;
	font-family: var(--var-sec-font);
	font-size: 40px;
}

.card .content p {
	color: var(--var-white);
	font-size: 19px;
}

.divider {
	margin: 50px 0;
	padding: 450px 0;
	position: relative;
}

.divider.smallerdivider {
	margin: 50px 0 0 0;
	padding: 200px 0;
}

.divider .overlay {
	z-index: 10;
}

#colophon a,
#colophon p {
	color: var(--var-white);
	font-size: 20px;
	text-decoration: none;
	font-family: var(--var-main-font);
}

.footer-text {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.divider .container {
	position: relative;
	z-index: 20;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111F2F;
	background: linear-gradient(0deg, rgba(17, 31, 47, 1) 0%, rgba(17, 31, 47, 0.73) 100%);
	z-index: 10;
}

.divider p {
	font-family: var(--var-main-font);
	font-size: 25px;
}

img {
	max-width: 100%;
	height: auto;
}

.flex-people {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	justify-content: center;
}

.flex-people .person {
	flex: 0 0 400px;
	min-width: 400px;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.person h4 {
	color: var(--var-blue);
	font-size: 40px;
	font-family: var(--var-sec-font);
}

.person h6 {
	color: #111F2F90;
	font-size: 20px;
	font-family: var(--var-sec-font);
}

.investment {
	display: flex;
	border-top: 1px solid #111F2F50;
	padding: 22px 0;
	margin-bottom: -1px;
}

.investments .investment:last-child {
	border-bottom: 1px solid #111F2F50;
}

.investment h3 {
	color: var(--var-blue);
	font-family: var(--var-sec-font);
	font-size: 35px;
	white-space: nowrap;
	margin: 0;
}

.investment-name {
	flex: 0 0 40%;
	max-width: 40%;
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.investment-text {
	flex: 1 0 60%;
	max-width: 60%;
	width: 60%;
	padding-left: 10%;
}

.investment-text p {
	color: #111F2F;
	opacity: 0.9;
	font-size: 20px;
	font-family: var(--var-main-font);
}

.white {
	padding-top: 150px;
	padding-bottom: 150px;
}

.investment h6 {
	color: #111F2F90;
	font-family: var(--var-sec-font);
	font-size: 20px;
	margin: 0;
}

@media screen and (max-width: 1200px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#hero h2 {
		font-size: 25px;
	}

	.flexible-heromenu ul {
		gap: 20px;
	}

	.card {
		margin-bottom: 20px;
	}

	.white {
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.titlerow h3 {
		font-size: 32px;
	}

	.divider {
		padding: 225px 0;
	}

	.divider p {
		padding: 0 5%;
	}

	.flex-people {
		flex-wrap: wrap;
	}

	.person {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		min-width: 100%;
		margin-bottom: 20px;
	}

	.investment {
		flex-wrap: wrap;
	}

	.investment-name,
	.investment-text {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		padding-left: 0;
	}

	.investments {
		padding: 0 16px;
	}

	.investment-name h3 {
		white-space: wrap;
		font-size: 32px;
	}

	.investment-text p {
		margin: 20px 0;
	}
}

/************ OLD ************/

.hero p {
	margin-bottom: 0;
}

strong {
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2rem;
}

p, label, span, button, li, a {
	font-weight: 300;
}

p {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 200;
	color: #FFFFFF;
}

.page {
	margin: 0;
}

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

.container-fluid {
	max-width: 90%;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}
.menu-longtext-adjust{
	white-space: nowrap;
}
header {
	background: #111F2F;
	height: 90px;
}

header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header ul li {
	display: inline;
	margin-left: 25px;
}

header ul li a {
	color: #FFFFFF;
	font-size: 1.25rem;
	text-decoration: none;
	font-weight: 200;
}

.accordion button.standard {
	display: block;
	padding: 10px 40px;
	font-size: 1rem;
}

.accordion a {
	text-decoration: none;
}

header ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

footer ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

button.standard {
	border: 2px solid #ffffff35;
	background: transparent;
	padding: 15px 65px;
	font-size: 1.25rem;
	color: #fff;
	font-weight: 400;
	margin: 15px 0;
}

button.standard:hover {
	cursor: pointer;
	background: #fff;
	color: #111F2F;
}

footer ul li {
	margin: 8px 0;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

footer h2 {
	font-size: 2rem;
}

footer h2::after {
	content: "";
	width: 50px;
	height: 2px;
	background: #ffffff35;
	margin: 10px 0;
	display: block;
}

footer ul li a {
	font-size: 1.25rem;
	color: #fff;
	text-decoration: none;
}

footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.lightblue {
	background: #294A5C;
	padding-top: 120px;
	padding-bottom: 120px;
}

.darkblue {
	background: #222F3E;
	padding-top: 120px;
	padding-bottom: 120px;
}

#mobOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #222F3E;
	z-index: 9999;
}

.logged-in #mobOverlay {
	top: 46px;
}

#mobOverlay ul {
	list-style: none;
	margin: 25px 0;
	padding: 0 20px;
}

#mobOverlay ul li {
	margin: 8px 0;
}

#mobOverlay ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.5rem;
}

#closeMenu {
	position: absolute;
	top: 41px;
	right: 29px;
}

#mobOverlay ul li a:hover {
	cursor: pointer;
	text-decoration: underline;
}

#openMenu {
	display: none;
	float: right;
}

#openMenu .line {
	width: 36px;
	display: block;
	height: 4px;
	margin: 7px 0;
	border-radius: 3px;
	background: #fff;
}

#closeMenu .line {
	width: 35px;
	display: block;
	border-radius: 3px;
	height: 4px;
	background: #fff;
}

#closeMenu .line.left {
	transform: rotate(45deg);
}

#closeMenu .line.right {
	transform: rotate(-45deg);
	position: relative;
	top: -4px;
}

.hero,
.subhero {
	position: relative;
}

.pad-r h2,
.pad-l h2 {
	margin-bottom: 20px;
}

.hero .container-fluid,
.subhero .container-fluid {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}

footer {
	background: #111F2F;
	padding-top: 120px;
	padding-bottom: 120px;
}

.accordion {
	margin-top: 10px;
}

.accordion-item {
	border: none;
	border-bottom: 1px solid #ffffff35;
	background: transparent;
}

.accordion-item:first-of-type {
	border-top: 1px solid #ffffff35;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.accordion-item:last-of-type {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.accordion-button {
	background: transparent;
	font-size: 1.75rem;
	color: #fff;
	font-weight: 200;
}

.accordion-button:not(.collapsed) {
	background: transparent;
	color: #fff;
}

.accordion-body {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 200;
}

.accordion-button::after {
	background-image: url('/mtbmanagement/wp-content/uploads/sites/11/2022/05/circle-plus-thin.svg');
	fill: #fff;
	background-size: 2.25rem;
	width: 2.25rem;
	height: 2.25rem;
}

.accordion-button:not(.collapsed)::after {
	background-image: url('/mtbmanagement/wp-content/uploads/sites/11/2022/05/circle-minus-thin.svg');
	fill: #fff;
	background-size: 2.25rem;
	width: 2.25rem;
	height: 2.25rem;
}

.subhero h3 {
	font-size: 3rem;
}

.subhero p {
	font-size: 2rem;
}

.darkblue h3 {
	font-size: 2.5rem;
}

.pad-r {
	padding-right: 10%;
}

.pad-l {
	padding-left: 10%;
}

header ul li.menu-item-has-children {
	position: relative;
	margin-right: 10px;
	padding: 34px 0;
}

header ul li.menu-item-has-children::after {
	border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.75em;
    left: 0;
    position: relative;
    top: 95%;
    transform: rotate(135deg) translateY(-97%);
    vertical-align: top;
    width: 0.75em;
    border-color: #fff;
}

header ul li.menu-item-has-children ul {
	position: absolute;
    top:57px;
    left: -30px;
    background: #111F2F;
    min-width: 175px;
    padding: 10px 45px 10px 30px;
    text-align: left;
    z-index: 999;
	display: none;
}

header ul li.menu-item-has-children ul li {
	line-height: 2;
	white-space: nowrap;
	margin-left: 0;

}
header ul li.menu-item-has-children ul li a {
	font-size: 1rem;
}

header ul li.menu-item-has-children:hover ul {
	display: block;
}

#mobOverlay ul.sub-menu {
	margin: 10px 0;
	padding: 0 20px;
}

#mobOverlay ul.sub-menu li a {
	font-size: 1.25rem;
}

@media screen and (max-width: 1200px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.pad-r {
		padding-right: unset;
	}

	.pad-l {
		padding-left: unset;
	}

	header .col-sm-4,
	header .col-sm-8 {
		flex: 1 0 50%;
		max-width: 50%;
		width: 50%;
	}

	#openMenu {
		display: block;
	}

	header ul {
		display: none;
	}

	.full-img {
		max-height: 331px;
		margin-bottom: 20px;
	}

	footer h2 {
		margin-top: 25px;
	}

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

	.hero h1,
	.subhero h1 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 2rem;
	}

	.accordion {
		margin-top: 0;
	}
	
	#accordion-1 {
	    margin-top: 25px;
	}

	.accordion-button {
		font-size: 1.25rem;
	}

	.accordion-body {
		font-size: 1rem;
	}
}
.section{
	margin-bottom: 55px;
}
.section-header{
	margin-bottom: 10px;
}