/* START PAGE */

.node-type-frontpage #additional-content-wrapper {
	overflow: hidden;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 31, 2013 */
@font-face {
	font-family: 'novecento_wide_bookbold';
	src: url('../font/novecentowide-bold-webfont.eot');
	src: url('../font/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/novecentowide-bold-webfont.woff') format('woff'),
		 url('../font/novecentowide-bold-webfont.ttf') format('truetype'),
		 url('../font/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'visuelt-black-pro';
    src: url('../font/visuelt-black-pro.eot');
    src: url('../font/visuelt-black-pro.eot?#iefix') format('embedded-opentype'),
         url('../font/visuelt-black-pro.woff2') format('woff2'),
         url('../font/visuelt-black-pro.woff') format('woff'),
         url('../font/visuelt-black-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-medium-pro';
    src: url('../font/visuelt-medium-pro.eot');
    src: url('../font/visuelt-medium-pro.eot?#iefix') format('embedded-opentype'),
         url('../font/visuelt-medium-pro.woff2') format('woff2'),
         url('../font/visuelt-medium-pro.woff') format('woff'),
         url('../font/visuelt-medium-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* apply a natural box layout model to all elements */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size:62.5%;
}
body {
	background:#ECECEC;
	font-family:arial, verdana;
	font-size:14px;
	font-size:1.4rem;
	line-height:20px;
	color:#4d4d4d;
}

#additional-content-wrapper {
    padding-top: 40px;
}

body.has-background #additional-content-wrapper  {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color:inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color:inherit;
	text-decoration:underline;
}

h1 {
	font-family:'visuelt-black-pro';
	font-size:40px;
	font-size:4rem;
	line-height:42px;
	color:#000000;
	letter-spacing:-2px;
	margin-left:0;
	text-transform: uppercase;
}

h3 {
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 3px 0;
}


button.reset-btn {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: auto;
	overflow: visible;
}
button.reset-btn:active {
	outline:none;
    overflow: visible;
}

.isClickable {
	cursor:pointer;
}

.block-header {
	font-family:'visuelt-black-pro';
	display:block;
	margin:0;
	padding:15px;
	width:100%;
	font-size:16px;
	font-size:1.6rem;
	text-transform: uppercase;
}
.block-header.black {
	background:#000;
	color:#fff;
}
#edit-field-kalendariet-tid-wrapper .form-item a, #edit-field-kategorier-tid-wrapper .form-item a{
	border: 1px solid #a3a3a3;
	padding:6px 15px 6px 15px;
	margin-left: 3px;
	color: black;
}

.form-item a {

	outline: none;
	/* border: 1px solid #a3a3a3; */
	background-color: transparent;
	/* color: black; */
		text-decoration: none;
		float:left;
		/* padding:6px 15px 6px 15px; */
		margin-bottom: 10px;
		margin-top: 10px;
		/* margin-left: 3px; */
	 }
.form-item a:focus{
		
			outline: none;
			border: 1px solid #a3a3a3;
			background-color: #a3a3a3;
			color: black;
				text-decoration: none;
				float:left;
				padding:6px 15px 6px 15px;
				margin-bottom: 10px;
				margin-left: 3px;
			 }
			 
.form-item .description
	 {
	
	 	visibility: hidden;
	 
	  }
a {
	color:#008919;
	text-decoration:none;
}
a:hover {
	color:#000000;
}

hr,
.divider {
	border:1px solid;
	border-bottom:0;
	border-right:0;
	border-left:0;
	margin: 30px 0 30px 0;
	height:0px;
	width:100%;
}

hr,
.divider.gray {
	border-color:#a3a3a3;
}

hr,
.divider.dashed {
	border-style:dashed;
}

hr,
.divider.small {
	margin: 20px 0 20px 0;
}
.divider.mini {
	margin: 10px 0 10px 0;
}
.divider.no-margin {
	margin: 0;
}
.divider.no-border {
	border: 0px;
}

hr {
	width:auto;
}

/* Random items */
.default-btn.title {
	font-family:'visuelt-black-pro';
	text-transform: uppercase;
}
.default-btn.large {
	padding:12px 20px 12px 20px;
}


.form-submit,
 .default-btn {
	
	border: 1px solid #a3a3a3;
	background-color: transparent;
	background: none;
	border: none;

	padding: 0;
	line-height: 19px;
	width: auto;

	/* margin-top:20px; */
	white-space:nowrap;
	display:inline-block;
	font-size:15px;
	font-size:1.5rem;
	padding:6px 15px 6px 15px;
	color:#fff;
	font-weight:bold;
	background-color: #AF1685;
}
.top-text .default-btn {
	padding:15px 15px 13px 15px;
}

.form-submit:hover,
.default-btn:hover {
	background:#000;
	color:#fff;
}


.social-button .icon {
	margin-bottom:-5px;
}

.social-button a {
	color:#000;
}
.social-button a:hover {
	color:#AF1685;
}
a {
	color:#AF1685;
	text-decoration: none;
}

.fb-like.fb_iframe_widget {
	float: left;
	margin-top: 10px;
}

.twitter-follow-button {
    margin-bottom: -5px;
    margin-left: 9px;
    margin-top: 10px;
    float: left;
}
#__ba_panel {
    display: none;
}
.debug {
	box-shadow:0 0 0 1px #ff0000;
}
.clear {
	display:block;
	height:0px;
	width:0px;
	clear:both;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.arrow-list {
	list-style-type:none;
	margin:0;
	padding:0;
}

.arrow-list li {
	line-height:1.6rem;
	margin-bottom:4px;
}
.arrow-list .icon {
	position:relative;
	display:inline-block;
	margin-right:6px;
	bottom:-2px;
}

.tabs-primary {
	display: none;
}

iframe.media-vimeo-player{
	width: 100%;
}

/* Form errors */
select.error,
input.error {
	outline: 1px solid #ff0000;
}

/* Links list */
ul.links {
	list-style-type: none;
	padding:0;
}
ul.links a:before {
	display:inline-block;
	content:' ';
	background: url('../images/iconsprite_normal.png') no-repeat;
	position: relative;
	display: inline-block;
	margin-right: 6px;
	bottom: -2px;
	background-position: -123px -165px;
	width: 10px;
	height: 15px;
}
/* Page layout elements*/

/*******************************
 *
 *	Header
 *
 ******************************/

.header {
	padding:17px 0 0 0;
	height:105px;
	background:#000;
	color:#fff;
	position:relative;
	z-index: 2;
}

.header-content {
	width:960px;
	margin:0 auto;
	height:auto;
}

.header a.header-logo {
	display:block;
	background:url( '../images/header/header-logo.png' ) top left no-repeat;
    width: 155px;
    height: 80px;
    position: absolute;
    top: 12px;
    left: 12px;
    background-size: contain;
}
.header-content a.header-logo.maintenance {
	float:none;
	width:100%;
	background-position: top center;
}

/**
 *
 *	Options
 *
 */
.header-content .options {
	text-align: center;
}
	/* Search */
	.header .block-search-api-page {
		max-width: 144px;
		width: 144px;
		float: right;
	}
		.header .block-search-api-page .form-item {
			margin:0;
		}
		.header .block-search-api-page input[type=text]:focus {
			outline:none;
		}
		.header .action-open-search {
			position: absolute;
			top: 33px;
			right: 19px;
			cursor: pointer;
		}
		.header .action-open-search .textfield,
		.header .block-search-api-page input[type=text] {
			max-width: 110px;
			color:#FFF;
			font-size:13px;
			font-size:1.4rem;
			padding:7px 0 7px 10px;
			border:0px;
			float:left;
			height:30px;
		}
		.header .action-open-search .textfield {
			float: right;
			padding-right: 10px;
			padding-left: 10px;
			color: #FFF;
		}
		.header .action-open-search:hover .textfield {
			color: #AF1685;
		}
		.header .action-open-search .icon,
		.header .block-search-api-page input[type=submit] {
			width: 36px;
			height: 36px;
			background: url( '../images/search-icon.svg' ) center center no-repeat;
			background-size: 36px;
			border:none;
			outline:none;
			float:right;
			color:transparent;
			text-indent:-9999em;
		}
		.header .action-open-search:hover .icon {
			background-image: url( '../images/search-icon-green.png' );
		}


	/* Quick links */
	.header-content .options .menu {
		height:auto;
		max-height:none;
		font-size:12px;
		font-family:inherit;
		font-size:1.1rem;
		padding:0;
		margin:10px 0 14px;
		display: inline-block;
	}

	.header-content .options .menu .listen {
		position:relative;
		padding-left: 18px;
	}
	.header-content .options .menu .listen:before {
		position:absolute;
		top:0;
		left:0;
		content: ' ';
		background:url('../images/iconsprite_normal.png') no-repeat;
		background-position:-2px -211px;
		width:14px;
		height:13px;
	}


	.header-content .options .menu .easy-to-read {
		position:relative;
		padding-left: 18px;
	}
	.header-content .options .menu .easy-to-read:before {
		position:absolute;
		top:0;
		left:0;
		content: ' ';
		background:url('../images/iconsprite_normal.png') no-repeat;
		background-position:-18px -211px;
		width:11px;
		height:13px;
	}
	.header-content .options .menu .sign-language {
		position:relative;
		padding-left: 18px;
	}
	.header-content .options .menu .sign-language:before {
		position: absolute;
		top: 0;
		left: 0;
		content: ' ';
		background: url(../images/iconsprite_normal.png) no-repeat;
		background-position: -91px -133px;
		width: 12px;
		height: 14px;
	}


	.header-content .options .menu li {
		float:left;
		text-align: left;
	}

	.header-content .options .menu li a {
		display:block;
		outline:none;
		padding-right:0;
		margin-right:0;
		text-decoration:none;
		color:#ECECEC;
		font-size: 12px;
		height:18px;
		line-height:14px;
		border-right:0;
		text-transform: none;
	}

.header-content .responsive-menu a:first-child {
	border-right: 1px solid #666666;
	padding-right:10px;
	margin-right:54px;
	top: 25px;
}
.header-content .responsive-menu a:hover,
.header-content .responsive-menu a {
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
}
.header-content .responsive-menu {
	display:none;
	position: absolute;
	right:24px;
	top:0;
	padding:25px 0 0 0;
	height:100%;
}


/**
 *
 *	Search
 *
 */

.wrapper.search-wrapper {
    margin-top: -150px;

	-webkit-transition: margin-top 0.4s ease;
            transition: margin-top 0.4s ease;
}

body.logged-in .wrapper.search-wrapper {
	margin-top: -180px;
}

.page-search .wrapper.search-wrapper {
	margin-left: -50px;
}

.page-search .wrapper.search-wrapper,
.wrapper.search-wrapper.active {
	margin-top: 0 !important;
}

	.search-wrapper .form-submit {
		display: none;
	}

	.search-wrapper .form-text {
		background: url(../images/search-icon-gray.svg) 50px center no-repeat #FFF;
		background-size: 38px;
		width: 100%;
		height: 150px;
		border: none;
		padding-left: 110px;
		font-size: 50px;
	}

	.page-search .search-wrapper .form-text {
		border-bottom: 1px solid;
	}

	.search-wrapper .form-text:focus {
	    outline-width: 0;
	}


/* IE fix */

@media screen\0 {

	.wrapper.search-wrapper,
	body.logged-in .wrapper.search-wrapper {
		margin-top: 0;
		display: none;
	}

	.page-search .wrapper.search-wrapper,
	.wrapper.search-wrapper.active {
		display: block;
	}

}

#autocomplete {
	background: #FFF;
	padding: 10px 0 10px 110px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	overflow: hidden;
	position: absolute;
	max-width: 100% !important;
	z-index: 100;
}

#autocomplete ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#autocomplete li {
	background: #fff;
	color: #000;
	cursor: default;
	white-space: pre;
	zoom: 1; /* IE7 */
}

/*@media screen and (max-width: 980px) {
	#autocomplete {
		border-left: 0;
		border-right: 0;
	}
}*/



/**
 *
 *	Search page
 *
 */

.page-search .wrapper .column.article .page-content {
	padding-top: 0;
}

.page-search h1 {
	display: none;
}

.page-search h2 {
	margin-top: 35px;
}

.page-search .wrapper.top {
	margin-top: 0;
}

	.page-search .wrapper.top .messages {
		margin: 0;
	}


.page-search #additional-content-wrapper {
	padding-top: 0;
}

.page-search .wrapper .column.article {
	margin-top: 0;
}

	.page-search .wrapper .column.article .page-content {
		float: left;
	}

.page-search .search-api-page-results {
	padding-top: 33px;
}


/**
 *
 *	Search spellcheck suggestion
 *
 */

.search-api-spellcheck-suggestion {
	font-style: italic;
	padding: 0 0 31px 0;
	margin: 0;
}


/**
 *
 *	Search result filter
 *
 */

ul.facetapi-facetapi-totaltabs li {
	margin-right: 5px;
	margin-bottom: 5px;
}

	ul.facetapi-facetapi-totaltabs li a {
		background: #000;
		color: #FFF;
		margin-right: 0;
		line-height: 31px;
	}

	ul.facetapi-facetapi-totaltabs li.active a,
	ul.facetapi-facetapi-totaltabs li a:hover {
		background: #626262;
		color: #FFF;
	}

	ul.facetapi-facetapi-totaltabs li a.facetapi-totaltabs-lättläst {
		position: relative;
		padding-left: 25px;
	}

	ul.facetapi-facetapi-totaltabs li a.facetapi-totaltabs-lättläst:before {
		position: absolute;
		top: 8px;
		left: 9px;
		content: ' ';
		background: url(/sites/all/themes/flh/images/iconsprite_normal.png) no-repeat;
		background-position: -18px -211px;
		width: 11px;
		height: 13px;
	}

	ul.facetapi-facetapi-totaltabs li a.facetapi-totaltabs-lättläst:hover:before {
		background-position: -1px -257px;
	}



/**
 *
 *	Navigation
 *
 */
/* .menu-block-2 {display:none;} */
.header-content .menu-container {
	text-align: center;
}

.header-content .menu {
	margin: 0;
	font-size:12px;
	font-size:1.3rem;
	font-family: 'visuelt-medium-pro';
	padding:0;
	display: inline-block;
	height: 42px;
	text-transform: uppercase;
}
	.menu .expand-arrow {
		display:none;
	}
	/* Navigation item normal */
	.header-content .menu-block-1 .menu li.options-menu-item {
		display:none;
	}

	.header-content .menu li {
		display:block;
		float:left;
		height:100%;
		padding:0 12px;
		margin:0;
		z-index:11;
	}

	.header-content .menu-block-1 > .menu-container > .menu > li.last > a {
		margin-right:0;
		padding-right:0;
		border:0;
	}

	.header-content .menu li a {
		display:block;
		outline:none;
		text-decoration:none;
		color:#fff;
		height:19px;
		line-height:19px;
        position: relative;
	}
	.header-content .menu li a:hover {
		color: #cc1b9b;
	}
	.header-content .menu li .menu a:hover {
		color:#fff;
		text-decoration: underline;
	}
	.header-content .menu li .menu .empty-offset-child a:hover {
		text-decoration: none;
	}

	.header-content .menu.isSubMenu li a:after {
		display:none !important;
	}
	.header-content .menu > li.active-trail > a {
		color: #cc1b9b;
	}
	.header-content .menu .menu li.active-trail > a {
		color:inherit;
	}

	.header-content .menu li:last-child a {
		padding-right:0;
		margin-right:0;
		border-right:0px;
	}

	.header .contextual-links-region {
		position:static;
	}

	@media screen and (min-width: 915px) {
		.header-content .menu li:not(.no-expand):hover .menu {
			display:block;
			z-index: 141;
		}
	}

	@media screen and (max-width: 915px) {
		.header-content .menu li:hover .menu {
			display:block;
			z-index: 141;
		}
	}

	.header-content .menu li.expanded.isOpen.noarrow:not(.no-expand) a:after,
	.header-content .menu li.expanded.isOpen.active:not(.no-expand) a:hover:after {
/* 		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(0, 0, 0, 0);
		border-width: 7px;
		left: 50%;
		margin-left: -18px;
		border-top-color: #000000;
		top:100%;
		margin-top:19px;
		z-index:12; */
	}

	.header-content .menu-block-1 .menu li.active-trail.noarrow a:after {
		
	}
	.header-content .menu-block-1 .menu li.active-trail a:after {
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(0, 0, 0, 0);
		border-width: 7px;
		left: 50%;
		margin-left: -18px;
	}

	.header-content .menu-block-1 .menu li.active-trail a:after {
		bottom:-19px;
		border-bottom-color: #eaeaea;
		display: none;
	}

	.header-content .menu-block-1 .menu li.expandable.active-trail a:after {
		top: 100%;
		border-top-color: #000000;
		border-bottom-color: transparent;

	}


	.header-content .menu .menu {
		font-family: arial, verdana;
		position:absolute;
		display:none;
		float:none;
		left:0;
		top:100%;
		width:100%;
		height:auto;
		max-height:none;
		background:#323232;
		font-size:15px;
		font-size:1.5rem;
		line-height:19px;
		padding:30px;
		margin:0;
		z-index:10;
	}

	.header-content .menu .menu li:nth-child(3n+1) {
		clear:both;
	}
	.header-content .menu .menu li {
		display:block;
		position:relative;
		float:left;
		height:auto;
		width:25%;
		max-height:none;
		font-size:12px;
		font-size:1.5rem;
		line-height:19px;
		margin:0;
		z-index:10;
	}
	.header-content .menu .menu li a {
		padding:10px 0 10px 12px;
		height:auto;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space:nowrap;
		border-right:0;
		border-left: 1px solid #3d3d3d;
    	box-shadow: -1px 0px 0px #1e1e1e;
		text-align: left;
		text-transform: none;
	}

/*******************************
 *
 *	Sub header
 *
 ******************************/

.ie9 .wrapper.sub-header {
	border: none;
}

.region.region-sub-header {
	margin:0px;
	padding:0px;
	height:auto;
	overflow: hidden;
}

.mini-cart {
	float:right;
	list-style-type: none;
	margin:0px;
}
.mini-cart li:first-child {
	border-left:0;
	box-shadow: none;
}
.mini-cart li {
	float:left;
	display:block;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #fff;
	box-shadow: -1px 0 0 #c5c5c5;

}



/*******************************
 *
 *	Content
 *
 ******************************/


/**
 *
 *	Top items
 *
 */
.wrapper .top-text {
	position:relative;
	width:60%;
	padding-left:0;
	margin-bottom:40px;
}
.wrapper .top-text h1 {
	font-size: 50px;
	line-height: 50px;
	font-size: 5rem;
	line-height: 5rem;
}
.node-type-frontpage .wrapper .top-text h1 {
	width: 93%;
}
.wrapper .top-text p {
	font-family:'visuelt-black-pro';
	margin:0;
	text-transform: uppercase;
}
.wrapper .top-text a.link {
	position:absolute;
	top:50%;
	margin-left:20px;
	margin-top:-25px;
	left:100%;
	white-space:nowrap;
}
.top-video-clip h1 {
	color:#fff;
	margin-top:0;
}
.top-video-clip h2 {
	color:#bdbdbd;
}
.top-video-clip p{
margin-left:10px;
}
.top-video-clip {
	width:100%;
	background:#000;
	color:#aaaaaa;
	z-index: 1;
	position: relative;
}

.top-video-clip .video-info {
	width:100%;
	margin-top:20px;
	padding-bottom:20px;
	z-index: 2;
	position: relative;
}
.top-video-clip .video-info a:hover {
	color:#bdbdbd;
}
.top-video-clip .description {
	width:60%;
	padding:0 20px 0 25px;
	float:left;
	border-right:1px dashed #515151;
}
.top-video-clip .categories ul li {
	line-height:1.1;
	margin-bottom:10px;
}
.top-video-clip .categories ul {
	list-style-image: none;
	list-style-type: none;
	padding:0; margin:0;
}
.top-video-clip .categories {
	width:20%;
	padding:0 20px 0 20px;
	float:left;
	border-right:1px dashed #515151;
}
.top-video-clip .share {
	padding:0 20px 0 20px;
	width:20%;
	float:left;
}

.movie-share-buttons {
	list-style-type: none;
	width: 130px;
	padding: 0px;
}
.movie-share-buttons li {
	margin-bottom:15px;
	left:0px;
	margin-left:0px; 
}

.movie-share-buttons .fb-like {
	min-height:25px;
}
.movie-share-buttons a {
	color:#fff;
}



.top-video-clip .video-clip {
	width:100%;
	margin-bottom:0;
	position: relative;
	background: #181818;
}
.top-video-clip .video-clip:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(27, 27, 27, 0);
	border-top-color: #181818;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

/**
 *
 *	Wrapper
 *
 */
.wrapper {
	width:960px;
	margin:0 auto;
}

.wrapper .column.full.maintenance {
	text-align:center;
	font-size:16px;
	margin-top:50px;
}
.wrapper .column.full.article {
	overflow:hidden;
}

.wrapper .column.pageNotFound {
	margin-top:100px;
	text-align:center;
	min-height:500px;
}
.wrapper .column.pageNotFound h1 {
	font-size:150px;
	font-size:15rem;
	line-height:15rem;
}

.wrapper.top {
	margin-top:40px;
}

	.wrapper .column {
		margin-bottom:50px;
	}
	.wrapper .column.left {
		float:left;
	}
	.wrapper .column.right {
		float:right;
	}

	.wrapper .column.full {
		width:100%;
	}
	.wrapper .column.c50 {
		width:50%;
	}
	.wrapper .column.c33 {
		width:33.33%;
	}

	.wrapper .column.teaser-landing-page-block.break {
		padding-right:0;
	}

	.wrapper .column.block {
		min-height:100%;
		padding:0px 24px 24px 0;
		margin-bottom:0;
	}
	.wrapper .column.block.end {
		padding:0px 0 24px 0;
	}

	.wrapper .column.block .content {
		background:#fff;
		width:100%;
		height:100%;
	}

	/* Article */
	.node-type-material-landing-page .wrapper .column.article,
	.node-type-material .wrapper .column.article,
	.page-material-search .wrapper .column.article {
		margin-top:20px;
	}
	.wrapper .column.article {
		margin-top:40px;
		background:#ffffff;
	}
		.wrapper .column.article .top-image img {
			display:block;

			/* Image keeps aspect in smaller viewports */
			max-width:100%;
			max-height:100%;
			min-width:100%;
		}
		.wrapper .column.article .top-image {
			position:relative;
			width:100%;
			padding:0;
			/* Makes the page not jump */
			/* (but breaks the responsiveness) */
			/* height:375px; */

			/* So 404 doesn't blow up the page */
			max-height:375px;
		}
			.wrapper .column.article .top-image .caption {
				position:absolute;
				bottom:0;
				right:0;
				width:264px;
				padding:20px 24px 20px 24px;
				background:#000000;
				color:#ccc;
				font-size:12px;
				font-size:1.2rem;
				line-height:14px;
				background:rgba(0,0,0,0.85);

			}

		.wrapper .column.article .page-content
		{
			float:right;
			width:685px;
			padding:35px 50px 60px 50px;
		}

		.wrapper .column.article .page-content img {
			max-width:100%;
			height:auto !important;
		}

		.wrapper .column .article-content p  {
			z-index:1;
		}

		/*
			Hack for pdf download file item in content
		*/
		.wrapper .column .article-content a.arrow {
			margin:0px;
			display:block;
			position:relative;
			padding-left:15px;
		}
		.wrapper .column .article-content a.arrow:before {
			content:' ';
			background: url('../images/iconsprite_normal.png') no-repeat;
			background-position: -123px -165px;
			width: 10px;
			height: 15px;
			display: inline-block;
			position:absolute;
			left:0;
			top:3px;

		}


		.wrapper .column.article.press-content .article-content {
			padding:0;
			float:none;
			width:100%
		}

	.wrapper .breadcrumbs {
		margin-top:0px;
		margin-bottom:10px;
		padding:0;
		list-style-type: none;
	}
	.wrapper .breadcrumbs li {
		float:left;
	}
	.wrapper .breadcrumbs li span.icon.arrow.small.black {
		display:inline-block;
		margin:0 10px 1px 0px;
		vertical-align:middle;
	}
	.article-subtitle {
		display:block;
	}

    .event-content {
        margin-top:40px;
        overflow:hidden;
    }

    .event-content img {
        float:left;
        margin:0 20px 10px 0;
    }

    .event-link a:before {
        background: url('../images/iconsprite_normal.png') no-repeat scroll -123px -165px;
        bottom: -2px;
        content: " ";
        display: inline-block;
        height: 15px;
        margin-right: 6px;
        position: relative;
        width: 10px;
    }

/**
 *
 *	Toggleable Sources
 *
 */


/* BTN */

.custom-fallout {
	position: relative;
}

.custom-fallout .btn button {
	position: relative;

	border: 0;
	color: #FFF;
	background-color: black;
	display: inline-block;

	cursor: pointer;

	text-align: center;
	text-decoration: none;
	vertical-align: middle;

	line-height: normal;

	margin: 0;
	padding: 0 30px 0 10px;
	height: 30px;
	white-space: nowrap;
	border: none;
	outline: none;

	-webkit-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1;

	*display: inline;
	*zoom: 1;
}

.custom-fallout .btn button:hover {
	background: #0BA126;
	color: black;
}

.custom-fallout .btn button::after {
	background: url(/sites/all/themes/flh/images/iconsprite_normal.png) no-repeat;
    background-position: -113px -179px; /* black arrow down */

	width: 20px;
    height: 15px;

    content: ' ';
    position: absolute;

	top: 6px;
    right: 14px;
}

.custom-fallout .btn button:hover::after {
	background-position: -133px -180px !important; /* white arrow down */

	top: 7px;
	right: 9px;
}

.custom-fallout .btn button.arrow-up::after {
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
}

/*OTHER STUFF*/

.btn {
	display: inline-block;
}

.btn button:hover {
	background: #b089c8;
}

.btn .go-back {
	padding-top: 7px;
	margin-bottom: 16px;
}

.custom-fallout {
	margin-bottom: 20px;
}

.custom-fallout-holder {
	padding-top: 20px;
	display: none;
}

.custom-fallout-holder.fallout-sources {
	font-size: 12px;
}

.custom-fallout-holder.custom-fallout-visible {
	display: block;
}

.custom-fallout-holder p {
	padding-bottom: 0;
}


/**
 *
 *	Material
 *
 */
.view-galleries { }

.view-galleries .views-row:nth-child(2n) {
	padding:10px 0px 10px 10px;
}
.view-galleries .views-row {
	width:50%;
	float:left;
	padding:10px 10px 10px 0;
}
.gallery-item {
	overflow:hidden;
	background:#eaeaea;
}
.gallery-item img {
	max-width:100%;
	display:block;
}

.gallery-item h3 {
	background:#000;
	color:#fff;
	padding:20px;

	/*
	padding-top: 200px;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.1.0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,1.0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(0,0,0,1.0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	*/

	margin:0;
	font-weight:normal;
}
.gallery-item p {
	color:inherit;
	background:#eaeaea;
	padding:20px;
	margin:0;
	color:#4d4d4d;
}
.gallery-item p.last {
	padding-top:0;
}

.gallery-image {
	position:relative;
	margin-bottom:25px;
	overflow:hidden;
}
.gallery-image > * {
	min-height:200px;
}
.gallery-image > a {
	display:block;
	width:66%;
	height:auto;
}
.gallery-image > a > img {
	width:auto;
	min-width:100%;
	display:block;
	height:auto;
	min-height:300px;

}
.gallery-image .info {
	position:absolute;
	top:0;
	right:0;
	width:34%;
	height:100%;
	background:#000;
}

.gallery-image h3 {
	padding:20px 20px 0 20px;
	font-weight:normal;
	color:#fff;
}
.gallery-image .image-attribution {
	padding:5px 20px 20px 20px;
	color:#cecece;
	display:block;
}
.gallery-image .download {
	position:relative;
	padding:10px 20px 10px 20px;
	display:block;
	color:#fff;
	background:#0ba126;
	font-weight:bold;
}

.gallery-image .download:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(11, 161, 38, 0);
	border-right-color: #0ba126;
	border-width: 7px;
	top: 50%;
	margin-top: -7px;
}

/**
 *
 *	Material
 *
 */
.material-body {
	margin-top:1em;
}
.material-body p {
	margin-top:0;
	margin-bottom:1em;
}
.material-sidebar {
	display:block;
	float:left;
	margin:0 20px 20px 0;
	width:200px;
	max-width: 50%;
}

.material-body .categories {  /* UL */
	list-style-type: none;
	padding:0;
}
.material-body .categories li .icon {
	vertical-align: middle;
	margin-top:-2px;
}
.material-body .categories li {
	margin-bottom:5px;
}
.material-body .image {} /* IMG */
.material-content .order-table {
	margin-top:14px;
}

.material-content .order-table .form-item {
	display:inline-block;
}

.material-content .material-files tbody,
.material-content .order-table tbody {
	border-top:0px;
}
.material-content .order-table td.top {
	vertical-align: middle;
}
.material-content .material-files td,
.material-content .order-table td {
	padding-right:10px;
}
.material-content .order-table .default-btn {
	display:block;
}
.material-content .order-table .stock-status {
	font-style:italic;
}
.material-content .order-table .amount {
	height:31px;
	width:30px;
	margin-bottom:4px;
	text-align:center;
}

.material-file td {
	padding-top:10px;
}
.material-file .filename {
	display:block;
	max-width:300px;
	overflow:hidden;
	text-overflow:ellipsis;
    margin-left:10px;
}
.material-file .filesize {
	font-style: italic;
}

.web-material-links {
	padding:0;
	margin:0;
	list-style-type: none;
}
.web-material-links li {
	margin:10px 0 10px 0;
}
/*
.web-material-links li .icon {
	margin-right:5px;
	vertical-align: middle;
}
*/

/*
 *
 *	Exhibition
 *
 */
.related-material {
	margin:5px 0 5px 0;
}
.related-material a {

	position:relative;
	padding-left:20px;
}
.related-material a:before {
	position: absolute;
	content: '';
	top: 1px;
	background: url('../images/iconsprite_normal.png') no-repeat;
	background-position:-153px -165px;
	width: 10px;
	height: 15px;
	left: 0;
	display: block;
}

.exhibition-details {
    margin-top: 1em;
}
.exhibition-details.first {
    margin: 0;
}

.exhibition-details .where {
	display:block;
	font-weight:bold;
}

.exhibition-details .when,
.exhibition-details .who,
.exhibition-details .instruction,
.exhibition-details .hours {
	display:block;
}

.exhibition-details .instruction p {
    margin: 0;
}

/* Material related icons */
.material-more-information {}
.material-more-information .default-btn {
	float:left;
}
.material-more-information .material-icons {
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type: none;
	height:31px;
	float:left;
}
.material-more-information .material-icons li .icon {
	margin-top:6px;
	margin-left: 0px;
}
.material-more-information .material-icons li {
	display:inline-block;
	height:31px;
	margin-left:10px;
}

/* Material search */
.material-content .current-items {

}
.material-content .current-item h2 {
	word-wrap: break-word;
	word-break:hyphenate;
	margin-top:0;
}
.material-content .current-item.large h2 {
	margin-top:0;
}
.material-content .current-item.large {
	width:100%;
	padding-right:0px;
}
.material-content .current-item.normal:nth-of-type(2n) {
	padding-right:0px;
	padding-left:15px;

}
.material-content .current-item {
	width:50%;
	padding-right:15px;
	float:left;
}
.material-content .current-item.normal p {
	clear:both;
}
.wrapper .column.article .page-content .material-content .current-item.normal img {
	max-width:40%;
	margin-right:0;
}
.material-content .current-item.normal h2 {
	width:55%;
	float:right;
}
.material-content .current-item img {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.related-material-item .categories {
	display:block;
	margin-bottom:10px;
}

.related-material-item .icon.inline {
	margin-bottom: 7px;
	margin-left:10px;
}
.related-material-item .related-image {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}


.article-material-container {

}
.article-material-container .material-item .image {
	background:#000;
	width:100%;
	height:105px;
	text-align:center;
}
.article-material-container .material-item .image img {
	margin-top:5%;
	max-width:90%;
	max-height:90%;
}
.article-material-container .material-item {
	float:left;
	width:131px;
	margin-right:10px;
}

/*
 *
 *	SEARCH RESULTS
 *
 */
.search-result {
	position:relative;
	width:100%;
	overflow: hidden;
}

.search-result .image {
	position:absolute;
	left:0;
	top:0;
	width:151px;
	height:121px;

}
.search-result .text {
	margin-left:171px;
}
.page-content .search-results .search-result .image img {
	width:151px;
}
.search-result .taxonomies {
	font-size:12px;
	font-size:1.2rem;
	margin:0;
}
.search-result .result-content {
	margin-top:0.5rem;
}

.search-result strong {
	background-color: #ffffbb;
}

/**
 *
 *	Checkout
 *
 */

.checkout tbody {
	border:none;
}
.checkout {
	width:100%;
	margin-bottom:20px;
}
.checkout th {
	font-size:18px;
	font-size:1.8rem;
	border:none;
}
.checkout tr:first-child {
	border-top:1px solid #a3a3a3;
}
.checkout tr {
	border-bottom:1px solid #a3a3a3;
}

.checkout tr.info {
	font-size:16px;
	font-size:1.6rem;
}
.checkout tr.info td:first-child {
	padding-left:15px;
}
.checkout tr.total {
	font-weight:bold;
}
.checkout tr.gray {
	background: #f0f0f0;
}
.checkout td,
.checkout th {
	padding:15px;
	border-right: 1px dashed #a3a3a3;
}
.checkout td:first-child,
.checkout th:first-child {
	padding-left:0px;

}
.checkout td:nth-child(2) {
	white-space:nowrap;
}

.checkout .form-item {
	display:inline-block;
}
.checkout input[type=text] {
	width:42px;
	height:42px;
	text-align:center;
}
.checkout td:last-child,
.checkout th:last-child {
	border-right:0px;
}

.order-form  {
	width:100%;
	padding-right:15px;
}
.order-form input {
	padding:10px;
	width:100%;
}
.order-form label {
	font-weight:normal;
}
.order-form legend {
	font-weight:bold;
}
.order-form fieldset {
	border:none;
}
.order-form  .clarification {
	font-size:12px;
	font-size:1.2rem;
	color:#a3a3a3;
}

.orders-buttons {
	text-align: right;
	margin-top:40px;
}

.orders-buttons  .form-submit[name=back] {
	float:left;
}

.order-form .form-item {
    margin-top:10px;
}

/**
 *
 *	Book navigation
 *
 */

.book-block-menu {
	width:205px;
	float:right;
	background:#242424;
	color:#fff;
	padding:0;
	margin:1em 0 15px 15px;
	z-index:2;
	position: relative;
}
.book-block-menu ul {
	padding:0;
	margin:0;

}
.book-block-menu ul li,
.book-block-menu ul li.collapsed,
.book-block-menu ul li.expanded,
.book-block-menu ul li.leaf {
	list-style-type: none;
	list-style-image: none;
}

.book-block-menu ul > li {
	padding:0;
	margin:0;
}
.book-block-menu > ul > li {
	width:100%;
}
.book-block-menu > ul > li > a{
	width:100%;
	padding:20px 15px 20px 15px;
	display:block;
	background:#000000;
	color:#fff;
}

.book-block-menu > ul > li > ul > li {
	display:block;
	border-top:1px solid #2f2f2f;
	border-bottom:1px solid #121212;
	padding:10px 5px 10px 15px;
}
.book-block-menu > ul > li > ul > li ul {
	margin-left:20px;
}

.book-block-menu > ul > li > ul > li li {
	padding-right:5px;
}

.book-block-menu > ul > li > ul a {
	color:#b6b6b6;
}
.book-block-menu > ul > li > ul li.active-trail {
	background:#AF1685;
}
.book-block-menu > ul > li > ul li.active-trail a {
	color:white;
}
.book-block-menu > ul > li > ul li ul li {
	margin-top:10px;
}
.book-block-menu > ul > li > ul li.active-trail a.active {
	color:#fff;
}

/* Arrows */
.book-block-menu > ul > li > ul > li.collapsed > a:before,
.book-block-menu > ul > li > ul > li.expanded > a:before,
.book-block-menu > ul > li > ul ul li.collapsed > a:before,
.book-block-menu > ul > li > ul ul li.expanded > a.active:before,
.book-block-menu > ul > li > ul ul li.expanded > a:before {
	content:' ';
	display:inline-block;
	width:9px;
	height:9px;
	padding-right:5px;
	background:url('../images/iconsprite_normal.png') no-repeat;
}


/* Primaries */

/* Inactive, collapsed */
.book-block-menu > ul > li > ul > li.collapsed > a:before {
	background-position:-111px -198px; /* white, right */
}
/* Inactive, expanded */
.book-block-menu > ul > li > ul > li.expanded > a:before {
	background-position:-139px -185px;  /* Black, down */
}
/* Active, expanded */
.book-block-menu > ul > li > ul > li.expanded > a.active:before {
	background-position:-124px -185px; /* White, down */
}

/* Secondaries */
/* Inactive, collapsed */
.book-block-menu > ul > li > ul ul li.collapsed > a:before {
	background-position:-141px -198px;  /* black, right */
}
.book-block-menu > ul > li > ul ul li.expanded > a:before {
	background-position:-139px -185px;  /* Black, down */
}
.book-block-menu > ul > li > ul ul li.expanded > a.active:before {
	background-position:-124px -185px; /* White, down */
}


.book-navigation .page-previous:before,
.book-navigation .page-next:after {
	content:' ';
	display:inline-block;
	width:6px;
	height:9px;
	background:url('../images/iconsprite_normal.png') no-repeat;
}
.book-navigation .page-previous:before {
	margin-right:5px;
	background-position:-156px -198px;
}
.book-navigation .page-next:after {
	margin-left:5px;
	background-position:-141px -198px;
}

/**
 *
 *	Search
 *
 */
.search-form.video-search {
	margin-top:0;
}
.search-form.material-extended {
	background:#bebebe;
}
.search-form {
	margin-top:25px;
	background:#dedede;
	padding:20px;
	position: relative;
}

.search-form:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(222, 222, 222, 0);
	border-top-color: #dedede;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}

.search-form.material-extended:after {
	display:none;
}
.search-form-filter .filter-options {
	width:80%;
}
.search-form-filter .filter-multiple {
	width:25%;
	float:left;
	padding-right:16px;
	margin-bottom:20px;
}
.search-form-filter .filter-multiple select {
	display:block;
	margin-top:2px;
	width:100%;
}

.search-form-filter .filter-item {
	display:block;
	float:left;
	margin-right:10px;
}
.search-form-filter .filter-item input {
	vertical-align: middle;
	margin-bottom:3px;
}
.search-form-filter .filter-item label {
	margin-left:5px;
	display:inline-block;
	font-weight:normal;
}

.search-form-filter {
	width:100%;
	left:0;
	background:#d9d9d9;
	padding:20px;
	position:relative;
}

.search-form-filter:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(222, 222, 222, 0);
	border-top-color: #d9d9d9;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}

.search-form .search-input {
	height:52px;
	width:479px;
	border:0px;
	padding:10px 10px 10px 43px;
	float:left;
	background:#ffffff url('../images/search_icon.png') 20px center no-repeat;
}

.search-form .search-submit {
	height:52px;
	float:left;
	margin-top: 0px;
}

.search-result-item h2 {
	margin-bottom: 0.2em;
	color:#000;
}
.search-result-item .path {
	font-size:12px;
	font-size:1.2rem;
	color:#000;
}
.search-result-item p {
	margin:0 0 0.5em 0;
}
.search-result-item img {
	float:left;
	margin-right:20px;
}

.search-result-item.video .image {
	width:282px;
	height:189px;
	margin-right:20px;
	position:relative;
	float:left;
}

.play-button {
	position:absolute;
	width:94px;
	height:94px;
	top:23px;
	left:50%;
	margin-left:-47px;
	border:14px solid #007672;
	background:#000;
	border-radius:50px;
}
.play-button:hover {
	background:#007672;
}
.play-button .play-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	pointer-events: none;
	border-top: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 20px solid white;
	margin-top: -14px;
	margin-left: -5px;
}

.search-result-item.video .path {
	font-size:14px;
	font-size:1.4rem;
	color:#000;
}

.search-result-item.video p {
	margin-top:15px;
}
.search-result-item.video .image .subtitle {
	position:relative;
	display:block;
	text-align:center;
	width:282px;
	line-height:50px;
	height:50px;
	background:#000;
}
.search-result-item.video .image .subtitle a:hover{
	color:#fff;
}
.search-result-item.video .image .subtitle:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}


.search-result-item.video img {
	float:none;
	display:block;
	margin:0;
}


/**
 *
 *	Press
 */
 .wrapper .column.article .page-content.press-container {
 	width:414px;
 	float:right;
 	padding:35px 0 60px 31px;
 }

 .wrapper .column.article .page-content.press-container.list {
	float:right;
	width:685px;
	padding:35px 50px 60px 50px;
 }

.press-sidebar {
	float:right;
	width:271px;
	padding:67px 50px 67px 31px;
}
#block-flh-block-press-sidebar-teasers .content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.press-release {

}
.press-release .published {
	color:#505050;
	margin:0 0 5px 0;
}
.press-release h3  {
margin:0 0 10px 0;
}
.press-release h3 a {
	color:#AF1685;
}

.press-sidebar-teaser-block {
	margin-bottom:20px;
}
.press-sidebar-teaser-block .image-container img {
	max-width:100%;
}
.press-sidebar-teaser-block .image-container img,
.press-sidebar-teaser-block .image-container {
	display:block;
	margin:0;
}
.press-sidebar-teaser-block .subtitle {
	display:block;
	color:#fff;
	background:#000;
	padding:17px;
}
.press-sidebar-teaser-block .subtitle:hover {
	text-decoration: underline;
}

.press-sidebar-clip  {
	line-height:2rem;
}

.press-sidebar-clip a {
	display:block;
}
.press-sidebar-clip .domain {
	color:#505050;
}

 .press-container.list .views-row-even {
	background:#f0f0f0;
}
.press-list-item.large {

}
.press-list-item.large .created {
	margin:20px 0 0 0;
	padding:0;
}
.press-list-item.large h2 a {
	color:#008919;
}
.press-list-item.large h2 {
	margin-top:5px;
}
.press-list-item.large img {
	margin-top:31px;
	max-width:100%;
}



.press-list-item .published {
	float:left;
	width:18%;
	text-align:right;
	padding:25px 15px 25px 0;
	border-right:1px dashed #a3a3a3;
}
.press-list-item .published .timestamp {
	display:inline-block;
	vertical-align: middle;
	text-align:left;
}
.press-list-item .published .day {
	line-height:34px;
	line-height:3.4rem;
	font-size:34px;
	font-size:3.4rem;
	margin-right:5px;
	display:block;
	font-weight:bold;
	/* line-height:normal; */
	float:left;
}
.press-list-item .published .day-and-month {
	line-height:1.6rem;
	height:3.4rem;
	float:left;
}
.press-list-item .published .month{
	font-weight:bold;
}


.press-list-item .list-content {
	float:left;
	padding-left:20px;
	width:82%;
}
.press-list-item .list-content .inner {
	height:100%;
	width:100%;
	display:table-cell;
	vertical-align: middle;
}

/*
 *	Generic Paging
 */

.wrapper .item-list .pager:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper .item-list .pager {
	list-style-type: none;
	margin:40px 0 0 0;
	padding:40px 0 0 0;
	border-top: 1px dashed #a3a3a3;
}
.wrapper .item-list .pager li {
	float:left;
	padding:0 9px;
	margin:0;
}

.wrapper .item-list .pager li.pager-current {
	border-right:1px dashed #a3a3a3;
	border-left:1px dashed #a3a3a3;
	color:#a3a3a3;
}

/**
 *
 *	All humans
 *
 */
.node-type-web-exhibition-all-humans {
	/*background: #a99852;*/
    background:url('../images/all-humans/alla_manniskor_bg.jpg') no-repeat;
    background-size: cover;
}

.node-type-web-exhibition-all-humans .top-text,
.node-type-web-exhibition-all-humans h1 {
	color: #fff;
}
.all-humans-container {
	background: #000;
	color: #fff;
	margin-bottom: 110px;
	position: relative;
}
.all-humans-container.expanded  .for-teacher{
	display: block;
}
.all-humans-content {
	padding: 22px;
}

.all-humans-container.audio .bgimage {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom:-5px;
    position: relative;
}

.all-humans-container.audio .bgimage .overlay {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    top: -5px;
    width: 100%;
    left:0;
}


.all-humans-container.audio .bgimage .img {
    max-width:100%;
}

.all-humans-container.audio .jp-audio {
    bottom: 200px;
    left: 29%;
    margin: 0;
    position: absolute;
    width: 50%;
    z-index: 100;
}

.bgimage div.jp-interface,
.bgimage div.jp-playlist{
    background:none;
}

.bgimage div.jp-type-playlist div.jp-playlist li {
    border:none;
}

.bgimage.no-image .overlay {
    display: none;
}

.bgimage.no-image .jp-audio {
    bottom: auto;
    left: 0;
    margin-top: -10px;
    padding-bottom: 37px;
    position: relative;
    z-index: 1000;
}

.bgimage .jp-playlist {
    display:none;
}


.all-humans-container .only-video,
.all-humans-toggle-button {
	cursor: pointer;
	position: absolute;
	top: 100%;
	right: 0px;
	border: none;
	outline: none;
	padding: 10px 10px 10px 54px;
	height: 54px;
	display: table;
	background: #ee6e01;
	color: #fff;
}

.all-humans-content div.jp-type-playlist div.jp-playlist {
    display: none;
}

.sign-language-holder {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: table;
    height: 54px;
    padding: 17px 10px;
    position: absolute;
    right: 143px;
    text-transform: uppercase;
    font-family: 'visuelt-black-pro';
    font-size: 13px;
	cursor: pointer;
	text-transform: uppercase;
}

.sign-language-holder:hover {
    color: #fff;
    background:#202020;
}

.all-humans-toggle-button {
	background: #ee6e01 url('../images/all-humans/teacher-icon.png') 10px center no-repeat;
	padding: 10px 10px 10px 54px;
	height: 54px;
}
.all-humans-toggle-button:hover {
 	color:#fff;
}
.all-humans-container.expanded  .all-humans-toggle-button {
	background-image:url('../images/all-humans/close-icon.png');
}
.all-humans-container.expanded .all-humans-toggle-button .contracted,
.all-humans-container .all-humans-toggle-button .expanded {
 	display:none;
}
.all-humans-container.expanded .all-humans-toggle-button .expanded {
 	display:table-cell;
 	vertical-align: middle;
}
.all-humans-container .all-humans-toggle-button .contracted {
 	display:table-cell;
 	vertical-align: middle;
}

.all-humans-container.expanded .all-humans-toggle-button:after {
	top: 0%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 9px;
	margin-left: -9px;
}

.all-humans-container .only-video {
	left: 0;
	right: auto;
	background: #ee6e01 url('../images/all-humans/close-icon.png') 10px center no-repeat;
}

.all-humans-container .video-control  {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.all-humans-container .video-control .play {
    background: rgba(0, 0, 0, 0) url("../images/all-humans/play.png") no-repeat scroll center center;
    border: medium none;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
    text-indent: -9999px;
    overflow: hidden;
}

.all-humans-container .video-control img{
    position: absolute;
    max-width:100%;
}


.all-humans-container .bgimage img {
    max-width:100%;
}

.all-humans-container .video-control.hide{
    display:none;
}

.all-humans-container .vimeo-video {
	display:block;
    position: relative;
}
.all-humans-container .video-text {
	display:block;
}
.all-humans-container .only-video {
	display:none;
}
.all-humans-container.video-mode .video-text {
	display:none;
}

.all-humans-container.video-mode .only-video,
.all-humans-container.video-mode .vimeo-video {
	display:block;
}
.all-humans-container .all-humans-toggle-video {
	cursor: pointer;
	position: relative;
	display: block;
	background: #000 url('../images/all-humans/orange-play.png') 27px center no-repeat;
	width: 94px;
	height: 94px;
	border: 14px solid #ee6e01;
	border-radius: 50%;
    display:none;
}
.all-humans-container .all-humans-toggle-video span {
	position:absolute;
	left: 100%;
	top: 50%;
	color: #ee6e01;
	margin-top: -10px;
	margin-left: 20px;
	white-space:nowrap;
	font-size: 16px;
	font-weight: bold;
}


.all-humans-container .all-humans-tumblr-collage {
	cursor: pointer;
}

.all-humans-container .all-humans-tumblr-collage img {
    max-width:100%;
}

.all-humans-container .all-humans-toggle-button:hover,
.all-humans-container .all-humans-make-collage:hover,
.all-humans-container .all-humans-toggle-video:hover {
	opacity: 0.8;
}

.all-humans-container .all-humans-make-collage {
	cursor: pointer;
	position: relative;
	display: block;
	background: #ee6e01 url('../images/all-humans/scissor-icon.png') center center no-repeat;
	width: 94px;
	height: 94px;
	border-radius: 50%;
	border: none;
}
.all-humans-container .all-humans-make-collage span {
	position:absolute;
	left: 100%;
	top: 50%;
	color: #ee6e01;
	margin-top: -10px;
	margin-left: 10px;
	white-space:nowrap;
	font-size: 16px;
	font-weight: bold;
}

.all-humans-container .for-teacher {
	display: none;
	background: #fff;
	color: #000;
}

.all-humans-collage-container {
	overflow:hidden;
}
.all-humans-collage-iframe {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
}

/**
 *
 *	Lättläst
 *
 */
.lattlast a,
.highlight a{
    background: #000 url("../images/lattlast.png") no-repeat scroll 19px 8px;
    clear: both;
    display: inline-block;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 10px 10px 10px 47px;
    color: #fff;
    cursor: pointer;
}

.lattlast a:hover,
.highlight a:hover{
    color:#fff;
}

.lattlast span,
.highlight span{
	background: rgba(0, 0, 0, 0) url("../images/iconsprite_normal.png") no-repeat scroll -117px -193px;
	height: 14px;
	padding: 0 22px 0 0;
	width: 10px;
	float: right;
}
.lattlast,
.hightlight {
	display:block;
}

.highlight a {
	background:#007672;
	font-weight:bold;
	padding:10px;
}
/**
 *
 *	Article Generic
 *
 */
.article-share-buttons {
	list-style-type: none;
	margin:0;
	padding:0;
}
.article-share-buttons li {
	float:left;
	padding-right:20px;
	margin-right:20px;
	border-right:1px dashed #a3a3a3;
}
.article-share-buttons li:last-child {
	border-right:0px dashed #a3a3a3;
}

/* Embeds */

.video-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
     height: 0;
    overflow: hidden;
}
.video-embed iframe,
.video-embed object,
.video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**
 *
 *	Teasers
 *
 */

.teaser-block h2 {
	color:#fff;
	display:block;
	/*background:#000;*/
	padding: 20px 24px 20px 24px;

	/*font-size:19px;*/
	font-size:1.7rem;
	text-transform: uppercase;
	margin:0;
	position: absolute;
	bottom: 0;
	width: 100%;
}



div.teaser-block.article-movie-reference h2 {
	margin:0 0 0 0;
}

.teaser-block .content {
	height:100%;
}
.teaser-block .subtitle {
	display:block;

	font-weight: bold;
	font-style: italic;

	margin:20px 0 10px 0;
	padding:0 24px 0 24px;

	/*color:inherit;*/
	color: black;
}
.teaser-block .text {
	display:block;
	margin:20px 0 20px 0;
	padding:0 24px 0 24px;
}
.teaser-block .link {
	display:block;
	margin:0 0 20px 0;
	padding:0 24px 0 24px;
}
.teaser-block .link .icon {
	margin-bottom:-2px;
	margin-right:9px;
}
.teaser-block .image {
	overflow:hidden;
	position:relative;
	width:100%;
}

.teaser-block .image a {
	display:block;
	height:100%;
	width:100%;
}
.teaser-block .image img {
	width:100%;
	display:block;
	min-height:100%;
	min-width:100%;
}


.teaser-block.c50 .image {
	height:300px;
}
.teaser-block.c33 .image {
	/*height:195px;*/
	height: 253px;
	position: relative;
}

.gallery-item .image {
	height: 240px;
	position: relative;
}

.teaser-block.c33 .image .gradient, .teaser-block.c50 .image .gradient, .gallery-item .gradient {
	position: absolute;
	height: 100%;

	width: 100%;

	bottom: 0;
	left: 0;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1.0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,1.0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,1.0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,1.0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,1.0) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6 000 000', GradientType=0 );*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000000', endColorstr='#ff0000000', GradientType=0 );
}

.article .teaser-block h2 {
	/*font-weight:normal;*/
	padding:15px;
	font-size:14px;
	font-size:1.4rem;
	margin:0;
}

.article .teaser-block .image {
	/*height:181px;*/
	height: 250px;
	background:#000;
}

.c50 .teaser-block h2 {
	font-weight: bold !important;
}

.gallery-item h3 {
	font-weight: bold !important;
	background-color: transparent;
}

.gallery-item h3 {
	color:#fff;

	display:block;

	padding: 20px 24px 20px 24px;

	/*font-size:19px;*/
	/*font-size:1.7rem;*/
	text-transform: uppercase;

	margin:0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.article .teaser-block .image img {
	height:100%;
	min-width:100%;
}

.teaser-block.article-movie-reference .image {
	position:relative;
	height:180px;
}
.teaser-block .image a.play-button {
	top:50%;
	margin-top:-47px;
	height:94px;
	width:94px;
}

.article .column.teaser-block .content{
	background:#eaeaea;
}

.filter-buttons, .grade-buttons, .area-buttons {
	float: left;
}

.grade-buttons button, .filter-buttons button, .area-buttons button {
	outline: none;
	padding: 15px;
    border: none;
    margin-bottom: 15px;
    background-color: black;
    color: white;
}

.grade-buttons button.active, .area-buttons button.active {
	background-color: #AF1685;
}

.filter-buttons button.active {
	background-color: black;
}

.grade-buttons button.inactive, .filter-buttons button, .area-buttons button.inactive {
	opacity: 0.2;
}

.filter-buttons button {
	margin-left: 15px;
}

.filter-buttons button.active {
	opacity: 1;
}

.category-buttons {
	margin-bottom: 40px;
}

.category-buttons button {
	outline: none;
	padding: 7px;
    border: 1px solid #a3a3a3;
    margin-bottom: 5px;
    background-color: transparent;
    color: black;
}

.category-buttons button.inactive {
	opacity: 0.3;
}

.category-buttons button.active {
	background-color: #AF1685;
	color: white;
	border: 1px solid #AF1685;
}

.category-hide, .grade-hide, .area-hide {
	display: none;
}

.area-buttons {
	margin-bottom: 30px;
}

.area-buttons button {
	float: left;
	margin-right: 4px;
}

/* Front page teasers */

.teaser-item {
	width:345px;
	float:left;
	margin:0 24px 50px 0;
	min-height:354px;
	overflow:hidden;
	background:#fff;
}
.teaser-item .description a {
	color:#000;
}
.teaser-item .description a:hover {
	color:#008919;
}
.teaser-item h3 {
	line-height:19px;
	line-height:1.9rem;
	margin-bottom:5px;
}
.teaser-item a.teaser-title {
	text-decoration:underline;
}
.teaser-item .teaser-title {
	display:block;
	padding:10px 15px 10px 24px;
	width:100%;
	background:#000;
	font-size:14px;
	font-size:1.4rem;
}

.front .teaser-item:nth-child(1) .teaser-title,
.front .teaser-item:nth-child(1) .teaser-title.orange {
	color:#c4547c;
}
.front .teaser-item:nth-child(2) .teaser-title,
.front .teaser-item:nth-child(2) .teaser-title.orange {
	color:#cdd527;
}
.front .teaser-item:nth-child(3) .teaser-title,
.front .teaser-item:nth-child(3) .teaser-title.orange {
	color:#80638f;
}
.front .teaser-item:nth-child(4) .teaser-title,
.front .teaser-item:nth-child(4) .teaser-title.orange {
	color:#ed6f01;
}

.teaser-item .teaser-title.orange {
	color:#ed6e00;
}
.front .teaser-item .teaser-title:hover,
.front .teaser-item .teaser-title.orange:hover,
.teaser-item .teaser-title.orange:hover {
	color:#fff;
}
.teaser-item .teaser-title.white {
	color:#fff;
}
.teaser-item img {
	display:block;
	min-width:100%;
	height:220px;
	max-height:220px;
}
.teaser-item .description {
	min-height:97px;
	padding:17px 20px 20px 24px;
	line-height:19px;
	line-height:1.9rem;

}
.teaser-item .teaser-text {
	display:inline-block;
	text-decoration:underline;
	padding-left:13px;
	position:relative;
}
.teaser-item .teaser-text:before {
	position:absolute;
	content:'';
	top:1px;
	background:url('../images/iconsprite_normal.png') no-repeat;
	background-position:-123px -165px;
	width:10px;
	height:15px;
	left:0;
	display:block;
}


/**
 *
 *	Primary sidebar
 *
 */
.sidebar {
	width:275px;

	min-height:300px;
	height:100%;
	background:#000;

	/* Height 100% float hack */
	margin-bottom: -1000%;
	padding-bottom: 1000%;
}

.sidebar .region h2 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
}
.sidebar .region h2 a {
	display:block;
	color:#fff;
	border-top:0px;
	padding:35px 0 35px 24px;
	width:100%;
	margin:0;
	border-bottom:1px solid #696969;
	border-top:1px solid #696969;
}

/* Sidebar navigation */
.sidebar .menu {
	width:100%;
	color:#fff;
	margin:0;
	padding:0;
	list-style-type: none;
}

.sidebar .menu .icon {
	display:inline-block;
	width:0;
	height:0;
}
.sidebar .menu li a {
	padding-right:12px;
}
.sidebar .menu li {
	width:100%;
	margin:0;
	padding:12px 0 12px 24px;
	border-bottom:1px solid #2f2f2f;
	/* box-shadow:0px 1px 0px 0px #303030; */
	list-style-type: none;
	list-style-image: none;
}

.sidebar .region h2 a.active,
.sidebar .menu .expanded,
.sidebar .menu li.active-trail,
.sidebar .menu li.active {
	border-top:0px;
	background-color:#AF1685;
}

.sidebar .region h2 a.active,
.sidebar .menu ul li.active > a,
.sidebar .menu li.expanded.active > a,
.sidebar .menu li.active > a,
.sidebar .menu li.active-trail > a.active {
	background-image:url( '../images/content/sidebar-active-arrow.png' );
	background-position:  center right;
	background-repeat:  no-repeat;
	color:#fff;
	font-weight:bold;
}

.sidebar .menu li.collapsed > ul {
	display:none;
}
.sidebar .menu li.expanded > ul {
	display:block;
}

.sidebar .menu li.expanded > a {
	margin:0 0 12px 0;
}

.sidebar .menu li.expanded a {
	color:white;
}
.sidebar .menu li > a:hover {
	color:#AF1685;
}
.sidebar .menu li .menu li a:hover {
	color:#fff;
}
.sidebar .menu li a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	word-wrap:break-word;
}

.sidebar .menu > li.collapsed > a.bibliotek:before {
	background-position:-96px -198px;
}
.sidebar .menu > li.bibliotek a {
	padding-top:20px;
	padding-bottom:20px;

}
.sidebar .menu > li.collapsed > a:before {
	content:'';
	background:url('../images/iconsprite_normal.png') no-repeat;
	background-position:-126px -198px; /* White, right */
	height:9px;
	width:9px;
	display:block;
	margin-top:6px;
	margin-right:5px;
	float:left;
}
.sidebar .menu ul li.collapsed > a:before {
	content:'';
	background:url('../images/iconsprite_normal.png') no-repeat;
	background-position:-141px -198px; /* Black, right*/
	height:9px;
	width:9px;
	display:block;
	margin-top:6px;
	margin-right:5px;
	float:left;
}

.sidebar .menu li.expanded > a:before {
	content:'';
	background:url('../images/iconsprite_normal.png') no-repeat;
	background-position:-139px -185px; /* Black, down */
	width:9px;
	height:6px;
	display:block;
	margin-top:7px;
	margin-right:7px;
	float:left;
}
.sidebar .menu li.expanded.active > a:before {
	content:'';
	background:url('../images/iconsprite_normal.png') no-repeat;
	background-position:-124px -185px; /* White, down */
	width:9px;
	height:6px;
	display:block;
	margin-top:7px;
	margin-right:7px;
	float:left;
}


.sidebar .menu ul {
	width:100%;
	color:#000;
	margin:0;
	padding:0;
	list-style-type: none;
}

.sidebar .menu ul li {
	border:0px;
	box-shadow:none;
	padding:3px 0 3px 24px;
}
.sidebar .menu .sub-navigation a {
	color:#000;
}

/* Material links */
/* Video links */
.block-flh-video a,
.block-flh-material a {
	color:#fff;
}

.block-flh-video ul,
.block-flh-material ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.sidebar .region .block-flh-material:first-child .content h2:first-child,
.sidebar .region .block-flh-video .content h2:first-child {
	margin-top:0;
}
.block-flh-video h2,
.block-flh-material h2,
.block-flh-video li,
.block-flh-material li {
	width:100%;
	margin:0;
	padding:12px 12px 12px 24px;
	border-bottom:1px solid #111111;
	box-shadow:0px 1px 0px 0px #303030;
	list-style-type: none;
	list-style-image: none;
}
.sidebar .region .block-flh-video h2,
.sidebar .region .block-flh-material h2 {
	color:#AF1685;
	margin-top:35px;
	padding:12px 12px 12px 24px;
	font-weight: bold;
}


/**
 *
 *	Event
 *
 */
.event-information-table {
	border:none;
	width:100%;
	margin:0;
	padding:0;
	color:#4a4a4a;
}
.event-information-table p {
	margin:0;
	padding:0;
}
.event-information-table tbody {
	border:none;
}
.event-information-table th {
	min-width:55px;
	padding-right:10px;
	border:none;
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
}
.event-map {
	height:213px;
	width:100%;
	margin-top:30px;
}
.event-map.hmd-all-events,
.event-map.prejudice-all-events {
	height: 400px;
    margin-top:10px;
    margin-bottom:30px;
}
.wrapper .column.article .page-content .gmnoprint img {
	max-width: none;
}

.view-calendar{
	/*
	float:right;
	padding:50px;
	width:685px;
	*/
}
.view-calendar .event-divider {
	display:block;
}

.event-divider {
	display:none;
}

/* Vilken class / id ska vi gå på här? */
.view-prejudice-map h3,
.view-27-januari-kalendariet h3 {
    border-bottom: 1px solid #A3A3A3;
    font-size: 2rem;
    margin-bottom: 30px;
    margin-top: 40px;
    padding-bottom: 10px;
    text-transform: capitalize;
}

/**
 *
 *	Calendarium
 *
 */

.view-calendar .views-row.views-row-last > .divider,
.view-27-januari-kalendariet .views-row.views-row-last > .divider{
	display:none;
}

.article .view-calendar h3 {
	font-size:20px;
	font-size:2rem;
	text-transform:capitalize;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #a3a3a3;
	margin-top: 40px;
}
.calendarium-teaser {
	position:relative;
	min-height:138px;
}
.calendarium-teaser .date-and-place .divider {
	margin:10px 0 10px 0;
}

.calendarium-teaser .date-and-place .location,
.calendarium-teaser .date-and-place .time{
	margin-left: 15px;
	color:#c8c8c8;
}
.calendarium-teaser .date-and-place .day {
	line-height:34px;
	line-height:3.4rem;
	font-size:34px;
	font-size:3.4rem;
	margin-right:10px;
	display:block;
	font-weight:bold;
	/* line-height:normal; */
	float:left;
}
.calendarium-teaser .date-and-place .day-and-month {
	line-height:1.6rem;
	height:3.4rem;
	float:left;
}
.calendarium-teaser .date-and-place .month {
	text-transform: capitalize;
	font-weight:bold;
}
.calendarium-teaser .full-date {
	padding-left:10px;
}
.calendarium-teaser .date-and-place {
	position:absolute;
	width:25%;
	min-height:inherit;
	height:100%;
	float:left;
	padding-top:15px;
	background:#000;
	color:#fff;
}
.calendarium-teaser .teaser-text {
	width:75%;
	margin-left:25%;
	padding-left:20px;
	float:right;
}
.calendarium-teaser .teaser-text h3 {
	font-size:18px;
	font-size:1.8rem;
	text-transform:none;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:5px;
	border-bottom:0px;
}

.view-prejudice-map .calendarium-teaser,
.view-27-januari-kalendariet .calendarium-teaser {
	min-height:90px;
}

.view-prejudice-map .calendarium-teaser .date-and-place .day,
.view-27-januari-kalendariet .calendarium-teaser .date-and-place .day {
	line-height:20px;
	line-height:2rem;
	font-size:15px;
	font-size:1.5rem;
	margin-right:4px;
}

.view-prejudice-map .calendarium-teaser .date-and-place .day-and-month,
.view-27-januari-kalendariet .calendarium-teaser .date-and-place .day-and-month {
	line-height:2rem;
	height:2rem;
}

.view-prejudice-map .calendarium-teaser .full-date,
.view-27-januari-kalendariet .calendarium-teaser .full-date {
	padding-left:15px;
}

#prejudice_map_info span{
	float: left;
	width: 100%;
	font-weight: bold;
	line-height: 22px;
}
#prejudice_map_info span:first-child{
	padding-right: 20px;
}
#prejudice_map_info span:before{
	content: ' ';
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
	width: 22px;
	height: 22px;
	margin-bottom: 10px;
}
#prejudice_map_info span.ongoing:before{
	background-image: url('../images/map_info_purple.svg');
}
#prejudice_map_info span.upcoming:before{
	background-image: url('../images/map_info_green.svg');
}

.views-exposed-widgets #autocomplete{
	padding:5px 0 5px 5px;
}
.views-exposed-widgets #autocomplete ul li{
	padding:5px 0 5px 5px;
}

/**
 *
 *	Frontpage
 *
 */

.frontpage {}

.frontpage  .right-container {
	float:right;
	width:222px;
}

.frontpage  .right-container .teaser-item {
	width:100%;
	float:none;
}
.frontpage .right-container .teaser-item .teaser-title {
	color:#fff;
	font-weight:bold;
}
.frontpage .right-container .teaser-item a {
	color:#008919;
	text-decoration:underline;
}
.frontpage .right-container .teaser-item a:hover {
	color:#000;
}
.frontpage .right-container .calendarium {
	/* min-height:404px; */
	background:#fff;
}

.teaser-container {
	width:738px;
	float:left;
}

.teaser-container .recurring-events {
	background:#fff;
	min-height:146px;
	margin:0 24px 50px 0;
}
.teaser-container .recurring-events img {
	width: 345px;
	height: 100%;
	float: left;
}
.teaser-container .recurring-events .container {
	float:left;
	padding:20px 20px 25px 48px;
}
.teaser-container .recurring-events .container .icon {
	display:inline-block;
	margin-bottom:-2px;
}
.teaser-container .recurring-events .container ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}
.teaser-container .recurring-events .container ul li {
	line-height:2.4rem;
}


.frontpage .calendarium-teaser {
	background-image: linear-gradient(bottom, rgb(255,255,255) 16%, rgb(249,249,249) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(249,249,249) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(249,249,249) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(249,249,249) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(249,249,249) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.16, rgb(255,255,255)),
		color-stop(1, rgb(249,249,249))
	);
	border-bottom: 1px dashed #9f9f9f;
	padding:30px 20px 30px 24px;
}
.frontpage .calendarium-teaser h3 {
	text-transform: capitalize;
}
.frontpage .right-container .calendarium .teaser-title .icon {
	display:block;
	float:right;
	margin-top:-3px;
}
.frontpage .right-container .calendarium .button-container a .icon {
	position:absolute;
	top:15px;
	left:15px;
}
.frontpage .right-container .calendarium .button-container a {
	position:relative;
	color:#fff;
	line-height:45px;
	height:55px;
	text-decoration: none;
	padding-left:46px;
}
.frontpage .calendarium .button-container {
	text-align:center;
	padding:20px;
	margin-top:20px;
}

/**
 *
 *	search-results
 *
 */
.search-results {
	padding:0;
	margin:0;
}

.search-result-item.video {}

.search-result-information {
	margin-top:30px;
	margin-bottom:0px;
}

/*
 *	User stuff
 *
 */
.user-login-form .form-item {
	margin-bottom:20px;
}
.user-login-form .description {
	display:none;
}
.user-login-form label {
	font-weight:bold;
	display:inline-block;
	width:150px;
}
.user-login-form input[type=password],
.user-login-form input[type=text] {
	display:inline-block;
	width:200px;
	max-width:200px;
}
.user-login-form {
	padding:0;
}

.profile {
}


/*
 *	Project items
 *
 */
.project-content-container {
	background:#575756;
	padding:20px 20px 0 20px;
}
.project-item:nth-child(2n) {
	margin-left:4%;
}
.project-item {
	width:48%;
	margin-bottom:4%;
	float:left;
	background:#fff;
}
.item-title {
	background:#0ba126;
	padding:10px;
	color:#000;
	line-height:30px;
}
.item-title .icon {
	display:block;
	float:left;
	margin-right:10px;
}
.item-title.lektionsforslag {
	background:#FFF181;
}
.item-title.fakta-och-fordjupning {
	background:#D5C2D8;
}
.item-title.lararhandledning {
	background:#a2e3fa;
}
.item-title.utstallning {
	background:#FFB1BB;
}
.item-title.till-elevsidorna {
	background:#D7D5E2;
}
.item-title.anonyma-tankar {
	background:#FFF181;
}
.item-title.spela-film { 
	background:#A1D6CA;
}
.item-title a {
	color:#000;
}
.item-content {
	padding:10px;
}

.item-content .readmore {
	position: relative;
	padding-left:15px;
}
.item-content .readmore:hover {
	text-decoration: underline;
}
.item-content .readmore.lektionsforslag {
	color:#F1B434;
}
.item-content .readmore.fakta-och-fordjupning {
	color:#EB6FBD;
}
.item-content .readmore.lararhandledning {
	color:#00A9E0;
}
.item-content .readmore.utstallning {
	color:#F65275;
}
.item-content .readmore.till-elevsidorna {
	color:#8E9FBC;
}
.item-content .readmore.anonyma-tankar {
	color:#F1B434;
}
.item-content .readmore.spela-film { 
	color:#00B373;
}
.item-content .readmore:before {
	position: absolute;
	content: '';
	top: 1px;
	background: url('../images/iconsprite_normal.png') no-repeat;
	background-position: -123px -165px;
	width: 10px;
	height: 15px;
	left: 0;
	display: block;
}

/* Project calendar view */
.project-calendar {
	width:100%;
	margin-top:20px;
}
.project-calendar .view-content {
	border-right:1px dashed #ccc;
	border-left:1px dashed #ccc;
	margin:0px;
}
.project-calendar .block-title {
	font-size:16px;
	font-size:1.6rem;
	line-height:16px;
	line-height:1.6rem;
	background:#000;
	color:#fff;
	padding:14px 20px;
	margin:0;
}
.project-calendar .views-row:first-child {
	border:0px;
}

.project-calendar .views-row {
	width:33%;
	float:left;
	margin:0;
	padding:30px 20px;
	border-left:1px dashed #ccc;
}

.project-calendar .views-row .date { font-weight:bold; display:block; text-transform:capitalize }
.project-calendar .views-row .title { display:block; }
.project-calendar .views-row .city { color:#ccc; display:block;  }

.project-calendar .view-footer .link span {
	vertical-align:middle;
}
.project-calendar .view-footer .link {
	width:100%;
	text-align:center;
}
/* Booking form */

#registration-form > div > .form-wrapper.field-name-field-registration-event{
	width:100%;
	float:none;
}

#registration-form > div > .form-wrapper label,
#registration-form > div > .form-item label {
	display:block;
	font-weight:bold;
}
#registration-form > div > .form-item textarea,
#registration-form > div > .form-wrapper textarea,
#registration-form > div > .form-item select,
#registration-form > div > .form-wrapper select,
#registration-form > div > .form-wrapper input[type="text"],
#registration-form > div > .form-item input[type="text"] {
	display:block;
	margin-top:5px;
	padding:10px;
	width:100%;
	max-width:100%;
}
#registration-form > div > .form-wrapper,
#registration-form > div > .form-item {
	width:50%;
	padding:5px 20px 5px 0;
	min-height:85px;
	float:left;
}
#registration-form > div > .form-wrapper.form-actions {
	width:100%;
    min-height: inherit;
}
#registration-form > div > .form-item-mollom-captcha {
	width:100%;
	margin:10px 0 10px 0;
}
#registration-form > div > .form-item-mollom-captcha input.form-text {
	width:50%;
}
#registration-form > div > .form-item-mollom-captcha .mollom-captcha-content {
	display:block;
}

#registration-form > div > .form-item-mollom-captcha .description {
	width:50%;
	font-size:12px;
	font-size:1.2rem;
}
#registration-form .form-actions a {
	display:none;
}

#registration-form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#edit-field-registration-accept::before {
	width: 100%;
	content: " ";
}
#edit-field-registration-accept {
	margin-left: -4px;
	padding: 5px 20px 0px 0px !important;
	width: 100% !important;
	min-height: 30px !important;
	margin-top: 20px;	
}

/* #edit-field-registration-accept a {
	color: black;
	font-weight: bold;
	font-size: 12px;
} */
#edit-field-registration-accept .form-checkbox {
	height: 25px;
	width: 25px;
	float: left;
	margin-right:20px;
}

#edit-field-registration-accept .description {
	float: left;
    position: relative;
	z-index: 1;
	visibility: visible;
	width: calc(100% - 50px);
}
#edit-field-registration-accept .description a {
	float: none;
	/* margin-left: 3px; */
	border:none!important;
}
#edit-field-hmd-event-persistence{
	width:100%;
}
#edit-field-hmd-event-persistence .form-checkbox{
	float:left;
	width:26px;
	height:26px;
	margin-top:5px;
}
#edit-field-hmd-event-persistence label{
	display:none;
}
#edit-field-hmd-event-persistence div.description{
	float:left;
	margin-left:10px;
	width:85%;
	visibility:visible;
}
#edit-field-hmd-event-persistence a::after{
	margin-left: 5px;
	content:"*";
}
.form-item-field-hmd-event-persistence-und{
	width:100%;
	min-width:250px;
}
#flh-strd-order-form .material-content div.form-item {
	width: 30px;
}
.material-content div.form-item-persistence-of-data {
	padding-top: 26px;
	width:550px;
}

@media only screen and (max-width: 980px) {
  #flh-strd-checkout-form > div > div > .c50.column.left.order-form,
  #flh-strd-checkout-form > div > div > .c50.column.right.order-form {
    float: unset;
    width: 100%
  }
  #edit-delivery-details .fieldset-wrapper {
    width: 100%;
  }
}

div.form-item-persistence-of-data input {
	float:left;
	width: 26px;
	height: 26px;
	margin-top: 5px;
}
div.form-item-persistence-of-data label {
	float:left;
	margin-left:10px;
	width:512px;
}

#flh-strd-checkout-form .material-content div.form-item-persistence-of-data {
  width: 100%;
}

#flh-strd-checkout-form div.form-item-persistence-of-data input{
  min-width: 26px;
  min-height: 26px;
  margin-top: 0px;
}
#flh-strd-checkout-form div.form-item-persistence-of-data label {
  width: 90%;
}
#flh-strd-checkout-form div.form-item-persistence-of-data label a{
  float: unset;
}

#edit-field-registration-accept .option .form-required {
	display: none;
}

/* Calendar */

.calendar {
	width:100%;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:20px;
}

.calendar .calendar-heading h2 {
	display:inline-block;
	margin:0;
}
.calendar .calendar-heading {
	display:block;
	background:#000;
	color:#fff;
	padding:10px;
	text-align:center;
	position:relative;
}

.calendar .calendar-heading.messaged:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.calendar .calendar-message.info {
	background:#e53d3d;
}
.calendar .calendar-message {
	padding:35px;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
}


.calendar .calendar-heading .previous-month {
	height:42px;
	width:42px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
}
.calendar .calendar-heading .next-month {
	height:42px;
	width:42px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
}

.calendar .weekday-headings,
.calendar .week {
	width:100%;
	color:#000000;
	border-bottom:1px solid #000;
}

.calendar .day.heading {
	color:#000000;
	min-height:0;
	height:auto;
	font-weight:bold;
	padding:15px;
}
.calendar .day.blur {
	/*color:#ccc;
	background:#f9f9f9;*/
	color:#fff;
	background:#fff;
}
.calendar .day.blur .date {
	background:#fff;
}
.calendar .day.today .date {
	color:#0ba028;
}
.calendar .day .date {
	font-weight:bold;
	display:block;
	width:100%;
	background:#f2f2f2;
	padding:10px 15px;
	text-align:right;
	font-size:20px;
}
.calendar .day {
	width:12.85%;
	min-height:136px;
	float:left;
	border-right:1px solid #000;
}
.calendar .day:nth-last-child(2) {
	border-right:0px solid #000;
}
.calendar.no-weekend .day {
	width:18%;
}
.calendar .weeknumber.heading {
	min-height:50px
}
.calendar .weeknumber {
	text-align:center;
	width:10%;
	padding-top:15px;
	min-height:136px;
	border-right:1px solid #000;
	float:left;
}

.calendar .bookings {
	padding:0;
	margin:5px;
}
.calendar .bookings li {
	text-align: right;
	display:block;
	font-size:13px;
	padding:0;
	margin:0;
}

.calendar .bookings .form-item label {
	color:#02851b;
	font-weight: bold;
}
.calendar .bookings .form-item input {

}
.calendar .bookings .form-item.form-disabled label {
	color:#ee8787;
	text-decoration: line-through;
	font-weight: normal;
}
.calendar .bookings .form-item.form-disabled input {
	opacity:0;
}

/*757575*/



/* Event */

.video-embed.event {
    margin:40px 0 0 0;
}


.node-hmd_event-form  {
    margin:20px 0 0 0;
}

.node-hmd_event-form label {
    display:block;
    margin:10px 0 0 0;
}

.node-hmd_event-form .form-text,
.node-hmd_event-form .form-textarea{
    padding:10px;
    width:70%;
}

.link-field-column .form-text,
.node-hmd_event-form .image-widget-data,
.node-hmd_event-form .file-widget{
    width: 70%;
}

.node-hmd_event-form .cke {
	width: 70% !important;
}

.node-hmd_event-form .text-format-wrapper .filter-wrapper {
	display: none;
}

.node-hmd_event-form .description,
.node-hmd_event-form .counter {
    font-size:12px;
	width: 70%;
}

.node-hmd_event-form .form-type-link-field > label,
.node-hmd_event-form  .form-type-managed-file > label,
.node-hmd_event-form .fieldset-legend{
    font-weight: bold;
}

.node-hmd_event-form .field-type-link-field,
.node-hmd_event-form .field-type-datestamp,
.node-hmd_event-form .field-type-image,
.node-hmd_event-form .field-type-file{
    margin:30px 0;
}

.node-hmd_event-form fieldset{
    border:0;
    margin:0;
    padding:0;
}

.node-hmd_event-form fieldset .js-hide {
    display:none;
}

.form-item-field-hmd-event-link-und-0-title > label{
    margin:5px 0 0 0;
}

.node-hmd_event-form .link-field-column {
    width:100%;
}

.image-widget-data .form-submit,
.file-widget .form-submit{
    float: right;
}

.node-hmd_event-form #edit-submit {
    margin-right:10px;
}

.event-preview {
    background: none repeat scroll 0 0 #C4547C;
    margin: 10px 0 0;
    padding: 15px;
	color: #ffffff;
}
.event-preview strong {
	font-size: 1.3em;
}

.node-type-hmd-event .event-content p {
	margin: 0 0 1em 0;
}


.view-filters {
	margin-bottom: 30px;
}

#edit-field-hmd-event-city-value-wrapper label,
#edit-field-prejudice-event-city-value-wrapper label {
	font-size: 1.4em;
	font-weight: bold;
}

#edit-field-hmd-event-city-value-wrapper input,
#edit-field-prejudice-event-city-value-wrapper input {
    /*width: 162px;*/
	width: 50% !important;

    color: #000;
    background: #5d5d5d;

    font-size: 1.5rem;

    padding: 7px 0 7px 10px;
    border: 0px;

    float: left;
}

/*****************************
 *	Twitter feed
 ****************************/
.twitter-feed-header {
	margin-bottom: 25px;
}
.twitter-feed-header h3 {
	float: left;
	padding-right: 15px;
	position: relative;
	border-right: 1px solid #a3a3a3;
	font-size: 14px;
	font-weight: normal;
	padding-left: 57px;
	min-height: 45px;
	line-height: 22.5px;

}
.twitter-feed-header h3:before {
	content: ' ';
	position: absolute;
	top: 0px;
	left: 0;
	width: 48px;
	height: 45px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/social-icons/icon-twitter.png');
}

.twitter-feed-header h3 a {
 	color: #AF1685;
}
.twitter-feed-header .twitter-feed-follow {
	float: left;
	padding-left: 15px;
	padding-top: 11px;
}

.twitter-feed-content {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.twitter-feed-content {
	display: block;
}
.twitter-feed-content li {
	position: relative;
	padding-left: 57px;
	margin-bottom: 25px;
}
.twitter-feed-content .twitter-feed-avatar {
	position: absolute;
	top: 0px;
	left: 0px;
}
.twitter-feed-tweet-head {
	display: block;
	color: #4c4c4c;
	font-size: 12px;

}
.twitter-feed-tweet-head a {
	color: #4c4c4c;
}

.twitter-feed-tweet-content {
	margin: 0px;
	color: #000;
}
.twitter-feed-tweet-content {}
/*****************************
 *	Social feed
 ****************************/

.social-feeds {
	width: 100%;
	background: #fff;
	padding: 30px 0px;
}
.social-feeds img {
	max-width: 100%;
	display: block;
}
.has-background .social-feeds {
	background: #d7d7d7;
}
.social-feeds .column-1of2 {
	float:left;
	width: 50%;
}
.social-feeds .column-1of4 {
	float:left;
	width: 25%;
}
.social-feeds .social-item {
	border-right: 1px solid #c4c4c4;
	padding: 15px 17px 10px 17px;
}
.social-feeds .social-item > a {
	color: inherit;
}
.social-feeds .social-item > a:hover {
	color: #008919;
}

.social-feeds .social-item.tumblr a.image-link {
	overflow: hidden;
    display: block;
}

.social-feeds .column-1of4:last-child .social-item {
	border-right: 0;
}

.social-feeds .social-item.blog {
	border: none;
	padding-right: 0px;
}
.social-feeds .social-item.blog p {
	margin-top: 4px;
}

.social-feeds .social-item h3 {
	padding-left: 40px;
	position: relative;
	font-style: italic;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	min-height: 30px;
}
.social-feeds .social-item.twitter h3 {
	padding-left: 40px;
}
.social-feeds .social-item.facebook h3 {
	padding-left: 19px;
}
.social-feeds .social-item.tumblr h3 {
	padding-left: 32px;
	margin-bottom: 17px;
}
.social-feeds .social-item.insta h3 {
	margin-bottom: 17px;
}
.social-feeds .social-item.blog h3 {
	padding-left: 45px;
}

.social-feeds .social-item h3:before {
	background-color: reb;
	content: ' ';
	position: absolute;
	top: -6px;
	left: 0px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 20px;
}
.social-feeds .social-item.twitter h3:before {
	width: 36px;
	height: 30px;
    background-size: 36px;
	background-image: url('../images/social-icons/icon-twitter.svg');
}
.social-feeds .social-item.facebook h3:before {
	width: 15px;
	height: 30px;
    background-size: 36px;
	background-image: url('../images/social-icons/icon-facebook.svg');
}
.social-feeds .social-item.insta h3:before {
	width: 30px;
    height: 30px;
    background-size: 30px;
	background-image: url('../images/social-icons/icon-instagram.svg');
}
.social-feeds .social-item.tumblr h3:before {
	width: 19px;
	height: 30px;
    background-size: 18px;
	background-image: url('../images/social-icons/icon-tumblr.svg');
}
.social-feeds .social-item.blog h3:before {
	width: 36px;
	height: 30px;
	background-image: url('../images/social-icons/icon-blog.png');

}



.social-feeds h2 {
	margin-bottom: 0px;
}

/*****************************
 *
 *	FOOTER
 *
 ****************************/
.footer {
	position:relative;
	width:100%;
	height:406px;
	background: #000;
	padding:95px 0 95px 0;
}
	.footer .footer-content {
		width:960px;
		height:216px;
		margin:0 auto;
		/* background:rgba(255,255,255,0.1); */
		color:#fff;
	}
		/* Columns */
		.footer .footer-content .column {
			width:25%;
			height:100%;
			padding:4px 19px 19px 17px;
			float:left;
			border-right:1px solid #232323;
		}

		.footer .footer-content .column:first-child {
			padding-left:0;
		}
		.footer .footer-content .column:nth-child(4) {
			border-right:0px
		}
			/* Headings */
			.footer .footer-content .column h2 {
				font-size:16px;
				font-size:1.6rem;
				margin:0px;
				font-weight:bold;
				color:#fff;
				margin-top:15px;
				margin-bottom:5px;
			}

			/* Paragraphs */
			.footer .footer-content .column p {
				color:#ECECEC;
				font-size:14px;
				font-size:1.4rem;
				/* margin-top:5px;
				margin-bottom:5px; */
				margin:0;
				padding-right:17px;
			}

			/* Anchors */
			.footer .footer-content .column a {
				color:#ffffff;
			}
			.footer .footer-content .column a:hover {
				text-decoration: underline;
			}

			/* Logo */
			.footer .footer-content .column a.logo {
				display:block;
				width:190px;
				height:176px;
				background:url( '../images/header/FLH-Logotyp-SV-RGB-Vit.png' ) center center no-repeat;
				background-size: contain;
			}

			#block-bean-sidfot-engelsk .footer .footer-content .column a.logo {
				background:url( '../images/footer/Logo_eng_white_transparent.png' ) center center no-repeat;
				background-size: contain;
				width:190px;
				height:176px;
			}

			/* Search */
			.footer .footer-content .column .newsletter-signup {
				max-width: 100%;
				width:100%;
				overflow:hidden;
				margin-top: 5px;
			}
				.footer .footer-content .column .newsletter-signup input.newsletter-field.focus {
					outline:none;
				}
				.footer .footer-content .column .newsletter-signup input.newsletter-field {
					width: 162px;
					color: #000;
					background: #fff;
					font-size:14px;
					font-size:1.4rem;
					padding:7px 0 7px 10px;
					border:0px;
					float:left;
				}
				.footer .footer-content .column .newsletter-signup input.newsletter-btn {
					font-family:'visuelt-black-pro';
					text-align:center;
					font-size:12px;
					font-size:1.2rem;
					height:30px;
					width:41px;
					background:#af1685;
					color:#fff;
					border:none;
					float:left;
					text-transform: uppercase;
				}

				.footer .blog-teaser {
					margin-top:15px;
					margin-bottom:32px;
				}
				.footer .blog-teaser img {
					width:38%;
					float:left;
					margin-right:10px;
				}

.footer .instagram {
    background: rgba(0, 0, 0, 0) url("../images/footer/instagram.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    margin: 0;
    position: static;
    width: 51px;
    margin-left: 9px;
    margin-top: 10px;
}

.footer .footer-accept-link{
	font-size: 13px;
}




/****************************/

.fb-like {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.fb-like .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.fb-like:hover .tooltiptext {
    visibility: visible;
}

#edit-field-mailchimp {
	width: 100%;
	padding: 0px;
}
#edit-field-mailchimp fieldset {
	margin: 0 0 0 0;
	padding: 22px 0 0 0;
	position: relative;
	width: 100%;
}
#edit-field-mailchimp fieldset legend {
	border: 0;
	padding: 0 0 0 0;
	position: absolute;
	top: 24px;
	left: 41px;
}
#registration-form > div > #edit-field-mailchimp label.option {
	display: none;
}
#edit-field-mailchimp-und-0-subscribe {
	width: 25px;
	height: 25px;
	margin-left: -4px;
}

#flh-strd-order-form #edit-submit{
  margin-top: 0px;
}
.order {
  display: inline-block;
  margin-right: 10px;
}

.order label {
  margin-right: 0px;
}
div#block-menu-block-6 h2 {
    display: none;
}
/* Test annan sekundärfärg */


.menu-mlid-3349 a:hover, .menu-mlid-1275 a:hover, .menu-mlid-1198 a:hover, .menu-mlid-916 a:hover {
	text-decoration: underline !important;
	color: #AF1685;
}
.sidebar .menu > li.menu-mlid-3349 > a.bibliotek:before {
    background-position: -96px -198px;
}
.sidebar .menu > li.menu-mlid-1275 > a.bibliotek:before {
    background-position: -96px -198px;
}
.sidebar .menu > li.menu-mlid-1198 > a.bibliotek:before {
    background-position: -96px -198px;
}
.sidebar .menu > li.menu-mlid-916 > a.bibliotek:before {
    background-position: -96px -198px;
}

.syllabus_hidden {
	display: none;
}

.word-explained {
	color: #007672;
	cursor: pointer;
	position: relative;
	text-decoration-line: underline;
    text-decoration-style: dotted;
	background-color: white;
}
.word-explained.off {
	color: #4d4d4d;
	
	position: relative;
	text-decoration:unset;
	background-color: white;
	cursor: default;
}
.word-explained:hover {
	color: white;
	background-color: #007672;
	text-decoration: none;
}
.word-explained.off:hover {
	color: #4d4d4d;
	background-color: white;
	text-decoration: none;
}
.word-explained .word-info {
	position: absolute;
    display: none;
    background-color: white;
    border: solid 1px #007672;
    width: 230px;
    height: auto;
    padding: 10px;
    color: #007672;
	left: 0px;
    bottom: 15px;
	z-index: 10;
	transition: opacity 3s ease;
	opacity: 0;
}
.flip.word-explained .word-info {
	right: 0px;
	left: unset;
}
.word-explained:hover .word-info {
	display: block;
	opacity: 1;
}
.word-explained.off:hover .word-info {
	display: none;
}
.word-title {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.onoffswitch {
    position: relative; width: 163px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #007672;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #007672;
	
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "PÅ";
    padding-left: 10px;
    background-color: #007672; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "AV";
    padding-right: 10px;
    background-color: #EEEEEE; color: #595959;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 38px;
	border: 2px solid #007672;
	border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.switchlabel {
	padding: 0px 8px;
    float: left;
    position: relative;
    width: 144px;
    text-align: center;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 14px;
    line-height: 26px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    border: 2px solid #007672;
    border-right: unset;
	background-color: #007672;
	cursor: pointer;
	margin-top: 8px;
}
.wrapper .column.article .page-content .switch-onoff img.switchbtn {
	height: 26px !important;
	padding: 3px;
	cursor: pointer;
}
.switch-onoff {
	border: 2px solid #007672;
    position: relative;
    /* transform-style: flat; */
    float: left;
	height: 30px;
	cursor: pointer;
	margin-top: 8px;
}

.webform-client-form .form-item {
	width: 50%;
	float: left;
	padding: 10px;
}

.webform-client-form .form-item input {
	min-height: 35px;
	width: 100%;
}

.webform-client-form .webform-component-textarea {
	width: 100%;
}

.webform-client-form .webform-component-textarea textarea#edit-submitted-description {
	width: 100%;
}

.webform-client-form label {
	font-weight: bold;
}

.webform-client-form .form-item.webform-component-checkboxes {
	width: 100%;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}
.webform-client-form .form-item.form-type-checkbox {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.webform-client-form .form-item.form-type-checkbox input {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 60px;
	min-height: unset;
}
.webform-client-form .form-item.form-type-checkbox a {
	margin-bottom: 0px;
	margin-top: 0px;
}