/* Theme Name: GAUTEFALL 2020 Version: 1.0.0 Author: Folkebadet Author URI: https://folkebadet.no */

/*------------------------------------*\ MAIN \*------------------------------------*/
* {
	outline: none !important;
}
@font-face {
font-family: 'Butler Medium';
font-style: normal;
font-weight: normal;
src: url('http://w455671-www.php5.dittdomene.no/wp-content/themes/gautefall2020/Butler_Medium.woff') format('woff');
}
html.no-js {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
body {
	margin-top: 0px !important;
font-family: 'Inter', sans-serif;
font-family: 'Work Sans', sans-serif;
font-weight: 400;
padding-top: 70px;
}
body.add_padding{
	padding-top: 0px;
}

.nav .logo .a {
	fill: #007DC3 !important
}

body.home .nav.white .m {
	color: #333;
}
.nav.white .logo .a {
	/*fill: #002B5C; !important*/
}
.add_padding .nav .m, .nav.white .m {
	color: #000;
}

.nav.white {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}
.nav {
	background-color: rgba(255,255,255,1);
	transition: all 0.3s ease;
}

.nav.white.py-sm-4 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.big-menu {
	top: 0px;
	background-color: #fff;
	z-index: 89;
	position: fixed;
	padding-top: 120px;
	padding-left: 15px;
	padding-right: 15px;
	opacity: 0;
	right: 0px;
	transform: translateY(-100%);
	transform-origin: top center;
	transition: 0.4s cubic-bezier(.29,0,.36,.98);
	overflow: hidden;
}
.big-menu svg {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	transform: scale(6)
}
a figure {
	margin-bottom: 0px;
}
.single-content p:first-of-type {
	font-size: 1.4em;
	margin: 1em 0px;
	margin-bottom: 50px;
}
.news-wrap h3 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
}
.big-menu.visible {
	opacity: 1;
	transform: translateY(0px);
}
.menu-button .l {
	width: 31px;
	border-radius: 4px;
	height: 3px;
	margin-bottom: 7px;
	display: block;
	background-color: #000;
}
.menu-button span {
	transition: all 0.8s ease;
}
.menu-button .l1 {
	margin-top: 3px
}
.active .l {
	background-color: #000;
}
.active .m {
	color: #000 !important;
}
.active .l2 {
	opacity: 0;
}
.active .l1 {
	transform:  rotate(45deg) translateX(6px) translateY(7px)
	
}
.active .l3 {
	transform: rotate(-45deg) translateX(6px) translateY(-9px)
	
}
.active span {
	color: #fff;
}
.menu-button .burger {
	width: 31px;
	float: right;
}
.menu-button {
	float: right;
	width: 120px;
	display: block;
	width: 120px;
	border: 3px solid #333;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 20px;
	padding: 0px;
}
.menu {
	padding: 0px;
	list-style: none;
}
.menu a {
	border-color: #000;
}
#menu-fremhevet-meny {
	margin-bottom: 0px;
}
.menu-fremhevet-meny-container {
	display: inline-block;
	margin-top: 2px;
}
#menu-utleiemeny a {
font-size: 1.2em;
margin: 10px 0px;
display: inline-block;
}
#menu-fremhevet-meny li {
	margin-right: 15px;
}
#menu-fremhevet-meny a {
	font-size: 1em;
	padding: 4px 8px !important;
	color: #fff;
	text-transform: uppercase;
}
#menu-gautefall-meny>li {
	list-style: none;
}
#menu-gautefall-meny>li a {
	font-size: 1.1em;
	text-transform: uppercase;
}
#menu-gautefall-meny>li>ul {
	padding-left: 5px;
}
#menu-gautefall-meny a {
	color: #000;
}
#menu-gautefall-meny>li {
	margin-bottom: 1.3em;
}
#menu-gautefall-meny ul {
	list-style: none;
	margin-top: 10px;
}
#menu-gautefall-meny .sub-menu {
	padding-left: 0px;
}
#menu-gautefall-meny .sub-menu .sub-menu {
	padding-left: 10px;
}
#menu-gautefall-meny li li {
	padding-bottom: 4px;
}
#menu-gautefall-meny li li a {
	margin-bottom: 10px;
	font-size: 0.9em;
	border-color: #f5f5f5;
}
#menu-fremhevet-meny ul, #menu-fremhevet-meny li {
	display: inline-block;
}
.social {
	position: absolute;
	bottom: 30px;
	left: 50px;
	right: 0px;
}
.social a {
	color: #fff;
	text-decoration: none;
}
.menu-wrap {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	margin: 0px auto;
	margin-bottom: 40px;
	max-width: 90%;
	overflow: auto;
}
.menu-gautefall-meny-container {
	background-color: #fff;
	position: relative;
	z-index: 8;
	display: flex;
	font-size: 1.2em;
}
@media(max-width: 600px){
	.menu-gautefall-meny-container li li a {
		margin-bottom: 13px;
		padding-bottom: 5px;
		display: block;
	}
}
.menu-button {
	position: relative;
	z-index: 999;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
}
h1,h2,h3,h4  {
	font-weight: 700;
	text-transform: uppercase;
}

.container {
	position: relative;
}
a {
	
	text-decoration: none;
	/*border-bottom: 2px solid #007DC3;*/
	transition: all 0.3s ease;
	color: #000;
	border-bottom: 2px solid #007DC3;
}

a:hover, .red a:hover, .footer .third a:hover span {
	border-color: #002B5C;
	text-decoration: none;
	color: #000;
	transition: all 0.3s ease;
}
.logo {
	border: none !important;
}
.wp-video {
	margin: 0px auto;
}

img {
	max-width: 100%;
	height: auto;
}
.nav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	right: 0px;
	z-index: 99;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.flex .mr-5 {
	width: 20%;
}
.red {
	background-color: #002B5C;
	color: #fff;
}
.red::before {
	content: '';
	display: block;
	background-color: #002B5C;
	position: absolute;
	z-index: -1;
}

.order-12.red::before {
	right: -9999px;
	top: 0px;
	bottom: 0px;
	left: 0px;
}
.order-lg-1.red::before {
	left: -9999px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

section {
	margin-bottom: 5em;
}
.date {
	display: block;
	text-align: center;
	color: #ccc;
	margin-bottom: 20px;
}
.gallery {
	margin-top: 3em !important;
	display: block;
}
.image-section {
	background-color: #002B5C;
	padding: 100px 0px 100px 0px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: center;
	color: #fff;
	
}
.image-section.buttons_active {
	margin-bottom: 110px !important
}
.image-section .button-group {
	position: absolute;
	z-index: 8;
	left: 0px;
	right: 0px;
	text-align: center;
	bottom: -30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.image-section .overlay {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: #000;
	opacity: 0.1;
	z-index: 2;
}
.image-section .bg {
	overflow: hidden;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.image-section video {

	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.image-section h1 {
	color: #fff;
	font-size: 2em;
	line-height: 0.9em;
	letter-spacing: -0.02em;
}
.image-section h1 span {
	color: #007DC3;
}
.image-section .brand-element {
	position: absolute;
	right: 0px;
	top: 100%;
	transform: scale(3,3);
	opacity: 0.5;
	mix-blend-mode: soft-light;
	z-index: 3;
}
.image-section .container {
	position: relative;
	z-index: 4;
}
.image-section .innhold {
	font-size: 1.2em;
	max-width: 600px;
	margin: 0px auto;
	margin-bottom: 30px;
}
.image-section a {
	font-size: 1.2em;
	margin: 0px;
	display: inline-block;
	padding: 4px 8px;
	color: #fff;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #000 !important;
}

.image-section a:hover {
	color: #007DC3;
}

a.button, #menu-fremhevet-meny a {
	color: #000;
	background-color: #fff;
	border: 2px solid #fff;
	padding: 8px 15px;
	/*font-weight: 700;*/
}
a.button:hover {
	background-color: #000;
	color: #fff;
}

.image-text-section .Enkeltbilde img {
	max-width: initial;
}
.image-text-section .innhold {
	padding-right: 5em;
	max-width: 600px;
}

.image-text-section h2 {
	font-size: 2.5em;
}
.image-text-section .p-5 {
	padding: 3em !important;
	color: #002B5C;
}
.image-text-section .red h2 {
	color: #007DC3;
}
.image-text-section .red a {
	border-color: #007DC3;
	color: #fff;
}
.image-text-section .red a:hover {
	color: #007DC3;
}
.image-text-section {
	overflow: hidden;
}
.image-text-section a {
	font-weight: 700;
	font-size: 1.2em;
}
.entry h4 {
	font-size: 1.2em;
}
.entry {
	background-color: #f7fcfe;
}

.gallery-item {
	margin: 0px !important;
	border: none !important;
}
.button-lg {
	background-color: #000 !important;
	color: #fff !important;
	font-size: 1.5em;
	display: inline-block;
}

.features {
	columns: 2;
}
.dl-horizontal span {
break-before: avoid;
display: block;
}
.dl-horizontal dt,.dl-horizontal dd {
	white-space: normal;
	border: none;
	padding: 0px 0px;
	margin: 0px;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 3px;
}
.dl-horizontal dt {
	margin-right: 5px;
	color: #000;
}
.gallery-item a, .gallery-item img {
	border: none !important;
}
.image-text-section .Film video {
	width: 100%;
	height: auto;
}
.profile-block h1 {
	font-size: 3.6em;
}
@media (min-width: 992px){
	.image-section {
		padding-top: 200px;
	}
	.menu-gautefall-meny-container {
		font-size: 1em;
	background-color: #fff;
	position: relative;
	z-index: 8;
	display: flex;
	justify-content: flex-end;
}
body {
	padding-top: 100px;
}
body p, a p {
	font-size: 1.2em !important;
}
.home .image-section {
	min-height: 70vh;
}
.button-group a {
	padding: 18px 50px !important;
}
.profile-block h1 {
	font-size: 2.4em;
}
.features {
	-webkit-columns: 3; /* Chrome, Safari, Opera */
    -moz-columns: 3; /* Firefox */
    columns: 3;
    z-index: 99;
    position: relative;
}
.sideoverskrift h1,.utleie-content h1 {
	font-size: 3em;
}
#menu-gautefall-meny {
 display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#menu-gautefall-meny>li {
	width: auto;
	padding-right: 30px;
	
}
.image-text-section .Enkeltbilde img {
	margin-right: 0px;
	margin-left: -5vw;
	width: 112%;
	float: right;
	height: 100%;
	object-fit: cover;
}
.image-text-section .Bildegalleri .image-gallery, .image-text-section .Film video{
margin-right: 0px;
	margin-left: -5vw;
	width: 112%;
	float: right;
	height: 100%;
}

.image-text-section .order-lg-12 img {
	margin-right: -5vw;
	margin-left: 0px;
	width: 112%;
	float: left;
}
.image-text-section .order-12.justify-content-center {
	padding-right: 0px;
	padding-left: 3em;
}
.image-text-section .order-lg-1.justify-content-center {
	padding-left: 0px;
}
}
.textbox-section {
	position: relative;
}
.textbox-section .col-12>a {
	width: 100%;
}
.textbox-section a video {
	width: 100%;
	height: auto;
}
.textbox-section .innhold {
	/*box-shadow: 0px 4px 10px rgba(0,0,0,0.04);*/
	background-color: #fff;
	display: block;
	z-index: 3;
	position: relative;
}

.textbox-section {
	overflow: hidden;
}
.textbox-section p:last-of-type {
	margin-bottom: 0px;
}
.textbox-section h2 {
	font-size: 1.6em;
}
.textbox-section img {
	position: relative;
	z-index: 1;
}
.textbox-section a img {
	transition: all 0.5s ease;
}
a.unit {
	overflow: hidden;
}
a.unit img {
	transition: all 0.3s ease;
}
a.unit:hover  img {
	transform: scale(1.02,1.02);
}

.textbox-section figure {
	
	overflow: hidden;
	display: block;
	z-index: 2;
}
.image-link {
	z-index: 1;

	overflow: hidden;
	display: inline-block;
	border: none !important;
}
.textbox-section a:hover>figure>img,.textbox-section a:hover .slick-current img {
	transform: scale(1.02,1.02);
}
.element {
	background-color: #000;
	position: relative;
}
.element a {
	display: block;
	overflow: hidden;
}
.element a img {
	opacity: 0.75;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}
.element a:hover img {
	transform: scale(1.01,1.01);
	opacity: 1;
	transition: all 0.3s ease;
}
.element span {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 20px;
	
	font-weight: 700;
	text-transform: uppercase;
	z-index: 2;
	color: #fff !important;
}
.element span a {
	color: #fff;
}
.video-wrapper {
	position: relative;
}
.video-wrapper img {
	visibility: hidden;
}

.layout-section, .layout-section .grid-wrap {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}
.layout-section .grid-wrap:nth-child(even){
	flex-direction: row-reverse;
}
.layout-section .element {
	width: 33.33333%
}
.layout-section .element:nth-child(even) {
	width: 66.66666%
}
.video-wrapper img {
	display: none;
}
@media(min-width: 992px){
	.element span {
		font-size: 1.3em;
	}
.video-wrapper img {
	display: block;s
}
.video-wrapper video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.textbox-section .innhold ul {
	columns: 3;
	width: 100%;
	column-gap: 30px;
	list-style: none;
}
.textbox-section .innhold ul li {
	padding-bottom: 10px;
	break-inside: avoid;
}
.textbox-section .prev_next {
	display: none;
}
.textbox-section .innhold ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #007DC3; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
}
/*.bg0.hvit {
	padding-top: 3em;
	padding-bottom: 3em;
}*/
.bg1.red {
	padding-left: 3em;
	padding-right: 3em;
}
.py-xl {
	padding-top: 5em;
	padding-bottom: 5em;
}
.bg1.red::before {
	content: '';
	position: absolute;
	right: -999em;
	bottom: 0px;
	left: 0px;
	top: 0px;
	background-color: #007DC3;
	z-index: -1;
}

.bgcolor.size6.bg1 {
	left: 42.7777%;
}
.bgcolor.size5.bg1 {
	left: 50%;
}


.referanser-slider img {
	width: 35vw;
	height: auto;
	margin-right: 15px;
}
#referanse-slides {
	margin-left: 14px;
}
.referanser-slider .container::before {
	background-color: #EFECEE;
	display: block;
	content: '';
	left: -999em;
	position: absolute;
	z-index: 2;
	right: 100%;
	top: 0px;
	bottom: 0px;
}


.footer h3 {
	font-size: 1.2em;
}
.footer h4 {
	font-size: 1em;
}


.footer .third a, .footer .last a  {
	border: none;
}
.footer .third a span {
	border-bottom: 2px solid #007DC3;
	display: inline-block;
}
.referanse a {
	background-color: #f7fcfe;
	border: none;
	display: block;
}
.referanse figure {
	overflow: hidden;
}
.referanse a img {
	transition: all 0.7s ease;
}
.referanse a:hover img {
	transform: scale(1.02,1.02);
}

.referanse strong,.meta strong {
	color: #007DC3;
}
.referanse .meta {
	font-size: 0.7em;
}
.large-reference img {
	height: 100%;
	width: 100%;
	max-width: inherit;
	max-height: inherit;
	object-fit: cover;
	object-position: center center;
}
.large-reference figure {
	overflow: hidden;
	max-height: 700px;
}

.textarea {
	background-color: rgba(0,0,0,0.05);
	padding: 100px 0px;
}
.textarea h1 {
	font-family: 'Butler Medium';
	font-weight: normal;

}
.profile-block h1 {
	text-transform: none !important;
}
.container {
	width: 100%;
	max-width: 1900px;
	max-width: 90%;
	margin: 0px auto;
}
section img {
	width: 100%;
	height: auto;
}
@media(min-width: 1170px){
	.utleie-content {
	background-color: #fff;
	margin-top: -120px;
	padding: 70px;
}
}
/* REFERANSE*/
@media(min-width: 1500px){
	section .py-5 {
		padding-top: 8rem !important;
		padding-bottom: 8rem !important;
	}
	 section .pb-5 {
	 padding-bottom: 8rem !important;	
	 }
	 .profile-block h1 {
		font-size: 6em;
	 }
	.big-menu {
		width: 100%;
	}
}

.project-info dt {
	color: #007DC3
}

.featured-image {
	width: 100%;
	height: auto;
}
	.logo svg {
		max-width: 200px;
	}
blockquote span {
	color: #007DC3;
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 1em;
	display: inline-block;
}
.column {
	columns: 2;
}
/* Kontakt */
.kontakt a {
	color: #002B5C;;
}
.kontakt img {
	max-width: 80%;
	height: auto;
}
.kontakt strong {
	color: #007DC3;
}
.kontakt .stilling {
	display: block;
	margin-bottom: 15px;
}
.kontakt a:hover {

}
#wpadminbar {
	opacity: 0;
	transition: all 0.3s ease;
}
#wpadminbar:hover {
	opacity: 1;
}
a p , a .excerpt {
	color: #000;
	font-size: 1em;
}

p:last-of-type {
	margin: 0px;
}

@media(max-width: 768px){
	.footer .my-4:nth-of-type(4) *{
		text-align: left !important;
	}
}

@media(min-width: 1200px){

	
	.article-header-wrapper h1 {
		font-size: 3em;
	}
	.image-section h1 {
		font-size: 5em;
	}
}
.pagetopright {
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 0.05;
	transform-origin: top right;
	
}

@media(max-width: 769px){
	svg.left {
		width: 40%;
		height: auto;
		bottom: 0px;
	}

	.big-menu {
		left: 0px;
		width: 100%;
	}
	.container {
		max-width: 100% !important
	}
	.py-5 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.bg1.red {
		padding-left: 1rem !important;
	}

	.menu-button {
		width: 100%;
		font-size: 1em;
	}
	.m {
		display: none;
	}
}
.table {
	width: 100% !important;
}
.prev_next {
	position: absolute;
	top: 48%;
	width: 100%;
}
.slick-dots {
	bottom: 20px !important;
}
.image-gallery {
	margin-bottom: 0px !important;
}
.prev_next img {
	width: 24px;
}
.slick-dots li.slick-active button:before {
	color: #fff !important
}
.prev_next .slick-arrow {
	background-color: #000;
	border: none;
	padding: 10px;
	border-radius: 50%;
}
.prev_next .slick-arrow:nth-child(1) {
	position: absolute;
	left: 20px;
}
.prev_next .slick-arrow:nth-child(2){
	position: absolute;
	right: 20px;
}
.prev_next img {
	filter: invert();
}
@media(max-width: 991px){
	.big-menu {
		padding-top: 95px;
		height: 100%;
	}
	.menu-wrap {
		height: 100%;
		overflow: auto;
	}
	
}
@media(max-width: 768px){
	.big-menu {
		padding-top: 100px;
	}
	.image-section h1 {
		font-size: 3em;
	}
	.menu-wrap {
		max-width: 100%;
	}
	.element span {
		font-size: 0.8em;
	}
}
.feature-list, .feature-list li {
	list-style: none;

	padding: 0px;
}
.feature-list li {
	margin-bottom: 8px;
}
.feature-list strong {
	display: block;
}
.feature-list li {
	break-inside: avoid;
}