/*
Theme Name: Bim Verdi
Author: Konsulent Harstad v/Andreas Harstad // Orgnr. 921 029 438
*/



span.frm_required {
	color: red !important;
}

.arr-archive .finished {
	display: none;
}
.finished-arr{
	margin-top: 4rem;
}

.cff-meta-wrap{
	display: none!important;
}

.frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{
	color: #ff0000!important;
}

.frm_forms label, .frm_forms input, .frm_forms textarea{
	font-size: 1rem!important;
}
.seperator {
	display: block;
	padding: 1rem 0;
	width: 70%;
	border-bottom: 1px solid gray;
	margin-bottom: 2rem;
}
/* Sandbox styles */
.arr-detail {
	margin-bottom: 1rem;
}
.arr-hidden{
	display: none;
}

.signup-btn {
	background: #bc4e27;
	padding: 12px 14px;
	color: #fff!important;
	font-weight: 700;
	border-radius: 6px;
}
.last-call{
	margin-top: 4rem;
}
.event-intro > div{text-align: center;}
.event-intro > div .signup-btn{
	margin-bottom: 1rem;
	text-decoration: none!important;
}
.event-intro img{width: 100%!important; // important for override of plugin styles}
/*.event-cont{padding: 1rem;}*/

.event-intro figure{
	margin: 0;
}
.event-details dt{font-weight: 700}
.event-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.upcoming-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
}


.event-featimage{
	width: 100%;
	height: 50vh;
}
.event-featimage figure{
	height: 100%;
}
.event-featimage figure img{
	object-fit: cover;
	height: 100%;
}


.event-intro-title{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-basis: 75%;
	position: relative;
	background: #d16e4c;
	margin: 0 auto;
	color: #ffffff;
	border-radius: 5px;
	padding: 2rem 1rem 1rem;
	width: 100%;
}
.event-intro-title a{
	color: #fff!important;
	text-decoration: underline!important;
}

.event-featimg .event-intro-title{
	top: -100px;
	margin-bottom: 0;
}



.event-content{
	flex-basis: 100%;
}

.event-cont span {
	color: #d47959;
	font-weight: 700;
}
.single-pamelding > header *, .single-pamelding > header {
	display: none!important;
	padding: 0!important;
	margin: 0!important;
}


.event-signup-item header{
	background: #d16f4c0d;
	padding: 2rem;
	margin-bottom: 4rem;
}
.event-signup-item .event-btn{
	border-bottom: 1.4px solid #d16f4c;
}

.signup-cta{
	background: #d16f4c;
	padding: 1rem;
	color: #fff;
	font-weight: 700;
	border-radius: 8px;
	min-width: 200px;
	text-align: center;
}

.blurred {
	filter: blur(10px);
	pointer-events: none;
}


.arr-archive .event-featimage{
	height: 350px;
}

.arr-archive .event-intro-title{
		padding: 1rem 2rem;
	}
}
.arr-archive .event-intro-title{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-basis: 75%;
	position: relative;
	top: 0px;
	background: #d16e4c;
	margin: 0 auto;
	color: #ffffff;
	border-radius: 5px;
	padding: 2rem 1rem 1rem;
	width: 100%;

}


@media (min-width: 1050px) {
	.event-item .event-page {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 4rem;
	}
	.event-featimage{
		width: 100%;
		height: 600px;
	}
	
	.event-intro-title{
		padding: 3rem 4rem 2rem;
		
	}
	
	.event-featimg .event-intro-title{width: 90%;}
}

@media (max-width: 1050px) {
	.event-item .event-page {
		display: flex;
		flex-direction: column-reverse;
		gap: 4rem;
	}
	.last-call{
		display: none;
	}
}






figure{
	margin: 0
}

.editor ul li ul{
	padding-left: 1.5rem;
}
.promoted-posts-containter {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.top-section{
	display: grid;
	margin-bottom: 6rem;
	gap: 2rem;
}
@media (min-width: 1050px) {
	.top-section{
		grid-template-columns: 2fr 1fr;
	}
}
.top-section .articles{
	display: grid;
	gap: 2rem;
}
@media (min-width: 768px) {
	.top-section .articles{
		grid-template-columns: 1fr 1fr;
	}
}

article.post {
	margin-bottom: 2rem;
}


section.placeholder {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 2rem;
}

.quote h3{
	margin: 0;
	color: #d47959;
}
.site-header .container{
	align-items: center;
}
.aside-sec{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}


.aside-sec #cff.cff-masonry{
	margin-bottom: 0;
}

.arrangement-container .list{
margin-bottom: 1rem;
}
.arrangement-container .list a{
	color: #d47959;
}

.card-styles{
	background: #ffffff;
	padding: 1.5rem;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ececec;
}
.home .title{
	margin-bottom: 1rem;
	font-size: 1.25em;
	line-height: 1.2em;
	color: #424242;
	font-weight: 500;
}





/* Facebook styles */

@media (min-width: 768px) {
	.home .cff-posts-wrap{	
		grid-template-columns: 1fr 1fr 1fr;
	}
}
.cff-post-desc{
display: none!important;	
}
.cff-expand a {
	display: none;
}
.cff-item {
	background: #ffffff;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ececec;
	padding: 1rem!important;
}
#cff p{
	line-height: 1.5rem;
	font-size: 1rem;
	font-family: sofia-pro, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #626262;
}

.facebook-feed{margin-bottom: 2rem;}
.home .face-footer{display: none;}

h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

.form-container input[type=text], .form-container input[type=password]{
	background: #efefef;
	display: block;
	color: #2e2e2e;
	min-width: 250px;
	border: 1px solid #b1b1b1;
	border-radius: 4px;
	padding: 0.8rem 0.8rem;
	font-size: .9rem;
}

.form-container input[type=text]:focus, .form-container input[type=password]:focus {
	background: #fff;
}

.form-container input[type=button], .form-container input[type=submit], .form-container input[type=reset] {
	background: #d16f4c;
	padding: 0.8rem;
	border-radius: 4px;
	min-width: 250px;
	color: #fff;
	font-weight: 700;
}
.form-container .login-submit{
	margin: 1rem 0 2rem 0;
}



.editor a {
	color: #d16f4c;
}
.editor:after{
	content:"";
	  display:block;
	  clear:both;
}
.article-grid {
	display: grid;
	grid-gap: 3rem 2rem;
}
.post figure {height: 250px;}
.post figure img {
	width: 100%!important;
	object-fit: cover;
	height: inherit;
	border: 1px solid #ececec;
}
.post a {color: #d47959;}
.post > a{width: 100%;}
.post footer{margin-top: 1rem;display: flex;justify-content: space-between;}
.post .title, .feat-post .title {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-bottom: 0;
	color: #d47959;
}
.feat-post .title{
	margin-bottom: 1rem;
}
@media (min-width: 768px) {
	.article-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}


.post .cont {
	background: #ffffff;
	padding: 1.5rem;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ececec;
	border-top: 0;
}



.single-post .featured-image{
	margin-bottom: 2rem;
}
.front-page section {
	margin-bottom: 8vh;
}
section.line .usp-container{
	display: grid;
	grid-gap: 4rem;
}
section.links {
	display: grid;
	grid-gap: 4rem;
}

@media (min-width: 768px) {
	.article-grid {grid-template-columns: 1fr 1fr 1fr;}
	section.line .usp-container{grid-template-columns: 1fr 1fr 1fr;}
	section.links {grid-template-columns: 1fr 1fr 1fr;}
	
	
}






.feat-post-image{
	width: 100%;
}



/* Featured Post element - only used on front page as of now. Will use standard post-css when in mobile query > 768px.*/
@media (min-width: 768px) {
	.feat-post{
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		background: #ffffff;
		border-radius: 0 0 5px 5px;
		border: 1px solid #ececec;
	}
	.feat-post .cont {
		padding: 3rem 2rem;
	}

	.feat-post footer {
		margin-top: 1rem;
		display: flex;
		justify-content: space-between;
	}
	.feat-post a {
		color: #d47959;
		width: 100%;
	}
	.feat-post figure{
		height: inherit;
		margin-block-end: 0;
	}
	

}
@media (max-width: 768px) {
	.feat-post figure {height: 250px;}
	.feat-post a {color: #d47959;}
	.feat-post footer{margin-top: 1rem;display: flex;justify-content: space-between;}
	.feat-post .title {font-size: 1.25rem;line-height: 1.75rem;}
	
	.feat-post .cont {
		background: #ffffff;
		padding: 1.5rem;
		border-radius: 0 0 5px 5px;
		border: 1px solid #ececec;
		border-top: 0;
	}
}

.feat-post figure img {
width: 100%!important;
object-fit: cover;
height: inherit;
vertical-align: bottom;
}









.mm-container .store-logo {
	margin-right: 1rem;
}
.mm-container a.logoes {
	width: 100px;
	padding-left: 1.5rem;
	display: flex;
}


@media only screen and (min-width: 850px) {
	.mobile-header{display: none;}
}
@media only screen and (max-width: 850px) {
	.site-header {display: none;}
	.mm-menu ul {
		list-style: none;
	}
}


.mobile-header .logo img{
	width: 100px;
	vertical-align: top;
}


.mm-menu{
	opacity: 0;
	visibility: hidden;
	background: #ffffff;
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	transition: .15s ease-in-out;
	padding: 0 1.5rem;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	
}
.mm-menu.mm-active{
	opacity: 1;
	visibility: visible;
}
.mm-menu ul .menu-item a {
	width: 100%;
	display: block;
	transition: .3s;
	padding: .6rem 0;
	font-size: 1rem;
}
.mm-menu .sub-menu-item {
	color: #ffffff;
	font-size: 1.25rem;
}
.mm-menu ul li a{
	padding: .8rem 0;
}

li.menu-item img {
	margin-right: 1rem;
}

.mm-container a.logo {
	padding: .8rem 1.5rem;
}

.mm-active #main-nav {
	top: 15px;
	opacity: 1;
}

.mm-menu #main-nav {
	position: relative;
	top: 0;
	/*opacity: 0;*/
	transition: top .75s, opacity .5s ease-in;
}


#mm-toggle{
	  display:flex;
	  align-items:center;
	  flex-direction:column;
	  cursor:pointer;
	  z-index: 2000;
	  position: relative;
	  padding: 1.5rem;
	}
	
	#mm-toggle span{
	background-color: #000000;
	width: 24px;
	height: 2px;
	margin: 3px 0;
	display: block;
	transition: all .2s ease;
	transform-origin: 0 0;
	}
	
	.mm-open span:nth-child(1) {
	  transform: rotate(45deg) translate(1px, -1px);
	}
	
	.mm-open span:nth-child(2) {
	  Transform: scaleX(0);
	}
	
	.mm-open span:nth-child(3) {
	  transform: rotate(-45deg) translate(-1px, 0);
	}
	
	
.mm-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
	width: 100%;
	height: 80px;
	background: #fff;
}

.mm-container > .logo img {
	width: 100px;
}	

@media screen and (min-width: 850px) {
	.mm-menu, .mm-container{height: 0;visibility: hidden;}
}



.site-header .logoes img{max-width: 100px;margin-right: 2rem;}

.site-header .container {
	display: flex;
	justify-content: space-between;
	max-width: 1440px;
	margin: 0 auto;
}

.site-header > .container {padding: 1rem 2rem;}

.site-header .container > div{display: flex;}

.site-header > .container .mini-cards, .header-right-area{align-items: center;}

.site-header .main-nav-container {
	background: #ffffff;
	border-bottom: 1px solid #ececec;
}
.site-header .main-nav ul{display: flex;font-weight: 500;	list-style: none;}
.site-header .main-nav ul li a {margin-right: 1.5rem;padding: 1rem 0rem 1rem 1rem;}

/*.site-header .main-nav > ul li a:first-of-type {padding-left: 0;}*/
.site-header .main-nav .sub-menu {display: block;}

@media only screen and (max-width: 1250px) {
	.site-header .main-nav ul li a {padding: 1rem 0 1rem 0;	font-size: 1rem;}
}


@media only screen and (max-width: 850px) {
	.mm-menu .sub-menu {
		padding-left: 10px;
		border-left: 1px solid #d9d9d9;
	}
	.menu-item-has-children > a {
		font-weight: 700;
	}
	.mm-menu .sub-menu li a {
		color: #4e4e4e;
		font-size: 1rem;
	}
	
}
@media only screen and (min-width: 850px) {
	
	.site-header .main-nav{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.sub-menu {max-height: 0;opacity:0;position: absolute;visibility: hidden;}	
	.sub-menu a {
		display: block;
	}	
	
	.menu-item:hover .sub-menu {
		max-height: 100%;
		opacity: 1;
		position: absolute;
		top: 51px;
		z-index: 999999999;
		width: 200px;
		border-radius: 3px;
		visibility: visible;
	}	
	.sub-menu .menu-item:hover {
		background: #eaeaea;
	}
	.sub-menu .menu-item {
		background: #fff;
		transition: .15s;
	}
	.menu-item-has-children {
		position: relative;
	}
}









.swiper-container {
	width: 100%;
}

	.swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  background: #fff;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
	
	.swiper-slide a {
		height: inherit;
	}
	.swiper-slide a img {
		object-fit: cover;
		height: inherit;		
	}
	
	.page #Content {
		max-width: 9600px;
		margin: 0 auto;
	}
	
	div#SuperOffice_chatdiv {
		display: none;
	}
	
	.swiper-container {
		height: 300px;
		width: 100%;
	}

	
	@media (min-width: 768px) {
		.swiper-container {
			height: 300px;
			width: 1200px;
		}
	}		
	
	
	
	.sub-title{
		font-size: 1rem;
		line-height: 1.35rem;
		margin-bottom: .5rem;
		font-weight: 700;
	}



	.container{margin: 0 auto;padding: 0 2rem;}
	.container-base{
		max-width: 1440px;
	}
	.container-small{
		max-width: 1024px;
	}

.searchform input {
	border: 1px solid #b1b1b1;
	border-radius: 4px;
	padding: 0.6rem 0.4rem;
}

input[type=button], input[type=submit], input[type=reset] {
	cursor: pointer;
}


main{
	padding: 6rem 0 8rem;
	background: #ffffff;
}



@media only screen and (min-width: 0px) {
	main{
		padding: 6rem 0 8rem;
	}
	.home main{
		background: #f5f5f5;
	}

}

@media only screen and (min-width: 850px) {
	main{
		padding: 3rem 0 8rem;
	}
}



@media only screen and (min-width: 1300px) {	

	}
	
	
	
	
	
	
	
	.my-page .link-list {
		font-size: 1.25rem;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 3rem;
		list-style: none;
	}
	.my-page .link-item{
		border: 1px solid #ececec;
		border-radius: 5px;
		padding: 1.5rem;
		text-align: center;
		box-shadow: 0px 2px 4px #0000000f;
		background: #fff;
		font-size: 1rem;
	}
	li.link-item >* {
		margin-bottom: 1rem;
	}
	.link-item a{color: #d16f4c;}
	.page-id-5393 .top-section {
		display: flex;
		justify-content: space-between;
	}
	
	
	
	.outlined-btn {
		border: 1px solid #d27250;
		padding: 0.5rem 1rem;
		border-radius: 6px;
		display: inline-block;
	}
	
	
	
	
	
	
	/*--- HEADINGS ---*/
	h1, h2, h3, h4, h5, h6 {
	  margin-bottom: 24px;
	  font-weight: bold;
	}
	
	h1 {
	  font-size: 1.75em; /* 24px --> 24 ÷ 16 = 1.5 */
	  line-height: 1.25em; /* 24px --> 24 ÷ 24 = 1 */
	}
	
	h2 {
	  font-size: 1.5em; /* 22px --> 22 ÷ 16 = 1.375 */
	  line-height: 1.1em; /* 24px --> 24 ÷ 22 = 1.090909(09) */
	}
	
	h3 {
	  font-size: 1.25em; /* 20px --> 20 ÷ 16 = 1.25 */
	  line-height: 1.2em; /* 24px --> 24 ÷ 20 = 1.2 */
	}
	
	h4 {
	  font-size: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */
	  line-height: 1.333em; /* 24px --> 24 ÷ 18 = 1.3333333(3) */
	}
	
	h5, h6 {
	  font-size: 1em; /* 16px --> 16 ÷ 16 = 1 */
	  line-height: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */
	}
	
	
	
	
	.swiper-container {
		width: 100%;
	}
	
		.swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  background: #fff;
	
		  /* Center slide text vertically */
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;
		  justify-content: center;
		  -webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;
		  align-items: center;
		}
		
		.swiper-slide a {
			height: inherit;
		}
		.swiper-slide a img {
			object-fit: cover;
			height: inherit;		
		}
		
		.page #Content {
			max-width: 9600px;
			margin: 0 auto;
		}
		
		div#SuperOffice_chatdiv {
			display: none;
		}
		
		.swiper-container {
			height: 300px;
			width: 100%;
		}
	
		
		@media (min-width: 768px) {
			.swiper-container {
				height: 300px;
				width: 1200px;
			}
		}		
		
	
	
	
	.site-footer{
		background-color: #292b33;
		padding: 4rem 0;
	}
	.site-footer .container {
		display: grid;
		gap: 4rem;
		color: #d8d8d8;
	}
	.site-footer a {
		color: #d06f4c;
	}
	
	@media (min-width: 768px) {
		.site-footer .container {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
	
	
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	a img.alignright {float:right; margin:0 0 1em 1em}
	a img.alignleft {float:left; margin:0 1em 1em 0}
	a img.aligncenter {display: block; margin-left: auto; margin-right: auto}