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

/*
=======================================================================
	Bootstrap Col Double Margin
=======================================================================
*/

@media screen and (min-width: 991px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
		}
	
	.container .row {
		margin-right: -30px;
		margin-left: -30px;
		}

	.col, .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
        position:relative;min-height:1px;padding-right:30px;padding-left:30px;
        }
	}


/*
=======================================================================
	Custom properties
=======================================================================
*/

:root {

	--white: #fff;
	--white-hover: #e5e5e5;

	--black: #000;
	--black-hover: #323232;

	--light-grey: #eff1f3;
	--light-grey-hover: #d4d7d9;

	--custom-color-1:#803d48;
	--custom-color-1-hover:#76474f;

	--custom-color-2:#293241;
	--custom-color-2-hover:#161b23;

	--custom-color-3:#E6000F;
	--custom-color-3-hover:#bf000d;

	--custom-color-4:#E6000F;
	--custom-color-4-hover:#bf000d;

	--accent-color:#E6000F;
	--accent-color-hover:#bf000d;

	--default-margin: 30px;
	--default-listelement-margin: 30px;

	--subpage-main-color: #803d48;
	--link-color: #3d5a80;

}

@media (min-width:1200px) {
	:root {
		--default-margin: 60px;
		--default-listelement-margin: 60px;
	}
}


/*
=======================================================================
	General
=======================================================================
*/

body {
	font-family: 'Inter', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	}

a {color: var(--link-color);}


.fc-event, .fc-event-dot {
	background-color: #dc3545;
	border: 1px solid #dc3545
}


.fc-view-container .fc-view, .fc-view-container .fc-view > table {
	min-width: 456px;
	display: inline-block;
}

@media (min-width: 768px) {
	.fc-view-container {
		overflow-x: hidden;
	
	}
}

@media (max-width: 767px) {
	.fc-view-container {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
}



	.fc-scroller {
		height: 100% !important;
	}

	.fc-unthemed td.fc-today {
		background: #f5f4f1;
	}

	.fc-toolbar h2 {
		margin: 0;
		margin-top: 56px;
	}


	/* Link Hover */
	article .text a:not(.bttn):not(.image-link):hover,
	article .text a:not(.bttn):not(.image-link):focus {
		background-color: var(--link-color);
		box-shadow: var(--link-color) -5px 0px 0px 0px, var(--link-color) 5px 0px 0px 0px;
		border-radius: 5px;
		border-bottom-color: transparent;
		color: #fff;
		text-decoration: none;
	}

	.byline span {
		text-transform: capitalize;
	}


	/*
=======================================================================
	Logo
=======================================================================
*/


	.logo__flame,
	.logo__line1,
	.logo__line2,
	.logo__cross {
		/*fill:#fff;*/
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	header .logo__flame {
		fill: var(--accent-color) !important;
	}

	header .logo__line1,
	header .logo__line2,
	header .logo__cross {
		fill: #000;
	}


	/*
=======================================================================
	Main header General
=======================================================================
*/

	header.mainheader {
		width: 100%;
		transition: height 0.4s ease-in-out;
		-webkit-transition: height 0.4s ease-in-out;
		-moz-transition: height 0.4s ease-in-out;
		transition: background 0.4s ease-in-out;
		-webkit-transition: background 0.4s ease-in-out;
		-moz-transition: background 0.4s ease-in-out;
		border: 0;
	}

	body header.mainheader:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
	}

	.mainheader .header-elements {
		padding-top: 25px;
		padding-bottom: 25px;
		transition: all 0.7s ease-in-out;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
	}

		.mainheader .header-elements .sf-menu a {
			font-size: .9em;
			font-weight: 400;
		}

	@media (min-width:768px) {
	}

	@media (min-width:991px) {
		.mainheader .header-elements .sf-menu a {
			font-size: 1em;
		}
	}

	@media (min-width:1200px) {
		.mainheader .header-elements .sf-menu a {
			font-size: 1em;
		}
	}


	/*
=======================================================================
	Main header Fixed
=======================================================================
*/

	header.mainheader.sticky {
		position: sticky;
		top: 0; /* Verdi tilsvarende høyde på evt. pre-header */
		z-index: 9;
	}

	.frontpage header.mainheader.sticky {
		position: fixed !important;
	}


	/*
=======================================================================
	Main header Sticky
=======================================================================
*/

	header.mainheader.sticky.fixed {
		position: sticky;
		top: 0;
		left: 0;
		z-index: 975;
		width: 100%;
		box-shadow: 0 4px 4px rgba(0,0,0,0.06);
		background: #fff !important;
	}

	.frontpage.frontpage header.mainheader.sticky.fixed {
		background: #fff !important;
	}

	.frontpage header.mainheader:not(.fixed).nobg {
		background: none !important;
	}

	header.mainheader.sticky.fixed {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}

		header.mainheader.sticky.fixed .header-elements {
			padding-top: 7px;
			padding-bottom: 7px;
		}

			header.mainheader.sticky.fixed .header-elements .sf-menu > li > a {
				color: #000;
			}

			header.mainheader.sticky.fixed .header-elements .sf-menu > li.active > a > span {
				color: #000;
				border-bottom-color: #000;
			}

	@media (min-width:1200px) {
		header.mainheader .header-elements {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		/*header.mainheader.sticky.fixed .header-elements {padding-top: 15px;padding-bottom: 15px;}*/
		header.mainheader.sticky-fixed .site-logo {
			width: 200px;
		}
	}

	/*
=======================================================================
	Custom Superfish
=======================================================================
*/

	.sf-menu ul li {
		background: #293241;
	}

	.site-navigation ul.sf-menu > li > ul > li:first-child:before {
		border-bottom-color: #293241;
	}

	.site-navigation ul.sf-menu li li:hover {
		background: #495b79;
	}

	.site-navigation ul.sf-menu > li > ul > li:first-child:hover:before {
		border-bottom-color: #495b79;
	}

	.site-navigation .sf-menu > li > a {
		border: 2px solid transparent;
	}

	@media screen and (min-width: 1200px) {
		.site-navigation .sf-menu > li {
			padding: 0;
		}

			.site-navigation .sf-menu > li > a {
				display: inline-block;
				padding: .75em 1em;
			}
	}


	/*
=======================================================================
	Section General
=======================================================================
*/

	:root {
		--filter-color-one: 0,0,0;
		--filter-color-two: 0,0,0;
	}

	.darker-10:before {
		background: rgba(var(--filter-color-one),0.1);
	}

	.darker-20:before {
		background: rgba(var(--filter-color-one),0.2);
	}

	.darker-30:before {
		background: rgba(var(--filter-color-one),0.3);
	}

	.darker-40:before {
		background: rgba(var(--filter-color-one),0.4);
	}

	.darker-50:before {
		background: rgba(var(--filter-color-one),0.5);
	}

	.darker-60:before {
		background: rgba(var(--filter-color-one),0.6);
	}

	.darker-70:before {
		background: rgba(var(--filter-color-one),0.7);
	}

	.darker-80:before {
		background: rgba(var(--filter-color-one),0.8);
	}

	.darker-90:before {
		background: rgba(var(--filter-color-one),0.9);
	}


	/*
=======================================================================
	Custom Front Page
=======================================================================
*/


	main > article > .section-paragraph:first-child::after {
		content: "";
		background: #0000008c;
		display: block;
		position: absolute;
		width: 50%;
		height: 100%;
		top: 75%;
		right: 0;
		z-index: -1;
		transform: rotate(45deg);
		opacity: .25;
	}

	main > article > .section-paragraph:first-child {
		overflow: hidden;
	}

	.frontpage main > article > .section-paragraph:first-child {
		padding-top: 115px !important;
		padding-bottom: 60px !important;
	}

	main > article > .section-paragraph.xltitle:first-child h1 {
		font-size: 2rem;
		font-weight: bold;
	}

	main > article > .section-paragraph:first-child .teaser {
		font-weight: lighter;
	}

	@media (min-width:768px) {
		.frontpage main > article > .section-paragraph:first-child {
			padding-top: 150px !important;
			padding-bottom: 100px !important;
		}

		main > article > .section-paragraph.xltitle:first-child h1 {
			font-size: 2.5rem;
		}
	}

	@media (min-width:991px) {
		.frontpage main > article > .section-paragraph:first-child {
			padding-top: 150px !important;
			padding-bottom: 100px !important;
		}

		main > article > .section-paragraph.xltitle:first-child h1 {
			font-size: 3rem;
		}
	}

	@media (min-width:1200px) {
		.frontpage main > article > .section-paragraph:first-child {
			padding-top: 300px !important;
			padding-bottom: 240px !important;
		}

		main > article > .section-paragraph.xltitle h1 {
			font-size: 4rem !important;
		}

		main > article > .section-paragraph:first-child .teaser {
			font-size: 1.4em;
		}

		main > article > .section-paragraph + .itemwrapperid-240 {
			margin-top: -170px;
		}
	}

	@media (min-width:1500px) {
		main > article > .section-paragraph.xltitle h1 {
			font-size: 4.5rem !important;
		}
	}



	/*
=======================================================================
	Custom Filter
=======================================================================
*/

	.mix-controls {
		margin-bottom: 3rem;
	}

		.mix-controls button {
			border: 0;
			color: #636363;
			background: #e6e6e6;
			margin-right: 1rem;
			padding: 1rem;
		}

			.mix-controls button:last-of-type {
				margin-right: 0;
			}

			.mix-controls button:focus {
				outline: none;
			}

			.mix-controls button.mixitup-control-active {
				background: #563d7c;
				color: #fff;
			}


	/*
=======================================================================
	Custom Footer
=======================================================================
*/

	.site-footer .column.col1 .column-content.text {
		width: 150px;
	}

	.site-footer .column .column-content h2 {
		margin-bottom: .75rem !important;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 1px;
	}

		.site-footer .column .column-content h2 + p {
			margin-top: .75rem;
			font-weight: lighter;
		}

	.site-footer .column .column-content a {
		text-decoration: none;
		border-bottom: 1px solid transparent;
	}

		.site-footer .column .column-content a:hover,
		.site-footer .column .column-content a:focus {
			text-decoration: none;
			border-color: #fff;
		}

	.site-footer .col1 img {
		height: inherit !important;
		width: inherit !important;
	}

	.site-footer a[href*="/maps/"]:before {
		font-family: "Font Awesome 5 Pro";
		content: "\f041";
		display: inline-block;
		margin-right: 10px;
	}

	.site-footer .column-content,
	.site-footer .column-content p,
	.site-footer .column-content a {
		color: #e9ecef;
	}

		.site-footer .column-content ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			.site-footer .column-content ul li {
				margin: 0 0 5px 0;
				padding: 0;
				font-weight: lighter;
			}

	.site-footer a:hover,
	.site-footer a:focus {
		color: #fff;
	}

	.site-footer .col3 li {
		padding-left: 15px !important;
	}

		.site-footer .col3 li:before {
			font-family: "Font Awesome 5 Pro";
			content: "\f105";
			position: absolute;
			left: 0;
		}

	@media (min-width:768px) {
		.site-footer .col.col1 img {
			width: 200px;
		}
	}

	@media (min-width:991px) {
	}

	@media (min-width:1200px) {
		.site-footer .col .column-content h2 {
			margin: 0 !important;
			font-size: 1.7rem;
		}
	}


	/*
=======================================================================
	Custom Footer SoMe
=======================================================================
*/

	.site-footer a[href*="facebook."]:before {
		font-family: "Font Awesome 5 Brands";
		content: "\f082";
		margin-right: 10px;
		display: inline-block;
	}

	.site-footer a[href*="linkedin."]:before {
		font-family: "Font Awesome 5 Brands";
		content: "\f08c";
		margin-right: 10px;
		display: inline-block;
	}

	.site-footer a[href*="websta.me"]:before,
	.site-footer a[href*="instagram"]:before {
		font-family: "Font Awesome 5 Brands";
		content: "\f16d";
		margin-right: 10px;
		display: inline-block;
	}

	.site-footer a[href*="youtube."]:before {
		font-family: "Font Awesome 5 Brands";
		content: "\f167";
		margin-right: 10px;
		display: inline-block;
	}

	.site-footer a[href*="spotify."]:before {
		font-family: "Font Awesome 5 Brands";
		content: "\f1bc";
		margin-right: 10px;
		display: inline-block;
	}


	/*
=======================================================================
	Edit Link
=======================================================================
*/

	section {
		position: relative;
	}

	.er-edit-link {
		position: absolute;
		top: 15px;
		right: 15px;
	}


	/*
=======================================================================
	Custom Buttons
=======================================================================
*/

	/* White Solid */
	.link__color--white.link__style--solid .section-cta {
		background-color: var(--white);
		border-color: #fff;
		color: var(--black);
	}

		.link__color--white.link__style--solid .section-cta:hover,
		.link__color--whote.link__style--solid .section-cta:focus {
			background-color: var(--white-hover);
			border-color: var(--white-hover);
			color: var(--black);
		}


	/* Custom 1 Outline */
	.link__color--custom1 .section-cta {
		color: var(--custom-color-1);
		border-color: var(--custom-color-1);
	}

		.link__color--custom1 .section-cta:hover,
		.link__color--custom1 .section-cta:focus {
			color: #fff;
			background-color: var(--custom-color-1-hover);
		}

	/* Custom 1 Solid */
	.link__color--custom1.link__style--solid .section-cta {
		background-color: var(--custom-color-1);
		border-color: var(--custom-color-1);
		color: #fff;
	}

		.link__color--custom1.link__style--solid .section-cta:hover,
		.link__color--custom1.link__style--solid .section-cta:focus {
			background-color: var(--custom-color-1-hover);
			border-color: var(--custom-color-1-hover);
			color: #fff;
		}


	/* Custom 2 Outline */
	.link__color--custom2 .section-cta {
		color: var(--custom-color-2);
		border-color: var(--custom-color-2);
	}

		.link__color--custom2 .section-cta:hover,
		.link__color--custom2 .section-cta:focus {
			color: #fff;
			background-color: var(--custom-color-2-hover);
		}

	/* Custom 2 Solid */
	.link__color--custom2.link__style--solid .section-cta {
		background-color: var(--custom-color-2);
		border-color: var(--custom-color-2);
		color: #fff;
	}

		.link__color--custom2.link__style--solid .section-cta:hover,
		.link__color--custom2.link__style--solid .section-cta:focus {
			background-color: var(--custom-color-2);
			border-color: var(--custom-color-2);
			color: #fff;
		}


	/*
=======================================================================
	Custom Congregation
=======================================================================
*/

	.link--back {
		margin-bottom: 30px;
		display: inline-block;
	}

		.link--back:before {
			font-family: "Font Awesome 5 Pro";
			content: "\f177";
			margin-right: 10px;
			display: inline-block;
		}

	.congregation__info.text-and-image h2 {
		font-size: 1.3em;
	}

	.congregation__info.text-and-image .column {
		width: 100%;
	}

	.congregation__info.text-and-image .text-content {
		background-color: var(--light-grey);
	}

	.congregation__info.text-and-image.background .text-content {
		padding: var(--default-margin);
	}

	@media (min-width:768px) {
		.congregation__info.text-and-image .column {
			width: 50%;
		}

		.congregation__info.text-and-image.background .text-content:after {
			z-index: 4;
			content: "";
			position: absolute;
			right: -35px;
			top: 0;
			height: 100%;
			width: 100%;
			background-color: inherit;
			-webkit-transform: skewX(-5deg);
			-moz-transform: skewX(-5deg);
			-ms-transform: skewX(-5deg);
			transform: skewX(-5deg);
			background-color: #eff1f3;
		}
	}

	.congregation__info.text-and-image.background .text-content article {
		position: relative;
		z-index: 9;
	}


	.congregation__info .google__maps__link:before {
		font-family: "Font Awesome 5 Pro";
		content: "\f041";
		margin-right: 10px;
		display: inline-block;
	}

	.congregation__employees:empty {
		display: none;
	}

	.congregation__employees {
		padding: var(--default-margin);
		background: var(--light-grey);
	}

		.congregation__employees h2 {
			margin-bottom: 1.3em;
		}

		.congregation__employees .listelement-employee h1 {
			font-size: 1em;
		}

		.congregation__employees a {
			text-decoration: underline !important;
		}

			.congregation__employees a:hover,
			.congregation__employees a:focus {
				text-decoration: none !important;
			}

	/*
=======================================================================
	Custom Text and Image
=======================================================================
*/


	@media (min-width:768px) {
		.text-and-image.background.text-and-image-text-right .triangle {
			z-index: 4;
			content: "";
			position: absolute;
			left: -30px;
			top: 0;
			height: 100%;
			width: 60px;
			background-color: inherit;
			-webkit-transform: skewX(-5deg);
			-moz-transform: skewX(-5deg);
			-ms-transform: skewX(-5deg);
			transform: skewX(-5deg);
		}

		.text-and-image.background.text-and-image-text-left .triangle {
			z-index: 4;
			content: "";
			position: absolute;
			right: -30px;
			top: 0;
			height: 100%;
			width: 60px;
			background-color: inherit;
			-webkit-transform: skewX(-5deg);
			-moz-transform: skewX(-5deg);
			-ms-transform: skewX(-5deg);
			transform: skewX(-5deg);
		}
	}


	/*
=======================================================================
	Custom Congregation Search with Typeahead
=======================================================================
*/

	#menighetssok, .tt-hint {
		padding-left: 15px;
	}

	.tt-suggestion {
		color: #000 !important;
	}

	.twitter-typeahead {
		width: 100%;
		position: relative;
	}

		.twitter-typeahead:after {
			position: absolute;
			top: 0;
			right: 15px;
			font-family: "Font Awesome 5 Pro";
			content: "\f002";
			margin-left: 10px;
			line-height: 55px;
			color: #666;
		}

	.typeahead,
	.tt-query,
	.tt-hint {
		width: 100%;
		height: 55px;
		line-height: 55px;
	}

	.typeahead {
		background-color: #fff;
	}

	.tt-query {
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.tt-hint {
		color: #999
	}

	.tt-menu {
		width: 422px;
		margin: 12px 0;
		padding: 8px 0;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		box-shadow: 0 5px 10px rgba(0,0,0,.2);
	}

	.tt-suggestion {
		padding: 3px 20px;
		font-size: 18px;
		line-height: 24px;
	}

		.tt-suggestion:hover {
			cursor: pointer;
			color: #fff;
			background-color: #0097cf;
		}

		.tt-suggestion.tt-cursor {
			color: #fff;
			background-color: #0097cf;
		}

		.tt-suggestion p {
			margin: 0;
		}

	.gist {
		font-size: 14px;
	}


	/*
=======================================================================
	Custom Main Menu Button
=======================================================================
*/

	body.button .submenu.last a {
		background-color: #fff;
		;
		color: #000 !important;
		border-radius: 50px;
		font-weight: bold !important;
		padding-left: 1.6rem !important;
		padding-right: 1.6rem !important;
	}

	body.button .submenu.last a {
		background-color: var(--custom-color-2) !important;
		color: #fff !important;
	}

	body.button .submenu.last.active a,
	body.button .submenu.last.active a span {
		color: #fff !important;
		text-decoration: none;
	}

	*/
	/*
=======================================================================
	Custom Hero Slider
=======================================================================
*/
	.slick-slide-content-wrapper {
		position: relative;
	}

	.slick-slide-content {
		position: absolute;
		top: 60%;
		left: 0;
		transform: translateY(-50%);
		width: 100%;
	}

		.slick-slide-content .text {
			background: rgba(255,255,255,0.3);
			padding: var(--default-margin);
			color: #fff;
		}

			.slick-slide-content .text .bttn {
				border-color: #fff;
				color: #fff;
			}

				.slick-slide-content .text .bttn:hover,
				.slick-slide-content .text .bttn:focus {
					background-color: #fff;
					color: #000;
				}

	@media (min-width:1200px) {
		.slick-slide-content .text {
			width: 50%;
		}
	}



	.slick-prev:before,
	.slick-next:before {
		font-family: "Font Awesome 5 Pro" !important;
		display: inline-block;
		margin-right: 10px;
		font-size: 40px !important;
	}

	.slick-next:before {
		content: '\f105' !important;
	}

	.slick-prev:before {
		content: '\f104' !important;
	}


	/*
=======================================================================
	Custom Calendar
=======================================================================
*/

	.page-subsection-calendar {
		background: #f5f4f1;
		padding: 30px;
	}

		.page-subsection-calendar .page-section-header {
			margin-bottom: 15px;
		}

	.calendar-month-name {
		font-size: 2rem;
	}

	.listelement-calendar {
		margin-bottom: 30px;
	}

		.listelement-calendar a {
			display: flex;
			align-items: center;
			color: #000;
		}

			.listelement-calendar a:hover,
			.listelement-calendar a:focus {
				text-decoration: none;
			}

				.listelement-calendar a:hover figure img,
				.listelement-calendar a:focus figure img {
					opacity: 1;
				}

		.listelement-calendar .listimage {
			/*flex:1;*/
			margin: 0;
			width: 75px;
		}

			.listelement-calendar .listimage img {
				border-radius: 100px;
			}

		.listelement-calendar .text {
			/*flex:6;*/
			padding-left: 30px;
		}

		.listelement-calendar article {
		}

			.listelement-calendar article h1 {
				font-size: 1em;
				font-weight: bold;
				margin: 0;
			}

	.page-subsection-calendar .meta > * {
		display: inline-block;
	}

	.page-subsection-calendar .meta-time:before {
		font-family: "Font Awesome 5 Pro";
		content: "\f133";
		margin-right: 7px;
		color: var(--red);
	}

	.page-subsection-calendar .page-section-footer {
		margin-top: 30px;
	}

		.page-subsection-calendar .page-section-footer a {
			color: var(--red);
			font-weight: bold;
		}

			.page-subsection-calendar .page-section-footer a:after {
				font-family: "Font Awesome 5 Pro";
				content: "\f105";
				margin-left: 10px;
				display: inline-block;
			}


	@media screen and (max-width: 990px) {
		.page-subsection-calendar {
			margin-bottom: 30px;
		}
	}

	@media screen and (min-width: 991px) {
		.page-subsection-calendar .page-section-header {
			margin-bottom: 30px;
		}
	}


	/*
=======================================================================
	Custom Front Page News List
=======================================================================
*/

	.frontpage__news .listelement h1 {
		margin: 0;
	}

	.frontpage__news .listelement .listdate {
		margin: 0;
	}

	.frontpage__news .listelement .row > div[class*="col-"]:first-child {
		padding-right: 0;
	}

	.frontpage__news .listelement-small-image-featured h1 {
		font-size: 2em;
	}


	/*
=======================================================================
	Custom Background Cover
=======================================================================
*/

	.bg-cover .section-background img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}


	/*
=======================================================================
	Custom Background Parallax
=======================================================================
*/

	.section-background {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		top: 0;
		z-index: -1;
	}

		.section-background .simpleParallax {
			height: 100%;
		}

			.section-background .simpleParallax img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
			}


	/*
=======================================================================
	Custom Background Fixed
=======================================================================
*/

	.bg-fixed .section-background {
		display: none;
	}


	/*
=======================================================================
	Custom fundraising
=======================================================================
*/

	.fundraising h2 {
		margin-bottom: 10px;
	}

	.fundraising .progress {
		height: 2rem;
		border-radius: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.fundraising .progress-bar {
		background-color: var(--accent-color);
	}

	.fundraising .text-footer {
	}


	/*
=======================================================================
	Custom Mission Map
=======================================================================
*/




	.missionmap .box {
		position: absolute;
		width: 30%;
		background: rgba(255,0,0,0.54);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.missionmap .box:focus,
		.missionmap .box:hover {
			background: rgba(255,0,0,0.7);
		}

	.missionmap .image-element {
		position: absolute;
		width: 50%;
		height: 100%;
		left: 0;
		top: 0;
	}

		.missionmap .image-element img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	.missionmap .text-element {
		float: right;
		width: 50%;
		text-align: center;
		padding: 1em;
		padding-top: 2em;
		padding-bottom: 2em;
		box-sizing: border-box;
		color: white;
	}

		.missionmap .text-element h2 {
			font-size: 1.1em;
		}

		.missionmap .text-element a {
			color: #fff;
		}

	.missionmap .clear {
		clear: both;
	}

	.missionmap .country-509 {
		right: 5%;
		top: 14.5%;
	}

	.missionmap .country-510 {
		left: 11%;
		top: 14%;
	}

	.missionmap .country-511 {
		left: 8%;
		top: 59%;
	}

	.missionmap .country-512 {
		top: 50%;
		right: 4%;
	}


	@media screen and (min-width: 768px) {
		.missionmap .country-510 + .line-510 {
			position: absolute;
			background: white;
			left: 32.65%;
			top: 38.1%;
			height: 2px;
			width: 16.9%;
			transform: rotate(81.3deg);
		}

			.missionmap .country-510 + .line-510 + .dotleft-510 {
				width: 8px;
				height: 8px;
				position: absolute;
				background: white;
				border-radius: 8px;
				left: 39.5%;
				top: 22.5%;
			}

				.missionmap .country-510 + .line-510 + .dotleft-510 + .dotright-510 {
					width: 8px;
					height: 8px;
					position: absolute;
					background: white;
					border-radius: 8px;
					left: 42%;
					top: 52%;
				}

		.missionmap .country-509 + .line-509 {
			position: absolute;
			background: white;
			left: 52.5%;
			top: 26%;
			height: 2px;
			width: 13.1%;
			transform: rotate(2.4deg);
		}

			.missionmap .country-509 + .line-509 + .dotleft-509 {
				width: 8px;
				height: 8px;
				position: absolute;
				background: white;
				border-radius: 8px;
				left: 52.5%;
				top: 25%;
			}

				.missionmap .country-509 + .line-509 + .dotleft-509 + .dotright-509 {
					width: 8px;
					height: 8px;
					position: absolute;
					background: white;
					border-radius: 8px;
					left: 65.5%;
					top: 26%;
				}

		.missionmap .country-511 + .line-511 {
			position: absolute;
			background: white;
			left: 34.4%;
			top: 61.7%;
			height: 2px;
			width: 11.5%;
			transform: rotate(-55.5deg);
		}

			.missionmap .country-511 + .line-511 + .dotleft-511 {
				width: 8px;
				height: 8px;
				position: absolute;
				background: white;
				border-radius: 8px;
				left: 36.5%;
				top: 70.5%;
			}

				.missionmap .country-511 + .line-511 + .dotleft-511 + .dotright-511 {
					width: 8px;
					height: 8px;
					position: absolute;
					background: white;
					border-radius: 8px;
					left: 43%;
					top: 53%;
				}

		.missionmap .country-512 + .line-512 {
			position: absolute;
			background: white;
			left: 53.1%;
			top: 65.8%;
			height: 2px;
			width: 14.2%;
			transform: rotate(-6deg);
		}

			.missionmap .country-512 + .line-512 + .dotleft-512 {
				width: 8px;
				height: 8px;
				position: absolute;
				background: white;
				border-radius: 8px;
				left: 53%;
				top: 66.5%;
			}

				.missionmap .country-512 + .line-512 + .dotleft-512 + .dotright-512 {
					width: 8px;
					height: 8px;
					position: absolute;
					background: white;
					border-radius: 8px;
					left: 67%;
					top: 64%;
				}
	}

	@media screen and (max-width: 767px) {
		.missionmap .map > img {
			display: none;
		}

		.missionmap .box {
			position: relative;
			width: auto;
			max-width: 600px;
			margin-left: auto;
			margin-right: auto;
			background: rgba(255,0,0,0.54);
			float: none !important;
			left: auto;
			right: auto;
			top: auto;
			margin-bottom: 1.5em;
		}
	}


	/*
=======================================================================
	Custom List Featured
=======================================================================
*/

	.list--featured .listelement-featured--xxl {
		text-align: center;
	}

		.list--featured .listelement-featured--xxl h1 {
			font-size: 3em !important;
		}

	.list--featured .listelement-featured--xl {
		text-align: center;
		margin-bottom: var(--default-listelement-margin) !important;
	}

		.list--featured .listelement-featured--xl h1 {
			font-size: 1.5em;
		}

		.list--featured .listelement-featured--xl .teaser {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}


	/*
=======================================================================
	Multilevel Open/Close
=======================================================================
*/

	.multilevel-accordion .text ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}


		.multilevel-accordion .text ul ul {
			margin-left: 2rem;
		}

		.multilevel-accordion .text ul li > ul {
			display: none;
		}

		.multilevel-accordion .text ul li.active > ul {
			display: block;
			margin-top: .5rem;
		}

		.multilevel-accordion .text ul li.active + li {
			margin-top: 1.5rem;
		}

		.multilevel-accordion .text ul li a:hover,
		.multilevel-accordion .text ul li a:focus {
			background-color: transparent !important;
			color: #000 !important;
			box-shadow: initial !important;
			text-decoration: underline !important;
		}

		.multilevel-accordion .text ul li a {
			text-decoration: none;
			font-size: 1.4rem;
			color: #000;
			font-weight: bold;
		}

		.multilevel-accordion .text ul li > a::after {
			font-family: "Font Awesome 5 Pro";
			content: "\f105";
			margin-left: 10px;
			display: inline-block;
			color: #890d5f;
			font-weight: 100;
		}

		.multilevel-accordion .text ul li.active > a::after {
			transform: rotate(90deg);
		}


		.multilevel-accordion .text ul li h3 {
			margin-top: 0;
			margin-bottom: .5rem;
		}


	/* Level one */

	/*
.multilevel-accordion .multilevel-item-title .page-section-title {
	font-size:1rem;
	margin-bottom:1rem;
}
.multilevel-accordion .multilevel-item-title .page-section-title::after {
	font-family: "Font Awesome 5 Pro";
    content: "\f067";
	margin-left:10px;
}

.multilevel-accordion.multilevel-accordion--open .page-section-title::after {
	content: "\f00d";
}

.multilevel-accordion .multilevel-wrapper {
	display:none;
}

.multilevel-accordion.multilevel-accordion--open .multilevel-wrapper {
	display:block;
}
*/


	/*
.multilevel-item + .multilevel-item {margin-top:1rem;}
.multilevel-item-body {display:none;}
.multilevel-item > .multilevel-item-body > ul > li + li {margin-top:1rem;}

.multilevel-item-header > * {margin:0;}
.multilevel-item-header > *::after {
	font-family: "Font Awesome 5 Pro";
    content: "\f067";
	margin-left:10px;
}

.multilevel-item-header.active > *::after {
    content: "\f00d";
}

.multilevel-item-header.active + .multilevel-item-body {display:block;}
*/



	/*
=======================================================================
	Accordion Customised
=======================================================================
*/

	.accordion--collapsed .accordion {
		display: none;
		margin-left: 2rem;
	}

	.accordion--collapsed .accordion-toggle h2 {
		display: inline-block;
		margin: 0 0 1rem 0;
		font-size: 1.5rem;
		color: #000;
	}

		.accordion--collapsed .accordion-toggle h2::after {
			font-family: "Font Awesome 5 Pro";
			content: "\f105";
			margin-left: 10px;
			display: inline-block;
			color: #890d5f;
			font-weight: 100;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

	.accordion--collapsed.active .accordion-toggle h2::after {
		transform: rotate(90deg);
	}