/*
@import url('//fonts.googleapis.com/css2?family=Fjalla+One&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400;1,600&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;
        }
	}


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

html {
	scroll-behavior: smooth;
	scroll-padding-top: 55px;
}

@media (min-width:768px) {html {scroll-padding-top: 65px;}}
@media (min-width:991px) {html {scroll-padding-top: 70px;}}
@media (min-width:1200px) {html {scroll-padding-top: 70px;}}



body {
/* CSS ADDED TO SHOW BACKGROUND IMAGE */	
background-color: var(--light-blue);@#CCE4FF80;
background-image: url( '/image/bakgrunniko.svg' );
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;


font-family: neulis-sans, sans-serif;
}

h1,h2,h3,h4,h5,h6, .page-sectin-title {
    font-family: scotch-text, serif;
	font-style:normal;
        font-weight:600;
	}

.sub-header {font-family: neulis-sans, sans-serif;font-style:normal;}

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

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



/*
=======================================================================
	Theme colors
=======================================================================
*/

:root {
/* Colors */
    --primary-color: #1B4B78; /* Blue #9EA72A*/
    --primary-color-hover: #1B4B78; /* Dark blue #007e9e*/

    --secondary-color: #1B4B78; /* Green #00d372*/
    --secondary-color-hover: #1B4B78; /* Dark green #00a156*/

    --third-color: #9EA72A; /* Red #ff5859*/
    --third-color-hover: #808721; /* Dark red #d04748*/

	--light-grey: #eeeeee;
	--light-grey-hover: #dedede;
	--light-blue: #e1efff;

--medium-blue: #CCE4FF;

/* Fonts */
	--primary-font: neulis-sans, sans-serif;
	--secondary-font: scotch-text, serif;
	--third-font: scotch-text, sans-serif;

/* Margins */
	--default-margin: 30px;

/* Paddings */
	--default-padding: 30px;

}

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

.bttn {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color:#fff;
	@border-radius:0px;
    font-size: .75em;
    padding-top: 6px;
    padding-bottom: 6px;
	font-family: neulis-sans, sans-serif!important;
}

.bttn:hover,
.bttn:focus {
	background: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
	color:#fff;
}

.bttn.bttn--invert {
	background: #fff;
	border-color:#fff;
	color:var(--primary-color);
	font-weight:bold;
}

.bttn.bttn--invert:hover,
.bttn.bttn--invert:focus {
	background: var(--light-grey);
	border-color: var(--light-grey);
	color:var(--primary-color);
}


.bttn.bttn--outline {
	background: #fff;
	color:var(--primary-color);
	border-color:var(--primary-color);
	font-weight:bold;
}

.bttn.bttn--outline:hover,
.bttn.bttn--outline:focus {
	background: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
	color:#fff;
}


.bttn.bttn--link {
	background:none;
	border:0;
	color: var(--primary-color);
	padding:0;
	font-weight: bold;
}

.bttn.bttn--link:hover,
.bttn.bttn--link:focus {
	text-decoration:underline;
}

.section-cta--blue {background: var(--primary-color);border-color: var(--primary-color);}
.section-cta--blue:hover,
.section-cta--blue:focus {background: var(--primary-color-hover);border-color: var(--primary-color-hover);}

.section-cta--green {background: var(--secondary-color);}
.section-cta--green:hover,
.section-cta--green:focus {background: var(--secondary-color-hover);border-color: var(--secondary-color-hover);}

.section-cta--red {background: var(--third-color);border-color: var(--third-color);}
.section-cta--red:hover,
.section-cta--red:focus {background: var(--third-color-hover);border-color: var(--third-color-hover);}

.section-cta--black {background: #000;border-color: #000;}
.section-cta--black:hover,
.section-cta--black:focus {background: #484848;border-color: #484848;}


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

header.mainheader  {
	width: 100%;
background-opacity:
	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-color: #e1efff;
	}

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:400;
	color:#000;
	}

.mainheader .header-elements .sf-menu li:not(.logged-in):hover a {
	text-decoration:underline;
	}


/* Log out */

.logged-in li a {font-size:.8em!important;}
.logged-in {

background-color: var(--light-blue);
border-radius: 0px;
}
.logged-in > a:after {
	font-weight: 100;
}

.logged-in:hover a,
.logged-in.sfHover a {
	background-color: var(--light-blue);
	text-decoration:none!important;
}

.logged-in li:before {display:none;}

.logged-in .submenu--log-out a {font-weight:normal!important;}
.logged-in .submenu--log-out a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f08b";
    display: inline-block;
    float:right;
}

.logged-in .submenu--orderhistory a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1da";
    display: inline-block;
    float:right;
}

.logged-in:hover .submenu:hover a,
.logged-in.sfHover .submenu:hover a {background-color: #cedde0;}



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

body main {padding-top:70px;} /* = header height */
@media (min-width:768px) {}
@media (min-width:991px) {}
@media (min-width:1200px) {body main {padding-top:90px;}}


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

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

    }

.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: 10px;padding-bottom: 10px;}
	header.mainheader.sticky-fixed .site-logo {width:200px;}
	}
	

/*
=======================================================================
	Main header Navigation
=======================================================================
*/

.site-navigation .btn-site-search a {margin-left:var(--default-margin);}
.site-navigation .btn-site-search a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
    display: inline-block;
    margin-left: 10px;
	font-weight:400;
}

.site-navigation .sf-menu li a {padding-top:5px;padding-bottom:5px;}

.site-navigation .sf-menu li.meganav a {

	border-radius:0px;
	padding-left:20px;
	padding-right:45px;
	display:block;
	position:relative;
}


.site-navigation .sf-menu li.meganav a:after {
        
	font-family: "Font Awesome 5 Pro";
	content: "\f0c9";
	display: inline-block;
	font-weight: 100;
	position: absolute;
	right: 19px;
	-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;
	opacity: 1;
}
.site-navigation .sf-menu li.meganav.active a:after {
	transform: rotate(180deg);
	opacity:0;
}

.site-navigation .sf-menu li.meganav a:before {
    font-family: "Font Awesome 5 Pro";
	content: "\f00d"; /* cross */
    display: inline-block;
	font-weight:100;
	position:absolute;
	right:21px;
	-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;
}

.site-navigation .sf-menu li.meganav:not(.active) a:before {
	opacity:0;
}

.site-navigation .sf-menu li.meganav.active a:before {
	transform: rotate(180deg);
	opacity:1;
}


/*
=======================================================================
	Main header Megamenu / Page footer
=======================================================================
*/

.megamenu {
	width:100%;
	background: #e1efff;

	box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
	position:absolute;
	left:0;
	display:none;
	padding-bottom: var(--default-padding);
}

.menuopen main, .menuopen footer {
    position: relative;
}

.overlay {
    background: #fff;
    opacity: 0;
	z-index:-1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 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;
}

body.menuopen .overlay {
	opacity: .4;
	z-index:5;
}

.navigation-sitemap-wrapper {
	column-count:1;
	column-gap:1rem;
	padding-top: var(--default-margin);
}
@media (min-width:576px) {.navigation-sitemap-wrapper {column-count:2;}}
@media (min-width:768px) {.navigation-sitemap-wrapper {column-count:3;}}

.navigation-sitemap-section {
	margin-bottom: var(--default-margin);
	break-inside: avoid-column;
}

.navigation-sitemap .navigation-sitemap-section > ul > li > a,
.navigation-sitemap h1 {
	position:relative;
	font-family: neulis-sans, sans-serif;
	font-size:1em;
	font-weight:400;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	font-style:normal;
	display:block;
}

.navigation-sitemap .navigation-sitemap-section > ul > li > a:after,
.navigation-sitemap h1:after{
	position:absolute;
	bottom:-5px;
	display:block;
	content:"";
	width:40px;
	height:4px;
	background: var(--secondary-color);
}

.navigation-sitemap ul {margin:0;padding:0;list-style:none;}
.navigation-sitemap ul li a {color:#000;}
.navigation-sitemap ul li:not:first-child a,
.navigation-sitemap ul li p {font-weight:bold;color:#000;font-size:0.9em;}

/* Custom colors */

.navigation-sitemap .itemid-157 > a:after {background: var(--primary-color)!important;}
.navigation-sitemap .row > :last-child h1:after {background: var(--primary-color)!important;}


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

article > section.first-item.article-with-banner {}

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

.section-header > * {margin-bottom:var(--default-margin);}
.section-header > :last-child {margin-bottom:0;}


/*
=======================================================================
	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;
	}

/*
.site-footer .site-footer-graphics {
	width:100%;
	height:220px;
	background-image: url(../images/kids2.jpg);
	background-position-x: center;
	background-repeat: repeat-x;

*/
}

@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 Section Shortcuts
=======================================================================
*/

section.shortcuts .page-section-header {margin-bottom:calc(var(--default-margin) * 2);}
section.shortcuts .page-section-title {margin-bottom:5px;}
section.shortcuts .teaser {font-size:1em;}

section.shortcuts .listelement article {position:relative;}
section.shortcuts .listelement a {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
}

section.shortcuts .listelement article:hover figure img {opacity:0.9;}

section.shortcuts .listelement a:hover + * + * + * .bttn,
section.shortcuts .listelement a:focus + * + * + * .bttn {
	background: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}

section.shortcuts .listelement .shortcut-content-wrapper {display:block;height:100%;display: flex;flex-direction: column;}
section.shortcuts .listelement .shortcut-content-wrapper > * {margin-bottom:calc(var(--default-margin) / 2);}
section.shortcuts .listelement .shortcut-content-wrapper > :last-child {margin-bottom:0;}

section.shortcuts .listelement article {height:100%;}

section.shortcuts .listelement article .listtext {
	align-self: stretch;
    flex: 1;
}

section.shortcuts .listtext-content-wrapper {
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

section.shortcuts .bttn--virtual {
	min-width:150px;
	text-align:center;
}


/*
=======================================================================
	Custom List - General
=======================================================================
*/

.section-list .list-header {margin-bottom:calc(var(--default-margin) * 2);text-align:center;}

.section-list .page-section-title {
	margin-bottom:var(--default-margin);
	font-family: var(--third-font);
    font-style: normal;}

.section-list .page-section-title + .page-section-subtitle {
	margin-top:0;
}

.section-list .page-section-subtitle {
	margin-bottom:calc(var(--default-margin)/2)!important;
	font-family: var(--third-font);
	font-style:normal;
}

.section-list .listdate {font-family: var(--primary-font);color: #000000;}

.section-list .listtext-body,
.section-list .listtext-footer {}


/*
=======================================================================
	Custom Listelement - Small Image - Shortcuts for News and Magazine / Blogg
=======================================================================
*/

.listelement-small-image-custom figure {margin:0;}
.listelement-small-image-custom figure img {
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
}

.listelement-small-image-custom .listtext {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}

.listelement-small-image-custom .listtext .text > * {margin-bottom:5px;}
.listelement-small-image-custom .listtext .text .listteaser {
	font-weight:bold;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.listelement-small-image-custom .listtext .bttn {text-align:center;margin-top:var(--default-margin);}
.listelement-small-image-custom a:hover .bttn,
.listelement-small-image-custom a:focus .bttn {
	background: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}

@media (max-width:767px) {
.listelement-small-image-custom {margin-bottom: var(--default-margin);}
.listelement-small-image-custom:last-child {margin-bottom: 0;}
}

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

/*
@media (min-width:1200px) {
	.listelement-small-image-custom .listtext {
		padding-top:var(--default-padding);
		padding-bottom:var(--default-padding);
	}
}
*/


/*
=======================================================================
	Custom Listelement - Small Image - Simple
=======================================================================
*/

.listelement-simple article {
	background: #f7f7f7;
	padding: calc(var(--default-padding)/2);
}

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

.listelement-simple .listtext {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.listelement-simple article figure {margin: 0;}
.listelement-simple h1 {
	font-size:1em;
	font-family: var(--third-font);
	font-style:normal;
	margin:0 0 5px 0!important;
}

.listelement-simple .cta {
	color: var(--primary-color);
	font-weight:bold;
}

.listelement-simple .cta:after {
	font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
	margin-left:10px;
}


/*
=======================================================================
	Custom Listelement - Small Image - Custom - Title size
=======================================================================
*/

    .list > .col-12.listelement-small-image-custom h1 {font-size: 1.4rem;}


    @media (min-width:576px) {
        .list > .col-sm-6.listelement-small-image-custom h1 {font-size: 1.4rem;}
        }

    @media (min-width:768px) {
        .list > .col-md-6.listelement-small-image-custom h1 {font-size: 1.4rem;}
		.list > .col-md-6.listelement-small-image-custom .row div[class*="col-"] + div[class*="col-"] {padding-left:0;}
        }

    @media (min-width:991px) {
        .list > .col-lg-6.listelement-small-image-custom h1 {font-size: 1.6rem;}
		.list > .col-lg-6.listelement-small-image-custom .row div[class*="col-"] + div[class*="col-"] {padding-left:0;}

        .list > .col-lg-4.listelement-small-image-custom h1 {font-size: 1.1rem;}
		.list > .col-lg-4.listelement-small-image-custom .row div[class*="col-"] + div[class*="col-"] {padding-left:0;}
        }

    @media (min-width:1200px) {
        .list > .col-xl-6.listelement-small-image-custom h1 {font-size: 2.5rem;}
		.list > .col-xl-6.listelement-small-image-custom .row div[class*="col-"] + div[class*="col-"] {padding-left:0;}

        .list > .col-xl-3.listelement-small-image-custom h1 {font-size: 1.5rem;}
		.list > .col-xl-3.listelement-small-image-custom .row div[class*="col-"] + div[class*="col-"] {padding-left:0;}
    }



/*
=======================================================================
	Custom Section Hero
=======================================================================
*/

section.hero {height:70vh;}
section.hero .container,
section.hero .container .row,
section.hero .container .row div[class*="col-"],
section.hero .container .row div[class*="col-"] .hero-content-wrapper{
	height:100%;
}


section.hero .hero-content-wrapper {
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
}

section.hero .hero-content {
	background: rgba(255,255,255,0.6);
	
	-webkit-border-top-right-radius: 0px; @var(--default-margin);
	-moz-border-radius-topright: 0px; @var(--default-margin);
	border-top-right-radius: 0px; @var(--default-margin);

	-webkit-border-bottom-right-radius: 0px; @var(--default-margin);
	-moz-border-radius-bottomright: 0px; @var(--default-margin);
	border-bottom-right-radius: 0px; @var(--default-margin);
	
	-webkit-border-bottom-left-radius: 0px; @var(--default-margin);
	-moz-border-radius-bottomleft: 0px; @var(--default-margin);
	border-bottom-left-radius: 0px; @var(--default-margin);
	padding: var(--default-padding);

	box-shadow: -1px 1px 39px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: -1px 1px 39px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: -1px 1px 39px 0px rgba(0,0,0,0.25);

	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	backdrop-filter: blur(5px);
}

section.hero .hero-content h1 {font-style:bold;font-weight:bold;}


section.hero .hero-search > * {margin-bottom:30px;}
section.hero .hero-search > :last-child {margin-bottom:0;}

section.hero .hero-search-body {
	width:100%;
	padding:0;
	border:0;
	border-bottom:2px solid #00000029;
}

section.hero .hero-content.active {background: rgba(255,255,255,0.9);}

section.hero .hero-search-body > div {
	width: 100%;
	display: table-cell;
    vertical-align:middle;
    height:46px;
}

section.hero .hero-search-body input[type=search] {
    height: 65px;
	line-height:65px;
	width: 100%;
	padding: 0 20px 0 0;
	margin: 0;
	border: 0;
	color: #000;
	font-weight:100;
	font-size: 1.25em;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background-color:transparent;
	}


section.hero .hero-search-body input[type=search]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0,0,0,0.35);
  opacity: 1; /* Firefox */
}

section.hero .hero-search-body input[type=search]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0,0,0,0.35);
}

section.hero .hero-search-body input[type=search]::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0,0,0,0.35);
}


section.hero .hero-search-body input[type=search]:focus {outline:0;}
section.hero .hero-search-body input[type="submit"] {display:none;}

section.hero .hero-search-body button {
	width: 65px;
	height: 65px;
	border: 0;
	background-color:transparent;
	background-repeat: no-repeat;
	color: #bfbfbf;
	cursor: pointer;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

section.hero .hero-search-footer > * {margin-right:15px;display:inline-block;}
section.hero .hero-search-footer > :last-child {margin-right:0;}

section.hero .hero-search-footer a {font-weight:bold;}


/*
=======================================================================
	Custom Webshop Front Page with Filter
=======================================================================
*/

.itemid-1149 .resource-filter-wrapper > * {margin-bottom: var(--default-margin);}

.webshopSort {display: inline-block;position:relative;}
.webshopSort select {
	width: auto;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding-right:40px;
}

.webshopSort:after {
	font-family: "Font Awesome 5 Pro";
    content: "\f0ca";
    display: inline-block;
	position:absolute;
	right: 10px;
    top: 50%;
    transform: translatey(-50%);
}

.product-category {margin-bottom: calc(var(--default-margin)*2)!important;position:relative;}
.product-category h2 {
	font-family: var(--third-font);
	font-style:normal;
}

.product-category-footer {width:100%;text-align:right;padding-left:15px;padding-right:15px;}
@media (min-width:1200px) {.product-category-footer {padding-left:30px;padding-right:30px;}}

.bttn--seall {
	background:transparent;
	padding:0;
	color:var(--primary-color);
	font-weight:bold;
	border:0;
	font-size:1rem;
	letter-spacing:normal;
	float:right;
}

.bttn--seall:hover,
.bttn--seall:focus {
	color:var(--primary-color);
	background:none;
	text-decoration:underline;
}

.bttn--seall:after {
	font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
	margin-left:10px;
}


/*
=======================================================================
	Custom Webshop Front Page with Selected Category
=======================================================================
*/

.product-category-wrapper {
	display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    margin-block: .5rem 0;
    margin-inline: 0 2.5rem;
	margin-bottom:10rem;
	gap: 3rem;	
}

.product-category-wrapper ul li input {
	    border: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.product-category-wrapper ul {margin:0;padding:0;list-style:none;display:flex;gap:1rem;}
.product-category-wrapper ul li {margin:0;padding:0}
.product-category-wrapper ul li a {
	padding: 6px 15px;
	background: var(--light-grey);
    border-color: var(--light-grey);
    color: #000;
	font-family: neulis-sans, sans-serif !important;
	font-size:.75em;
	letter-spacing: 2px;
	white-space: nowrap;
	border: 2px solid #000;
	border-radius: 0px; @25px;
}


.product-category__current ul li:first-child a {
	border-color:transparent;
	background:transparent;
}

.product-category__current ul li:first-child a::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M47 239c-9.4 9.4-9.4 24.6 0 33.9L207 433c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 241 113c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47 239z'/%3E%3C/svg%3E");
	height: 100%;
    display: block;
    width: 1rem;
	line-height:0;
}

.product-category__current ul li:last-child a {
	position:relative;
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	color:#fff;
}
.product-category__current ul li:last-child a::after {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-1.55rem;
	content:"";
	width:1px;
	height:140%;
	background: var(--primary-color);
	display:block;
}

.product-category__all ul {
	flex-wrap:wrap;
}

.product-category__all input + label {
	background: var(--white);
    border-color: var(--white);
    color: #000;
	padding: 6px 15px;
}

.product-category__all input + label:hover,
.product-category__all input + label:focus,
.product-category__all input + label:focus-visible{
	background: var(--light-grey-hover);
    border-color: var(--light-grey-hover);
    color: var(--primary-color);
}

.product-category__all input:checked + label {
	background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.product-category__all input + label::before {
	display:none!important;
}


/*
=======================================================================
	Custom Webshop Loader
=======================================================================
*/

#updProgress {
	position: fixed;
    top: 50%;
    left: 50%;
    background: rgba(0,168,210,0.8);
    padding: var(--default-padding);
    z-index: 9;
    border-radius: 0px; @10px;
    color: #fff;
}

.loader {
    border-top: 3px dotted #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px hidden #f17431;
    border-left: 3px hidden #f17431;
    border-radius: 0px; @50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
	margin: 0 auto 10px auto;
	color:#fff;
}

.loader-text {
    display: inline;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*
=======================================================================
	Custom Webshop Listelement Product / Product List
=======================================================================
*/

.section-product-list .page-section-title {
	font-size:1.2em;
	font-family: var(--third-font);
	font-style:normal;
	text-align:left;
}

.listelement-product article {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid #eeeeee;
    -webkit-border-top-right-radius: 0px; @30px;
    -moz-border-radius-topright: 0px; @30px;
    border-top-right-radius: 0px; @30px;
}

.listelement-product figure {margin-bottom:0; padding: 20px;}

.listelement-product .element-body {
	display:flex;
}

.listelement-product .element-body {
	/*
	border: 1px solid #eeeeee;
	-webkit-border-top-right-radius: 0px; @30px;
	-moz-border-radius-topright: 0px; @30px;
	border-top-right-radius: 0px; @30px;
	*/
}
.listelement-product .element-body figure {align-self:flex-end;/* width:50%; */}

.listelement-product .element-body .list-info {width:50%;}
.listelement-product .element-body .list-info .list-info-content {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
	padding-left:15px;
	padding-right:15px;
	position:relative;
}

.listelement-product .element-body .list-info .list-price {font-weight:bold;}
.listelement-product .element-body .list-info .list-price-now {font-family:var(--third-font);font-weight:bold;color:#000;}

.listelement-product .element-footer .list-info {justify-content:space-between;}
.listelement-product .element-footer .list-info .list-buy span {width:100%;}
.listelement-product .element-footer .list-info .list-buy .bttn {background-color: var(--light-blue);border:2px solid var(--primary-color);border-radius:0px;padding:5px 10px;text-transform:none;}

.listelement-product .element-footer .list-info .list-buy .bttn:hover,
.listelement-product .element-footer .list-info .list-buy .bttn:focus {background-color: var(--primary-color);}

.listelement-product .element-footer {padding:15px;border: 1px solid #eeeeee;border-top:0;}
.listelement-product .element-footer .element-title {height:45px;}
.listelement-product .element-footer .element-title h1 {
	font-size:1.15em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	font-family: neulis-sans, sans-serif;
	}

.listelement-product .element-footer .element-text {height:50px;}
.listelement-product .element-footer .element-text .teaser {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.listelement-product .product-image-label {
	right:50%;
	transform: translateX(50%);
	/*-webkit-border-radius: 0px; @3px;*/
	/*-moz-border-radius: 0px; @3px;*/
	border-radius: 0px; @3px;
	line-height:1;
	padding:5px;
}


/*
=======================================================================
	Custom Webshop Product
=======================================================================
*/

.page-article-product h1 {
	font-family: neulis-sans, sans-serif;
}

.page-article-product .product-image {
	padding:1rem;
	background-color:#fff;
}

.page-article-product .product-image img {
	display:block;
    object-fit: contain;
    object-position: top center;
    margin: 0 auto;
}

.page-article-product .product-image-label {
	right:15%;
	transform: translate(50%, -50%);
	-webkit-border-radius: 0px; @5px;
	-moz-border-radius: 0px; @5px;
	border-radius: 0px; @5px;
	line-height:1;
	padding:5px;
}

.page-article-product .product-tags {margin-bottom:3rem;}
.page-article-product .product-tags ul {margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;}
.page-article-product .product-tags a {
	font-size:.65em;
}

.page-article-product .product-shop-details table {
	overflow: hidden;
	border-collapse: separate;
	border: 1px solid #eeeeee;
	-webkit-border-radius: 0px; @4px;
	-moz-border-radius: 0px; @4px;
	border-radius: 0px; @4px;
	border-spacing:0;
}

.page-article-product .product-shop-details table tr:first-child td {
	border-top:0;
}

.page-article-product .product-shop-details .table td, 
.page-article-product .product-shop-details .table th {
    padding: .35rem .5rem;
}

.page-article-product .product-price {
	float:none;
	font-family: var(--primary-font);
}

.page-article-product .product-form {text-align: left;}
.page-article-product .product-form,
.page-article-product .product-form .product-quantity,
.page-article-product .bttn-buy {
    float: none;
}

.product-page-extra h2.related-title {
	font-family: var(--third-font);
	font-style:normal;
}


/*
=======================================================================
	Custom Article
=======================================================================
*/

.article-default time {
	margin-bottom: calc(var(--default-margin)/2);
	display:block;
	font-family: var(--third-font);
	color: #979797;
	font-weight:normal;
}

.article-default .text h2:not(.page-section-title),
.article-default .text h3:not(.page-section-title),
.article-default .text h4:not(.page-section-title),
.article-default .text h5:not(.page-section-title),
.article-default .text h6:not(.page-section-title) {
	font-family: var(--third-font);
	font-style:normal;
	font-size:120%;
}


/*
=======================================================================
	Custom Article with banner
=======================================================================
*/

article > section.first-item.article-with-banner {margin-top:0;padding-top:0;}



.article-hero {
	background-size:cover;
	background-position:center center;
	display:flex;
	flex-direction:column;
	justify-content: center;
	margin-bottom: var(--default-margin);
}

.article-hero-title {
	max-width:85%;
	background: rgba(255,255,255,0.8);
	padding: var(--default-padding);
	-webkit-border-radius: 0px; @var(--default-margin);
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 0px; @var(--default-margin);
	-moz-border-radius-topleft: 0;
	border-radius: 0px; @var(--default-margin);
	border-top-left-radius: 0;
	margin: calc(var(--default-margin)*1) 0;
}

.article-hero-title h1 {
	margin:0;
	font-size: 2rem;
}


.article-with-banner .section-cta.design--link {
	background:none;
	color: var(--primary-color);
	padding:0;
	border:0;
	border-bottom: 2px solid var(--primary-color);
	font-weight:bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	text-decoration:none;
}

.article-with-banner .section-cta.design--link:hover,
.article-with-banner .section-cta.design--link:focus {
	color: var(--primary-color-hover);
	border-style: dashed;
}

.article-hero + .container .first-item {padding-top:0;}

@media (min-width:768px) {
	.article-hero-title {max-width:60%;margin: calc(var(--default-margin)*2.5) 0;}
	.article-hero-title h1 {font-size: 2rem;}
}

@media (min-width:991px) {
	.article-hero-title {max-width:50%;margin: calc(var(--default-margin)*2.5) 0;}
	.article-hero-title h1 {font-size: 2rem;}
}

@media (min-width:1200px) {
	.article-hero-title {max-width:40%;margin: calc(var(--default-margin)*2.75) 0;}
	.article-hero-title h1 {font-size: 2.5rem;}
}


.article-with-banner .page-section-title,
.article-with-banner .teaser,
.article-with-banner time {
	text-align:center;
}


/*
=======================================================================
	Custom Breadcrumb
=======================================================================
*/

.breadcrumbs, .custombcrumbs {
	margin-bottom: var(--default-margin);
}

	.breadcrumbs ul, .custombcrumbs ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.breadcrumbs ul li, .custombcrumbs ul li {
			margin: 0;
			padding: 0;
			display: inline-block;
		}

			.breadcrumbs ul li:after,  .custombcrumbs ul li:after{
				font-family: "Font Awesome 5 Pro";
				content: "\f0da";
				display: inline-block;
				font-weight: bold;
				color: #bdbdbd;
				margin-left: 10px;
				margin-right: 5px;
			}
			.breadcrumbs ul li:last-child:after, .custombcrumbs ul li:last-child:after {
				content: "";
			}

				.breadcrumbs li a, .custombcrumbs li a {
					color: #000;
					font-weight: bold;
					font-size: 0.9em;
				}
				.breadcrumbs li:last-child a, .custombcrumbs li:last-child a {
					color: var(--primary-color);
				}


/*
=======================================================================
	Resource Search with Filter
=======================================================================
*/

.resourceSearchWithFilter-wrapper > * {margin-bottom:var(--default-margin);}

.resource-search {
	border:1px solid #eeeeee; 
}

.resource-search > * {margin-bottom:15px;}
.resource-search > :last-child {margin-bottom:0;}

.resource-search-body {
	width:100%;
	padding:0;
	border:0;
	background: #fff;
}

.resource-search-body > div {
	width: 100%;
	display: table-cell;
    vertical-align:middle;
    height:46px;
}

.resource-search-body input[type=search] {
    height: 46px;
	line-height:46px;
	padding: 0 20px;
	margin: 0;
	border: 0;
	color: #000;
	font-weight:100;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

.resource-search-body input[type=search]:focus {outline:0;}
.resource-search-body input[type="submit"] {display:none;}

.resource-search-button a {
	display:block;
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	}




.resourceSearchWithFilter .resource-filter-wrapper {margin-bottom: calc(var(--default-margin)*2);}
.resourceSearchWithFilter .resource-filter  .bttn {padding: 6px 15px;}
.resourceSearchWithFilter .resource-filter label {margin:0;}
.resourceSearchWithFilter .resource-filter .form-check {display:inline-block;margin:5px;padding:0;}

.resource-filter .form-check input[type=radio] + label:before {display:none;}
.resourceSearchWithFilter .resource-filter .form-check input[type=radio] + label.bttn {
	background: var(--white);
	border-color: var(--white);
	color: #000;
}

.resourceSearchWithFilter .resource-filter label:focus,
.resourceSearchWithFilter .resource-filter label:hover{
	cursor:pointer;
}

.resourceSearchWithFilter .resource-filter .form-check input[type=radio]:checked + label.bttn {
    background: var(--primary-color);
	border-color: var(--primary-color);
	color:#fff;
}

.resourceSearchWithFilter .resource-filter .form-check input {
	border: 0;
	margin: 0;
	opacity: 0;
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

.resourceSearchWithFilter .resource-intro {margin-bottom: var(--default-margin);}
.resourceSearchWithFilter .resource-intro h3 {font-family: var(--third-font);font-style:normal;}

.resourceSearchWithFilter .listelement a {display:block;height:100%;display: flex;flex-direction: column;}
.resourceSearchWithFilter .listelement a > * {margin-bottom:calc(var(--default-margin) / 2);}
.resourceSearchWithFilter .listelement a > :last-child {margin-bottom:0;}

.resourceSearchWithFilter .listelement a .bttn--virtual {color:var(--primary-color);font-weight:bold;}
.resourceSearchWithFilter .listelement a:hover .bttn--virtual,
.resourceSearchWithFilter .listelement a:focus .bttn--virtual {color:var(--primary-color-hover);}

.resourceSearchWithFilter .listelement article {height:100%;}
.resourceSearchWithFilter .listelement article .listtext {
	align-self: stretch;
    flex: 1;
}

.resourceSearchWithFilter .listtext-content-wrapper {
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}


/*
=======================================================================
	Custom Section Embed
=======================================================================
*/

.video-embed .sub-header {}



/*
=======================================================================
	Custom Section Textboxes
=======================================================================
*/

.listelement-textbox {
	background: var(--medium-blue);
	padding:10px 30px;
	margin-bottom:5px;
}

.listelement-textbox:last-child {
	margin-bottom:0;
}

.listelement-textbox.has-title {
	padding:var(--default-padding) 30px;
}

.listelement-textbox.has-title .sub-header {margin-bottom:5px;}


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

section.buttons div[class*="col-"] {text-align:center;}
section.buttons .section-content-wrapper {margin: -10px;}
section.buttons .section-content-wrapper .bttn {margin: 5px;}


/*
=======================================================================
	Custom List Events
=======================================================================
*/

.eventlist .list-header {margin-bottom:var(--default-margin);text-align:center;}
.eventlist .list-header .page-section-title {margin-bottom:calc(var(--default-margin) / 2);}
.eventlist .list-header .page-section-subtitle {
	font-size:1.2em;
	font-family: var(--third-font);
	font-style:normal;
	text-align:left;
}

.eventlist .listelement-event .listtext .listtext-body > * {margin-bottom:10px;}
.eventlist .listelement-event .listtext .bttn--virtual {color: var(--primary-color);font-weight:bold;}


/*
=======================================================================
	Custom List Jobs
=======================================================================
*/

.section-list-jobs .page-section-title {
	font-family: var(--third-font);
	font-style:normal;
}

.section-list-jobs .listelement a .bttn--virtual {color:var(--primary-color);font-weight:bold;display:block;}
.section-list-jobs .listelement a:hover .bttn--virtual,
.section-list-jobs .listelement a:focus .bttn--virtual {color:var(--primary-color-hover);}

.section-list-jobs .listelement-event .listtext .listtext-body > * {margin-bottom:10px;}
.section-list-jobs .listelement-event .listtext .listtext-body .listteaser {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.section-list-jobs .listelement time {
	font-family: var(--third-font);
}


/*
=======================================================================
	Meta Container
=======================================================================
*/

.meta-container + .meta-container {margin-top: var(--default-margin);}

.meta-container--blue {background-color: var(--medium-blue);}
.meta-container--padding {padding: var(--default-padding);}

.meta-container > * + * {margin-top:calc(var(--default-margin)/2);}
.meta-container > :last-child {margin-bottom:0;}

.meta-container .meta-container-head {line-height:normal;}
.meta-container .meta-container-head h2 {
	font-family: scotch-text, sans-serif;font-style:normal;
	font-size:1em;
	margin-top:0;
}

.meta-container .meta-container-body .h3 {
	font-style:normal;
	font-size:1em;
	font-family: var(--primary-font);
	font-weight:bold;
}

.meta-container .meta-container-body ul {margin:0;padding:0;list-style:none;}
.meta-container .meta-container-body ul li {position:relative;margin:0 0 10px 0;padding:0 0 0 30px;line-height:normal;}
.meta-container .meta-container-body ul li:last-child {margin-bottom:0;}
.meta-container .meta-container-body ul li span {font-weight:bold;}
.meta-container .meta-container-body ul li a {text-decoration:underline;}
.meta-container .meta-container-body ul li:before {
	position:absolute;
	left:0;
    font-family: "Font Awesome 5 Pro";
    content: "\f058";
    display: inline-block;
	color: var(--primary-color);
	/*
	font-size:1.2em;
	top: 50%;
    transform: translatey(-50%);
	*/
}

.meta-container-footer {line-height:normal;}
.meta-container-footer-links a {text-decoration:none!important;}
.meta-container-footer-links .meta-container-cta {
	font-family: var(--primary-font);font-style:normal;
	font-weight:bold;
	display:inline-block;
}

.meta-container-footer-links .meta-container-cta::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
    margin-left: 10px;
}

.meta-container-footer-links-wrapper {margin:-10px;}
.meta-container-footer-links-wrapper > * {margin:10px;}

.meta-container-footer-outer {
	text-align:right;
	margin-top:5px;
}


/*
=======================================================================
	Meta Container Custom with map
=======================================================================
*/

.meta-container--map .meta-container-body {
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.meta-container--map .meta-container-body iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.meta-container--map .meta-container-footer {
	font-family: scotch-text, sans-serif;font-style:normal;
	color: #979797;
}


/*
=======================================================================
	Meta Container in Paragraph
=======================================================================
*/

.flex {display:flex;flex-direction:column;}
.flex .flex-content {margin-bottom:var(--default-margin);}
.flex .flex-content .teaser {text-align:left;}

@media (min-width:1200px) {
	.flex {flex-direction:row;}
	.flex .flex-content {flex:7;margin-right:60px;margin-bottom:0;}
	.flex .flex-content + .flex-infobox {flex:5;}
}


/*
=======================================================================
	Custom Page Event
=======================================================================
*/

.event-with-banner .event-header {margin-bottom:calc(var(--default-margin) * 2);}
.event-with-banner .event-header .event-byline {
	color:#000000;
	font-family: neulis-sans, sans-serif;font-style:normal;
}

.event-with-banner .event-body .text {margin-bottom: var(--default-margin);}
/*.event-with-banner .event-body .text {margin-bottom:var(--default-margin);}*/
.event-with-banner .event-body .text h1,
.event-with-banner .event-body .text h2,
.event-with-banner .event-body .text h3,
.event-with-banner .event-body .text h4,
.event-with-banner .event-body .text h5,
.event-with-banner .event-body .text h6{
	font-family: scotch-text, sans-serif;font-style:normal;
	font-size:1.3em;
}

.event-with-banner .return-to-list {
	color: var(--primary-color);
	font-weight:bold;
}


/*
=======================================================================
	Custom Page Job
=======================================================================
*/

.article-job .page-section-title {
	text-align:left;
}

.article-job .teaser {
	text-align:left;
}

.article-job .application-deadline {
	text-align:left;
	font-family: var(--third-font);
	display:block;
}

.article-job .application-contact h2 {
	margin-bottom: var(--default-margin);
}

/*
=======================================================================
	Custom Form with Box
=======================================================================
*/

.page-section-title.form-title {text-align:center;}

.page-form {
	padding: var(--default-padding);
	border: 1px solid var(--light-grey);
	border-radius: 0px; @var(--default-margin);
}

.page-form .teaser {
	color:#787878;
	font-size:1em;
}


/*
=======================================================================
	Custom Employee List
=======================================================================
*/

.listelement-employee-card article {}

.listelement-employee-card article div[class*="col-"]:first-child {padding-right:0;}
.listelement-employee-card article div[class*="col-"]:last-child {padding-left:1rem;padding-top:.75rem;}

.listelement-employee-card article figure {margin:0;}
.listelement-employee-card article figure img {
	border-radius:0;
}

.listelement-employee-card .text > * {margin-bottom:0;line-height:normal;}
.listelement-employee-card h4 {
	font-size:1em;
	font-family: var(--primary-font);
	font-style:normal;
	font-weight:bold;
	margin-bottom:.5rem!important;
}

.listelement-employee-card article a {
	color: var(--primary-color);
	text-decoration:none;
}

.listelement-employee-card article .employee-email {
	margin-top:1rem;
}


/*
=======================================================================
	Simple List with Icons
=======================================================================
*/

.listelement-shortcut-with-icon {margin-bottom: calc(var(--default-margin)/2);}

.listelement-shortcut-with-icon article a {
	background-color: #fff;
	padding:calc(var(--default-margin)/2);
	display:flex;
}

.listelement-shortcut-with-icon article {position:relative;}
.listelement-shortcut-with-icon article::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:var(--default-margin);
	font-size:1.25em;
}

.listelement-shortcut-with-icon article .pre-title {
	font-size:.8em;
	font-family: var(--first-font);
	font-style:normal;
	color:var(--primary-color);
}

.listelement-shortcut-with-icon article h1 {
	font-size:1.2em;
	font-family: var(--first-font);
	font-style:normal;
        color:var(--primary-color);
}

.listelement-shortcut-with-icon article .listicon {margin-right:calc(var(--default-margin)/2);}
/*.listelement-shortcut-with-icon article .listicon span {
	content:"";
	width:60px;
	height:60px;
	position:relative;
	display:block;
	background: var(--secondary-color);
	-webkit-border-radius: 0px; @30px;
	-moz-border-radius: 0px; @30px;
	border-radius: 0px; @30px;
} /*


.listelement-shortcut-with-icon article .listicon span::after {
color:var(--primary-color);
    font-family: "Font Awesome 5 Pro";
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	
	font-size:1.3em;
	font-weight:100;
}

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

@media screen and (min-width: 768px) {
	.text-and-image .image-content {
	-webkit-border-top-left-radius: 0px; @50px;
	-webkit-border-bottom-left-radius: 0px; @50px;
	-moz-border-radius-topleft: 0px; @50px;
	-moz-border-radius-bottomleft: 0px; @50px;
	border-top-left-radius: 0px; @50px;
	border-bottom-left-radius: 0px; @50px;
	}
}


/*
=======================================================================
	My Page / Min Side
=======================================================================
*/

.mypage--loginstatus {
	/*background-color:#eeeeee; */
	padding:30px;
    -webkit-border-radius: 0px; @var(--default-margin);
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0px; @var(--default-margin);
    -moz-border-radius-topleft: 0;
    border-radius: 0px; @var(--default-margin);
    border-top-left-radius: 0;
}

.mypage--loginstatus > * {margin-bottom:15px;}
.mypage--loginstatus > :last-child {margin-bottom:0;}

.mypage--nav ul {margin:0;padding:0;list-style:none;}
.mypage--nav ul li {margin:0;padding:0;}
.mypage--nav ul li a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
    margin-right: 10px;
}

.mypage--magazine {
	border: 2px solid var(--primary-color);
	padding:30px;
    -webkit-border-radius: 0px; @var(--default-margin);
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0px; @var(--default-margin);
    -moz-border-radius-topleft: 0;
    border-radius: 0px; @var(--default-margin);
    border-top-left-radius: 0;
}

.mypage--magazine input[type="radio"] + label:before {color: var(--primary-color);}
.mypage--magazine input[type="radio"]:checked + label:before {font-weight:bold;}

.mypage--magazine-form-footer {margin-top:15px;}

.mypage--order-history {margin-top:60px;}

@media screen and (max-width: 1199px) {
	.mypage .row div[class*="col-lg-6"] + div[class*="col-lg-6"] {margin-top:30px;}
}

@media screen and (max-width: 767px) {
	.mypage .mypage--contact-address .col-md-5 + .col-md-7 {margin-top:20px;padding-left:15px!important;}
}


/*
=======================================================================
	DTT / Dåpsklubben Tripp Trapp
=======================================================================
*/

/* Custom Responsive Column Separation */
@media screen and (max-width: 768px) {
	#item1238 div[class*="col-"] + div[class*="col-"] {
		margin-top: var(--default-margin);
	}
}
/* Custom Responsive Column Separation */


.dtt--text-intro {}
.dtt--text-intro h2 {font-size: 1.4rem;margin: 0 auto;}
@media screen and (min-width: 1200px) {
	.dtt--text-intro h2 {
		width:80%;
		font-size:1.8rem;
	}
}

.dtt--enroll-form-box {
        background-color: #CCE4FF;
	padding: var(--default-padding);
	/*border: 1px solid rgba(0, 0, 0, 0.2); */
    -moz-border-radius: 0px; @var(--default-margin);
    border-radius: 0px; @var(--default-margin);
	margin-bottom:30px;
}

.dtt--enroll-form-box #divGift {width:100%;}
.dtt--enroll-form-box #divGift1 {margin-top:15px;}
.dtt--enroll-form-box #divGift1 > [class*=col-] {padding-left:10px;padding-right:10px;}

.dtt--enroll-form-box .giftSection .listelement-small-image-custom article {
	padding:30px;
	/*border:3px solid var(--primary-color);*/
	margin-top:30px;
}

.dtt--enroll-form-box .form-row [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.dtt--enroll-form-box #product1Info .listimage {margin-right:15px;}

.dtt--enroll-form-box .giftSection option[value=disabled], 
.giftSection option[value=default] {
        font-weight:bold;color:var(--primary-color);
        user-select: none; /* supported by Chrome and Opera */
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
}



.dtt--enroll {margin-top:30px;}

.dtt--enroll .rbtList input[type=radio] {
	border: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.dtt--enroll .rbtList input[type=radio] + label {
	background: var(--light-grey);
	border-color: var(--light-grey);
	color:#000;
}

.dtt--enroll .rbtList label:focus,
.dtt--enroll .rbtList label label:hover{
	cursor:pointer;
}


.modal--dtt-signupform input + input {margin-top: 15px;}

.dtt--flex-infobox .meta-container-footer-outer {   font-weight:bold;}
.dtt--flex-infobox .meta-container-footer-outer:after {
     

    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
    margin-left: 10px;
	color: var(--primary-color);
}


.dtt--enroll .bttn--enroll {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	padding:11px 45px;
	font-size:1em;
	-webkit-border-radius: 0px; @50px;
    -moz-border-radius: 0px; @50px;
    border-radius: 0px; @50px;
}

.dtt--enroll .bttn--enroll:hover,
.dtt--enroll .bttn--enroll:focus {
	background: var(--secondary-color-hover);
	border-color: var(--secondary-color-hover);
}

.dtt--my-members {
	margin-top:30px;
	/*
	border: 1px solid #eeeeee;
	padding:var(--default-padding);
	*/
}

.dtt--my-members .resource-filter {margin:-5px -5px 10px -5px;}

.dtt--my-members #rbtMemberList tr {
    display: inline-block;
    margin: 5px;
    padding: 0;
}

.dtt--my-members #rbtMemberList .form-check {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.dtt--my-members #rbtMemberList .form-check label {}

.dtt--my-members #rbtMemberList .form-check label:hover,
.dtt--my-members #rbtMemberList .form-check label:focus {
    cursor:pointer;
	background: #bfbfbf;
}

.dtt--my-members #rbtMemberList .form-check input[type=radio]:checked + label {
	background: var(--primary-color);
	color:#fff;
}

.dtt--my-members .resource-filter-links {margin-top:1rem;}
.dtt--my-members .resource-filter-links ul {margin:0;padding:0;list-style:none;}
.dtt--my-members .resource-filter-links ul li {margin:0;padding:0;}

/*
.dtt--my-members .resource-filter-links a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f148";
    display: inline-block;
    margin-right: 10px;
	color: #000;
	transform:rotate(90deg);
}
*/

.dtt--my-members .resource-filter-links a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
    margin-left: 10px;
	color: var(--primary-color);
}



.dtt--member-admin {}
.dtt--member-admin-package {margin-top:var(--default-margin);}

.dtt--package__header h3 {margin:0;}

.dtt--member-admin-selected-package {margin-top: var(--default-margin);}
.dtt--member-admin-selected-package .dtt-package-info {
	padding:var(--default-padding);
	padding-bottom:0;
	font-size:1.5em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom:0;
	border-top-left-radius: 0px; @var(--default-margin);
	border-top-right-radius: 0px; @var(--default-margin);
	font-family: scotch-text, serif;
	font-weight:bold;
}
.dtt--member-admin-selected-package .dtt-package-info:empty {display:none;}

.dtt--member-admin-selected-package .dtt-package-list {
	padding:var(--default-padding);
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-top:0;
	border-bottom-left-radius: 0px; @var(--default-margin);
	border-bottom-right-radius: 0px; @var(--default-margin);
}
.dtt--member-admin-selected-package .dtt-package-list:empty {display:none;}

.listelement-package article {
	display:flex;
	flex-direction:column;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 0px; @30px;
    -moz-border-radius-topright: 0px; @30px;
    border-top-right-radius: 0px; @30px;
	}

@media screen and (min-width: 768px) {
	.listelement-package article {
		flex-direction:row;
	}
}

.listelement-package {margin-bottom:1rem;}
.listelement-package:last-child {margin-bottom:0;}

.listelement-package .listimage {max-width:90px;margin:0;}
.listelement-package .list-info {padding:1rem;}
.listelement-package .list-info .element-title {margin:0;}
.listelement-package .list-info .element-title h1 {font-size:1.35rem;margin:0;}
.listelement-package .list-info .teaser {font-size:1em;}

.dtt--package__footer {margin-top:1rem;}

.dtt-change-package {margin:-5px;}
.dtt-change-package > * {margin:5px;}
/*.dtt-change-package .bttn--link {display:block;}*/

.dtt--member-admin-extra-package {margin-top: var(--default-margin);}




.dtt--my-members .resource-filter-links .bttn--dtt-change-info {}
.dtt--my-members .resource-filter-links .bttn--dtt-cancel-subscription {font-weight:normal;}

/*
@media screen and (min-width: 1200px) {
	.dtt--my-members .resource-filter-links .bttn--dtt-cancel-subscription {float:right;}
}
*/

.dtt--my-members .resource-filter-footer {margin:-5px;}
.dtt--my-members .resource-filter-footer a {margin:5px;}

.dtt--my-members .resource-filter-footer .bttn--dtt-cancel-shipment {background: var(--light-grey);border-color:var(--light-grey);color:#000;}
.dtt--my-members .resource-filter-footer .bttn--dtt-cancel-shipment:hover,
.dtt--my-members .resource-filter-footer .bttn--dtt-cancel-shipment:focus {background: var(--light-grey-hover);border-color:var(--light-grey-hover);color:#000;}

.dtt--my-members .resource-filter-footer .bttn--dtt-extra {background: var(--light-grey);border-color:var(--light-grey);color:#000;}
.dtt--my-members .resource-filter-footer .bttn--dtt-extra:hover,
.dtt--my-members .resource-filter-footer .bttn--dtt-extra:focus {background: var(--light-grey-hover);border-color:var(--light-grey-hover);color:#000;}


/*
=======================================================================
	DTT / Extra Package Checkout
=======================================================================
*/

.dtt-checkout-section {
	border: 3px solid rgba(0, 168, 210, 0.1);margin-bottom:2rem;padding:var(--default-padding);
	border-radius: 0px; @var(--default-margin);
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	background-color: rgba(0, 168, 210, 0.1);
	-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;
}

/*.dtt-checkout-section .dtt-checkout-section__main {display:none;}*/

.dtt-checkout-section:last-child {margin-bottom:0;}
.dtt-checkout-section__header h3 {margin-bottom:0;opacity:.5;}
a.dtt-checkout-section__header:hover,
a.dtt-checkout-section__header:focus {color: var(--primary-color);text-decoration:none!important;}

.dtt-checkout-section__main__body .cbxList {}
.dtt-checkout-section__main__body .checkout-element {background-color: rgba(0, 168, 210, 0.1);padding:var(--default-padding);margin-bottom:1rem;}
.dtt-checkout-section__main__body .checkout-element.selected {background: lightblue;border: 1px  solid  #007e9e;}
.dtt-checkout-section__main__body .listelement-package figure {padding:1rem;}
.dtt-checkout-section__main__body .listelement-package article {background-color:#fff;overflow:hidden;}

.dtt-checkout-section__main__footer {margin-top:1rem;}
.dtt-checkout-section__main__footer * {float:right;}

.dtt-checkout-section.dtt-checkout-section--open .dtt-checkout-section__main {display:block;}
.dtt-checkout-section.dtt-checkout-section--open {background-color:#fff;}
.dtt-checkout-section.dtt-checkout-section--open .dtt-checkout-section__header h3 {
	margin-bottom: var(--default-margin);opacity:1;
	color:#000;
}

a.dtt-checkout-section.dtt-checkout-section--open .dtt-checkout-section__header:hover,
a.dtt-checkout-section.dtt-checkout-section--open .dtt-checkout-section__header:focus {
	color:#000;
	text-decoration:none!important;
}

.dtt-checkout-section__price table tr:first-child td {border-top:none;}
.dtt-checkout-section__price table tr td {border-top-color:#a7cfd9;}
.dtt-checkout-section__price table tr td {vertical-align:bottom;}
.dtt-checkout-section__price table tr td + td {text-align:right;}
.dtt-checkout-section__price table tr td:first-child {padding-left:0;}
.dtt-checkout-section__price table tr td:last-child {padding-right:0;}
	
.dtt-checkout-section__price ul {margin:0;padding:0 0 0 1.85rem;list-style:none;}
.dtt-checkout-section__price ul li {position:relative;}
.dtt-checkout-section__price ul li + li {margin-top:5px;}
.dtt-checkout-section__price ul li:before {
	position:absolute;
	left:-1.85rem;
    font-family: "Font Awesome 5 Pro";F
    content: "\f00c";
    display: inline-block;
	margin-right:10px;
	color: var(--primary-color);
}

.checkout-shipping {border-top:1px solid rgba(0,0,0,0.5);padding-top: 15px;margin-top:15px;}
.checkout-shipping span {float:right;}
.checkout-total {font-size:1em;}
.checkout-total span {float:right;}


.dtt-checkout-section + .alert:empty {display:none;}


@media screen and (min-width: 768px) {
	.checkout-total {font-size:2em;}
}


/*
=======================================================================
	Button toggle / filter
=======================================================================
*/

.resource-filter {
    margin: -5px -5px 10px -5px;
}

.rbtList tr {
    display: inline-block;
    margin: 5px;
    padding: 0;
}

.rbtList .form-check {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.rbtList .form-check label {
    cursor: pointer;
    background: #bfbfbf;
}

.rbtList .form-check label:hover,
.rbtList .form-check label:focus {
    cursor: pointer;
    background: #bfbfbf;
}

.rbtList .form-check input[type=radio]:checked + label {
    background: var(--primary-color);
    color: #fff;
}




/*
=======================================================================
	Custom Modal
=======================================================================
*/

.modal .modal-content {
	-webkit-border-radius: 0px; @var(--default-margin);
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0px; @var(--default-margin);
    -moz-border-radius-topleft: 0;
    border-radius: 0px; @var(--default-margin);
    border-top-left-radius: 0;
    margin: calc(var(--default-margin)*1) 0;
}

.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
	padding: var(--default-padding);
}


/*
=======================================================================
	Typeahead
=======================================================================
*/

.twitter-typeahead {
	width: 100%;
}

.search-input > .twitter-typeahead {}

.typeahead,
.tt-query,
.tt-hint {
	width: 100%;
}

.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: 100%;
	margin: 0 0 0 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;
	font-weight:bold;
	line-height: 24px;
	display: block;
	color: #333 !important;
}

.tt-suggestion:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    display: inline-block;
	float:right;
	color:var(--primary-color);
}

	.tt-suggestion:hover {
		cursor: pointer;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.2);
	}

	.tt-suggestion.tt-cursor {
		color: #fff;
		background-color: rgba(0, 0, 0, 0.2);
	}

	.tt-suggestion p {
		margin: 0;
	}

.gist {
	font-size: 14px;
}


/*
=======================================================================
	Custom Form
=======================================================================
*/

.custom-form .form-section {margin-bottom:var(--default-margin);}
.form-row + .form-row {margin-top: 15px;}

/*
=======================================================================
	Custom Checkout
=======================================================================
*/

.checkout .checkout-box-title h2 {
	font-size: 1.5em;
font-family: var(--primary-font);
    font-style: normal;
	font-weight:normal;
}

.checkout .form-group + h3 {margin-top:30px;}

.search-filter a.active {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
}

.search-filter a {
	background: var(--light-grey);
	border-color: var(--light-grey);
	color: #000;
	margin: 5px;
}


/*
=======================================================================
	Custom Shortcutlinks 
=======================================================================
*/

.shortcutlinks ul {margin:-5px;padding:0;list-style:none;}
.shortcutlinks ul li {margin:5px;padding:0;display:inline-block;}


/*
=======================================================================
	Custom Section List Preview
=======================================================================
*/

.section-list-preview .listtextpreview {position:relative;}
.section-list-preview .listtextpreview:after {
	content: '';
    position: absolute;
    width: 100%;
    height: 75%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.section-list-preview .listelement-large-image {width:100%;}
.section-list-preview .listteaser {font-size:1.2em;line-height:1.45;}



.frame {
	border:1px solid #ccc;
	padding:20px;
	max-width:560px;
}

/*
=======================================================================
	Login Toast
=======================================================================
*/

#loginToast {
	position:fixed;
	top:1rem;
	right:1rem;
	z-index:343;
	background-color: var(--light-blue);
	border:0;
}

#loginToast .close {
	position:absolute;
	top:.75rem;
	right:.75rem;
}

#loginToast a {
	color:#000;
	text-decoration:underline;
}

#loginToast ul {
	padding:0;
	list-style:none;
}

/*
=======================================================================
	HÅVARDS CUSTOM STUFF
=======================================================================
*/

.mainheader .header-elements .sf-menu .meganav a {
      color: #ffffff!important;      
      background-color: var(--primary-color);
       

}


.mini-basket {
       padding-right: 20px;
}


/*
=======================================================================
	Biko Custom Color Template
=======================================================================
*/

body.topmenu-178 {
	background-image:initial;
}

body.topmenu-178,
body.topmenu-178 header.mainheader,
body.topmenu-178 .megamenu,
body.topmenu-178 .sub-footer {
	background-color: #FFF9DF!important;
}

body.topmenu-178 .submenu.meganav a {
	color:#fff!important;
	background-color: #6B3B12!important;
}

body.topmenu-178 .submenu.meganav a:hover,
body.topmenu-178 .submenu.meganav a:focus {
	color:#fff;
	background-color: #6B3B12;
}

body.topmenu-178 .megamenu {
	background-color: #6B3B12;
}

body.topmenu-178 .site-navigation .logged-in,
body.topmenu-178 .site-navigation .logged-in:hover a,
body.topmenu-178 .site-navigation .logged-in.sfHover a {
	background-color: #FFF2BA!important;
}

body.topmenu-178 .site-navigation .logged-in li:hover a {
	background-color: #e9deac!important;
}

body.topmenu-178 .dtt--enroll-form-box,
body.topmenu-178 .meta-container {
	background-color: #FFF2BA;
}

body.topmenu-178 .meta-container li::before {
	color: #6B3B12;
}

body.topmenu-178 .dtt--enroll-form-box .bttn,
body.topmenu-178 .dtt--enroll-form-box button {
	background-color:#6B3B12;
	border-color: #6B3B12;
}

body.topmenu-178 a:not(.bttn) {
	color: #6B3B12;
}


body.topmenu-178 .listelement-shortcut .bttn--virtual {
	background-color:#6B3B12;
	border-color: #6B3B12;
}

body.topmenu-178 .listelement-shortcut a:hover + * + * + * .bttn,
body.topmenu-178 .listelement-shortcut a:focus + * + * + * .bttn{
	background-color:#6B3B12;
	border-color: #6B3B12;
}

body.topmenu-178 .navigation-sitemap .navigation-sitemap-section > ul > li > a::after,
body.topmenu-178 .navigation-sitemap .navigation-sitemap-section h1::after{
	background: #6B3B12!important;
}

body.topmenu-178 {
	--primary-color: #6B3B12;
	--primary-color-hover: #582F0F;
}

/*
=======================================================================
	Custom Template Based Logo
=======================================================================
*/

.logo-biko {
	display:none;
}

.logo-biko-simple {
	display:none;
}

body.topmenu-178 .site-logo .logo-iko {display:none;}
body.topmenu-178 .site-logo .logo-biko {display:none;}
body.topmenu-178 .site-logo .logo-biko-simple {
	display:initial;
}

body.topmenu-178 .site-logo {
	width: 70px;
}

@media screen and (min-width: 576px) {
    body.topmenu-178 .site-logo {
        width: 100px;
    }

	body.topmenu-178 .site-logo .logo-biko-simple {display:none;}
	body.topmenu-178 .site-logo .logo-biko {display:initial;}
}

@media screen and (min-width: 768px) {
    body.topmenu-178 .site-logo {
        width: 120px;
    }
}

@media screen and (min-width: 991px) {
    body.topmenu-178 .site-logo {
        width: 170px;
    }
}

@media screen and (min-width: 1200px) {
    body.topmenu-178 .site-logo {
        width: 110px;
    }
}

@media screen and (min-width: 1300px) {
    body.topmenu-178 .site-logo {
        width: 210px;
    }
}


@media screen and (max-width: 576px) {
	.site-navigation .sf-menu li.meganav a {
		padding-left: 10px;
		padding-right: 40px;
		font-size: .75rem;
	}

.site-navigation .sf-menu li.meganav a:after {
		right: 12px;
	}
}