/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&display=swap');*/

@font-face {
    font-family: 'brown';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/BrownLLTT-Bold.ttf');
    src: url('../fonts/BrownLLTT-Bold.ttf') format('truetype');
    src: url('../fonts/BrownLLTT-Bold.woff') format('woff');
}

/*@font-face {
    font-family: 'brown';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/BrownLLTT-Bold.ttf');
    src: url('../fonts/BrownLLTT-Bold.ttf') format('truetype');
    src: url('../fonts/BrownLLTT-Bold.woff') format('woff');
}*/

@font-face {
    font-family: 'brown';
    font-weight: lighter;
    font-style: normal;
    src: url('../fonts/BrownLLTT-Light.ttf');
    src: url('../fonts/BrownLLTT-Light.ttf') format('truetype');
    src: url('../fonts/BrownLLTT-Light.woff') format('woff');
}

.progress{
    display:none !important;
}

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

@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;
        }
	}

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

body {
    font-family: Arial, brown, sans-serif;
    font-weight: lighter;
    /*'Source Sans Pro',*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, brown, sans-serif;
    font-weight: lighter;
}

a {color: #ff6c00;}

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

.btn-login {
    background-color: #5f786e;
    color: white;
    padding: 5px 16px;
}

.page-section-title {
    color: #5f786e;
}
/*
=======================================================================
	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;
    background: #563d7c;
}

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:.8em;
	font-weight:lighter;
	}
	
@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:absolute;
    top:0; /* Verdi tilsvarende høyde på evt. pre-header */
    z-index: 9;
    }


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

header.mainheader.sticky.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    }

.itemid-193 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;}

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

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

.darker-10:before {background: rgba(0,0,0, 0.10);}
.darker-20:before {background: rgba(0,0,0, 0.20);}
.darker-30:before {background: rgba(0,0,0, 0.30);}
.darker-40:before {background: rgba(0,0,0, 0.40);}
.darker-50:before {background: rgba(0,0,0, 0.50);}
.darker-60:before {background: rgba(0,0,0, 0.60);}
.darker-70:before {background: rgba(0,0,0, 0.70);}
.darker-80:before {background: rgba(0,0,0, 0.80);}
.darker-90:before {background: rgba(0,0,0, 0.90);}



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

/*body.topmenu-0 .itemid-198 {padding-top:115px!important;padding-bottom:60px!important;}*/
body.topmenu-0 .itemid-198.xltitle h1 {font-size:2rem;font-weight:bold;}
body.topmenu-0 .itemid-198 .teaser {font-weight:lighter;}

@media (min-width:768px) {
    /*body.topmenu-0 .itemid-198 {padding-top:150px!important;padding-bottom:100px!important;}*/
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:2.5rem;}
	}

@media (min-width:991px) {
    /*body.topmenu-0 .itemid-198 {padding-top:150px!important;padding-bottom:100px!important;}*/
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:3rem;}
	}

@media (min-width:1200px) {
    /*body.topmenu-0 .itemid-198 {padding-top:240px!important;padding-bottom:140px!important;}*/
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:4rem!important;}
	body.topmenu-0 .itemid-198 .teaser {font-size:1.4em;}
	}

@media (min-width:1500px) {
	body.topmenu-0 .itemid-198.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 img {width:150px;}

.site-footer .column .column-content h2 {margin:0!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:underline;}

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

@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 Slide Debug
=======================================================================
*/


.itemid-745 .reveal .slides * {outline:1px solid red;}
.itemid-745 .reveal .slides {background: #999;}
.itemid-745 .section-slide .slide-content {background: #e2e2e2;}

.reveal .slides > section, 
.reveal .slides > section > section {padding:0;}

/*
=======================================================================
	Custom Slide Header
=======================================================================
*/

.section-slide.no-header .slide-header {display:none;}
.section-slide.no-header .slide-content {top: 0;}

.section-slide .slide-header.slide-header-logo-position-left img {float:left;}
.section-slide .slide-header.slide-header-logo-position-center img {margin: 0 auto;display:table;}
.section-slide .slide-header.slide-header-logo-position-right img {float:right;}

.slide-header img {height:100%;}


/*
=======================================================================
	Custom Slide Template Default
=======================================================================
*/

.section-slide {height: 100%;}
.section-slide[class*="darker-"]:before {z-index: -1;}

.reveal .slides {text-align:left;}
.section-slide.text-pos-left .slide-content {text-align: left;}
.section-slide.text-pos-right .slide-content {text-align: right;}
.section-slide.text-pos-center .slide-content {text-align: center;}

.section-slide.text-pos-top .slide-content {align-items:flex-start;}
.section-slide.text-pos-middle .slide-content {align-items:center;}
.section-slide.text-pos-bottom .slide-content {align-items:flex-end;}

.section-slide .slide-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
		/*border-bottom:1px solid #CCC;*/
    }

.section-slide .slide-header-content {position:absolute;top:50px;right:60px;bottom:30px;left:60px;}

.section-slide .slide-content {
    position: absolute;
    top: 120px;
		left: 60px;
		right: 60px;
    bottom: 60px;
    display: flex;
		flex-direction:column;
		overflow:hidden;
    }
		
		
.section-slide .slide-template-default {flex-direction:row;}		
.section-slide .slide-template-default.slide-image {flex-direction:column;}		
		
	
.section-slide.background-color .slide-content, 
.section-slide.background-image .slide-content {padding: 50px;}
		
.section-slide .slide-content-inner {height:100%;}		
		
.section-slide .slide-content .slide-text,
/*.section-slide .slide-content .slide-text .text {width:100%;}*/
.section-slide .slide-content .slide-text .text > * {max-width:100%;}
.section-slide .slide-content .slide-text .text table {table-layout:fixed;}

		
.section-slide.background-image {
		background-position: center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

.section-slide,
.section-slide > section {padding: 0;}

.reveal .slides .small-media:after {display: none;}

.reveal .slides .text { /*background: rgba(0,0,0,0.15);*/}
.reveal .slides .text > :first-child {margin-top:0;}


/*
=======================================================================
	Custom Slide Typography - Template Default
=======================================================================
*/
.reveal {font-size: 28px;font-weight:bold;}

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

.section-slide .text {line-height:1.45;}

.section-slide .text > * {margin-bottom: 0;margin-top:1.5rem;}

.reveal .slide-main-title {margin:0!important;line-height:normal;}

.section-slide.title-large .slide-main-title {font-size:3.5rem;}
.section-slide.title-medium .slide-main-title {font-size:2.5rem;}
.section-slide.title-small .slide-main-title {font-size:1.8rem;}

.section-slide.title-bold .slide-main-title {font-weight:700;}
.section-slide.title-normal .slide-main-title {font-weight:400;}
.section-slide.title-light .slide-main-title {font-weight:300;}

.reveal .slide-main-subtitle {margin:0!important;}
.section-slide.subtitle-large .slide-main-subtitle {font-size:3.5rem;}
.section-slide.subtitle-medium .slide-main-subtitle {font-size:2.5rem;}
.section-slide.subtitle-small .slide-main-subtitle {font-size:1.8rem;}

.section-slide.text-large .slide-content {font-size:3.5rem;}
.section-slide.text-medium .slide-content {font-size:2.5rem;}
.section-slide.text-small .slide-content {font-size:1.8rem;}


.reveal .slide-content ul {}
.reveal .slide-content ul li {margin:0;padding:0;}
/*
    .reveal .slide-content ul li:before {
        font-family: Font Awesome\ 5 Pro;
        content: "\f00c";
        display: inline-block;
        margin-right:10px;
    }
*/		
		

/*
=======================================================================
	Custom Slide Image - Template Default
=======================================================================
*/

.slide-template-default.slide-content {overflow:hidden;}

.section-slide.image-pos-right .slide-content > *,
.section-slide.image-pos-left .slide-content > * {flex: 0 0 50%;} 

.section-slide .slide-image {margin:0;padding:0;}
.section-slide .slide-image img {
		width: 100%;
		max-width: 100%;
		height: auto;
		display:block;
	}

.section-slide.image-pos-left .text {margin-left: 50px;}
.section-slide.image-pos-right .text {margin-right:50px;}
.section-slide.image-pos-bottom .slide-image {margin-top:30px;}

.section-slide.image-pos-right .slide-content {flex-direction: row;}
.section-slide.image-pos-left .slide-content {flex-direction: row-reverse;}
.section-slide.image-pos-left .slide-content .text {padding-left:0;}
.section-slide.image-pos-bottom .slide-content {flex-direction:column;display:block!important;}

.section-slide.image-vertical-top .slide-image {align-self:flex-start;}
.section-slide.image-vertical-middle .slide-image {align-self: center;}
.section-slide.image-vertical-bottom .slide-image {align-self:flex-end;}

.section-slide.no-image-upscale .slide-image img {width:auto;margin:0 auto;}




/*
=======================================================================
	Custom Slide - Template Columns
=======================================================================
*/

.slide-columns {height:100%;}

.slide-template-columns .slide-title > * {margin:0;line-height:normal;}
.slide-template-columns .slide-title {margin-bottom:30px;}

.slide-columns-wrapper {display:table;width:100%;height:100%;table-layout:fixed;}
.slide-column {display:table-cell;padding:0 15px;vertical-align:top;}
.slide-column:first-child {padding-left:0;padding-right:30px;}
.slide-column:last-child {padding-right:0;padding-left:30px;}

.slide-column:first-child:last-child {padding-right:0;padding-left:0;}

/*
.slide-column-content-wrapper {flex-direction:column;}

.col1-reverse .slide-column-1 .slide-column-content-wrapper,
.col2-reverse .slide-column-2 .slide-column-content-wrapper,
.col3-reverse .slide-column-3 .slide-column-content-wrapper {flex-direction:column-reverse;}
*/


.slide-template-columns .slide-column-1:not(.has-content-above):not(.has-content-below) .slide-column-content-wrapper {height:100%;}
.slide-template-columns .slide-column-2:not(.has-content-above):not(.has-content-below) .slide-column-content-wrapper {height:100%;}
.slide-template-columns .slide-column-3:not(.has-content-above):not(.has-content-below) .slide-column-content-wrapper {height:100%;}


.slide-column-content-wrapper > * {margin-top:15px;/*display:table-row;*/}
.slide-column-content-wrapper > :first-child {margin-top:0;}
.slide-column-content-wrapper .slide-column-image + .slide-column-content {margin-top:0;}

.slide-template-columns .slide-column-image {width:100%;height:100%;}

.slide-column .slide-column-title,
.slide-column .slide-column-title h2 {margin:0;width:100%;}
/*.slide-column .slide-column-title + .slide-column-text {margin-top:10px;}*/


.sub-title-bold .slide-main-subtitle,

.col1-title-bold .slide-column-1 .slide-column-content1 h2.slide-column-title, 
.col2-title-bold .slide-column-2 .slide-column-content1 h2.slide-column-title,
.col3-title-bold .slide-column-3 .slide-column-content1 h2.slide-column-title,

.col1-title2-bold .slide-column-1 .slide-column-content2 h2.slide-column-title,
.col2-title2-bold .slide-column-2 .slide-column-content2 h2.slide-column-title,
.col3-title2-bold .slide-column-3 .slide-column-content2 h2.slide-column-title {font-weight:bold;}

.col1-title-medium .slide-column-content1 h2.slide-column-title,
.col1-title2-medium .slide-column-content2 h2.slide-column-title,
.col2-title-medium .slide-column-content1 h2.slide-column-title,
.col2-title2-medium .slide-column-content2 h2.slide-column-title,
.col3-title-medium .slide-column-content1 h2.slide-column-title,
.col3-title2-medium .slide-column-content2 h2.slide-column-title {font-size: 2.5rem;}

.col1-title-large .slide-column-content1 h2.slide-column-title,
.col1-title2-large .slide-column-content2 h2.slide-column-title,
.col2-title-large .slide-column-content1 h2.slide-column-title,
.col2-title2-large .slide-column-content2 h2.slide-column-title,
.col3-title-large .slide-column-content1 h2.slide-column-title,
.col3-title2-large .slide-column-content2 h2.slide-column-title {font-size: 3.5rem;line-height:normal;}


/*
.slide-column-1 .slide-column-content,
.slide-column-2 .slide-column-content,
.slide-column-3 .slide-column-content {margin-bottom:15px;}
*/

/*
.slide-column-1 .slide-column-content,
.slide-column-2 .slide-column-content,
.slide-column-3 .slide-column-content {margin-bottom:15px;}
*/

/*
.col1-reverse .slide-column-1 .slide-column-content,
.col2-reverse .slide-column-2 .slide-column-content,
.col3-reverse .slide-column-3 .slide-column-content {margin-bottom:0;}
*/

.slide-column-text {font-size:22px;}

.col1-content-top .slide-column-1 {vertical-align:top;}
.col1-content-middle .slide-column-1 {vertical-align:middle;}
.col1-content-bottom .slide-column-1 {vertical-align:bottom;}

.col2-content-top .slide-column-2 {vertical-align:top;}
.col2-content-middle .slide-column-2 {vertical-align:middle;}
.col2-content-bottom .slide-column-2 {vertical-align:bottom;}

.col3-content-top .slide-column-3 {vertical-align:top;}
.col3-content-middle .slide-column-3 {vertical-align:middle;}
.col3-content-bottom .slide-column-3 {vertical-align:bottom;}

/*.slide-template-columns .slide-column:not(.has-content) .slide-column-content-wrapper {height:100%;}*/





/*.slide-template-columns .slide-column-content {height:100%;}*/
/*.slide-template-columns .slide-column-image {height:100%;}*/
.slide-template-columns .slide-column-image {
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;	
	position:relative;
	}

.slide-template-columns .slide-column-image a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	}

.slide-template-columns .slide-column-image a:after {
	position:absolute;
	top:0;
	right:0;
	padding:5px 10px;
	background: rgba(255,255,255,0.5);
	color:#000;
	font-family: Font Awesome\ 5 Pro;
	content: "\f0c1";
	display: inline-block;
	font-weight:100;
	font-size:1rem;
	}

.slide-template-columns .slide-column-image:hover a:after {
	background: rgba(255,255,255,0.8);
	}	
	

.slide-template-columns .slide-column-image img {/*visibility:hidden;*/width:100%;}

.slide-template-columns .slide-column-1:not(.has-content-above):not(.has-content-below) .slide-column-image img {display:none;}
.slide-template-columns .slide-column-2:not(.has-content-above):not(.has-content-below) .slide-column-image img {display:none;}
.slide-template-columns .slide-column-3:not(.has-content-above):not(.has-content-below) .slide-column-image img {display:none;}


/*
=======================================================================
	Custom Slide - 8 & Text
=======================================================================
*/

.slide-template-8andtext {width:100%;}
.slide-template-8andtext img {max-width:100%;}

.slide-template-8andtext .parent {
display: grid;
grid-template-columns: repeat(4, 1fr) 2fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
height:100%
}

.slide-template-8andtext .div1 { grid-area: 1 / 5 / 3 / 6;text-align:left;}
.slide-template-8andtext .div2 { grid-area: 1 / 1 / 2 / 2; }
.slide-template-8andtext .div3 { grid-area: 1 / 2 / 2 / 3; }
.slide-template-8andtext .div4 { grid-area: 1 / 3 / 2 / 4; }
.slide-template-8andtext .div5 { grid-area: 1 / 4 / 2 / 5; }
.slide-template-8andtext .div6 { grid-area: 2 / 1 / 3 / 2; }
.slide-template-8andtext .div7 { grid-area: 2 / 2 / 3 / 3; }
.slide-template-8andtext .div8 { grid-area: 2 / 3 / 3 / 4; }
.slide-template-8andtext .div9 { grid-area: 2 / 4 / 3 / 5; }


/*
=======================================================================
	Custom Slide - 4 + 1 and Text
=======================================================================
*/


.slide-template-4plus1andtext {width:100%;}
.slide-template-4plus1andtext img {max-width:100%;}

.slide-template-4plus1andtext .parent {
display: grid;
grid-template-columns: repeat(4, 1fr) 3fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
height:100%
}

.slide-template-4plus1andtext .div1 { grid-area: 1 / 1 / 2 / 5;text-align:left;}
.slide-template-4plus1andtext .div2 { grid-area: 2 / 1 / 3 / 2;}
.slide-template-4plus1andtext .div3 { grid-area: 2 / 2 / 3 / 3;}
.slide-template-4plus1andtext .div4 { grid-area: 2 / 3 / 3 / 4;}
.slide-template-4plus1andtext .div5 { grid-area: 2 / 4 / 3 / 5;}
.slide-template-4plus1andtext .div6 { grid-area: 1 / 5 / 3 / 6;}






/*
=======================================================================
	Custom Slide - 1 + 4 and Text
=======================================================================
*/


.slide-template-1plus4andtext {width:100%;}
.slide-template-1plus4andtext img {max-width:100%;}

.slide-template-1plus4andtext .parent {
display: grid;
grid-template-columns: repeat(4, 1fr) 3fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
height:100%
}

.slide-template-1plus4andtext .div1 { grid-area: 1 / 1 / 2 / 5;text-align:left;}
.slide-template-1plus4andtext .div2 { grid-area: 2 / 1 / 3 / 2;}
.slide-template-1plus4andtext .div3 { grid-area: 2 / 2 / 3 / 3;}
.slide-template-1plus4andtext .div4 { grid-area: 2 / 3 / 3 / 4;}
.slide-template-1plus4andtext .div5 { grid-area: 2 / 4 / 3 / 5;}
.slide-template-1plus4andtext .div6 { grid-area: 1 / 5 / 3 / 6;text-align:left;}


/*
=======================================================================
	Custom Slide - 3V & Text
=======================================================================
*/

.slide-template-3vandtext {width:100%;}
.slide-template-3vandtext img {max-width:100%;}

.slide-template-3vandtext .parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
height:100%
}

.slide-template-3vandtext .div1 { grid-area: 1 / 1 / 2 / 2;text-align:left;}
.slide-template-3vandtext .div2 { grid-area: 2 / 1 / 3 / 2;text-align:left;}
.slide-template-3vandtext .div3 { grid-area: 3 / 1 / 4 / 2;text-align:left;}
.slide-template-3vandtext .div4 { grid-area: 1 / 2 / 4 / 3;text-align:left;}


/*
=======================================================================
	Custom Slide - 1 plus 1 & Text
=======================================================================
*/

.slide-template-1plus1andtext {width:100%;}
.slide-template-1plus1andtext img {max-width:100%;}

.slide-template-1plus1andtext .parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
height:100%
}

.slide-template-1plus1andtext .div1 { grid-area: 1 / 1 / 3 / 2;text-align:left;}
.slide-template-1plus1andtext .div2 { grid-area: 2 / 2 / 3 / 3;text-align:left;}
.slide-template-1plus1andtext .div3 { grid-area: 1 / 2 / 2 / 3;text-align:left;}

/*
=======================================================================
	Custom Slide - Article with FactBox
=======================================================================
*/

.slide-template-articlewidthfactbox {width:100%;}
.slide-template-articlewidthfactbox img {max-width:100%;}

.slide-template-articlewidthfactbox .parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
height:100%
}

.slide-template-articlewidthfactbox .div1 { grid-area: 1 / 1 / 2 / 2;text-align:left;}
.slide-template-articlewidthfactbox .div2 { grid-area: 2 / 1 / 3 / 3;text-align:left;}
.slide-template-articlewidthfactbox .div3 { grid-area: 1 / 2 / 2 / 3;text-align:left;}







/*
=======================================================================
	Flex
=======================================================================
*/

.is-flex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	/*-webkit-flex-wrap: wrap;*/
	/*-ms-flex-wrap: wrap;*/
	/*flex-wrap: wrap;*/
	/*height:100%;*/
	}

/*.is-flex .col {width:100%;}*/

/* Safari fix */
.is-flex:before,
.is-flex:after {
		content: normal;
		}



/*
=======================================================================
	Custom Slide Editor
=======================================================================
*/

.slide-editor .text-link-back-to-list {margin-bottom:30px;display:inline-block;}
.slide-editor .text-link-back-to-list:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f177";
	display: inline-block;
	font-weight:100;
	margin-right:10px;
	}

.slide-editor-buttons {
	padding-top: 30px;
	margin: -8px;
	}
	
.slide-editor-buttons > * {
	margin: 8px;
	}

.slide-editor a.bttn-back-to-list {background:#b2b2b2;}
.slide-editor a.bttn-back-to-list:after {content: "\f30a";}

.slide-editor .slideshow-specific-properties {background: #f5f5f5;padding:10px 15px;display:inline-block;margin-top:30px;}
@media (min-width:1200px) {.slide-editor .slideshow-specific-properties {padding:15px 20px;}}
.slide-editor .slideshow-specific-properties > * span {font-weight:bold;}
.slide-editor .total-duration {background: #f5f5f5;display:inline-block;padding-right:20px;}
.slide-editor .total-duration:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f2f2";
	font-weight: 100;
	display: inline-block;
	margin-right:15px;
	}

.slide-editor .total-slides:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f24d";
	font-weight: 100;
	display: inline-block;
	margin-right:15px;
	}


.slide-editor .bttn-edit:hover, .slide-editor .bttn-edit:focus {background: #d45f15;}
.slide-editor .bttn-edit:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f31c";
    display: inline-block;
    font-weight:100;
    margin-left:10px;
    }
		
.slide-editor a.bttn-play {background-color:#5f786e;}
.slide-editor a.bttn-play:hover, .slide-editor a.bttn-play:focus {background-color:#000;}
.slide-editor a.bttn-play:after {
	font-family: Font Awesome\ 5 Pro;
	content: "\f04b";
	margin-left:10px;
	display:inline-block;
	}	
	
.slide-editor .bttn-delete {background-color:#a0a0a0;border-color:#a0a0a0;color:#fff;}
@media (min-width:768px) {
    .slide-editor .bttn-delete {
        float: right;
    }
}

.slide-editor .bttn-delete:hover, .slide-editor-buttons .bttn-delete:focus {background: #cc1212;color:#fff;border-color:#cc1212;}
.slide-editor .bttn-delete:after {
	font-family: Font Awesome\ 5 Pro;
	content: "\f2ed";
	display: inline-block;
	font-weight:100;
	margin-left:10px;
	}	
		

.slide-editor .slideshow-properties {background: #fff;padding:30px;}
.slide-editor .slideshow-properties h1 {font-weight:600;}
.slide-editor .slideshow-properties-sep {margin-top:30px;margin-bottom:30px;border-bottom:1px solid #dcdcdc;}
.slide-editor .slideshow-properties .slideshow-properties-footer {margin:-8px;}
.slide-editor .slideshow-properties .slideshow-properties-footer > a {margin:8px;}
.slide-editor .slideshow-properties .slideshow-properties-footer a:after {
    font-family: Font Awesome\ 5 Pro;
    display: inline-block;
    font-weight: 100;
    margin-left: 10px;
    }

.slide-editor .slideshow-properties .slideshow-properties-footer a.bttn-save {background: #ff6c00;}
.slide-editor .slideshow-properties .slideshow-properties-footer a.bttn-save:after {content: "\f0c7";}
.slide-editor .slideshow-properties .slideshow-properties-footer a.bttn-close {background: #b2b2b2;}
.slide-editor .slideshow-properties .slideshow-properties-footer a.bttn-close:after {content: "\f00d";}

.slide-editor h2 {font-size:1.6em;margin-bottom:0;}
.slide-editor .page-section-subtitle {font-size:0.9em;color:rgba(0,0,0, 0.60);}

.slide-editor .list-group-item {
    line-height: normal;
    font-size: 1.2em;
    font-weight: lighter;
}

.slide-editor .list-group-item {margin-bottom:15px;background: #fff;border:0;position:relative;padding:0;width:100%;}
.slide-editor .list-group-item:last-child {margin-bottom:0;}
/*.slide-editor .list-group-item > *  {display:table-cell;vertical-align:middle;}*/

.slide-editor .list-group-item-image {border:10px solid #fff;}

.slide-editor .list-group-item-info {background:none;/*border-left: 4px solid #f47321;*/display:table;position:relative;height:100%;}
.slide-editor .list-group-item-info > *  {display:table-cell;vertical-align:top;}

.slide-editor .list-group-item-details {padding: 20px 20px 20px 30px;/*float:left;*/background-image:url(../images/listelement-slide-shd.png);background-position:left center;background-repeat:no-repeat;}
.slide-editor .list-group-item h1 {
    font-size: 1em;
    font-weight: 600;
    color:#000;
    margin: 0;
    display: inline-block;
    }

.slide-editor .list-group-item-duration {font-size:.8em;}
.slide-editor .list-group-item-duration:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f2f2";
	font-weight: 100;
	display: inline-block;
	margin-right: 5px;	
	}

.list-group-item-controls {
    position: absolute;
		top:0;
    right: 0;
    color: #cc4e0a;
    }


.slide-editor .list-group-item-controls > * {
    display: inline-block;
    padding: 20px;
    position: relative;
    }

.slide-editor .list-group-item-controls > :last-child {border-right: 0;}

.slide-editor .list-group-item .bttn-remove i {margin-left:10px;}

.slide-editor .list-group-item-dragme {background: #f47321;color:#fff;}
.slide-editor .list-group-item-dragme:hover {cursor:pointer;}



.slide-editor-list-footer {padding-top:30px;margin:-8px;}
.slide-editor-list-header {padding-bottom:30px;margin:-8px;}

.slide-editor-list-footer a,
.slide-editor-list-header a {margin:8px;}

.slide-editor-list-footer a:after,
.slide-editor-list-header a:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f002";
    display: inline-block;
    font-weight:100;
    margin-left:10px;
    }

.slide-editor-agenda {
    height: 300px !important;
}

a.bttn-add-slides {
    background: #b2b2b2;
}
a.bttn-add-slides:hover, 
a.bttn-add-slides:focus {background-color:#000;}
a.bttn-add-slides:after {font-family: Font Awesome\ 5 Pro;content: "\f067";display: inline-block;font-weight: 100;margin-left: 10px;}



/*Sortable offset fix */
.ui-sortable {overflow-y: auto;}


/*
=======================================================================
	Custom Slide Presentations Filter
=======================================================================
*/

.bttn-add-presentation {
    margin-bottom: 30px;
    background: #5f786e;
}

.slide-presentations-filter h1 {font-size:1.3em;}

.slide-presentations-filter .filter-item {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.15);}
.slide-presentations-filter .filter-item:last-child {margin-bottom:0;border-bottom:0;}

.slide-presentations-filter .filter-search {background:#fff;width:100%;position:relative;}
.slide-presentations-filter .filter-search > * {border:0;}
.slide-presentations-filter .filter-search .bttn-search {color:#a0a0a0;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.slide-presentations-filter .filter-search .bttn-search:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f002";
    display: inline-block;
    font-weight:100;
}

.slide-presentations-filter .filter-item .clear-filters:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f057";
    display: inline-block;
    font-weight: 100;
    margin-right:10px;
}


/*
=======================================================================
	Custom Slide Presentations List
=======================================================================
*/
.templateid-78 main {
    /*background: #efefef;*/
}

.listelement-slideshow .row {margin-left:-15px;margin-right:-15px;}
.listelement-slideshow div[class*="col-"] {padding-left:15px;padding-right:15px;}

.listelement-slideshow article {background: #efefef;/*border-left: 6px solid #f47321;*/}
.listelement-slideshow figure {margin-bottom:0;}
.listelement-slideshow .image-link {position:relative;display:block;}
.listelement-slideshow . {
    position: relative;
    display: block;
}

.listelement-slideshow .listimage-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 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;
}

.listelement-slideshow .listimage-caption span {
    color: #fff;
    font-size: 0.7em;
    opacity:0;
    -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;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    }

.listelement-slideshow .listimage-caption span:after {
    font-family: Font Awesome\ 5 Pro;
    display: inline-block;
    content: "\f04b";
    position:absolute;
    top:-30px;
    left:50%;
    transform: translateX(-50%);
    }


.listelement-slideshow .image-link:hover .listimage-caption {
    /*background: rgba(236,107,6,0.8);*/
    background: rgba(95, 120, 110, 0.7)
}

.listelement-slideshow .image-link:hover .listimage-caption span {
    opacity: 1;
}

.col-slideshow-options{
    background-color:white;
}

.listelement-slideshow .listtext,
.listelement-slideshow .slideshow-options {
    padding: 15px 0;
}
.listelement-slideshow h1 {font-size:1em;}

.listelement-slideshow .slideshow-options ul {margin:0;padding:0;list-style:none;}
.listelement-slideshow .slideshow-options a {color:#ff6c00;}
.listelement-slideshow .slideshow-options a:hover,
.listelement-slideshow .slideshow-options a:focus {text-decoration:underline;}
.listelement-slideshow .slideshow-options a:before {
    font-family: Font Awesome\ 5 Pro;
    display: inline-block;
    margin-right: 10px;
    color:rgba(0,0,0, 0.80);
    font-weight:100;
    }

.listelement-slideshow .slideshow-options a.bttn-copy:before {content: "\f0c5";}
.listelement-slideshow .slideshow-options a.bttn-download:before {content: "\f33d";}
.listelement-slideshow .slideshow-options a.bttn-edit:before {content: "\f31c";}
.listelement-slideshow .slideshow-options a.bttn-delete:before {content: "\f2ed";}

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

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

@media (min-width:1200px) {
    .listelement-slideshow h1 {
        font-size: 1.2em;
    }
}


/*
=======================================================================
	Custom Add Slide
=======================================================================
*/

.modal-add-slides .modal-title {font-weight:bold;font-size:1.5em;}

.modal-add-slides .modal-header,
.modal-add-slides .modal-footer,
.modal-add-slides .modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}

.modal-add-slides .card-header {padding:0;}
.modal-add-slides .card-header  button {
	width:100%;
	text-align:left;
	font-size:.7em;
	border:0;
	background-color:transparent;
	position:relative;
	padding: 1rem 1.25rem;	
	}

.modal-add-slides .card-header  button:hover,
.modal-add-slides .card-header  button:focus,
.modal-add-slides .card-header  button[aria-expanded="true"] {background: #ececec;}

.modal-add-slides .card-header  button:after {
	position:absolute;
	right:1.25rem;
	font-family: Font Awesome\ 5 Pro;
	content: "\f067";
	display: inline-block;
	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;		
	}
	
.modal-add-slides .card-header  button[aria-expanded="true"]:after {transform: rotate(45deg);}	
.modal-add-slides .card-header  button:focus {outline:0;}

.modal-add-slides .accordion .accordion {padding:15px;}

.modal-add-slides input[type="checkbox"] + label {margin-left: 0;}
.modal-add-slides input[type=checkbox] {
	border: 0;
	margin: 0;
	opacity: 0;
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	} /* to hide the checkbox itself */

.modal-add-slides input[type=checkbox] + label {
	font-weight:normal;font-size:.8em;position:relative;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.05);
    border: 1px solid transparent;
	}	
	
/* Focus */
.modal-add-slides .accordion-boen input[type=checkbox]:focus + label,
.modal-add-slides .accordion-boen input[type=checkbox]:hover + label {border-color:#f47321;cursor:pointer;}	

.modal-add-slides .accordion-boensport input[type=checkbox]:focus + label,
.modal-add-slides .accordion-boensport input[type=checkbox]:hover + label {border-color:#76ad1c;cursor:pointer;}	

.modal-add-slides input[type=checkbox]:hover + label:after {
		position:absolute;
		top:0;
		left:0;
        font-family: Font Awesome\ 5 Pro;
        content: "\f067";
		font-weight:100;
        display: inline-block;
		color:#fff;
		padding:5px 10px;
		background: #999;
		font-size:1em;
	}

.modal-add-slides input[type=checkbox]:hover + label:before {
		position:absolute;
		top:0;
		left:22px;
    content: "Add this slide";
		font-weight:100;
    display: inline-block;
		color:#fff;
		padding:5px 10px;
		background: #999;
		font-size:1em;
	}	


.modal-add-slides .accordion-boen input[type=checkbox]:hover + label:before,
.modal-add-slides .accordion-boen input[type=checkbox]:hover + label:after {background: #f47321;}	

.modal-add-slides .accordion-boensport input[type=checkbox]:hover + label:before,
.modal-add-slides .accordion-boensport input[type=checkbox]:hover + label:after {background: #76ad1c;}	

	
/* Active */
.modal-add-slides .accordion-boen input[type=checkbox]:checked + label {border-color:#f47321;background-color:#f47321;color:#fff;position:relative;}	
.modal-add-slides .accordion-boensport input[type=checkbox]:checked + label {border-color:#76ad1c;background-color:#76ad1c;color:#fff;}

.modal-add-slides input[type=checkbox]:checked + label {border-color:#f47321;background-color:#f47321;color:#fff;} /* checked icon */	
.modal-add-slides input[type=checkbox]:checked + label:after {
		position:absolute;
		top:0;
		left:0;
    font-family: Font Awesome\ 5 Pro;
    content: "\f067";
		font-weight:100;		
    display: inline-block;
		color:#fff;
		padding:5px 10px;
		background: #f47321;
		font-size:1em;
	}
.modal-add-slides .accordion-boen input[type=checkbox]:checked + label:after {background: #f47321;}	
.modal-add-slides .accordion-boensport input[type=checkbox]:checked + label:after {background: #76ad1c;}	
	
.modal-add-slides input[type=checkbox]:checked + label:before {
		position:absolute;
		top:0;
		left:22px;
    content: "Add this slide";
		font-weight:100;
    display: inline-block;
		color:#fff;
		padding:5px 10px;
		background: #999;
		font-size:1em;
	}	

.modal-add-slides .accordion-boen input[type=checkbox]:checked + label:before {background: #f47321;}	
.modal-add-slides .accordion-boensport input[type=checkbox]:checked + label:before {background: #76ad1c;}	
	
	
.modal-add-slides .add-slide-description {padding:10px;}	
.modal-add-slides .add-slide-title {line-height:normal;font-weight:bold;}
.modal-add-slides .add-slide-time:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f2f2";
		font-weight:100;		
    display: inline-block;	
		margin-right:5px;
		}

.modal-add-slides .bttn-cancel {background :#b2b2b2;}
.modal-add-slides .bttn-cancel:hover,
.modal-add-slides .bttn-cancel:focus {background:#949494;}

.modal-add-slides .row {margin-right: -15px;margin-left: -15px;}
.modal-add-slides .col-md-4 {padding-left:15px;padding-right:15px;}
.listelement-add-slide {margin-bottom:30px;position:relative;}

 input[type=checkbox]:focus + label,
.modal-add-slides .accordion-boen input[type=checkbox]:hover + label {border-color:#f47321;cursor:pointer;}	

.listelement-add-slide.added label:before {
		position:absolute;
		top:0;
		left:0;
        content: "Added";
		font-weight:100;
        display: inline-block;
		color:#fff;
		padding:5px 10px;
		background: #f47321;
		font-size:1em;
    }

.modal-add-slides .accordion-boen .listelement-add-slide label:before {background: #f47321;}
.modal-add-slides .accordion-boensport .listelement-add-slide label:before {background: #76ad1c;}


    /*
=======================================================================
	Custom Responsive Embed
=======================================================================
*/
    /*
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/