/*
=======================================================================
	Custom Fonts
=======================================================================
*/

@import url('//fonts.googleapis.com/css2?family=Abel&display=swap');

/*
=======================================================================
	Custom Properties
=======================================================================
*/

:root {
  --themecolor: 0, 0, 0;

  --dropdown: 120, 2%, 35%;
  --dropdown-hover: 220, 2%, 55%;

  --color-profile-red: #e94e1a;
  --color-profile-green: #02ac21;
  --color-profile-blue: #00a4e0;
  --color-profile-yellow: #ffc400;
  --color-profile-lightgreen: #00e09b;
  --color-profile-indigo: #4b0082;

  --margin-default: 2rem;
  --border-radius: 10px;
}

.sf-menu .submenu130 li {
	--dropdown: 131, 98%, 34%;
	--dropdown-hover: 131, 98%, 24%;
}

.sf-menu .submenu131 li {
	--dropdown: 15, 85%, 51%;
	--dropdown-hover: 15, 85%, 41%;
}

.sf-menu .submenu132 li {
	--dropdown: 275, 100%, 25%;
	--dropdown-hover: 275, 100%, 15%;
}

.sf-menu .submenu133 li {
	--dropdown: 196, 100%, 44%;
	--dropdown-hover: 196, 100%, 34%;
}

.sf-menu .submenu162 li {
	--dropdown: 162, 100%, 68%;
	--dropdown-hover: 162, 100%, 45%;
}

.sf-menu .submenu162 li a {
	color:#000!important;
}

.sf-menu .submenu90 li {
	--dropdown: 46, 100%, 50%;
	--dropdown-hover: 46, 100%, 40%;
}

.sf-menu .submenu90 li a {
	color:#000!important;
}


@media (min-width:992px) {
	:root {
	--border-radius: 20px;
	}
}


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

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

h1,h2,h3,h4,h5,h6 {
    font-family: 'Abel', sans-serif;
	}

a {color: rgba(var(--themecolor), 1);}

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


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

:root {
	--header-height:75px;
	--header-height-compressed:60px;
}

@media (min-width:1200px) {
	:root {
		--header-height:100px;
		--header-height-compressed:80px;
	}
}

body 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-color: rgba(0,0,0,0.75);
	}

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

header.mainheader .container {
	max-width: initial;
}
	
.mainheader .header-elements {
	height:var(--header-height);
	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;
	}

.mainheader .header-elements .sf-menu > li > a {
	font-size:1.475rem;
}

.mainheader .header-elements .sf-menu ul li:first-child {
	-webkit-border-top-left-radius: var(--border-radius);
	-webkit-border-top-right-radius: var(--border-radius);
	-moz-border-radius-topleft: var(--border-radius);
	-moz-border-radius-topright: var(--border-radius);
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.mainheader .header-elements .sf-menu ul li:last-child {
	-webkit-border-bottom-right-radius: var(--border-radius);
	-webkit-border-bottom-left-radius: var(--border-radius);
	-moz-border-radius-bottomright: var(--border-radius);
	-moz-border-radius-bottomleft: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

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

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

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


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

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


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

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

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

header.mainheader.sticky.fixed .header-elements {height:var(--header-height-compressed);}

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

/*
=======================================================================
	Front page header without background
=======================================================================
*/

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


/*
=======================================================================
	Custom Mobile Navigation
=======================================================================
*/

:root {
	--mm-color-background: #000;
	--mm-color-text: rgba(255,255,255,0.75);
	--mm-color-text-dimmed: rgba(255,255,255,0.75);
	--mm-listitem-size: 50px;
	--mm-color-border: rgba(255,255,255,0.15);
	--mm-color-button: rgba(255,255,255,0.75);
}

.mm-listitem__btn {
	/*background: #3caa35;*/
}

.mm-menu .mm-navbar {
	/*display:none;*/
}

.mm-listitem a {
	font-size: calc(var(--bs-body-font-size) * 1.45);
}


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

.darker-10:before {background-color: rgba(var(--themecolor), .1);}
.darker-20:before {background-color: rgba(var(--themecolor), .2);}
.darker-30:before {background-color: rgba(var(--themecolor), .3);}
.darker-40:before {background-color: rgba(var(--themecolor), .4);}
.darker-50:before {background-color: rgba(var(--themecolor), .5);}
.darker-60:before {background-color: rgba(var(--themecolor), .6);}
.darker-70:before {background-color: rgba(var(--themecolor), .7);}
.darker-80:before {background-color: rgba(var(--themecolor), .8);}
.darker-90:before {background-color: rgba(var(--themecolor), .9);}



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

.itemid-198 {padding-top:calc(60px + var(--header-height))!important;padding-bottom:60px!important;}
.itemid-198.xltitle h1 {font-size:2rem;font-weight:bold;}
.itemid-198 .teaser {font-weight:lighter;}

@media (min-width:768px) {
	.itemid-198 {padding-top:calc(100px + var(--header-height))!important;padding-bottom:100px!important;}
	.itemid-198.xltitle h1 {font-size:2.5rem;}
	}

@media (min-width:991px) {
	.itemid-198 {padding-top:calc(100px + var(--header-height))!important;padding-bottom:100px!important;}
	.itemid-198.xltitle h1 {font-size:3rem;}
	}

@media (min-width:1200px) {
	.itemid-198 {padding-top:calc(160px + var(--header-height))!important;padding-bottom:160px!important;}
	.itemid-198.xltitle h1 {font-size:4rem!important;}
	.itemid-198 .teaser {font-size:1.4em;}
	}

@media (min-width:1500px) {
	.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:hover,
.mix-controls button:focus-visible {
	background: #dbdbdb;
}

    .mix-controls button.mixitup-control-active {
        background: rgba(var(--themecolor), 1);
        color: #fff;
    }


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

.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 .column.col1 img {width:150px!important;height:inherit!important;}

.site-footer .column.col2 p {
	margin-bottom:2rem;
}

.site-footer .column.col2 img {width:125px!important;height:inherit!important;}

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

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


.sub-footer a:hover {
	color:#fff;
}

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

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

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


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

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



/*
=======================================================================
	Custom Front Page Video / Transition
=======================================================================
*/

.element-videobanner {
	height:65vh;
}

.element-videobanner .section-foreground {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	z-index:2;
	text-align:center;
}

.element-videobanner .section-foreground h1 strong {
	color: var(--color-profile-green);
}

@media (min-width:1200px) {
	.element-videobanner .section-foreground h1 {font-size:5rem;}	
}

.element-videobanner::after {
	position:absolute;
	bottom:-1px;
	left:0;
	right:0;
	content:"";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 130px;
    height: 130px;
    z-index: 1;
    transform: scale(1,1);
}

.bgvidbtn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 10;
    background: rgba(0,0,0,0..5);
    color: #000;
    border: 0;
    font-size: 0.7em;
    font-weight: 100;
}

.start-popup-video img {
	transform:scale(.9);
}

.start-popup-video:hover img,
.start-popup-video:focus img {
	transform:scale(1);
}

.white-popup {
  position: relative;
  padding: 0;
  width: auto;
  max-width: 1500px;
  margin: 0 auto;
}

#videobanner-popup video {
	width:100%;
	height:100%;
}


/*
=======================================================================
	Parallax / Rellax
=======================================================================
*/

.parallax {
    overflow:hidden;
}

.rellax {
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    width: 100%;
    height: 100%;
    display:none;
}

.parallax .rellax {display:block;}

.rellax img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rellax video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


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

.templateid-80 main article section:first-of-type {padding-top:0;}

.article-banner {width:100%;height:500px;margin:0;background-color: rgba(12,12,12,0.6)!important;position:relative;}

.article-banner .page-section-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:5;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	text-align:center;
}

@media (min-width:1200px) {
	.article-banner .page-section-title {
		font-size:5rem;
	}
}

.article-banner figure {width:100%;height:100%;}
.article-banner figure span {display:block;position:relative;width:100%;height:100%;}
.article-banner figure span:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
}

.article-banner figure span img {width:100%;height:100%;object-fit:cover;}

.article-banner figure::before,
.article-banner figure::after {
	position:absolute;
	content:"";
    z-index: 1;
}

/* Blue - Default */
.article-banner figure::before {
	bottom:0;
	left:0;
	right:0;
	content:"";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM1ZDllZDYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    bottom: 0;
    height: 137px;
    z-index: 1;
    transform: scale(1,1);
}

.article-banner figure::after {
	bottom:-100px;
	left:0;
	right:0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM1ZDllZDYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    height: 100px;
	transform: scale(1,-1);
}

/* Green */
.topmenu-130 .article-banner figure::before {
	bottom:0;
	left:0;
	right:0;
	content:"";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMzY2FhMzUiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    height: 137px;
    z-index: 1;
    transform: scale(1,1);
}

.topmenu-130 .article-banner figure::after {
	bottom:-100px;
	left:0;
	right:0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMzY2FhMzUiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    height: 100px;
	transform: scale(1,-1);
}

/* Red */
.topmenu-131 .article-banner figure::before {
	bottom:0;
	left:0;
	right:0;
	content:"";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlOTRmMWEiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    height: 137px;
    z-index: 1;
    transform: scale(1,1);
}

.topmenu-131 .article-banner figure::after {
	bottom:-100px;
	left:0;
	right:0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlOTRmMWEiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    height: 100px;
	transform: scale(1,-1);
}

/* Indigo */
.topmenu-132 .article-banner figure::before,
.topmenu-132 .article-banner figure::before{
	bottom:0;
	left:0;
	right:0;
	content:"";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM0YjAwODIiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    height: 137px;
    z-index: 1;
    transform: scale(1,1);
}

.topmenu-132 .article-banner figure::after{
	bottom:-100px;
	left:0;
	right:0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM0YjAwODIiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    height: 100px;
	transform: scale(1,-1);
}

/* Light green */
.topmenu-162 .article-banner figure::before {
	bottom:0;
	left:0;
	right:0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMwMGUwOWIiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    bottom: 0;
    height: 137px;
	transform: scale(1,1);
}
.topmenu-162 .article-banner figure::after {
	bottom:-100px;
	left:0;
	right:0;	
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMwMGUwOWIiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    height: 100px;
	transform: scale(1,-1);
}


/* Yellow */
.topmenu-90 .article-banner figure::before {
	bottom:0;
	left:0;
	right:0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmMGM0MTEiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 137px;
    bottom: 0;
    height: 137px;
	transform: scale(1,1);
}
.topmenu-90 .article-banner figure::after {
	bottom:-100px;
	left:0;
	right:0;	
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmMGM0MTEiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 100px;
    height: 100px;
	transform: scale(1,-1);
}

.templateid-80 .article-banner + .container .text {padding-top:100px;}
.templateid-78 .article-banner + .container .text img,
.templateid-80 .article-banner + .container .text img {border-radius:var(--border-radius);height:auto!important;}


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

.element-image {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.element-image img {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.element-image:hover {
    cursor: pointer;
}

.element-image.right { width: 40%; float:right; margin: 0 0 20px 20px;}
.element-image.left { width: 40%; float:left; margin: 0 20px 20px 0;}
.element-image.fullwidth {
	width:100%;
	margin: 0 0 20px 0;
}

.element-image.left::after,
.element-image.right::after {
	position:absolute;
	top:10px;
	right:10px;
	font-family: "Font Awesome 5 Pro";
	content: "\f055";
	margin-left:10px;
	opacity:0.7;
	color:#fff;
	pointer-events: none;
	}

.element-image.right.fullwidth::after,
.element-image.left.fullwidth::after{
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	}


/*
=======================================================================
	Custom Sub Menu
=======================================================================
*/

.sub-menu {
	margin-top:125px;
}

.sub-menu ul {
	margin:0;
	padding:0!important;
	list-style:none;
}

.sub-menu ul li {
	margin:0;
	padding:0;
}

.sub-menu ul li:last-child {
	margin:0!important;
}

.sub-menu ul li a {
	font-size: 1.375rem;
	text-decoration:none;
	font-weight:600;
	color: #666;
}

.sub-menu ul li a:hover {
	text-decoration:underline;
}

@media (max-width:1199px) {
	.templateid-80 .article-banner + .container .sub-menu + .text {padding-top:var(--margin-default);}
}

@media (min-width:1200px) {

	.custom-page-wrapper {
		display:flex;
		width:100%;
	}

	.custom-page-wrapper > .sub-menu {flex: 0 0 33%}
	.custom-page-wrapper > .sub-menu + .text {flex: 1}


	.sub-menu {
		float:left;
		padding-right:1rem;
		margin:0;
		margin-right:4rem;
		margin-top:100px;
		border-right: 1px solid rgba(12,12,12,0.1);
	}

}


/* Submeny active colors */

.sub-menu li.active a,
.sub-menu li.active a:hover {color: var(--color-profile-blue);}

.topmenu-130 .sub-menu li.active a,
.topmenu-130 .sub-menu li.active a:hover {color: var(--color-profile-green);}

.topmenu-131 .sub-menu li.active a,
.topmenu-131 .sub-menu li.active a:hover {color: var(--color-profile-red);}

.topmenu-132 .sub-menu li.active a,
.topmenu-132 .sub-menu li.active a:hover {color: var(--color-profile-indigo);}

.topmenu-133 .sub-menu li.active a,
.topmenu-134 .sub-menu li.active a:hover {color: var(--color-profile-blue);}

.topmenu-162 .sub-menu li.active a,
.topmenu-162 .sub-menu li.active a:hover {color: var(--color-profile-lightgreen);}

.topmenu-90 .sub-menu li.active a,
.topmenu-90 .sub-menu li.active a:hover {color: var(--color-profile-yellow);}

/*
=======================================================================
	Custom Shortcuts
=======================================================================
*/

.shortcuts {
	display:grid;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap: 2rem;
	/*grid-template-columns: repeat(2, 1fr);*/
}

.shortcut {text-align:center;flex-basis:250px;}
.shortcut figure {
	margin:0;	
}

@media (min-width:1200px) {
	.shortcut figure {
		width:60%;
		margin: 0 auto;
	}
}

.shortcut figure img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position: center center;
	-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;
	margin-bottom: var(--margin-default);
}

.shortcut a:hover img {
	transform:scale(1.1);
	margin-bottom: calc(var(--margin-default) / 1.25);
}

.shortcut a:hover {
	text-decoration:underline;
}

.shortcut h3 {
	text-transform:uppercase;
	font-size: var(--bs-body-font-size);
	margin:0;
}

@media (min-width:992px) {
	.shortcut h3 {
		font-size:1.475rem;
	}
}

@media (min-width:1400px) {

	.shortcut {
		flex-basis: 320px;
	}

	.shortcut h3 {
		font-size:1.675rem;
	}

	.itemid-498 .no-container {
		max-width:80%;
		margin: 0 auto;
	}

}

@media (min-width:2080px) {
	.shortcut {flex-basis:250px;}
}


/*
=======================================================================
	Custom Shortcuts - itemid-514
=======================================================================
*/

.itemid-498.bottomspace1 {
	padding-bottom: calc(var(--default-margin-1) + 82px);
}

.itemid-498.bottomspace2 {
	padding-bottom: calc(var(--default-margin-2) + 82px);
}

.itemid-498.bottomspace3 {
	padding-bottom: calc(var(--default-margin-3) + 82px);
}

.itemid-498.bottomspace4 {
	padding-bottom: calc(var(--default-margin-4) + 82px);
}


/*
=======================================================================
	Custom Shortcuts - itemid-514
=======================================================================
*/

.itemid-514 {
	background: var(--color-profile-red);
	position:relative;
	padding-bottom: calc(var(--default-margin-2) + 36px);
}

.itemid-514 .shortcuts {
	grid-template-columns: repeat(2, 1fr);
}

.itemid-514.element-shortcuts a h3::after {
	font-family: "Font Awesome 5 Pro";
	content:"\f178";
	display:inline-block;
	margin-left:1rem;
}

.itemid-514::before {
	content:"";
	position:absolute;
	top:-81px;
	left:0;
	right:0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI4MnB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0U5NEUxQSI+PHBhdGggZD0iTTAgNTEuNzZjMzYuMjEtMi4yNSA3Ny41Ny0zLjU4IDEyNi40Mi0zLjU4IDMyMCAwIDMyMCA1NyA2NDAgNTcgMjcxLjE1IDAgMzEyLjU4LTQwLjkxIDUxMy41OC01My40VjBIMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAyNC4zMWM0My40Ni01LjY5IDk0LjU2LTkuMjUgMTU4LjQyLTkuMjUgMzIwIDAgMzIwIDg5LjI0IDY0MCA4OS4yNCAyNTYuMTMgMCAzMDcuMjgtNTcuMTYgNDgxLjU4LTgwVjBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAwdjMuNEMyOC4yIDEuNiA1OS40LjU5IDk0LjQyLjU5YzMyMCAwIDMyMCA4NC4zIDY0MCA4NC4zIDI4NSAwIDMxNi4xNy02Ni44NSA1NDUuNTgtODEuNDlWMHoiLz48L2c+PC9zdmc+);
    background-size: 100% 82px;
    bottom: 0;
    height: 82px;
    z-index: 1;
    transform: scale(1,-1);
}

.itemid-514::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEyODAgMy40QzEwNTAuNTkgMTggMTAxOS40IDg0Ljg5IDczNC40MiA4NC44OWMtMzIwIDAtMzIwLTg0LjMtNjQwLTg0LjNDNTkuNC41OSAyOC4yIDEuNiAwIDMuNFYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAyNC4zMWM0My40Ni01LjY5IDk0LjU2LTkuMjUgMTU4LjQyLTkuMjUgMzIwIDAgMzIwIDg5LjI0IDY0MCA4OS4yNCAyNTYuMTMgMCAzMDcuMjgtNTcuMTYgNDgxLjU4LTgwVjE0MEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDUxLjc2Yy0yMDEgMTIuNDktMjQyLjQzIDUzLjQtNTEzLjU4IDUzLjQtMzIwIDAtMzIwLTU3LTY0MC01Ny00OC44NS4wMS05MC4yMSAxLjM1LTEyNi40MiAzLjZWMTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 50% 36px;
    bottom: 0;
    height: 36px;
    z-index: 1;
    transform: scale(1,1);
}


/*
=======================================================================
	Custom Quote
=======================================================================
*/

.text-and-image .quote {
	width:100px;
	height:100px;
	background-image: url("../images/right-quotation-mark.png");
	background-size:contain;
	background-repeat:no-repeat;
}

.text-and-image.white .quote {
	background-image: url("../images/right-quotation-mark-w.png");
}


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

.employee-list .list {text-align:center;}
.employee-list .listelement-employee figure {max-width:200px;}


/*
=======================================================================
	Custom Rounded Edges
=======================================================================
*/

.listimage img {
	border-radius: var(--border-radius);
}

.text-and-image.background {
	border-radius: var(--border-radius);
}


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

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

.text-and-image:not(.background) img {
	border-radius: var(--border-radius);
}


@media (max-width:767px) {
	.text-and-image.background {
		margin-left: calc(1.5rem * .5);
		margin-right:calc(1.5rem * .5);
	}
	
	.text-and-image.background .image-content .container {
		padding-left:0;
		padding-right:0;
		max-width:100%;
	}

}


@media (min-width:768px) {
	.text-and-image.background .image-content .container {
		padding-left:initial;
		padding-right:initial;
	}
}


/*
=======================================================================
	Custom Listelement
=======================================================================
*/

.list .listelement .link {
	color: var(--color-profile-blue);
	text-transform:uppercase;
	font-weight:600;
}

.list .listelement .link:hover {
	text-decoration:underline;
}


/*
=======================================================================
	Custom Button
=======================================================================
*/

.bttn {
	border-radius: var(--border-radius);
}

/*
=======================================================================
	Custom iFrame
=======================================================================
*/

.templateid-78 .text iframe,
.templateid-80 .text iframe {
	width:100%;
}


/*
=======================================================================
	Resources
=======================================================================
*/

@media (min-width:1300px) {.flexid-resources .container {max-width:1270px;}}
@media (min-width:1400px) {.flexid-resources .container {max-width:1370px;}}
@media (min-width:1500px) {.flexid-resources .container {max-width:1470px;}}


/*====== Front page titles ======*/

.itemid-723 .page-section-title,
.itemid-712 .page-section-title,
.itemid-1256 .page-section-title {
	font-family: "coolvetica", sans-serif;
}

/*====== Front Page Header ======*/

.flexid-resources .site-navigation .sf-menu > li.header-loggedin a::before {
    font-family: "Font Awesome 5 Pro";
	content: "\f406";
	margin-right:10px;
}

.flexid-resources .site-navigation .sf-menu > li .dropdown-menu {
	padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    }

.flexid-resources .site-navigation .sf-menu > li > .dropdown > a {padding:0;}
.flexid-resources .site-navigation .sf-menu > li > .dropdown:hover {cursor:pointer;}
.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-menu {
	background-color: #5d9ed6;
}

.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-item {padding:.75rem 1rem;}
.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-item a {padding:0;}
.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-item:hover,
.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-item:focus-visible {
	background: #4281b7;
}
.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-item.disabled {
	font-size:.8rem;
	text-transform:uppercase;
}

.flexid-resources .site-navigation .sf-menu > li > .dropdown .dropdown-item.nav-logout:before {
    font-family: "Font Awesome 5 Pro";
	content: "\f011";
	margin-right:10px;
}

.flexid-resources .site-navigation .sf-menu > li > div > a::after {
	font-family: "Font Awesome 5 Pro";
    content: "\f107";
	border:0;
	vertical-align:initial;
	padding-left: 10px;
}

.flexid-resources .site-navigation,
.flexid-resources .site-navigation {
	font-size:1.475rem;
}

.flexid-resources .site-navigation a:hover,
.flexid-resources .site-navigation a:focus-visible {
	border-color: #fff!important;
}


/*====== Resource Page ======*/

.flexid-resources .article-banner figure {position:relative;}

.flexid-resources .article-banner figure::before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlOTRmMWEiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
	height:50px;
	background-size:cover;
}
.flexid-resources .article-banner figure::after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlOTRmMWEiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);
	height:50px;
	bottom:-50px;
	background-size:cover;
}

.flexid-resources .article-banner figure img {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}

@media (max-width:768px) {

	.flexid-resources .article-banner {height:200px;}
	.flexid-resources .article-banner figure::before,
	.flexid-resources .article-banner figure::after {
		height:50px;
		background-size:cover;
	}

	.flexid-resources .article-banner figure::after {
		bottom:-50px;
	}
}

/*====== Front Page Shortcuts ======*/

.flexid-resources .element-shortcuts .page-section-title {
	text-align:center;
}

.flexid-resources .element-shortcuts .shortcuts {display:flex;flex-wrap:wrap;}
.flexid-resources .element-shortcuts .shortcuts .shortcut {text-align:center;flex:1 1 150px;max-width:150px;}
.flexid-resources .element-shortcuts .shortcuts .shortcut a:hover img {transform:initial;}
.flexid-resources .element-shortcuts .shortcuts .shortcut a figure {max-width:100px;margin-inline:auto;}
.flexid-resources .element-shortcuts .shortcuts .shortcut a figure img {margin-bottom:1rem;}
.flexid-resources .element-shortcuts .shortcuts .shortcut h3 {
	font-size:1rem;
	word-break: break-all;
}

@media (min-width:768px) {
	.flexid-resources .element-shortcuts .shortcuts .shortcut {
		flex:1 1 200px;max-width:200px;
	}
}

@media (min-width: 992px) {
	.shortcut h3 {font-size: 1.2rem;}
}

@media (min-width:1200px) {
	.flexid-resources .element-shortcuts .shortcuts {
		/*grid-template-columns: repeat(6, minmax(0, 1fr));*/
	}
}

@media (min-width: 1400px) {
	.shortcut h3 {font-size: 1.5rem;}
}


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

.flexid-resources .breadcrumbs {
	margin-bottom:2rem;
}


/*====== Submenu ======*/ 

@media (max-width:768px) {
	.flexid-resources .submenu {
		margin-bottom: var(--margin-default);
	}
}


/*====== List of Resources ======*/

.flexid-resources.templateid-140 main ul {margin:0;padding:0;list-style:none;}
.flexid-resources.templateid-140 main ul .submenu {margin:0;padding:0;}
.flexid-resources.templateid-140 main ul .submenu a {font-size:1.375rem;font-weight:400;}
.flexid-resources.templateid-140 main ul .submenu a:hover {text-decoration:underline;}
.flexid-resources.templateid-140 main .submenu.active a {font-weight:bold;}

.resource {
	--resource-margin: 1rem;
	background: rgba(0,0,0,0.05);
	display:flex;
	border-left: 10px solid transparent;
	border-radius:20px;
}

.resource-wrapper {
	width:100%;
	display:flex;
	flex-direction:column;
	position:relative;
}

.resource-header {
}

.resource-body {
	--resource-margin:1rem;
	--resource-gap:1rem;
	margin:var(--resource-margin);
	display:flex;
	flex-direction:column;
	gap:var(--resource-gap);
}

@media (min-width:768px) {
	.resource-body {
		--resource-margin:2rem;
		--resource-gap:2rem;
	}
}

.resource-footer {
	margin: var(--resource-margin);
}

.resource-footer .wrapper {
	float:right;
	display:flex;
}

.resource-footer .wrapper .meta-type {
	padding:.5rem .75rem;
	font-size:.85rem;
	color:#fff;
	display:none;
}

.resource-footer .wrapper .meta-type::before {
    font-family: "Font Awesome 5 Pro";
    content: "\23";
	margin-right:.15rem;
	font-weight:100;
}

.resource-footer .wrapper .meta-lastchanged {
	opacity:.85;
	font-size:.85rem;
	border-radius:100px;
}

.resource-footer .wrapper .meta-lastchanged::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0c7";
	margin-right:.75rem;
	font-weight:100;
}


/*====== Resource Type Colors ======*/

:root {
	--color-all: #c5c5c5;
	--color-forberedelser: #e94e1a;
	--color-undervisere: #4b0082;
	--color-deltakere: #00a4e0;
        --color-icebreaker: #1B4965;
	--color-valgfritt: #00e09a;
	--color-etterarbeid: #ffc500;
}

.mix-controls button[data-filter="all"] {border-color: var(--color-all);}
.mix-controls button[data-filter="all"].mixitup-control-active {background-color: var(--color-all);color:#000;}

.mix.forberedelser {border-color: var(--color-forberedelser)}
.mix-controls button[data-filter=".forberedelser"] {border-color: var(--color-forberedelser);}
.mix.forberedelser .meta-type,
.mix-controls button[data-filter=".forberedelser"].mixitup-control-active {background-color: var(--color-forberedelser);}

.mix.undervisere {border-color: var(--color-undervisere)}
.mix-controls button[data-filter=".undervisere"] {border-color: var(--color-undervisere);}
.mix.undervisere .meta-type,
.mix-controls button[data-filter=".undervisere"].mixitup-control-active {background-color: var(--color-undervisere);}

.mix.deltakere {border-color: var(--color-deltakere)}
.mix-controls button[data-filter=".deltakere"] {border-color: var(--color-deltakere);}
.mix.deltakere .meta-type,
.mix-controls button[data-filter=".deltakere"].mixitup-control-active {background-color: var(--color-deltakere);}

.mix.icebreaker {border-color: var(--color-icebreaker)}
.mix-controls button[data-filter=".icebreaker"] {border-color: var(--color-icebreaker);}
.mix.icebreaker.meta-type,
.mix-controls button[data-filter=".icebreaker"].mixitup-control-active {background-color: var(--color-icebreaker);}


.mix.valgfritt {border-color: var(--color-valgfritt)}
.mix-controls button[data-filter=".valgfritt"] {border-color: var(--color-valgfritt);}
.mix.manual .meta-type,
.mix-controls button[data-filter=".valgfritt"].mixitup-control-active {background-color: var(--color-valgfritt);}

.mix.etterarbeid {border-color: var(--color-etterarbeid)}
.mix-controls button[data-filter=".etterarbeid"] {border-color: var(--color-etterarbeid);}
.mix.etterarbeid .meta-type,
.mix-controls button[data-filter=".etterarbeid"].mixitup-control-active {background-color: var(--color-etterarbeid);}


/*====== Resource Media ======*/

.flexid-resources .resource .media {width:100%;}
.flexid-resources .resource .media img {width:100%;}
.flexid-resources .resource .media a {
	display:block;
	position:relative;
}

.flexid-resources .resource .media a::after {
	content:"";
	width:100%;
	height:100%;
	transition: all .3s;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.flexid-resources .resource .media a:hover::after {
	background-color: rgba(0 0 0 / 15%);
}

.flexid-resources .resource .media a::before {
	font-family: "Font Awesome 5 Pro";
	content:"\f002";
	font-weight:100;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	color:#fff;
	transition: all .3s;
}

.flexid-resources .resource .media a.vimeo-popup::before {
	content:"\f04b";
}

.flexid-resources .resource .media a:hover::before {
	font-size:1.35rem;
	color:#fff;
	z-index:99;
}


.mfp-figure:after {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.4)!important;
}


/*====== Resource Meta ======*/

.resource .meta {display:flex;flex-direction:column;gap:.5rem;}
.resource .meta-title {}
.resource .meta-title h3 {font-size:2rem;margin:0;word-break:break-all;}


.resource .meta-cta {
	display:flex;
	gap:1rem;
	flex-wrap:wrap;
}

.resource .meta-cta [class*="bttn--"] {
	color:#fff;
	border:0;
	background: #ccc;
	transition:initial;
}

.resource.forberedelser a[class*="bttn--"] {background-color: var(--color-forberedelser)}
.resource.undervisere a[class*="bttn--"] {background-color: var(--color-undervisere)}
.resource.deltakere a[class*="bttn--"] {background-color: var(--color-deltakere)}
.resource.icebreaker a[class*="bttn--"] {background-color: var(--color-icebreaker)}
.resource.valgfritt a[class*="bttn--"] {background-color: var(--color-valgfritt)}
.resource.etterarbeid a[class*="bttn--"] {background-color: var(--color-etterarbeid)}

.resource .meta-cta .bttn--playvimeo::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f04b";
	margin-left:.75rem;
	display:inline-block;
}

.resource .meta-cta .bttn--download::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f33d";
	margin-left:.75rem;
	display:inline-block;
}

.resource .meta-cta .bttn--preview::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
	margin-left:.75rem;
	display:inline-block;
}

.flexid-resources .article-banner + .container {
	margin-block:100px;
}



/*====== MixItUp ======*/

.mix-title {margin-bottom:2rem;}
.mix-title h2 {font-size:3rem;}

#mixit {
	display:flex;
	flex-direction:column;
	gap:2rem;
	margin-bottom:3rem;
}

.mix-controls {display:flex;gap:1rem;flex-wrap:wrap;}
.mix-controls button {border-left:7px solid transparent;color:#000;background:#e5e5e5;margin:0;padding:.5rem calc(1rem + 7px) .5rem 1rem;border-radius:100px;}
.mix-controls button:focus {outline:none;}

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

.mix-header {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:3rem;
}

.toggle-detail {
	display:flex;
	gap:1rem;
}

.toggle-detail label {
	padding-right:75px;
	position:relative;
	border:2px solid transparent;
}

.toggle-detail label:focus-visible {
	border-color:#000;
}

.toggle-detail label:hover {
	cursor:pointer;
}

.toggle-detail input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-detail label::after {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	content:"";
	width: 50px;
	height: 24px;
	background-color: #ccc;
	display:inline-block;
	border-radius: 34px;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-detail label::before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	right: 29px;
	top:50%;
	transform:translateY(-50%);
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	z-index:1;
	border-radius:100px;
}

.toggle-detail.simple label::before {right:4px;}
.toggle-detail.simple label::after {background-color:#5d9ed6;}



/*====== MixItUp Pagination ======*/

.mixitup-page-stats {}

.mixitup-page-list .mixitup-control-disabled,
.mixitup-page-list .mixitup-control-first.mixitup-control-last {display:none;}
.mixitup-page-list .mixitup-control-active {color:#fff;}

.mixitup-page-list button {
width:40px;
height:40px;
border-radius:40px;
border:0;
color:#000;
}

.mixitup-control-active {
	background-color:#5d9ed6;
	color:#fff;
}




/*====== Detailed View - Small screen ======*/

#mixit .resource-body .media {display:none;}
#mixit .resource-body .meta .meta-dropdown {display:none;}


/*====== Detailed View - Large screen ======*/

@media (min-width:768px) {
	#mixit .resource-body {display:grid;grid-template-columns: 2fr 8fr;}
	#mixit .resource-body .media {display:initial;}
	#mixit .resource-body .meta-preview {display:none;}
}



/*====== Simple View - Small screen ======*/

#mixit.view--simple .resource-body {
	--resource-margin:  1rem;
	display:flex;
}

#mixit.view--simple .resource-body .media {display:none;}
#mixit.view--simple .resource-body .meta .meta-text,
#mixit.view--simple .resource-footer {
	display:none;
}

#mixit.view--simple .media a::before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#mixit.view--simple .meta {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}

#mixit.view--simple .resource-body .meta .meta-title h3 {font-size:1.25rem;align-self:center;}


#mixit.view--simple .resource-body .meta .meta-playvimeo {display:none;}
#mixit.view--simple .resource-body .meta .meta-download {display:none;}
#mixit.view--simple .resource-body .meta .meta-preview {display:none;}
#mixit.view--simple .resource-body .meta .meta-dropdown {display:initial;}
#mixit.view--simple .resource-body .meta .meta-dropdown button {float:right;border:0;background-color:transparent;color:gray;}
#mixit.view--simple .resource-body .meta .meta-dropdown button::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f142";
	border:0;
}

#mixit.view--simple .resource-body .meta .meta-dropdown .dropdown-menu {padding:1rem;}
#mixit.view--simple .resource-body .meta .meta-dropdown .dropdown-menu a:hover {text-decoration:underline;}

#mixit.view--simple .resource-body .meta .meta-dropdown .dropdown-menu a.link--playvimeo::before {
	width:25px;
    font-family: "Font Awesome 5 Pro";
    content: "\f04b";
	display:inline-block;
}

#mixit.view--simple .resource-body .meta .meta-dropdown .dropdown-menu a.link--download::before {
	width:25px;
    font-family: "Font Awesome 5 Pro";
    content: "\f33d";
	display:inline-block;
}

#mixit.view--simple .resource-body .meta .meta-dropdown .dropdown-menu a.link--preview::before {
    width:25px;
	font-family: "Font Awesome 5 Pro";
    content: "\f002";
	display:inline-block;
}


#mixit.view--simple .resource-body .meta .meta-download a:hover,
#mixit.view--simple .resource-body .meta .meta-download a:focus-visible {
	background:none;
	color:#000;
	text-decoration:underline!important;
}


/*====== Simple View - Large screen ======*/

@media (min-width:768px) {
	#mixit.view--simple .resource-body {
		margin: var(--resource-margin);
	}

}




/*
=======================================================================
	Custom Form 2023 09 01
=======================================================================
*/

#item1222 h3 {font-weight:bold;margin-top:6rem;}

#item1222 fieldset > .form-group > label {
	font-size: 1.4rem;
	font-weight:bold;
}

#item1222 fieldset + fieldset {
	margin-top:4rem;
}

#item1222 fieldset .form-group + .form-group {
	margin-top:3rem;
}


/*
=======================================================================
	Custom User Registration Form
=======================================================================
*/

#item1236 label {
	display:block;
}

#item1236 .info {
	margin-top: var(--margin-default);
	background-color: rgba(0,0,0,0.05);
	padding:1rem;
	border-radius:1rem;
}