@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

html {
	background-color: #eee;
}

body {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	right: 0px;
	transition: right .5s;
	z-index: 100;
	background-color: #fff;

}

a {
	color: #000;
}

a:hover, a:focus {
	color: #86bb3a;
}


p a {
	color: #86bb3a;
}

p a:hover, a:focus {
	color: #666;
}

p {
	font-size: 1.6rem;

}

strong {
	font-weight: 600;
}

.bean-body {
	font-size: 1.6rem;
}

.field-items {
	font-size: 1.6rem;
}
/**
 * Site-wide
 */
body {
	/* border-top: 15px solid #86bb3a; */
}

h5 {
	font-size: 1em;
}



h4 {
	margin-top:16px;
	margin-bottom: 6px;
	font-size: 1.8rem;
	color: #666;
	font-weight: 600;
}

h3 {
	font-size: 2.0rem;
	margin-bottom: 6px;
	margin-top: 22px;
	color: #000;
}

h2 {
	font-size: 2.4rem;
	margin-bottom: 8px;
	margin-top: 22px;
	color: #000;
}

h2.pane-title{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

h1 {
	font-size: 3.6rem;
	font-weight: normal;
	display: inline;
	color: #333;
}



.field-content ul li {
	font-size: 1.6rem;
}

.field-content ol li {
	font-size: 1.6rem;
}

a.green {
	color:#86bb3a;
}

.field-name-field-fact-txt a,
.views-field-field-fact-txt a,
.views-field-field-body-1-1 a,
.views-field-field-body-2 a,
.field-name-body a,
.views-field-field-body a,
.views-field-field-body-1 a,
.field-name-field-body a,
.list-body a,
.list-body-last a,
.list-ingress a,
.views-field-field-first-ingress a,
.list-body-top a,
.ingress a,
.bean-body a,
.body a {
	color: #333;
	text-decoration: underline;
}

.field-name-field-fact-txt a:hover,
.views-field-field-fact-txt a:hover,
.views-field-field-body-1-1 a:hover,
.views-field-field-body-2 a:hover,
.field-name-body a:hover,
.views-field-field-body a:hover,
.views-field-field-body-1 a:hover,
.field-name-field-body a:hover,
.list-body a:hover,
.list-body-last a:hover,
.list-ingress a:hover,
.views-field-field-first-ingress a:hover,
.list-body-top a:hover,
.ingress a:hover,
.bean-body a:hover,
.body a:hover {
	color: #86bb3a;
}

.views-field-field-first-ingress .field-content {
	font-size: 1.6rem;
}

/**
 * Regions & responsive regions
 */

 .region-content {
    /*border-top: 1px solid #000000;*/
    margin-top: 15px;
    margin-bottom: 35px;
}

header .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
	max-width: 1170px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.container-fluid {
	max-width: 1170px;
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: #fff;
}

.navbar-header {
	float: initial;
}
.navbar #block-search-form {
	margin-top: 2px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
}



.navbar #block-search-form  .form-group {
	margin-bottom: 0px;
}

.navbar.container-fluid > .container-fluid {
    padding: 0px 15px;

}

.navbar.container-fluid > .container-fluid.top-menu {
    padding: 0px;

}

.navbar a.logo img {
	width: 345px;
	transition: width .5s ease-out;
}



.fullwidth {
	width: 100% !important;
	max-width: none;
}



header {
	float: left;
}

.row {
	clear: both;
}
.main-container.container-fluid {

}

/* TOPP MENY */

.container-fluid.top-menu {
	width: 100%;
	max-width: none;
	background-color: #86bb3a;
	background-color: #888888;
}

.region-site-top-menu {
	width: 100%;
	max-width: 1170px;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:auto;
	margin-right:auto;

}

.region-site-top-menu #block-menu-block-4 ul {
	float: right;
}
.region-site-top-menu #block-menu-block-4 li {
	float: left;


}

.region-site-top-menu #block-menu-block-4 li a {
	color: #fff;
	padding: 7px 15px;
	margin: 0px;
	font-size: 1.5rem;
	font-weight:600;

}

.region-site-top-menu #block-menu-block-4 li a:hover {
	color: #86bb3a;
	color: #333;
}

.region-site-top-menu #block-menu-block-4 li a.active {
	color: #a6eb6a;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #86bb3a;
    background-color: transparent;
    outline: none;

}


.page-home .page-header {
	display: none;
}

/**
 * Navbar
 */

.navbar-header {
	padding-top: 18px;
	padding-bottom: 2px;
}
.navbar.container,
.navbar.container-fluid {
	margin-top: 0;

}

.navbar.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-default {
	background-color: #ffffff;
	border-color: #ffffff;
	padding-bottom: 20px;
}

.front .navbar-default {
	padding-bottom: 3px;
}


/**
 * Demens ABC
 */
 .view-demens-abc-nollvision .ui-accordion,
.view-demens-abc .ui-accordion,
#abc-labels1,
#abc-labels2,
#abc-labels3,
#abc-labels4,
.abc-other,
#abc-content {
	display: none;
}
.view-demens-abc-nollvision-2-regioner-och-kommuner-2 .col-sm-6,
.view-demens-abc-nollvision-2-regioner-och-kommuner-2 .col-sm-2,
.view-klon-av-demens-abc-nollvision-regioner-och-kommuner .col-sm-6,
.view-klon-av-demens-abc-nollvision-regioner-och-kommuner .col-sm-2 {
	text-align: left;
}
.view-demens-abc-nollvision-2-regioner-och-kommuner-2 caption,
.view-klon-av-demens-abc-regioner-och-kommuner caption {
	padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 1.6rem;
    background: #e6e6e6;
    margin-bottom: 2px;
}
.view-demens-abc-nollvision-2-regioner-och-kommuner-2 table,
.view-klon-av-demens-abc-regioner-och-kommuner table {
	margin-bottom: 0;
}

.view-demens-abc-nollvision-2-regioner-och-kommuner-2 .views-field-title,
.view-klon-av-demens-abc-regioner-och-kommuner .views-field-title {
    padding-left: 16px;
}

.view-demens-abc-nollvision .view-header .view-demens-abc-nollvision-topp-listor,
.view-demens-abc .view-header .view-demens-abc-top-lists {
	margin-bottom: 20px;
}

.view-demens-abc-nollvision .view-header .abc-link,
.view-demens-abc-nollvision .view-header a,
.view-demens-abc-nollvision .view-header a:hover,
.view-demens-abc-nollvision .view-header a:active,
.view-demens-abc .view-header .abc-link,
.view-demens-abc .view-header a,
.view-demens-abc .view-header a:hover,
.view-demens-abc .view-header a:active {
	cursor: pointer;
	text-decoration: none;
}

.abc-link {
	font-size: 1.5rem;
	margin-top: 8px;
	cursor: pointer;
	color: #86bb3a;
}

.abc-link:hover {
	color: #666;
	text-decoration: underline;
}

.view-demens-abc-nollvision-topp-listor p a {
	font-size: 1.5rem;
}

.abc-total-count {
	margin-bottom: 20px;
}

/**
 * MAIN MENU
 */
.region-navigation .block-menu-block {
	width: 100%;
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
}

.region-navigation .block-menu-block .menu-name-main-menu {
	clear: both;
	border-top: 1px solid #ddd;
	padding-top: 0px;
	margin-top: 5px;
	display: inline-block;
	width: 100%;
}

.region-navigation .menu-name-main-menu ul {
	border-bottom: 15px solid #86bb3a;
	display: flex;
  	flex-direction: row;
	justify-content: space-between;

}

.region-navigation .menu-name-main-menu ul:after {
	content: none !important;

}

.nav:before {
	content: none !important;
}

.nav:after {
	content: none !important;
}

.menu-name-main-menu ul li {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;

}

.btn-info {
	background-color: #86bb3a;
    border-color: #669b1a;
}

.pagination > .active > span:hover {
	background-color: #86bb3a;
    border-color: #669b1a;
}

.btn-info:hover {
	background-color: #999;
    border-color: #777;
}

.region-navigation .menu-name-main-menu ul li:first-child {

	align-self: flex-start;

}


.region-navigation .menu-name-main-menu ul li:last-child {


		align-self: flex-end;
}

.region-navigation .menu-name-main-menu ul li a {
	padding-right: 0px;
	padding-left: 0px;
	color: #000;
	font-size: 1.3em;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
}

.region-navigation .menu-name-main-menu ul li.active-trail.active > a{
	color: #76ab2a;
}

.region-navigation .menu-name-main-menu ul li.active-trail.active > a::after {
	width: 100%;
	content: "\f0d8";
	font-family: FontAwesome;
	position: absolute;
	top: -3px;
	left: calc(50% - 17px);
	font-size: 6.3rem;
	color: #86bb3a;
}

.region-navigation .menu-name-main-menu ul li a:hover {
	background: none;
}

.region-navigation  .menu-name-main-menu ul li a:hover,
.region-navigation  .menu-name-main-menu ul li a:active {
	color: #86bb3a;
}


.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}



#block-menu-block-1 .block-title {
	display: none;
}

.menu-title {
	font-weight: 600;
	display: none;
}

.region-navigation .menu-name-main-menu ul li ul{
	display: none;

}

/* HEAD, NAV AND OTHER MEDIA*/

@media screen and (max-width: 1190px) {


	.region-navigation  .menu-name-main-menu ul li a {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 1024px) {


	.region-navigation  .menu-name-main-menu ul li a {
		font-size: 1.15em;
	}
}

@media screen and (max-width: 940px) {

	.region-navigation  .menu-name-main-menu ul li a {
		font-size: 1.05em;

	}
}

@media screen and (max-width: 840px) {

	.region-navigation .menu-name-main-menu ul li a {
		font-size: 1.0em;


	}
}

@media screen and (max-width: 500px) {

	.menu-name-menu-top-menu li {
		width: 33%;
		text-align: center;
	}

	.menu-name-menu-top-menu li.speaking-web {
		width: 100%;
		text-align: center;

	}
}



.mobile-show {
	display: none;
}

.region-navigation i.submenu {

	display: none;

}

.menu.nav i.submenu.fa  {
	height: 0px;
	display: block;
	padding: 0px;
	margin:0px;
	overflow: hidden;
}

.menu.nav i.submenu.fa:before  {
	content:unset;
}

nav .bean-linklist  {
	display: none;
}

/* MOBILMENY */

@media screen and (max-width: 767px) {



	#backtotop {
		z-index: 300;
	}

/* Genvägar */
nav .bean-linklist  {
	display:block;
	margin-top: 0px;
	border-bottom: none !important;
}

nav .bean-linklist h2.pane-title  {
	float:left;
	display: inline-block;
	width: calc(100% - 41px);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 18px;
	padding-left: 26px;

}

nav .bean-linklist i.fa-caret-right {
	display: none;
}



nav .bean-linklist .content {
	height: 0px;
	overflow: hidden;
	width:100%;
}

nav .bean-linklist .content.dropped {


	height: auto;
	border-bottom: 3px solid #dfa903;


}

nav .bean-linklist .content a{
	font-size: 1.6rem;
}

nav .bean-linklist ul li {
	padding:12px 14px 12px 26px;
}

nav .bean-linklist i.mobile-menu-show.fa  {
	position: unset;
	padding: 0px;
	display: inline-block;
	float:left;
	text-align: center;
	background: #dfa903;
	background-color: #dfa903;
	font-size: 4.1rem;
	margin-left: 0px;
	border-left: 1px solid #999;
    font-family: FontAwesome;
    color: #fff;
    width:40px;
    height: 38px;
}

nav .bean-linklist i.mobile-menu-show.fa::before  {
	content: "\f0da";
	padding: 0px;
	margin: 0px;
	position: relative;
	top:20px;
}

nav .bean-linklist i.mobile-menu-show.fa.active::before  {
	content: "\f0d7";

}

	#navbar {
		position: sticky;
		position: -webkit-sticky;
		top: 0px;
		padding-bottom: 8px;
		border-bottom:4px solid #86bb3a;
		z-index: 200;
	}



	.mobile-show {
		display: block;
	}

	.mobile-show.button-close {
		width: 100%;
		float: right;

	}

	.mobile-show.button-close button.navbar-toggle.close {
		background-color: unset;
		padding: 0px;
	}

	.navbar-header {
		text-align: right;
		height: 80px;
	}

	.navbar-toggle {
		border: 2px solid #333;
	}

	.navbar-default .navbar-toggle:focus {
		background-color: #86bb3a;
	}

	button.navbar-toggle.close {
		float: right;
		position: unset;
		margin:0px;
		margin-bottom: 5px;
	}

	.navbar-toggle.close .fa-times-circle{
		font-size: 3.6rem;
		margin-top: 5px;
		margin-left: 5px;
	    color: #888;
	    opacity: 1;
	    position: initial;
	    text-shadow: none;
    }

    .navbar-toggle.close:hover,
    .navbar-toggle.close:focus,
    .navbar-toggle.close:active {
    	background-color: transparent;
    }

    body {
    	z-index: 1;
    }

	body.mobile-open {
		position: relative;
		top:0;
		right: 85%;

	}

	.navbar-default .navbar-collapse {
		width: 85%;
		height: auto;
		background-color: #eee;
		padding: 7px;
		padding-top: 0px;
		z-index: -1;
		position: absolute;
		right: -85.50%;
		top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		border:none;
	}

	.menu-title {
		display: block;
		margin-right: 12px;
		font-size: 1.8rem;
		color: #666;
	}

	#block-menu-block-1 .block-title {
		display: block;
	}

	.pane-menu-block-6,
	.pane-menu-block-2,
	section#block-menu-block-2,
	section#block-menu-block-6 {
		display: none;
	}
	.navbar-default {
		margin-bottom: 0px;
	}

 	.navbar-collapse .region-navigation .menu-name-main-menu {

 		border-top: none;
 		border-bottom: none;
 		background-color:  #fff;
 	}

	.region-navigation .menu-name-main-menu ul,
	.region-navigation .menu-name-main-menu ul li,
	.region-navigation .menu-name-main-menu ul li.submenu {
		font-size: 0px;
		line-height: 0px;
		margin:0px;
	}

	.region-navigation .menu-name-main-menu ul li ul{
		font-size: 0px;
		display: block;
	}
	.region-navigation .menu-name-main-menu ul li ul li i,
	.region-navigation .menu-name-main-menu ul li ul li a {
		display: none;
	}

	.region-navigation .menu-name-main-menu ul li ul li{
		border-top: none;
		height: 0px;
		max-height: 0px;
		transition: max-height 1.4s ease-out;


	}
	.region-navigation .menu-name-main-menu ul li i,
	.region-navigation .menu-name-main-menu ul li.active-trail>ul>li i,
	.region-navigation .menu-name-main-menu ul li.active-trail>ul>li a {
		display: inline-block;
	}
	.region-navigation .menu-name-main-menu ul li.active-trail>ul>li{
		height: auto;
		max-height: 2000px;
		transition: max-height 1.4s ease-out;


	}

	.menu.nav i.submenu.fa  {
		height: auto;
		display: inline-block;

	}


	.navbar-collapse ul li i.submenu.fa  {
		text-align: center;
		font-size: 4.1rem;
    	float: left;
    	width: 41px;
    	background-color:#86bb3a;
    	color: #fff;
    	/* border-right: 1px solid #999; */
	}

	.navbar-collapse ul.menu.nav li i.submenu.fa:hover,
	.navbar-collapse ul.menu.nav li i.submenu.fa:focus,
	   {
		background-color:#eee;
    	color: #86bb3a;
	}


	.navbar-collapse ul.menu.nav ul li li i.submenu.fa:active    {
		background-color:#f2f7eb;

	}

	.navbar-collapse ul.menu.nav li ul li i.submenu.fa  {
    	background-color:#f2f7eb;
    	color: #999;
    	border-top: 1px solid #999 ;
	}

	.navbar-collapse ul.menu.nav li ul li ul li i.submenu.fa  {
    	background-color:#fff;
    	color: #999;
    	font-size: 4.0rem;

	}


/*
	.navbar-collapse ul.menu.nav li ul li ul li i.submenu.fa  {
	   	height: 42px;
    	background-color:#fff;
    	color: #333;
	}
*/
	.navbar-collapse ul.menu.nav i.submenu.fa::before {
		content: "\f0da";
	}

	.navbar-collapse ul.menu.nav li ul li i.submenu.fa::before  {
		content: "\f0da";
	}

	.navbar-collapse ul.menu.nav li ul li ul li i.submenu.fa::before  {
		content: "\f0da";
	}

		.navbar-collapse ul.menu.nav li.active-trail > i.submenu.fa::before {
		content: "\f0d7";
	}



	.region-navigation .menu-name-main-menu ul li ul li.active-trail,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li ul li.active-trail, {
		border-left: none;
	}





 	.navbar-collapse .region-navigation .menu-name-main-menu > ul {

 		display: initial;
 		width: 100%;
 		float: left;
 		border-bottom: 1px solid #999;

	}

	.region-navigation .menu-name-main-menu li {

		overflow: hidden;

		width: 100%;
		display: block;
		margin-top: 0px !important;
		margin-bottom: 0px !important;

		float: left;
		border-top:1px solid #999;

	}

	.region-navigation .menu-name-main-menu ul li a.active::before {
		font-family: FontAwesome;
		content: "\f0c8";
		font-size: .8em;
		float:left;
		position: relative;
		top: 0.1em;
		/* margin-right: 7px;
			left: -1px; */
		margin-right: -9px;
		left: -16px;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul li a.active::before {
		top: unset;
	}



	.region-navigation .menu-name-main-menu ul li {
		display: inline-block;
	}

	.region-navigation .menu-name-main-menu ul li:first-child {
		margin-top: 0px;

	}



	.region-navigation .menu-name-main-menu ul li a {
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 21px;
		padding-left: 20px;
		padding-right: 10px;
		text-align: left;
		width: 100%;
		display: inline-block;
		float: left;
		border-left:1px solid #999;
		border-right:1px solid #999;

	}

	.region-navigation .menu-name-main-menu ul li i.submenu {
		border-right:1px solid #999;
	}



	.region-navigation .menu-name-main-menu ul li.submenu > a {
		width: calc(100% - 41px);
		border-right: 1px solid #999;

	}
/*
	.region-navigation .menu-name-main-menu ul li.submenu > a.active {
		padding-left: 8px;
	}

*/
	.region-navigation .menu-name-main-menu ul li > a {
		padding-left: 26px;
		background-color: #86bb3a;
		color: #fff;
		border-left: 1px solid #999;


	}

	.region-navigation .menu-name-main-menu ul li a:hover,
	.region-navigation .menu-name-main-menu ul li a:focus,
	.region-navigation .menu-name-main-menu ul li a:active {

		background-color: #eee;
		color: #86bb3a;
	}

	.region-navigation .menu-name-main-menu ul li > a.active-trail.active,
	.region-navigation .menu-name-main-menu ul li.active-trail.active > a {
		background-color: #86bb3a;
		color: #fff;
		padding-left: 26px;
	}
	/*
	.region-navigation .menu-name-main-menu ul li.active-trail.active > a.active {
		padding-left: 26px;
	}
	*/


	.region-navigation .menu-name-main-menu ul li.active-trail.active > a:hover,
	.region-navigation .menu-name-main-menu ul li.active-trail.active > a:focus,
	.region-navigation .menu-name-main-menu ul li.active-trail.active > a:active {

		background-color: #eee;
		color: #86bb3a;
	}

	.region-navigation .menu-name-main-menu  ul li.active-trail.active > a:after {
		content: "";
		content: unset;
	}



	.region-navigation .menu-name-main-menu ul ul {
		background-color: #fff;

	}


	/*
	.region-navigation .menu-name-main-menu li.submenu.active.active-trail > i.submenu,
	.region-navigation .menu-name-main-menu li.submenu.active.active-trail > a.active-trail,
	.region-navigation .menu-name-main-menu li.submenu > a.active-trail {
		border-bottom:1px solid #999;
	}
	.region-navigation .menu-name-main-menu li.submenu.active > i.submenu,
	.region-navigation .menu-name-main-menu li.submenu.active > a.active-trail,
	.region-navigation .menu-name-main-menu li > a.active-trail.active {
		border-bottom: none;
	}



	.region-navigation .menu-name-main-menu ul li.active-trail > a,
	.region-navigation .menu-name-main-menu ul li.active-trail.submeny > a,
	.region-navigation .menu-name-main-menu ul li.active-trail > i.submenu,
	.region-navigation .menu-name-main-menu ul li.active > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li.active-trail > a,
	.region-navigation .menu-name-main-menu ul li ul li.active-trail.submeny > a,
	.region-navigation .menu-name-main-menu ul li ul li.active-trail > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li.active > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail.submenu > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail.submenu > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail.submenu > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active > i.submenu {
		border-bottom:1px solid #999;
	}






	.region-navigation .menu-name-main-menu ul li.active-trail ul li:first-child > a,
	.region-navigation .menu-name-main-menu ul li.active-trail ul li:first-child > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li.active-trail ul li:first-child > a,
	.region-navigation .menu-name-main-menu ul li ul li.active-trail ul li:first-child > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail ul li:first-child > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail ul li:first-child > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail ul li:first-child > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail ul li:first-child > i.submenu,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail ul li:first-child > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail ul li:first-child > i.submenu {
		border-top:none;
	}
	*/

	.region-navigation .menu-name-main-menu ul li ul li a {
		padding-left: 41px;
		text-transform: none;
		font-size: 1.5rem;
		line-height: 2.1rem;
		background-color: #86bb3a;
		background-color: #f2f7eb;
		color: #333;
		/* width: calc(100% - 5px); */
		border-top: 1px solid #999;

		/* border-left: 0px solid #eee; */
		/*
		border-right: 1px solid #999;
		*/
	}




	.region-navigation .menu-name-main-menu ul li ul li.collapsed  a:after{
		content: "";
		content: unset;

	}



	.region-navigation .menu-name-main-menu ul li ul li.expanded > a:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded.active-trail.active > a:after{
		content: "";
		content: unset;
	}



	.region-navigation .menu-name-main-menu ul li ul li.collapsed  a:hover:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded a:hover:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded.active-trail.active a:hover:after,
	.region-navigation .menu-name-main-menu ul li ul li.collapsed  a:focus:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded a:focus:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded.active-trail.active a:focus:after,
	.region-navigation .menu-name-main-menu ul li ul li.collapsed  a:active:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded a:active:after,
	.region-navigation .menu-name-main-menu ul li ul li.expanded.active-trail.active a:active:after   {
		color: #86bb3a;
	}

	.region-navigation .menu-name-main-menu ul li ul li.active-trail.active  > i.submenu {
		color: #76ab2a;
	}

	.region-navigation .menu-name-main-menu ul li ul li.active.submenu > a {
		color: #76ab2a;
		background-color: #f2f7eb;
		padding-left: 41px;
	}

	.region-navigation .menu-name-main-menu ul li ul li a.active-trail.active,
	.region-navigation .menu-name-main-menu ul li ul li.active-trail.active > a.active {
		background-color: #f2f7eb;
		color: #76ab2a;
		padding-left: 41px;
	}





	.region-navigation .menu-name-main-menu ul li ul li ul li {
		margin:0px;
		/* border-top: 1px solid #ddd;	*/
	}



	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail.active  > i.submenu {
		color: #76ab2a;
	}


	.region-navigation .menu-name-main-menu ul li ul li ul li > a.active-trail.active {
		background-color: #f2f7eb;
		color: #76ab2a;
	}


	.region-navigation .menu-name-main-menu ul li ul li ul li a {
		font-size: 14px;
		line-height: 20px;
		background-color: #fff;
		/* width: calc(100% - 10px); */
		border-left: 1px solid #999;
		padding-left: 66px;
	}


	.region-navigation .menu-name-main-menu ul li ul li ul li.active.submenu > a,
	.region-navigation .menu-name-main-menu ul li ul li ul li.submenu > a {
		border-left: 1px solid #999;
		background-color: #fff;
		padding-left: 66px;

	}

	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail.active a {
		background-color: #fff;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul li.active-trail.active > a.active,
	.region-navigation .menu-name-main-menu ul li ul li ul li > a.active-trail.active {
   		padding-left: 66px;
   		background-color: #fff;
	}


	.region-navigation .menu-name-main-menu ul li ul ul li li ul li > a.active-trail.active,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail.active  > i.submenu {
		color: #76ab2a;
	}


	.region-navigation .menu-name-main-menu ul li ul li ul li ul li a {
		padding-left: 92px;
		background-color: #fff;
		/* width: calc(100% - 15px); */
		border-left: 1px solid #999;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.submenu > a {
		padding-left: 92px;
		/* width: calc(100% - 56px); */
		border-left: 1px solid #999;

	}


	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active > a.active-trail
	 {
   		padding-left: 92px;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul li ul li.active-trail.active > a.active,
	.region-navigation .menu-name-main-menu ul li ul li ul li  ul li > a.active-trail.active {
		padding-left: 92px;
	}



	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail.active  > i.submenu {
		color: #76ab2a;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul ul li li ul li > a.active-trail.active {

		background-color: #f2f7eb;
		color: #76ab2a;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li a {
		padding-left: 114px;
		background-color: #fff;
		/* width: calc(100% - 20px); */
		border-left: 1px solid #999;
	}

	.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.submenu > a{
		padding-left: 114px;
		/* width: calc(100% - 61px); */
		border-left: 1px solid #999;
	}

		.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li.active-trail.active > a.active,
	.region-navigation .menu-name-main-menu ul li ul li ul li ul li  ul li > a.active-trail.active {
   		padding-left: 114px;
	}

		.region-navigation .menu-name-main-menu ul li ul li ul li ul li ul li ul li a {
			padding-left: 130px;
			border-left: 1px solid #999;

	}



}







/* SUB MENY - UNDERMENY - SECOND MENU */


.menu-block-2,.menu-block-6{
	margin-bottom: 30px;
	font-size: 16px;
}


.pane-menu-block-2 h2.pane-title,
#block-menu-block-2 h2.block-title a,
.pane-menu-block-6 h2.pane-title,
#block-menu-block-6 h2.block-title a,
#block-multiblock-1 h2 a {
	font-size: 18px;
	background-color: #86bb3a;
	width: 100%;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	padding: 10px 15px;
	display: block;
	margin-top: 0px;

}
.menu-block-2 ul,
.menu-block-6 ul {
	background-color: #fff;

}

.menu-block-2 ul li,
.menu-block-6 ul li {

	margin-bottom: 4px;
}

.menu-block-2 ul li a,
.menu-block-6 ul li a {
	background-color: #f2f7eb;
	padding: 6px 15px;
}


.menu-block-2 ul li a:hover,
.menu-block-6 ul li a:hover {
	color: #669b1a;
	background-color: #eee;
}

.menu-block-2 > ul li.expanded {
	margin: 0px;
}

.menu-block-2 > ul li.expanded > a,
.menu-block-2 ul li .active > a,
.menu-block-6 ul li > .active > a,
.menu-block-2 ul li > .active-trail,
.menu-block-6 ul li > .active-trail {
 	font-weight: 600;
 	color: #669b1a;
}


.menu-block-2 ul li ul li,
.menu-block-6 ul li ul li {
	margin:0px;
	border-top: 1px solid #ddd;
}

.menu-block-2 ul li ul li:first-child,
.menu-block-6 ul li ul li:first-child{
	border-top: none;
	margin-top: 4px;
}

.menu-block-2 ul li ul li:last-child,
.menu-block-6 ul li ul li:last-child{
	margin-bottom: 4px;
}

.menu-block-2 ul li ul li  a,
.menu-block-6 ul li ul li  a {
	background-color: #fff;
	padding-left: 40px;
}



.menu-block-2 ul li ul li ul li,
.menu-block-6 ul li ul li ul li{
	border: none;
}

.menu-block-2 ul li ul li ul li:last-child,
.menu-block-6 ul li ul li ul li:last-child{
	margin: 0px;
}


.menu-block-2 ul li ul li ul li a,
.menu-block-6 ul li ul li ul li a{
	padding-left: 70px;
}

.menu-block-2 ul li ul li ul li ul li a,
.menu-block-6 ul li ul li ul li  ul li a{
	padding-left: 100px;
}

.menu-block-2 ul li ul li ul li ul li ul li a,
.menu-block-6 ul li ul li ul li  ul li ul li a{
	padding-left: 130px;
}


/*
.menu-block-2 ul li.expanded > .active,
.menu-block-6 ul li.expanded > .active {
 	margin-bottom: 0px;
}
*/

/*
.menu-block-2 .hide-children > .active-trail {
	padding-left: 25px;
}
*/

/*
.menu-block-2 ul li ul li .active > a,
.menu-block-6 ul li ul li > .active > a,
.menu-block-2 ul li ul li > .active-trail,
.menu-block-6 ul li ul li > .active-trail {
 	background: #f0f;

}
*/

/*

*/

/*
.menu-block-2 > ul > li.expanded, .menu-block-2 > ul > li.expanded > ul > li > a{
 	background-color: #fff;
 	background: transparent;
}

.menu-block-2 ul li.expanded {
	padding-bottom: 3px;
	margin-bottom: 4px;


}

.menu-block-2 ul li.expanded > a{
	border-top:none;
	border-left: none;
	border-right: none;
}


.menu-block-2 ul li ul li a:hover {
	color: #86bb3a;
	background: #f2f7eb;
	padding-left: 23px;
}

.menu-block-2 ul li ul li ul li a:hover {
	color: #86bb3a;
	background: #f2f7eb;
	padding-left: 24px;
}

.menu-block-2 ul li.expanded ul li{
	border: none;
	border-bottom: 1px solid #ddd;
}

.menu-block-2 ul li.expanded ul li.active-trail a{
	border: none;
}

.menu-block-2 ul li.expanded .active-trail a{
	border: none;
}

*/

/* ARROWS  */

/* Has children but not selected */
.menu-block-2 ul > li.collapsed > a:after,
.menu-block-6 ul > li.has-children > a:after{
	font-size: 18px;
	line-height: 18px;
	position: relative;
	left: 7px;
	top: 2px;
	content: "\f0da";
	font-family: FontAwesome;
	color: #86bb3a;
	color: #000;
}


/* Has children and selected */
.menu-block-2 ul > li.expanded > a:after{
	font-size: 18px;
	line-height: 18px;
	position: relative;
	left: 7px;
	top: 2px;
	content: "\f0d7";
	font-family: FontAwesome;
	color: #86bb3a;
}



.menu-block-2 ul li ul li.collapsed > a:after{
	width: 100%;
	margin-top: 50px;
	position: relative;
	left: 5px;
	content: "\f0da";
	font-family: FontAwesome;
	color: #000;
}

.menu-block-2 ul li ul li.expanded > a:after{
	width: 100%;
	margin-top: 50px;
	position: relative;
	left: 5px;
	content: "\f0d7";
	font-family: FontAwesome;
	color: #86bb3a;

}

.menu-block-6 ul > li.has-children.active-trail > a:after {
	content: "";
}

.menu-block-2 ul > li > a:hover:after, .menu-block-6 ul > li > a:hover:after {
	color: #86bb3a;
}

.menu-block-2 ul > li.expanded.active-trail > a:hover:after, .menu-block-6 ul > li > a:hover:after {
	color: #86bb3a;
}

.menu-block-2 ul li ul li a:hover:after {
	color: #86bb3a;
	color: #86bb3a;

}


/*
.menu-block-2 ul li.expanded ul {
 	margin-bottom: 0px;
}

.menu-block-2 > ul li ul li.expanded {
 	background: #fff;
}

.menu-block-2 > ul li ul li ul li.expanded {
 	background: #fff;
 	border-bottom: none;
 	border-top: none;
}



.menu-block-2 > ul li ul li.expanded > a {

}



.menu-block-2 > ul li ul li a {
 	background: #fff;
 	margin-bottom: 0px;
 	padding-left: 24px;
}

.menu-block-2 > ul li ul li ul li a {

 	margin-bottom: 0px;
 	padding:3px 15px 3px 15px !important;
}
.menu-block-2 ul li ul li ul li:first-child {
 	padding-top:0px;
}

.menu-block-2 > ul li ul li.active > a,
.menu-block-2 > ul li ul li.expanded.active > a,
.menu-block-2 > ul li ul li.active-trail > a {
 	font-weight: 600;
 	color: #669b1a;
 	margin-bottom: 0px;
 	padding-left: 24px;

}


.menu-block-2 ul > li.expanded ul > li.expanded{
	padding-bottom: 3px;
	margin-bottom: 4px;
}




.menu-block-2 ul li ul li  {
	margin-top: 1px;

}

.menu-block-2 ul li ul li a.active-trail {
	font-weight: 600;

}

.menu-block-2 ul li ul li ul li > .active-trail {

}

.menu-block-2 ul li ul li a.active, .menu-block-2 ul li ul li ul li a.active, .menu-block-6 ul li ul li a.active, .menu-block-6 ul li ul li ul li a.active {

	font-weight: 600;
}




.menu-block-2 ul li ul li ul li ul li a, .menu-block-6 ul li ul li ul li ul li a {
	padding-left: 55px !important;
}

.menu-block-2 ul li ul li ul li ul li ul li a, .menu-block-6 ul li ul li ul li ul li ul li a {
	padding-left: 75px !important;
}

.menu-block-2 ul li ul li ul li a, .menu-block-6 ul li ul li ul li a {
	padding-left: 40px !important;
}

.menu-block-2 a, .menu-block-2 a:hover, .menu-block-2 a:focus, .menu-block-2 a:active {
	color: #000;
	text-decoration: none;
}

.menu-block-6 a, .menu-block-6 a:hover, .menu-block-6 a:focus, .menu-block-6 a:active {
	color: #000;
	text-decoration: none;
}

*/

/************** END SUBMENU */

/* PAGINATION NEWS LISTS ETC */
ul.pagination span.li {

}
.pagination > .active > span {
	background-color: #86bb3a;
	border-color: #86bb3a;
}

.pagination > li > a {
	color: #888;
}

.pagination > li > a:hover {
	color: #86bb3a;
	color: #fff;
	background-color: #86bb3a;
	border-color: #86bb3a;
}

/* End PAGINATION */


/* PANE MENU .pane-menu-block-2 .pane-title a */
#block-menu-block-2 .block-title a, #block-menu-block-6 .block-title a {
	padding: 10px 15px;
	background: #666666;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: inherit;
	font-weight: normal;
}

#block-menu-block-2 .block-title .active, #block-menu-block-6 .block-title .active  {
	background: #86bb3a;
}

#block-menu-block-2 .block-title a, .pane-menu-block-2 .pane-title a, #block-menu-block-6 .block-title a {
    color: #fff;
    text-decoration: none;
}

#block-menu-block-2 ul:first-child, #block-menu-block-6 ul:first-child {

}


.pane-menu-block-2 .pane-content {
	padding: 0 !Important;
}

/*
.menu-block-2 ul li ul li .first a {

}

.menu-block-2 ul li ul > li {
	margin-bottom:4px;
}

*/


/* PAGES | Sidor */
/* VANLIG SIDA Page node  */
body.page-node article {
	padding-right: 0px;
	padding-left: 0px;
}

body.page-node section.col-sm-8 {

    /*border-top: 1px solid #000000;*/
   	padding-right: 10%;
}



body.page-node .region.region-content {
	min-width: 670px;
}

body.page-node .field-name-field-image{
	margin-bottom: 8px;
	float: left;
	width: 100%;

}

body.page-node .views-field-field-first-ingress, body.page-node .views-field-field-body-top {
	margin-bottom: 15px;
}

/* IMAGES */

.page-node img{
	overflow: hidden;

}

.page-node .field-name-field-image img{
	width: 100%;

}

.page-nyheter .views-field-field-body-top a:hover img,
.page-nyheter .views-field-field-body a:hover img,
.page-nyheter .views-field-field-body-3 a:hover img,
.page-node a:hover img,
.page-pub .views-field-field-body a:hover img,
.page-pub .views-field-field-body-1 a:hover img {
	background-color: rgba(255,255, 255, 1.00);
}





/* PAGE VANLIG SIDA NYHETER mfl */
/* Fakta ruta Fact panel  + Relaterade länkar både lista och sida */
/* Gäller sidtyperna Vanlig sida och Nyheter */

.node-type-news .field.field-name-field-image-txt,
.node-type-page .field.field-name-field-image-txt {
	display: inline-block;
	margin-bottom: 8px;
}

.node-type-news .field.field-name-field-body,
.node-type-page .field.field-name-field-body {
	margin-top: 18px;
}

.node-type-poddradio .category-row,
.node-type-news .category-row {
	margin-bottom: 10px;
	/* float: left; */
	width: 100%;
}
.node-type-poddradio .fa-square.page-category-square,
.node-type-news .fa-square.page-category-square{
	color: #d7e7bd;
}

.node-type-news .fa-square.page-category-square{
	padding-top: 5px;
}


.node-type-news .fact.panel,
.node-type-news .related.panel,
.node-type-page .fact.panel,
.node-type-page .related.panel {
	width: 100%;
	background-color: #f0f1f9;
	border-radius: 0px;
}
.node-type-news .fact.panel .panel-body,
.node-type-news .related.panel .panel-body,
.node-type-page .fact.panel .panel-body,
.node-type-page .related.panel .panel-body {
	padding: 0px;
}

.node-type-news .fact.panel .field-name-field-fact-title .field-item,
.node-type-news .related.panel .field-name-field-related-link-titel .field-item,
.node-type-page .fact.panel .field-name-field-fact-title .field-item,
.node-type-page .related.panel .field-name-field-related-link-titel .field-item {
	color: #333;
	font-weight: 600;
	font-size: 16px;
	border-bottom: 2px solid #828392;
	padding: 8px 15px 8px 15px;
}



.node-type-news .fact.panel .field-name-field-fact-txt,
.node-type-news .related.panel .field-name-field-related-links,
.node-type-page .fact.panel .field-name-field-fact-txt,
.node-type-page .related.panel .field-name-field-related-links {
	padding: 15px 15px 15px 15px;
}

.field-name-field-related-links a {
	line-height: 28px;

}

.field-name-field-related-links a::before {
	color: #828392;
	content: "\f0da ";
	font-family: FontAwesome;
	padding-right: 5px;

}

.field-name-field-related-links a:hover {
	color: #828392;
	color: #86bb3a;
	text-decoration: none !important;
}
.node-type-news .related.panel .field-name-field-related-links a:hover::before,
.node-type-page .related.panel .field-name-field-related-links a:hover::before {
	text-decoration: none !important;
	text-decoration-line: none !important;

}

/* PAGE EDUCATION UTBILDNING */
.node-type-education .field-label{
	font-size: 16px;
}

.node-type-education .field-name-field-education-provider .field-items {
	font-size: 20px;
	margin-bottom: 10px;
}

.node-type-education .field-items,
.node-type-education .field-label {
	margin: 5px 0px;
}

.node-type-education .field-items p {
	margin: 0px;
}

.node-type-education .field-name-field-extern-link a {
	text-decoration: underline;
}

/* slut education utbildning */


/* PAGE FAKTABLAD */

.node-type-fact .field-name-field-language {

}

.node-type-fact a {
	text-decoration: underline;
}

.node-type-fact .field-name-field-pdf {
	font-size: 16px;
	margin-top: 15px;
}

.node-type-fact .field-name-field-pdf .field-label{
	font-size: 16px;
	font-weight: normal;
}

.node-type-fact .field-name-field-pdf .file-icon {
	display: none;
}

.node-type-fact .field-name-field-image {
	margin-top: 15px;
}
.page-node.node-type-fact .field-name-field-image img {
	width: 50%;
	border:1px solid #ddd;
}
/* slut faktablad */



/* PAGE PODDRADIO */
.node-type-poddradio .field-name-field-ingress,
.node-type-poddradio .field-name-field-puff-image,
.node-type-poddradio .field-name-field-body {
	margin-bottom: 30px;

}
.node-type-poddradio .field-name-field-ingress,
.node-poddradio .field-type-youtube {
	margin-top: 20px;
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.node-type-poddradio .field-name-field-ingress {
	margin-top: 0px;
}

.node-type-poddradio .field-name-field-number  {
	margin-bottom: 10px;
}

.node-type-poddradio .field-name-field-number .field-label {
	font-size: 20px;
	font-weight: 600;
}

.node-type-poddradio .field-name-field-number .field-items {
	font-size: 20px;

}

.node-type-poddradio .group-categories .panel-body {
	padding: 0px;
}

.node-type-poddradio .group-categories.panel.panel-default {
	border:	none;
	box-shadow: none;
}
/* End Poddradio */


/* PAGE PUBLIKATIONER */

.node-type-publication .field-name-field-publication-categorie .fa.fa-square {
	color: #86bb3a;

}

.node-type-publication .group-author-year {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	margin-top: 0px;
}
.node-type-publication .group-author-year .field {
	float: left;
}

.node-type-publication .field-name-field-year {
	padding-left: 10px;
}

.node-type-publication .field-name-field-year .date-display-single::before {
	display: inline;
	content: "(";
}

.node-type-publication .field-name-field-year .date-display-single::after {
	display: inline;
	content: ")";
}


.node-type-publication .field-name-field-puff-text {
	margin-bottom: 20px;
}

.node-type-publication .field-name-field-publication-categorie {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.node-type-publication .field-name-field-body {
	float: initial;
}
body.page-node.node-type-publication .field-name-field-image {
	margin-bottom: 25px;
    float: left;
    margin-right: 25px;
    display: inline;
    padding-top: 4px;
}

.page-node.node-type-publication .field-name-field-image img {
	width: 50%;
}

/* End Pubblikationer */



/* PAGE SIDA STAFF PERSONAL*/

.node-type-staff .field-name-field-staff-image {
	max-width: 300px;
}

/* End page  staff personal */

/* PAGE SIDA CALENDAR KALENDER KALENDERSIDA*/

.page-node.node-type-calendar .col-sm-9,
.page-node.node-type-calendar .col-sm-12 {
	padding-left: 0px;
}



.page-node.node-type-calendar button.puffbild {
	margin-top: 0px;
}

.node-type-calendar,
.node-type-calendar .field-label {
	font-size: 16px;
	margin-top: 0px;
}

.page-node.node-type-calendar article .field-name-field-date,
.page-node.node-type-calendar article .field-name-field-time,
.page-node.node-type-calendar article .field-name-field-place {
	padding-bottom: 6px;
}

.page-node.node-type-calendar article .field-name-field-organizer {
	padding-bottom: 12px;
}




.page-node.node-type-calendar article button.puffbild i.fa-plus-circle {
	top:4px;
}

@media screen and (max-width: 950px) {
	.page-node.node-type-calendar .col-sm-3 {
		text-align: center;
		width: 100%;
		background-color: #eee;
		padding: 15px 0px;
		line-height: 0px;
		margin-bottom: 15px;

	}

	.page-node.node-type-calendar .col-sm-3 button.puffbild {
		display: inline-block;
		width: 50%;
		float: initial;

	}
	.page-node.node-type-calendar .col-sm-3 img {
		/*
		display: block;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		*/
	}



	.page-node.node-type-calendar button.puffbild i.fa-plus-circle {
		font-size: 30px;
		right: 7px;
	}
}

/* --*/




/* PANELS IN ADMIN */

.panels-ipe-portlet-wrapper {
	float: left;
	width: 100%;
	height: auto;
}

/* Fixa utseende när man ska läsa in block i panelen. */
.panels-ipe-editing .panels-section-column .img-responsive {
	display: inline;
}

.panels-ipe-editing .panels-section-column .content-type-button span {
	top:1px;
}

/* Slut. */

/* Modal General */
.modal-content{
    float: left;
}


/* MODAL PUFFBILD I LISTNINGAR (T.ex nyhetsarkiv) */

.modal {
    text-align:center;
    background-color: rgba(255,255,255,.8);

}



.modal-body {
    text-align: center;
    padding-top: 0px;
    padding:0px 0px 15px 0px;
}

.panels-ipe-editing .modal-body {
    padding: 15px;
}

.modal-dialog {
    width: auto;
    display: inline-block;
}

.modal-dialog .caption{
    text-align: left;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 10px 15px;
    border-bottom: none;
}

.modal-footer {
    border-top: none;
    text-align: center;
    padding-top: 0px;
}

button.puffbild{
    padding:0px;
    border-style: none;
    margin-top: 12px;
    margin-bottom: 0px;
    background-color: transparent;
    float: right;

}

button.puffbild:hover,
button.puffbild:focus,
button.puffbild:active {
	border:none;
	outline: none;
}

button.puffbild i.fa-plus-circle {
	position: absolute;
	font-size: 22px;
	top:15px;
	right: 20px;
	color: #fff;
	z-index: 150;
}

.view-publikationer button.puffbild i.fa-plus-circle {
	right: 4px;
}


button.puffbild i.zoom.fa-circle {
	position: absolute;
	font-size: 24px;
	top:14px;
	right: 15px;
	color: #888;
	z-index: 150;
}

button.puffbild:hover img{
    -webkit-filter: brightness(99%); /* Safari 6.0 - 9.0 */
  	filter: brightness(90%);
}

button.puffbild:hover i.fa-plus-circle{
    color:#86bb3a;
}

button.puffbild:hover i.zoom.fa-circle{
    color:#fff;

}

.close {
    font-size: 36px;
    color: #888;
    opacity: 1;
    position: absolute;
    top:6px;
    right: 4px;
    z-index: 150;
    text-shadow: none;
}

.close .fa-circle{
    font-size: 38px;
    color: #888;

    opacity: 1;
    position: absolute;
    top:-5px;
    right: 3px;
    z-index: 150;
    text-shadow: none;
}

.close .fa-times-circle{
    font-size: 36px;
    color: #eee;
    opacity: 1;
    position: absolute;
    top:-4px;
    right: 4px;
    z-index: 160;
    text-shadow: none;
}
button.close {
	border:none;
}

button.close:active,
button.close:focus,
button.close:hover {
	opacity: 1;
	border:none;
}

.close:hover .fa-circle{
    color: white;

}

.close:hover .fa-times-circle{

    color: #86bb3a;

}

.modal img {

    width: auto !important;
    height: auto;
    max-height: 560px;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

.modal .caption {
    padding: 10px;
}

button.btn.btn-secondary {
    background-color: #888;
    color: #fff;
}

button.btn.btn-secondary:hover {
    background-color: #86bb3a;

    color: #333;
}

/*** Slut MODAL ***/


/* Högerblock */

#block-views-page-right-block-block {

}

#block-views-page-right-block-block .views-field-field-titel-1,
#block-views-page-right-block-block .views-field-field-titel-2 {
	display: block;
	line-height: 22px;
	color: #333;
	font-weight: 600;
	font-size: 16px;
	background-color: #f0f1f9;
	padding: 8px 15px 8px 15px;
	border: 1px solid #ddd;
	border-bottom: 3px solid #828392;
	margin-bottom: 0px;
	width: 100%;
	float: left;

}

#block-views-page-right-block-block .views-field-field-body-1,
#block-views-page-right-block-block .views-field-field-body-2 {
	float: left;
	background-color: #f0f1f9;
	padding: 15px 15px 15px 15px;
	border: 1px solid #ddd;
	border-top: none;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 100%;

}

/* Bildtext i editorn */
.field-name-field-body {
	float: left;
	margin-bottom: 30px;
	width:100%;
}

body.page-node .bild-text {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 8px 8px 8px 8px;
	text-align: left;
	float: right;
	display: inline-block;
	margin: 10px;
}

body.page-node .bild-text img{
	margin-bottom: 5px;

}

@media screen and (max-width: 1080px) {

	body.page-node .region.region-content {
		min-width: initial;
	}

	body.page-node section.col-sm-8 {
        padding-right: 15px;
	}
}


/* Aktuellt block */
.pane-views-aktuellt-block {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	/* background: #d5e4e9; */
	background: #f0f1f9;
	background: #fbf6e8;
	/* border-bottom: solid 3px #1b6b88; */
	border-bottom: 3px solid #dfa903;

    padding-bottom: 0px;
}

.pane-views-aktuellt-block .view-content{

	padding-left: 15px;
	padding-right: 15px;
}

.pane-views-aktuellt-block h2.pane-title{
	/* background: #1b6b88 !important;*/
	background: #dfa903 !important;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 0px;
	width:100%;
	margin-top: 0px;
}

.pane-views-aktuellt-block .views-row-last {
	border-bottom: none !important;
	padding-bottom: 0px;
}


/* bean-galleri Gallery*/

.bean-galleri {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom:30px;
}

/* Pane block webbutbildnigar Block */

.pane-bean-webbutbildningar-sidebar  {
	margin-bottom: 30px;
	background-color: #fbf6e8; ;
	width:100%;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}

.pane-bean-webbutbildningar-sidebar .pane-content h2 {
	background: #dfa903 !important;
	color: #fff;
	padding: 10px 15px;
	margin: 0px;

}

.pane-bean-webbutbildningar-sidebar  .content {
	padding: 15px;
}


.pane-bean-webbutbildningar-sidebar .pane-content button {
	margin-top: 10px;
	margin-bottom: 0px;
	background: #dfa903 !important;
	padding: 5px 10px;
	width: 100%;
	text-align: center;
	border: 0;
	color: #ffffff;


}





/**
 * Carousel
 */
/*
.carousel {
	padding-bottom: 20px;
	border-bottom: 10px double #ccc;
}

.carousel-inner {
	min-height: 510px !important;
}

.carousel.slide {
	margin-bottom: 20px;
}

.carousel-caption {
	clear: both;
	position: static;
	text-shadow: none;
	height: auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.carousel-caption h4 a,
.carousel-caption p {
	color: #000;
	font-size: 14px;
	font-weight: normal;
}

.carousel-caption h4 a {
	font-weight: bold;
}
*/
/*
.carousel-indicators {
	display: block;
	position: static;
	width: 100%;
	text-align: center;
	left: initial;
	margin: 0;
}
*/

.carousel-indicators li {
	background-color: #ddd;
	height: 20px;
	width: 20px;
	margin: 0;
}

.carousel-indicators .active {
	height: 20px;
	width: 20px;
	background-color: #333;
	margin: 0;
}
/*

a.left.carousel-control, a.right.carousel-control {
	background-image: none;
}

.carousel-control {
	display: none;
}




*/

.pane-responsive-slideshow-responsive-slideshow a {
	color: #000;
    font-weight: 500;
}

.pane-responsive-slideshow-responsive-slideshow a {
	float: right;
}
.pane-responsive-slideshow-responsive-slideshow .edit-link {
	float: none;
}

.pane-responsive-slideshow-responsive-slideshow h4 {
	color: #000;
}

.col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

/* News Carousel Nyheter karusell */
.pane-nyheter3galleri {
position: relative;
top:-10px;
}

.pane-nyheter3galleri .line {
	width: 100%;
	border-top: 1px solid #86bb3a;
	margin-bottom: 0px;

}

.pane-nyheter3galleri h2 {
	width:150px;
	font-size: 18px;
	position: relative;
	top:10px;
	padding: 0px;
	margin: 0px;
	margin-left: 9%;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
	z-index: 100;

}

.container.news-carousel {

	padding:0px;
	margin:0px;
	margin-bottom: 30px;

}

.news-carousel .item {
	width: 100%;
	display: none;
}

.news-carousel .item.active {
	width: 100%;
	display: block;
}

 .news-carousel .carousel-inner{
 	margin-bottom: 0px;
 	padding-bottom: 0px;
 	min-height: 0px !important;
 }
.news-carousel .carousel {

	border: none;
	padding: 0px;
	margin:0px;

}


.news-carousel .col-sm-4 {
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 220px
}


.news-carousel .col-sm-4.col-nr1 {
	padding-right: 20px;
	padding-left: 0px;
}

.news-carousel .col-sm-4.col-nr3 {
	padding-right: 0px;
	padding-left: 20px;
}



.news-carousel .carousel-caption {
	display: inline;
	width: 86.8%;
	padding: 10px;
	margin: 0 0 15px 6.6%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(255,255, 255, 0.80);
	text-shadow: none;
}


.news-carousel a:hover .carousel-caption{
	background-color: rgba(255,255, 255, 1.00);
}


.news-carousel a:hover .carousel-caption h3{
	/*font-weight: bold;*/
	color:#86bb3a;
}

.news-carousel a:hover img{

   -webkit-filter: brightness(99%); /* Safari 6.0 - 9.0 */
  filter: brightness(90%);
}





.news-carousel .carousel-caption .pw100{
	width: 86.8%;
	padding: 10px;
	margin: 0 0 15px 6.6%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.news-carousel .col-nr3 .carousel-caption {

	width: 86.8%;
	margin: 0 0 15px 9.2%;

}

.news-carousel .col-nr1 .carousel-caption {

	width: 86.8%;
	margin: 0 8% 4% 4%;


}

.carousel-control .left-arrow {
	background-image:url("/sites/all/themes/demenscentrum/img/left-arrow.png");
	width: 24px;
	height: 37px;
	top: 105px;
	position: relative;

}

.carousel-control .right-arrow {
	background-image:url("/sites/all/themes/demenscentrum/img/right-arrow.png");
	width: 24px;
	height: 37px;
	top: 105px;
	position: relative;
}





.news-carousel .carousel-control  {
	opacity: 0.85;

}


.news-carousel .carousel-control:hover .left-arrow {
	background-image:url("/sites/all/themes/demenscentrum/img/left-arrow-hover.png");
}

.news-carousel .carousel-control:hover .right-arrow {
	background-image:url("/sites/all/themes/demenscentrum/img/right-arrow-hover.png");
}


.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 36px !important;
}

.carousel-control .glyphicon-chevron-right {
	margin-right: -10px;
}

/*
.news-carousel .carousel-control  {

	display: block;
	color: #000;
	opacity: 1;
	text-shadow: #fff 0px 0px 1px,#fff 0px 0px 1px,#fff 0px 0px 1px,#fff 0px 0px 1px,#fff 0px 0px 1px,#fff 0px 0px 1px,#fff 0px 0px 1px,#fff 0px 0px 1px;
	-webkit-font-smoothing: antialiased;

}

.news-carousel .carousel-control:hover  {
	display: block;
	color: #86bb3a;
	opacity: 1;
	text-shadow: #000 0px 0px 1px,#000 0px 0px 1px,#000 0px 0px 1px,#000 0px 0px 1px,#000 0px 0px 1px,#000 0px 0px 1px,#000 0px 0px 1px,#000 0px 0px 1px;
	-webkit-font-smoothing: antialiased;

}
*/


 .news-carousel .carousel-indicators {
	width: 100%;
	left: initial;
	margin: 0;
 	position: relative;
 	top: -10px;
 	padding-left: 68.4%;
 	height: 25px;

 }

 .news-carousel .carousel-indicators li{
    border: 2px solid #86bb3a;
    background: #fff;
    position: relative;
  }

.news-carousel .carousel-indicators li:hover{
   background: #e6ffba;
}

  .news-carousel   .carousel-indicators li.active{
    background: #86bb3a;

  }

.news-carousel h3 {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	margin: 0px;
}

.news-carousel img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}



.news-carousel .carousel-caption.pw66, .news-carousel .carousel-caption.pw33{
		margin: 0px 15px 15px 15px !important;
		width: calc(100% - 30px) !important;

}

.news-carousel .col-sm-4.pw66{
	padding-right: 0px;
	padding-left: 0px;
	width: 48.3% !important;
	float: left !important;
}

.news-carousel .col-sm-4:first-child.pw66{
	margin-right: 1.7%;
}

.news-carousel .col-sm-4:last-child.pw66{
	margin-left: 1.7%;
	}




.news-carousel .col-sm-4.pw33{
		padding-right: 0px;
		padding-left: 0px;
		float: none !important;
		width: 100% !important;
		margin-right: 0px !important;
		margin-left: 0px !important;
}


.news-carousel .col-sm-4.col-nr1.pw33 {
		padding-right: 0px;
		padding-left: 0px;
}

.news-carousel .col-sm-4.col-nr2.pw33 {
	padding-right: 0px;
	padding-left: 0px;

}

.news-carousel .col-sm-4.col-nr3.pw33 {
		padding-right: 0px;
		padding-left: 0px;

}


.news-carousel a.left.carousel-control, .news-carousel a.right.carousel-control {
	background-image: none;
}


.carousel-control.right {
	width: 50px;
}

.carousel-control.left {
		width: 50px;
}


/* BILD KARUSELL som visas på sidan + samma karusell på nyhetssidan */

#block-views-page-carousel-block {
	margin-top: 0px;
	margin-bottom: 30px;
	background: #f0f1f9;

}


.views-field-field-page-carousel .carousel.slide  {
	margin-top: 0px;
	margin-bottom: 30px;
	background: #f0f1f9;


}

#block-views-page-carousel-block .col-sm-12 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}



.views-field-field-page-carousel .page-carousel.col-sm-12 {
	padding-right: 0px;
	padding-left: 0px;
}


#pagecarousel .carousel-indicators,
 .views-field-field-page-carousel .carousel-indicators{
	display: block;
	position: initial;
	margin: 0px;
	text-align: right;
	width: auto;
	padding: 0px;

}

#pagecarousel  ol.carousel-indicators,
 .views-field-field-page-carousel ol.carousel-indicators {
	height: 0px;
	background: transparent;

}

#pagecarousel .carousel-indicators li,
 .views-field-field-page-carousel .carousel-indicators li  {
	border-color: #828392;
	background-color: transparent;

}

#pagecarousel .carousel-indicators .active,
.views-field-field-page-carousel .carousel-indicators .active{
	background-color: #828392;

}

#pagecarousel .carousel-inner,
.views-field-field-page-carousel .carousel-inner {
	overflow: hidden;

}

#pagecarousel .item-content,
.views-field-field-page-carousel .item-content  {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 0px;

}

#pagecarousel img,
 .views-field-field-page-carousel img{

	width: 100%;
	height: 446px;
	object-fit: cover;

}

#pagecarousel .carousel-caption,
.views-field-field-page-carousel .carousel-caption {

	display: block;

	padding: 10px;

	color: #000;
	text-align: center;

	position: initial;
	top:38px;
	left: 0;
	right: 0;
	text-shadow: none;
	z-index: 100;

}


.views-field-field-page-carousel .carousel-caption,
.view-page-carousel #pagecarousel .carousel-caption {
	text-align:unset;
}
.views-field-field-page-carousel .carousel-caption a,
.view-page-carousel #pagecarousel .carousel-caption a{
	text-decoration: underline;
	color:#000;
}

.views-field-field-page-carousel .carousel-control,
.view-page-carousel #pagecarousel .carousel-control{
	/* display: none; */
}
.views-field-field-page-carousel .carousel-caption a:hover,
.view-page-carousel #pagecarousel .carousel-caption a:hover{

	color:#86bb3a;
}

#pagecarousel .carousel-control,
.views-field-field-page-carousel .carousel-control {
	background-image: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
	text-shadow: unset;
	opacity: 1;
}

#pagecarousel .carousel-control:hover,
.views-field-field-page-carousel .carousel-control:hover {
	opacity: .5;
}

#pagecarousel .carousel-control .glyphicon,
.views-field-field-page-carousel .carousel-control .glyphicon  {
	color: #888;
	font-size: 40px;

}

#pagecarousel .carousel-control .glyphicon-chevron-right,
.views-field-field-page-carousel .carousel-control .glyphicon-chevron-right   {
	margin-right: 0px;

}

#pagecarousel  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-carousel .carousel-control {
	position: unset;
	display: inline-block;


}

.page-carousel-control {
	padding-top: 0px;
	text-align: center;
}

.page-carousel-header-text {
	position: relative;
	top: -9px;
}

.page-carousel-indicators {
	padding-top: 0px;
	text-align: right;
	padding-right: 8px;
	position: relative;
	top: 6px;
	z-index: 1001;
}

.page-carousel-indicators ol {
	background: transparent;
}



.page-carousel .carousel-indicators li{
	height: 14px;
	width: 14px;
}

.page-carousel .carousel-control .left-arrow {
	/* background-image:url("/sites/all/themes/demenscentrum/img/left-arrow.png"); */
	background-image:unset;
	width: auto;
	position: unset;

}

.page-carousel .carousel-control .right-arrow {
	/* background-image:url("/sites/all/themes/demenscentrum/img/right-arrow.png"); */
	background-image:unset;
	width: auto;
	position: unset;
}



.page-carousel .carousel-control .fa:hover{
	color:#86bb3a;

}




.page-carousel .carousel-control ..dem-double-left:hover{
	color:#86bb3a;

}



#pagecarousel .carousel-control:hover .left-arrow {
    /* background-image: url(/sites/all/themes/demenscentrum/img/left-arrow-hover.png); */
}

#pagecarousel .carousel-control:hover .right-arrow {
    /* background-image: url(/sites/all/themes/demenscentrum/img/right-arrow-hover.png); */
}


/* BLOCK BEAN GENERAL BLOCK */


.bean-general-block .content {
	float: left;
	width: 100%;
	margin-bottom: 30px;

}

.bean-general-block h2.pane-title {
	line-height: 30px;
	margin-bottom: 0px;
	padding: 5px 0px 10px 15px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
}

.bean-general-block h2.pane-title a{
    color: #fff;
}

.bean-general-block a .fa-caret-right {
	padding: 0px;
	font-size: 26px;
	position: relative;
	top: 3px;
	left: 3px;
}

.bean-general-block h2 a:hover, .bean-general-block .fa-caret-right:hover {

}

.bean-general-block .body {
	padding: 10px;
	padding-left: 20px;
}





/** SLUT BEAN GENERAL BLOCK **/


/* BLOCK WEBBSHOP*/



.bean-webbshop .content {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background: #f0f1f9; /* Grå */
	background: #fbf6e8; /* Ljusgil */
}

.bean-webbshop h2.pane-title {
	/*background: #828392; /* Grå */
	background: #dfa903;  /* GUL */
	margin-bottom: 0px;
	height: 41px;
}


.bean-webbshop h2 {
	padding: 11px 0px 10px 15px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
}

.bean-webbshop h2 a{
    color: #fff;
    position: relative;
    top: -5px;
}

.bean-webbshop a .fa-caret-right {
	padding: 0px;
	font-size: 26px;
	position: relative;
	top: 3px;
	left: 3px;
}

.bean-webbshop h2 a:hover, .bean-webbshop .fa-caret-right:hover {


}

.bean-webbshop .content {
	margin-top: 0px;

}

.bean-webbshop .item .active{
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;



}

.bean-webbshop .item-content {
  	min-width: 100px; /* USED BY JAVASCRIPT 'excarousel' */
  	float: left;
  	margin: 20px 5px 20px 5px;

}

.bean-webbshop .item-content:first-child {
  	margin-left: 10px; /* USED BY JAVASCRIPT 'excarousel' */
}


.bean-webbshop .item-content:last-child {
  	/* margin-right: 10px; */
}

.bean-webbshop img {
  	width: 100%;
  	object-fit: cover;
}

.bean-webbshop img:hover {
  	 filter: brightness(90%);
}


.bean-webbshop .carousel-indicators {
	float: right;
	display: block;
	text-align: right;
	position: initial;
    padding:0px;
    margin: 0px;
    margin-right: 15px;
    width: initial;
    position: absolute;
    right: 0px;
    top:-29px;
    z-index: 150;
    height: 30px;

  }

.bean-webbshop .carousel-indicators li {
    border: 2px solid #fff;
    background: transparent;
    height: 17px;
    width: 17px;
}

.bean-webbshop .carousel-indicators li:hover{
    background: #d0d1d9;
}


.bean-webbshop .carousel-indicators li.active {
	background: #fff;
}



.bean-webbshop .panefooter {
	background: #828392; /* Grå */
	background: #dfa903;  /* GUL */
	margin-bottom: 0px;
    width: 100%;
    height: 3px;
}
.bean-webbshop .panefooter .fa-caret-right{
	font-size: 18px;
	left:6px;
	top: 2px;
}


.bean-webbshop .panefooter.has-content {
	margin-bottom: 0px;
    padding: 4px !important;
    width: 100%;
    text-align: center;
    border: 0px;
    height: 34px;
}

.bean-webbshop .panefooter a {
	font-size: 1.2em;
	color: #fff;
}

.bean-webbshop .panefooter a:hover{

}

.bean-webbshop .carousel-control.right, .bean-webbshop .carousel-control.left {
	background-image:none;
	display: none;
}





/** SLUT WEBBSHOP **/

/* SÖK SEARCH  PAGE SÖKSIDA */
.view-search .fa.fa-square {
	color: #86bb3a;

}

.view-search .btn-primary:hover {
	background-color: #86bb3a;
}

.view-search .btn-primary {
	background-color: #666;
}


.view-search  .views-widget-filter-search_api_views_fulltext {
	width: 100%;
}

.view-search .views-exposed-form .views-exposed-widget {
	padding-right: 0px;
}

.view-search .views-widget-filter-field_page_category,
.view-search .views-widget-filter-field_type,
.view-search .views-widget-sort-by {
	width: 29%;
	padding-right: 1em;
}

.view-search .views-widget-filter-field_page_category.views-exposed-widget,
.view-search .views-widget-filter-field_type.views-exposed-widget,
.view-search .views-widget-sort-by.views-exposed-widget {
	padding-right: 1em;

}

.view-search  select {
	min-width: 120px;
}

.view-search .views-widget-sort-order {
	float: right;
	padding: 0px;
}

.view-search .views-submit-button {
	width: 13%;
}

.view-search .views-submit-button .btn  {
	width: 100%;
	    margin-top: 25px;
}

.view-search .views-submit-button {
	float: right;
}

.view-search .views-row {
	padding: 20px 15px 20px 15px;
	border-bottom: solid 1px #86bb3a;
}

.view-search .views-row:hover {
	background-color: #eee;
}

.view-search h2 {
	margin-top: 0px;
}

.view-search .views-row a:hover {
	text-decoration: none;
}

.view-search .views-row a:hover .views-field-field-body,
.view-search .views-row a:hover .views-field-changed {
	color: initial;
}

.views-row a:hover h2 {
	color: #86bb3a;
}



.view-search mark {
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 0px 1px;
	background-color: #daff7d;

}

.view-search .views-field-field-body {
	padding-bottom: 8px;
	font-weight: 600;
	font-size: 16px;
	color: #333;
}

.view-search .views-field-search-api-excerpt {
	padding-bottom: 8px;
}

.view-search .views-field-field-body a,
.view-search .views-field-field-body a:hover {
	text-decoration: none;
	color: #333;
}



/* END SÖKSIDA*/

/**
 * Search form
 */
.form-search {
	padding-top: 25px;
}

.form-search .input-group .form-control:first-child {
	border-radius: 4px;

	width: 300px;
}

.form-search .input-group  .input-group-btn {
	width: auto;
	display: inline-block;
}

.form-search .input-group  .input-group-btn button {
	border-radius: 4px;
	background-color: #888888;
}

#block-search-form {
	display: block;
}

#block-search-form-mobile{
	display: none;
}

.search-group .title {
	display: none;

}


@media screen and (max-width: 767px) {

	.page-carousel-control.col-sm-12 {
		padding: 0px !important;
	}

	.page-carousel.col-sm-12 {
		padding: 0px !important;
	}

	#pagecarousel img, .views-field-field-page-carousel img {
    	height: auto;
	}

	#pagecarousel .carousel-control .glyphicon, .views-field-field-page-carousel .carousel-control .glyphicon {
    	font-size: 52px;
	}

	.page-carousel-header-text {
		font-size: 18px;
	}

	#block-search-form-mobile {
		display: block;
	}

	#block-search-form {
		display: none;
	}

	.navbar a.logo {
		margin-top: 0px;
	}
	.navbar a.logo img {
		margin: 0px;
		padding: 0px 15px;
		width: 370px;
		display: inline;
		float: left;
		transition: width 0.5s ease-out;

	}

	.navbar-default .navbar-toggle {
		border:none;
		padding: 11px 11px;
		margin-left: 15px;
		margin-top:0px;
		margin-bottom:3px;
		float: none;
		background-color:#86bb3a;
		background-color:#888;
		color: #fff;
	}

	.navbar-default .navbar-toggle:hover {
		background-color:#86bb3a;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}


	.navbar-button-group {
		position: absolute;
		right: 	0px;
		margin-top: 0px;
		float: left;
		display: inline;
		text-align: center;
	}

	.glyphicon-search:before {
		font-size: 21px;
	}

	.search-group {
		position: absolute;
		right: 	80px;
		margin-top: 0px;
		float: left;
		display: inline;
		text-align: center;

	}

	.search-group .title {
		display: block;
    	font-size: 13px;
    	color: #666;
    	font-weight: 600;
    	font-weight: normal;
	}

	.menu-title {
		margin-left: 12px;
	    display: block;
	    font-size: 13px;
	    font-weight: normal;
	    color: #666;
	}



	button.search-show.btn {
		padding: 5px 11px;
		margin-bottom:3px;
		font-size: 14px;
		border: 0px solid #ccc;
		background-color: #888;
		background-color:#86bb3a;
		background-color: #888;
		color: #fff;
	}

	button.search-show.btn:focus,
	button.search-show.btn:hover,
	button.search-show.btn:active {
		background-color: #ddd;
		background-color:#86bb3a;
		outline-color: #ddd;
	}

	.navbar #block-search-form-mobile {

		padding: 25px 4%;
		height: auto;
		overflow: hidden;
		background-color:#86bb3a;
		background-color:#888;
		display: block;
		float: left;
		width: 100%;
		margin:0px;
    	margin-top: -91px;
    	z-index: 50;
    	transition: margin-top 0.3s ease-out;
	}

	.navbar #block-search-form-mobile.dropped-down {
		margin-top: 0px;
		transition: margin-top 0.3s ease-out;
	}

	.navbar #block-search-form-mobile .input-group {
		width: 100%;

	}

	.navbar #block-search-form-mobile input {
		width: calc(96% - 18px);
		width: calc(96% - 46px);
		margin-right: 4%;
	}

	.navbar #block-search-form-mobile .form-search .input-group-btn {
		/*margin-left: 4%; */
	}

	.navbar #block-search-form-mobile .input-group-btn button.btn {
		font-size: 18px;
		border: 2px solid #ccc;
		background-color: #888888;
		background-color: #fff;
		color: #888888;
		padding: 4px 10px;
	}

	.navbar #block-search-form-mobile .input-group-btn button.btn:hover {
		background-color: #ddd;
	}


	.navbar #block-search-form-mobile .form-search .input-group {
		/* width: 100% !important; */
	}

	.navbar #block-search-form-mobile .form-search .input-group .form-control:first-child {
		/* width: 100% !important; */
		/* margin-bottom: 10px; */
	}

	.navbar #block-search-form-mobile .form-search .input-group-btn, .form-search .btn-primary {
		/* width: 100% !important; */
	}

	.navbar #block-search-form-mobile .input-group-btn {
		/* float: right; */
	}

	.navbar #block-search-form-mobile .form-actions {
		display: none;
	}

}

.navbar a.logo img.small-screens {
	display: none;
}

@media screen and (max-width: 576px) {
	.navbar a.logo img {
		width:
	}

}

@media screen and (max-width: 530px) {


	.navbar-button-group {
		margin-top: 7px;
	}



	.search-group {
		margin-top: 7px;
	}


	.navbar-header {
		height: 80px;
		display: block;
	}
	.navbar a.logo img {
		display: none;

	}

	.navbar a.logo img.small-screens {
		height: auto;
		height:60px;
		width: 57vw;
		width: auto;
		display: block;
		padding-left: 0px;
		padding-right: 0px;


	}
}

@media screen and (max-width: 350px) {
	.navbar a.logo img.small-screens {
		height:52px;
	}

	.navbar .search-group, .navbar  .navbar-button-group {
		margin-top: 0px;
	}


}

/**
 * Panel specific blocks - sidebar
 */

/* PANE BORT
.top-3-third .pane-block h2, .col-sm-4 .pane-block h2 {
	background: #666666;
	width: 100%;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	padding: 10px 15px;
}
*/



/* PANE BORT
.top-3-third .pane-block h2, .col-sm-4 .pane-block h2 {
	font-weight: normal;
}
.top-3-third .pane-block h2 a, .col-sm-4 .pane-block h2 a {
    background: #666666;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    padding: 10px 15px;
    width: 100%;
    display: block;
}

.col-sm-4 .pane-block h2 .active {
    background: #86bb3a;
}

.top-3-third .pane-block h2, .col-sm-4 .pane-block h2 {
	background: #666666;
}

*/







/* Calendar Block*/


.view-calendar {

    float: left;

    /* border-bottom: solid 3px #828392; */
     border-bottom: solid 3px #dfa903;
    padding-bottom: 0px;
    margin-bottom: 30px;
    margin-top: 0px;
    /* background-color: #f0f1f9; */
     background-color: #fbf6e8;
     background-color:#fffdee;
     background-color:#fffff0;


}

.view-calendar h2.pane-title {

	/* background-color: #828392; */
	background-color: #dfa903;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 10px 0px 10px 15px;
	height: 41px;
	color: #fff;
}


.view-calendar i {
	font-size: 26px;
	line-height: 0px;
	position: relative;
	top:3px;
	left:3px;

}


.view-calendar h2.pane-title a {
	color: #fff;
	background-color: transparent;
	padding: 0px;
	padding: 10px 0px 15px 0px;

}

.view-calendar h2.pane-title a:hover {


}

.view-calendar h2.pane-title:hover {
	/* background-color: #bd9702; */
}

.view-calendar ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0px;
}

.view-calendar ul li {
	padding-top: 14px;
	padding-left: 14px;
	padding-bottom: 15px;


	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
}

.view-calendar ul li:last-child {
	border-bottom: none;
}

.view-calendar ul .datum {
	float: left;
	display: inline-block;
	text-align: center;
	margin-right: 15px;
	border: 1px solid #888;
	border-radius: 5px 5px 5px 5px;
	min-width: 61px;
	background: #828392;
	color: #000;
	box-shadow: 2px 2px 2px 1px #888888;

}

.view-calendar .views-field-title {
	padding-top: 0px;
}

.view-calendar ul .datum .views-field-field-date {

	padding: 6px 15px 5px 15px;
	border-radius: 5px 5px 0px 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
	background: #fff;
}

.view-calendar ul .datum .views-field-field-date-1 {
	padding: 3px 15px 5px 15px;
	border-radius: 0px 0px 5px 5px;

	color: #fff;
	text-transform: uppercase;

	/* background-color: #828392; */
	background-color: #dfa903;
}

.view-calendar ul .views-field-title a {
	color: #333;
	font-size: 16px;
	line-height: 1.1em;

}

.view-calendar .view-content {
	margin-right:10px;

}

.view-calendar .view-footer {
	clear: both;
	/* padding: 20px 0px; */
}

.view-calendar .view-footer a {
	color: #888888;
	font-weight: bold;
}





/* Genvägar Beanblock Linklist*/


.bean-linklist {

    /* border-bottom: solid 3px #9f4360; */
    border-bottom: solid 3px #828392;
    border-bottom: solid 3px #dfa903;

    padding-bottom: 0px;
    margin-bottom: 30px;
    margin-top: 0px;
    /* background-color: #f1e4e8; */
    background-color: #faf2fa;
    background-color: #fffff0;  /* ljusgul */
    float: left;
    width:100%;
}

.bean-linklist h2.pane-title {
	/* background-color: #9f4360; */
	background-color: #828392;
	background-color: #dfa903; /* GUL */
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 10px 15px;
	color: #fff;
}

.bean-linklist i {
	/* color: #9f4360; */
	color: #828392;
	font-size: 20px;
	line-height: 0px;
	position: relative;
	top:1px;
	padding-right: 10px;

}



.bean-linklist ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0px;
}

.bean-linklist ul li {
	font-size: 16px;
	padding-top: 14px;
	padding-left: 14px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #666;
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
}

.bean-linklist ul li:last-child {
	border-bottom: none;
}

.bean-linklist ul li a {
	color: #333;
}


/* Page header */

.page-header {
	/*background-color: #e6e6e6;*/
	padding: 10px 15px 10px 0px;
	color: #555555;
	font-weight: 500;
	border-bottom: none;
	width: 100%;

}


/**
 * Frontpage padgroup
 */
.top-3-third .pane-quicktabs-news-press-podd .pane-content {
	padding: 0;
	border-top: 0;
}

.top-3-third .pane-quicktabs-news-press-podd ul.quicktabs-tabs {
	padding: 0;
	border-bottom: 5px solid #86bb3a;
	display: inline-block;
	width: 100%;
}

.top-3-third .pane-quicktabs-news-press-podd ul.quicktabs-tabs li {
	display: inline;
	background: none;
	list-style-type: none;
	padding: 0;
	white-space: nowrap;
	float: left;
}

.top-3-third .pane-quicktabs-news-press-podd ul.quicktabs-tabs li a {
	display: inline-block;
	padding: 10px 15px;
	background: #ffffff;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #000000;
}

.top-3-third .pane-quicktabs-news-press-podd ul.quicktabs-tabs li.active a {
	display: inline-block;
	background: #86bb3a;
	color: #ffffff;
	text-decoration: none;
}

.top-3-third .pane-quicktabs-news-press-podd .quicktabs-main {
	clear: both;
}

.top-3-third .pane-quicktabs-news-press-podd .quicktabs-tabpage .item-list ul {
	list-style: none;
	padding: 0;
	font-size: 1.1em;
}

.top-3-third .pane-quicktabs-news-press-podd .quicktabs-tabpage .item-list ul .views-field-title a {
	color: #247772;
	font-weight: bold;
}
.pane-quicktabs-news-press-podd .views-field-created {
	font-size: 12px;
}

.top-3-third .pane-quicktabs-news-press-podd .quicktabs-tabpage .item-list ul li {
	border-bottom: 1px dotted #555555;
	padding: 10px;
}

.top-3-third .pane-quicktabs-news-press-podd .quicktabs-tabpage .view-footer {
	padding: 0px 10px 30px 10px;
}

/**
* Panel specific blocks - content area
*/
.top-3-first .panel-pane,
.top-3-second .panel-pane {
	/*border-bottom: 1px solid #dddddd;*/
	/*margin-bottom: 40px;*/
	/* min-height: 450px; */

}
/*
.extrude-panels:nth-child(1) .sm-6-holder .col-sm-6 {
 	border-bottom: 2px dotted #dddddd;
 	margin-bottom: 40px;
}
*/
.top-3-first h2,
.top-3-second h2 {

	font-weight: normal;
}

.top-3-first .pane-title,
.top-3-second .pane-title {
	display: none;
}

/* Beack vertical block */

.bean-vertical-block {
	min-height: 352px;
	margin-bottom: 35px;

}


a .bean-vertical-block {
	display: inline-block;
	color: #000000;
}

.bean-vertical-block .field-name-field-body {
	line-height: 1.7em;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}

.bean-vertical-block .field-name-field-image img {
	width: 100%;
    height: 220px;
    object-fit: cover;
}


.bean-vertical-block .pane-block h2 {
    /*background: #e6e6e6;*/
    /*padding: 12px;*/
    font-weight: 600;
    color: #666666;
    margin-top: 6px;
    font-size: 22px;
}

.bean-vertical-block h2 {
	background: #fff !important;
	font-weight: normal !important;
	padding: 0 !important;
	color: #000 !important;
	margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 20px;
    line-height: 26px;


}


a .bean-vertical-block .content:hover h2 {
	color: #86bb3a !important;
}

a .bean-vertical-block .content img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	/*
	   -webkit-filter: brightness(96%);
  filter: brightness(96%); */
}

a .bean-vertical-block .content:hover img {
	-webkit-filter: brightness(99%); /* Safari 6.0 - 9.0 */
  	filter: brightness(90%);
}

/**
* Demens ABC / Karta
*/

.import-data a {
	font-size: 16px;
	padding:3px 9px 4px 9px;
	border-radius: 4px;
	background-color: #86bb3a;
	margin: 4px 0px 10px 0px;
	display: inline-block;

}

.import-data a:hover {
	background-color: #ddd;
	text-decoration: none;
	color: #669b1a;
}

body.page-node.node-type-demens-abc-nollvision section.col-sm-8,
body.page-node.node-type-demens-abc-bh section.col-sm-8,
body.page-node.node-type-demens-abc-hem section.col-sm-8,
body.page-node.node-type-demens-abc-sh section.col-sm-8,
body.page-node.node-type-demens-abc-sb section.col-sm-8,
 body.page-node.node-type-demens-abc section.col-sm-8,
 body.page-node.node-type-demens-abc-pv section.col-sm-8 {
   	padding-right: 15px;
}

.table > thead > tr > th,
.table > thead > tr > td {
	padding: 4px;
}

 .table > thead > tr > th.views-field-title {
 	padding-bottom: 9px;
 }

body.page-node.node-type-demens-abc-nollvision section .col-sm-4,
body.page-node.node-type-demens-abc-bh section .col-sm-4,
body.page-node.node-type-demens-abc-hem section .col-sm-4,
body.page-node.node-type-demens-abc-sh section .col-sm-4,
body.page-node.node-type-demens-abc-sb section .col-sm-4,
body.page-node.node-type-demens-abc section .col-sm-4,
body.page-node.node-type-demens-abc-pv section .col-sm-4 {
   	padding-left: 0px;
}



path#ab:hover,
path#c:hover,
path#d:hover,
path#e:hover,
path#f:hover,
path#g:hover,
path#h:hover,
path#i:hover,
path#k:hover,
path#m:hover,
path#n:hover,
path#o:hover,
path#s:hover,
path#t:hover,
path#u:hover,
path#w:hover,
path#x:hover,
path#y:hover,
path#z:hover,
path#ac:hover,
path#bd:hover {
	fill: rgb(136, 136, 136);
}



.view-demens-abc-nollvision-2-regioner-och-kommuner-2 table:nth-child(1) caption,
.view-klon-av-demens-abc-regioner-och-kommuner table:nth-child(1) caption,
.view-demens-abc-utb-bh table tbody tr:nth-child(1) > td,
.view-demens-abc-utb-hem table tbody tr:nth-child(1) > td,
.view-demens-abc-pv table tbody tr:nth-child(1) > td,
.view-demens-abc-utb-sh table tbody tr:nth-child(1) > td,
.view-demens-abc-utb-sb table tbody tr:nth-child(1) > td {
    background-color: #4f6936;
    color: #ffffff;
}

.view-demens-abc-nollvision-2-regioner-och-kommuner-2 table:nth-child(2) caption,
.view-klon-av-demens-abc-regioner-och-kommuner table:nth-child(2) caption,
.view-demens-abc-utb-bh table tbody tr:nth-child(2) > td,
.view-demens-abc-utb-hem table tbody tr:nth-child(2) > td,
.view-demens-abc-pv table tbody tr:nth-child(2) > td,
.view-demens-abc-utb-sh table tbody tr:nth-child(2) > td,
.view-demens-abc-utb-sb table tbody tr:nth-child(2) > td {
    background-color: #91b36f;
}

.view-demens-abc-nollvision-2-regioner-och-kommuner-2 table:nth-child(3) caption,
.view-klon-av-demens-abc-regioner-och-kommuner table:nth-child(3) caption,
.view-demens-abc-utb-bh table tbody tr:nth-child(3) > td,
.view-demens-abc-utb-hem table tbody tr:nth-child(3) > td,
.view-demens-abc-pv table tbody tr:nth-child(3) > td,
.view-demens-abc-utb-sh table tbody tr:nth-child(3) > td,
.view-demens-abc-utb-sb table tbody tr:nth-child(3) > td {
    background-color: #d9ffb2;
}

.view-demens-abc-nollvision-2-regioner-och-kommuner-2 .views-table caption,
.view-klon-av-demens-abc-regioner-och-kommuner .views-table caption {
	padding-top: 0px;
	padding-bottom: 0px;
}
.view-demens-abc-nollvision-2-regioner-och-kommuner-2 .views-table caption > div,
.view-klon-av-demens-abc-regioner-och-kommuner .views-table caption > div {
	display: inline-block;
    width: 100%;
    height: auto;
    padding-top: 6px;
    padding-bottom: 2px;
    cursor: pointer;
}


.fa-arrow-right {
	color: gray;
}

.fa-arrow-down {
	color: red;
}

.fa-arrow-up {
	color: green;
}

.table > tbody > tr > td {
	padding: 4px;
}

.table > tbody > tr > td {
	padding-left: 4px;
}

.view-demens-abc-nollvision-topp-listor,
.view-demens-abc-top-lists {
 	display: inline-block;
    width: 100%;
    margin-bottom: 30px;
 }

@media screen and (max-width: 1140px) {
	body.page-node.node-type-demens-abc-nollvision section .col-sm-4,
	body.page-node.node-type-demens-abc-bh section .col-sm-4,
	body.page-node.node-type-demens-abc-hem section .col-sm-4,
	body.page-node.node-type-demens-abc-sh section .col-sm-4,
	body.page-node.node-type-demens-abc-sb section .col-sm-4,
	body.page-node.node-type-demens-abc section .col-sm-4,
	body.page-node.node-type-demens-abc-pv section .col-sm-4 {
    	display: none;
	}
	body.page-node.node-type-demens-abc-nollvision section.col-sm-8 .col-sm-8,
	body.page-node.node-type-demens-abc-bh section.col-sm-8 .col-sm-8,
	body.page-node.node-type-demens-abc-hem section.col-sm-8 .col-sm-8 ,
	body.page-node.node-type-demens-abc-sh section.col-sm-8 .col-sm-8,
	body.page-node.node-type-demens-abc-sb section.col-sm-8 .col-sm-8,
	body.page-node.node-type-demens-abc section.col-sm-8 .col-sm-8,
	body.page-node.node-type-demens-abc-pv section.col-sm-8 .col-sm-8 {
    	width: 100%;
    	padding-left: 0px;
    	padding-right: 0px;
	}



}

@media screen and (max-width: 767px) {
/*
	th.views-field-field-abc-place,
	td.views-field-field-abc-place {
		width: 20px;
		overflow: hidden;

	}
	th.views-field-field-abc-place,
	th.views-field-title,
	th.views-field-field-index label,
	th.views-field-field-auto-trend label,
	th.views-field-field-educated label,
	th 	{
		white-space: pre-wrap !important;
	}

*/

}

 /* end ABC */

 /* Kontakt Personal STAFF */



.view-staff .views-field-field-e-mail a {
	color: #333;
	font-size: 1.8rem;
}

.view-staff .staff-image {
	padding-left: 0px;

}

.view-staff .staff-right {
 	padding-left: 15px;
 	padding-right: 0px;
 	font-size: 1.8rem;
}


  .view-staff .col-sm-12, .view-staff .col-sm-6 {
 	 padding: 0;
 }

.view-staff .views-column {
 	padding-right: 10px;
 	min-height: 220px;
 	margin-bottom: 40px;
}

.view-staff  h3 {
  	padding-bottom: 4px;
  	border-bottom: solid 2px #000;
}

.view-staff  .views-field-title h4 {
 	 border-bottom: solid 4px #86bb3a; */

 	 padding-bottom: 4px;
 	 margin-bottom: 0px;
 	 margin-top: 0px;
 	 font-size: 2.2rem;
 	 font-weight: 600;
}

.view-staff .views-field-field-position {
	margin-bottom: 15px;
	color: #333;
	font-weight: normal;
}



.view-staff .views-field-field-body {
	margin-top: 10px;
}

.view-staff .views-field-field-body p {
	font-size: 1.8rem;
}

.staff-right {
 	padding-left: 20px;
 	display: inline-block;
}

.staff-right .views-field {
  	padding-bottom: 2px;
}

.view-staff .btn-info {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.view-staff .btn-info:hover {
    color: #fff;
    background-color: #256;
    border-color: #000;
}
/* END Personal */

/* Kontakt Engelsk Block staff */

#block-views-staff-contact-block-eng  .views-column{
	min-height: unset;
	border-bottom: solid 3px #ccc;
	margin-bottom: 30px;
	padding-bottom: 15px;

}

#block-views-staff-contact-block-eng .view-staff .views-field-field-e-mail a {
	color: #333;
	font-size: 1.6rem;
}


#block-views-staff-contact-block-eng .staff-image.col-sm-3 {
	width: 87px;
}

#block-views-staff-contact-block-eng .block-title {
	margin-bottom: 15px;

}

#block-views-staff-contact-block-eng  .staff-right {
	padding-left: 20px;
}

#block-views-staff-contact-block-eng .views-field-title h4 {
	border-bottom: unset;
	font-size: 1.8rem;
}

#block-views-staff-contact-block-eng .staff-image {

	max-height: 87px;
	overflow: hidden;
}

#block-views-staff-contact-block-eng .staff-image img {
	max-width: 87px;

	overflow: hidden;
}

#block-views-staff-contact-block-eng .views-field-field-phone {
	margin-top:20px;
}

#block-views-staff-contact-block-eng .views-field-field-body p,
#block-views-staff-contact-block-eng .views-field-field-e-mail,
#block-views-staff-contact-block-eng .staff-right{
	font-size: 1.6rem;
}

#block-views-staff-contact-block-eng .views-field-field-e-mail {
	padding: 8px 0 0 0;
	clear: both;
}

#block-views-staff-contact-block-eng{

}

/**** VIEW CALENDAR ARCHIVE Kalender arkiv */

.view-calendar-archive {
	font-size: 16px;

}

.view-calendar-archive .middle-right {
	line-height: 25px;

}

.view-calendar-archive .date {
    float: left;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    border-radius: 4px;
    background: #f2a541;
    color: #000;
    box-shadow: 2px 2px 2px 1px #666666;
    width: 6.5%;
    min-height: 70px;
    margin-bottom: 40px;
}



.view-calendar-archive .views-row-last {
	border: none;
}

.view-calendar-archive .col-sm-10.views-fieldset {
	padding-left: 30px;
}

.view-calendar-archive .datum {

	height:88px;
	width: 75px;
	float: left;
	display: inline-block;
	text-align: center;
	border: 1px solid #888;
	border-radius: 5px 5px 5px 5px;
	background: #828392;
	color: #000;
	box-shadow: 2px 2px 2px 1px #888888;
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 2px;
}


.view-calendar-archive .datum .views-field-field-date {
	width: 100%;
	height: 60%;
	width: 100%;
	padding: 0px 15px 5px 15px;
	border-radius: 5px 5px 0px 0px;
	font-size: 2.2em;
	font-weight: bold;
	color: #666;
	background: #fff;
	text-align: center;

}

.view-calendar-archive .datum .views-field-field-date-1 {
	float: left;
	height: 40%;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	padding: 2px 15px 5px 15px;
	border-radius: 0px 0px 5px 5px;
	color: #fff;
	text-transform: uppercase;
	background-color: #dfa903;
}


 .view-calendar-archive button.puffbild {
margin-top: 8px;
 }

 .view-calendar-archive .views-field-field-puff-image button.puffbild img
 {
	width: 100%;
	max-width: 157px;
	height: 157px;
    object-fit: cover;


}

.view-calendar-archive .views-label {
	float: left;
    padding-right: 6px;
}


.view-calendar-archive .list-body,
.view-calendar-archive .show-more,
.view-calendar-archive .list-body-last,
.view-calendar-archive .close-more,
.view-calendar-archive .show-url {
    display: none;
}




.view-calendar-archive .views-field-php {
    display: block;
}

.view-calendar-archive .views-field-title {
    cursor: pointer;
    margin-bottom: 13px;
}

.view-calendar-archive .field-content .title {

    line-height: 31px;

}

.view-calendar-archive .views-field-field-puff-image {
	float: right;
	padding-top: 0px;
	padding-left: 0;
    padding-right: 0;
}

.view-calendar-archive .views-field-field-puff-image img {
	object-fit: cover;
	width: 100%;
}


.view-calendar-archive  .views-field-field-ingress {
	padding-bottom: 10px;
}

.view-calendar-archive .views-field-field-body {
	padding: 0px;
	padding-bottom: 0px;
	padding-right: 157px;
	margin-top: 0px;
}


.view-calendar-archive .list-body {
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.view-calendar-archive .calendar-type  {
	width: 100%;
	float: left;
}

.view-calendar-archive .list-url  {
	font-size: 14px;
}

/* END CALENDAR ARCHIVE */



/* VIEW NEWS ARCHIVE Nyhetsarkiv Nyhetslista + PoddRadio + Calender ************************/

.list-url {
	margin-bottom: 20px;
}

.collapsible-start {
	float: left;
}
.view-poddradio-archive .fa-square,
.view-news-archive .fa-square {

	color: #d7e7bd !important;

}

.view-publikationer .fa-square {

	color: #86bb3a !important;

}

.view-publikationer .views-field-field-auther {

	font-size: 16px;
	padding-bottom: 4px;

}

.view-publikationer .views-field-field-publication-categorie {
	padding-bottom: 2px;
	text-transform: uppercase;
	font-size: 13px;
}

.view-calendar-archive .fa-square {

	color: #dfa903 !important;

}



/* Poddradio Archive */

.view-poddradio-archive .views-field.views-field-php.col-sm-4,
.view-news-archive .views-field.views-field-php.col-sm-4,
.view-calendar-archive .views-field.views-field-php.col-sm-4 {
	padding-right: 0px;
	width: 28%;
}

.view-poddradio-archive.view-display-id-block_2 .linked-page {
	padding-top: 0px;
}
.view-poddradio-archive .podd-body, .view-poddradio-archive .podd-link {
	display: none;
}

.view-poddradio-archive .view-display-id-block_2 {
 	margin-top: 0px;
 	float: left;
	width: 100%;
	border-bottom: 4px solid #ddd;
	margin-bottom:0px;
}

/* Poddradio Archive  End */
.view-publikationer .views-row,
.view-page-list .views-row,
.view-news-archive .views-row,
.view-poddradio-archive .views-row,
.view-calendar-archive .views-row {
	float: left;
	height: auto;
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #86bb3a;
    margin-bottom: 0px;
    padding-top: 12px;
	padding-bottom: 0px;
	margin-top: 0px;
}

.view-page-list .views-row {
	padding-top: 0px;
}

.view-publikationer .views-row.views-row-first,
.view-publikationer .views-row.views-row-first {
	border-top: solid 1px #86bb3a;
	border-top: solid 4px #ddd;
	margin-top: 15px;
}

.view-publikationer .views-row.views-row-last {
	border-bottom: solid 4px #ddd;

}

.node-list-page .field-name-body{
	float: left;
}

.view-page-list {
	margin-top: 25px;
	float: left;
	width: 100%;
	margin-bottom: 35px;
}

.view-page-list .views-row.linked-news,
.view-news-archive .views-row.linked-news,
.view-calendar-archive .views-row.linked-calendar {
	border-bottom: 7px solid #ddd;
	margin-bottom: 5px;
}


.view-poddradio-archive .views-row,
.view-poddradio-archive .views-row {
	padding-bottom: 0px;
	padding-right: 0px;
}

.view-page-list .views-row.col-sm-12{
	padding-bottom:0px;
	padding-left: 15px;
}

.view-poddradio-archive .view-id-poddradio_archive .views-row{
	border: none;
}

.view-poddradio-archive .views-field-field-poddlink{
	max-width: 450px;
}

.view-page-list .views-row:first-child,
.view-poddradio-archive .views-row:first-child {
     border-top: solid 1px #86bb3a;
}

.view-poddradio-archive .view-id-poddradio_archive .views-row:first-child{
	border: none;
}

.view-publikationer .views-row.active:hover,
.view-page-list .views-row.active:hover,
.view-news-archive .views-row.active:hover,
.view-poddradio-archive .views-row.active:hover,
.view-calendar-archive .views-row.active:hover {
	background-color: #fff;
}

.view-publikationer h2,
.view-page-list h2,
.view-news-archive h2,
.view-poddradio-archive h2,
.view-calendar-archive h2 {
	font-size: 21px;
	margin-bottom: 6px;
	color: #000;
}

.view-publikationer h3,
.view-page-list h3,
.view-news-archive h3,
.view-poddradio-archive h3,
.view-calendar-archive h3 {
	font-size: 18px;
	margin-bottom: 6px;
	color: #000;

}

.view-publikationer h2.views-field-title,
.view-page-list h2.title,
.view-news-archive h2.title,
.view-poddradio-archive h2.title,
.view-poddradio-archive .linked-podd .views-field-title h2,
.view-poddradio-archive .latest-podd .views-field-title h2,
.view-calendar-archive h2.title {
	cursor: pointer;
	margin-top: 4px;
	color: #000;
	font-size: 22px;
	margin-bottom: 0px;
	line-height: 26px;
}


.view-poddradio-archive .latest-podd .views-field-title h2 {
	margin-bottom: 6px;
}

.view-publikationer h2.views-field-title {
	margin-bottom: 2px;
}

.view-page-list h2.views-field-title {
	font-size: 22px;
}

.view-poddradio-archive .views-field-title {
	padding-left: 15px;
}

.view-publikationer .views-row:hover h2 .title,
.view-page-list .views-row:hover h2 .title,
.view-news-archive .views-row:hover h2 .title,
.view-press a:hover,
.view-poddradio-archive .views-row:hover h2 .title,
.view-calendar-archive .views-row:hover h2 .title{
	color: #86bb3a;
	text-decoration: none;
}

.view-publikationer .views-row:hover,
.view-news-archive .views-row:hover,
.view-poddradio-archive .views-row:hover,
.view-calendar-archive .views-row:hover   {
	background-color: #eee;

}

.view-poddradio-archive .text-center {
	display: block;
	float: left;
	width: 100%;

}


.view-poddradio-archive .view-id-poddradio_archive .views-row:hover   {
	background-color:#fff;

}
.view-publikationer .left :hover  {
	cursor: pointer;
}
.view-news-archive .left :hover  {
	cursor: pointer;
}
.view-publikationer .views-row h2>div>div.active,
.view-news-archive .views-row h2>div>div.active,
.view-poddradio-archive .views-row h2>div>div.active {
	color: #86bb3a;
	text-decoration: none;
}


.view-poddradio-archive a {
	color: #000;
	text-decoration: underline;
}

.view-poddradio-archive a:hover {
	color: #86bb3a;

}

.view-publikationer .views-fieldset {
	display: inline-block;
	position: relative;
}

.view-news-archive .views-fieldset {
	display: inline-block;
	position: relative;
}

.view-publikationer .col-sm-12,
.view-news-archive .col-sm-9,
.view-news-archive .col-sm-12,
.view-poddradio-archive .col-sm-9,
.view-poddradio-archive .col-sm-12,
.view-calendar-archive .col-sm-12 {
	padding-left: 15px;
}

.view-calendar-archive .col-sm-9 {
	padding-left: 0px;
	padding-right: 0px;

}

.social-icons.col-sm-12,
.list-link.col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}

.view-publikationer .col-sm-12,
.view-news-archive .col-sm-12,
.view-calendar-archive .col-sm-12 {
	width: 100%;
	padding-left: 15px;
}

.view-poddradio-archive .col-sm-12 {
	padding-left: 0px;

}
.view-publikationer .col-sm-9 {
	padding-left: 0px;
	padding-right: 0px;
}

.view-publikationer .col-sm-9.views-field-php-2 {
	text-align: center;
}

.social-icons.col-sm-9,
 .list-link.col-sm-9 {
	padding-left: 15px;
}

.view-publikationer .col-sm-3 {
	padding: 0;
	padding-left: 35px;
}


.view-calendar-archive .col-sm-9.left {
	padding-top: 5px;

}

.view-poddradio-archive .podd-link {
	margin-top: 10px;
	margin-bottom: 10px;
}

.view-calendar-archive .fa-external-link {
    font-weight: normal;
    font-style: normal;
    float: left;
    text-decoration: none;
    display: block;
    color: #86bb3a;
    font-size: 16px;
    padding-top: 0px;
    height: 20px;
}

.view-calendar-archive .external-link .show-url{
 	padding-left: 10px;
 	line-height: 16px;
 	height: 16px;
 	font-size: 14px;

}

.view-calendar-archive .views-field-field-date-2,
.view-calendar-archive .views-field-field-place {
	width: 100%;
	float: left;
}
.view-page-list .podd-link,
.view-page-list .list-page-carousel,
.view-page-list .list-ingress,
.view-page-list .fact.views-fieldset,
.view-page-list .related.views-fieldset,
.view-page-list .right-1.views-fieldset,
.view-page-list .right-2.views-fieldset,
.view-page-list .show-more,
.view-page-list .close-more,
.view-page-list .list-body-top,
.view-page-list .show-url,
.view-page-list .list-body,
.view-page-list .list-body-last,
.view-page-list .list-page-carousel,
.view-poddradio-archive .show-url,
.view-poddradio-archive .ingress,
.view-poddradio-archive .hidden-puff,
.view-poddradio-archive .close-more,
.view-calendar-archive .body,
.list-url,
.view-news-archive .newslist-podd-yt,
.view-news-archive .list-body,
.view-news-archive .show-more,
.view-news-archive .list-body-last,
.view-news-archive .close-more,
.view-news-archive .show-url,
.view-news-archive .list-body-top,
.view-news-archive .list-page-carousel,
.view-news-archive .fact.views-fieldset,
.view-news-archive .related.views-fieldset,
.view-news-archive .right-1.views-fieldset,
.view-news-archive .right-2.views-fieldset,
.mail-link,
.view-poddradio-archive .list-body,
.view-poddradio-archive .podd-link {
   display: none;
}

.view-page-list .last-updated {
	display: none;
}

.view-poddradio-archive .latest-podd .hidden-puff,
.view-poddradio-archive .latest-podd .list-url,
.view-poddradio-archive .latest-podd .mail-link,
.view-poddradio-archive .latest-podd .show-url-button,
.view-poddradio-archive .latest-podd .printicon,
.view-poddradio-archive .latest-podd .list-link,
.view-poddradio-archive .latest-podd .social-media-link,
.view-poddradio-archive .latest-podd .close-more {
	display: block !important;
}

 .view-poddradio-archive .latest-podd button.puffbild i.fa-plus-circle {
 	top: 26px;
 }

.view-page-list .list-ingress, .view-page-list .list-body-top,
.view-page-list .views-field-field-page-carousel .carousel.slide.list-page-carousel,
.view-page-list .news-image-body,
.view-page-list .list-body,
.view-page-list .list-body-last
 {
	margin-top: 15px;
}

.view-page-list .list-body-top {
	margin-top: 15px;
	float: left;
}

.view-page-list  .fa-caret-down,
.view-page-list .fa-caret-right,
.view-calendar-archive  .fa-caret-down,
.view-calendar-archive .fa-caret-right,
.view-poddradio-archive .fa-caret-down,
.view-poddradio-archive .fa-caret-right,
.view-publikationer .fa-caret-down,
.view-publikationer .fa-caret-right,
.view-news-archive .fa-caret-right,
.view-news-archive .fa-caret-down {
    font-size: 25px;
    position: relative;
    top:3px;
}

.field-last-updated,
.view-page-list  .views-field-last-updated {
	float: right;
}

.list-last-updated {
	display: inline;
}

.view-news-archive .list-body {
	width: 100%;
}

.view-news-archive .list-body-top {
	/*padding-bottom: 10px;*/
	/*width: 80%;*/
	width: 100%;
	margin-bottom: 20px;
	/* 	padding-right: 45px; */

}

.view-news-archive .list-body-last {

	/* padding-right: 45px; */
	float: left;

}
body.page-node .view-page-list .views-field-field-body-top,
body.page-node .view-page-list .views-field-field-first-ingress
 {
	margin:0px;
}
.view-page-list .views-field-field-body-top .list-body-top {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}



.view-page-list .views-field-field-first-ingress .list-ingress{
	margin-bottom: 0px;
	float: left;
	width: 100%;
}

.view-page-list .views-field-field-body-1,
.view-news-archive .views-field-field-body-1 {
	width: 100%;

}

.view-poddradio-archive .category-row,
.view-news-archive .category-row{
	display: block;

	font-size: 13px;
	padding: 5px 0px 5px 0px;

}

.view-poddradio-archive .category-row{
	padding-left: 15px;
	display: none;
}

.view-news-archive .views-field-field-page-category {
	padding-bottom: 10px;

}

.view-news-archive .views-field-created,
.view-poddradio-archive .views-field-created {
	font-size: 12px;
    color: #666;
    margin-top: 8px;
}

.view-poddradio-archive .views-field-field-puff-image  {
	float: right;
}


.view-news-archive .views-field-field-puff-image button.puffbild img,
.view-poddradio-archive .views-field-field-puff-image button.puffbild img {
	width: 100%;
	min-width: 157px;
	height: 157px;
    object-fit: cover;
}

.view-publikationer .views-field-field-image button.puffbild img {
	width: 100%;

}

.view-page-list .views-field-field-image img,
.view-news-archive .views-field-field-image img {
	margin-top: 25px;
	width: 100%;
	height: auto;
    object-fit: cover;
}
.view-page-list .list-body,
.view-news-archive .list-body,
.view-poddradio-archive .list-body {
	padding-right: 45px;
	width: 100%;

}

.view-poddradio-archive .list-body {
	margin-bottom: 20px;
	margin-top: 15px;
}
.view-page-list .list-body-last,
.view-news-archive .list-body-last,
.view-news-archive .list-body-top {
	margin-bottom: 20px;
	margin-top: 18px;
	width: 100%;
}




.news-image-body {
	display: none;
	margin-bottom: 8px;
}


.view-news-archive .views-field-php-1 {
	display: block;
    clear: both;
    padding-left: 15px;
}




.view-news-archive .views-field-php .show-url {
	line-height: 4px;
}

.view-news-archive .views-field-field-image-txt {
    display: inline-block;
    width: 100%;
}


.view-news-archive .views-field-field-image {
    display: inline-block;
    width: 100%;
}
.view-page-list .views-field-field-first-ingress,
.view-news-archive .views-field-field-first-ingress,
.view-calendar-archive .views-field-field-ingress {
    margin-bottom: 6px;
    color: #855;
    color: #555;
    font-weight: 600;
}

.view-page-list .views-field-field-first-ingress {
	float: left;
}

.view-poddradio-archive .views-field-field-ingress .ingress {
	margin-top: 10px;
    color: #855;
    color: #555;
    font-weight: 600;
}
.view-calendar-archive .views-field-field-first-ingress {
    margin-bottom: 11px;
    color: #855;
    color: #555;
    font-weight: 600;
}

.view-news-archive .views-field-field-first-ingress strong{
    font-weight: 600;
}


.view-page-list .col-sm-5,
.view-news-archive .col-sm-5,
.view-calendar-archive .col-sm-5 {
	padding: 0;
}

.view-news-archive .views-exposed-widget {
	width: 50%;
}

.view-news-archive .views-widget-filter-combine {
	width: 100%;
	padding: 0;
}

.view-news-archive .views-widget-filter-field_type_tid {
	padding-right: 0;
	padding-left: 6px;
}

.view-news-archive .views-widget-filter-field_page_category_tid {
	padding-right: 6px;
	padding-left: 0;
}

.view-news-archive .views-exposed-form {
    border-bottom: 1px solid #404040;
    padding-bottom: 20px;
    margin-bottom: 10px;
}


.view-page-list .fact, .view-page-list .related, .view-page-list .rightblock,
.view-news-archive .fact, .view-news-archive .related, .view-news-archive .rightblock {
	width: 100%;
	display: block;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}

.view-page-list .fact, .view-page-list .related, .view-page-list .rightblock {
	padding-left: 0px;
}

.view-page-list .rightblock.right-2,
.view-news-archive .rightblock.right-2{
	margin-bottom: 0px;
}


.fact .views-field-field-fact-title,
.related .views-field-field-related-link-titel,
.rightblock .views-field-field-titel-1,
.rightblock .views-field-field-titel-2{
	background-color: #f0f1f9;
	color: #333;

	font-weight: 600;
	font-size: 16px;
	border-bottom: 2px solid #828392;
	padding: 8px 0px 8px 15px;
}

.fact .views-field-field-fact-txt,
.related .views-field-field-related-links,
.rightblock .views-field-field-body-1,
.rightblock .views-field-field-body-1-1,
.rightblock .views-field-field-body-2{
	background-color: #f0f1f9;
	padding: 15px 15px 15px 15px;
	float: left;
	width: 100%;
}

.related .views-field-field-related-links ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.related .views-field-field-related-links a {
	line-height: 28px;
	font-size: 16px;
}

.related .views-field-field-related-links a::before {
	color: #828392;

	content: "\f0da ";
	font-family: FontAwesome;
	padding-right: 5px;

}

.related .views-field-field-related-links a:hover {
	color: #828392;
	color:#86bb3a;
	text-decoration: none !important;
}

.related .views-field-field-related-links a:hover::before {
	text-decoration: none !important;
	text-decoration-line: none !important;

}

.upper::before {
content: "";
width: 28%;
border-bottom: 1px solid #404040;
color: #fff;
background-color: #fff;
display: inline-block;
margin-bottom: 5px;
margin-right: 1%;
}

.upper::after {
content: "";
width: 53%;
border-bottom: 1px solid #404040;
color: #fff;
background-color: #fff;
display: inline-block;
margin-bottom: 5px;
margin-left: 0%;
}

.upper {
	width: 100%;
	font-size: 16px;
	display: inline-block;
}

.upper p {
	width: 15%;
	display: inline;
	text-align: center;
}


.show-more {
	text-align: center;
	font-size: 16px;
	margin-bottom: 25px;
	position: relative;
    bottom: 2em;
    height: 2em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );

}

.show-more i {
	position: relative;
    top: 0px;
    left:0px;

}



.view-news-archive .php3 {
	margin-bottom: 15px;
}


.show-more:hover,
.show-more:hover a{
	color: #86bb3a;
	cursor: pointer;
}

.close-more, .show-more {
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding-top: 6px;
}

.close-more {
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: #333;
    font-size: 14px;
    margin-bottom: 20px;
}


.views-field-php-3 {
	float: left;
}

.page-kalender .views-field-php-4 {
	width: 100%;
}

.page-kalender .views-field-php-3 {
	float:unset;
}


.close-more a {
	text-decoration: underline;
}

.close-more a:hover {
	color: #86bb3a;
	cursor: pointer;

}

.close-more a:hover i {
	color: #86bb3a;
}




.fa-angle-double-down, .fa-angle-double-up {
    font-size: 35px !important;
}

.print-link,
.mail-link,
.social-media-link {
	display: none;
	float: left;
	margin-right:6px;

}

.print-link:hover,
.mail-link:hover,
.social-media-link:hover {
	cursor: pointer;

}

.social-icons {
	margin-left: 15px;

}

.social-icons {
	margin-left: 0px;

}

.list-link {
	display: inline-block;
	float: left;
	margin-top: 13px;

}

.view-page-list .list-link {
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 13px;

}



.fa.printicon:hover,
.fa-print:hover,
.fa-facebook-square:hover,
.fa-twitter-square:hover,
.fa-link, .fa-envelope:hover {

	 color: #86bb3a;
}

.printicon, .fa-print, .printicon.fa, .fa-facebook-square, .fa-twitter-square, .fa-link, .fa-envelope  {
	font-size: 30px !important;
	color: #666;
	display: none;
	padding-top: 1px;

	float: left;
	margin-right: 15px;
}

.fa-link {
	font-size: 16px !important;
	margin-right: 5px;
}

.show-url-button {
	float: right;
	width:24%;
	min-width: 130px;
	text-align: center;
	margin-top: 5px;
	display: none;
	color: #666;
	padding: 5px;
	border-radius: 4px;
	border:1px solid #666;
	font-size: 14px;
	line-height: 15px;
}

.show-url-button:hover,
.show-url-button :hover {
	border:1px solid #86bb3a;
	color: #86bb3a;
	text-decoration: none;
	cursor: pointer;

}

.show-url input[type=text], select {
	width: 72%;
	min-width: 350px;
  	padding: 2px 4px;
  	display: inline-block;
  	border: 1px solid #ccc;
  	border-radius: 3px;
  	box-sizing: border-box;
  	margin-bottom: 8px;
  	margin-right: 3%;
}

button.copy-button {
	float: right;
	width:24%;
	min-width: 130px;
	text-align: center;
	color: #666;
	padding: 5px;
	border-radius: 4px;
	border:1px solid #666;
	background-color: #fff;
	font-size: 14px;
	line-height: 15px;
}

button.copy-button:hover {
	border:1px solid #86bb3a;
	color: #86bb3a;
}


.pager {
	position: relative;
	top:20px;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #86bb3a;
    border: 1px solid #86bb3a;
    border-radius: 15px;
}

.pager a {
    color: #fff;

}

.pager i {
	color: #fff;
	margin-left: 10px;
	display: inline-block;
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #86bb3a;
}

@media screen and (max-width: 870px) {
	.upper::before {
	width: 18%;
	}

	.upper::after {
	width: 48.5%;
	}

	.upper p {
	width: 30%;
	}
}

@media screen and (max-width: 595px) {
	.upper::before {
	width: 20%;
	}

	.upper::after {
	width: 25%;
	}

	.upper p {
	width: 50%;
	}
}

/* END NEWS AARCHIVE */

/**
* Footer
*/


.footer {
	max-width: initial;
}

.footer p{
	font-size: 1em;
	}

.footer-wrapper {
	max-width: 1170px;
	margin: 0 auto;
}

.footer {
	padding-bottom: 0;
	padding-top: 0;
	border-top: 7px solid #888888;
	background: #eeeeee;
	text-align: left;
	clear: both;
}

.region-footer {
	padding: 10px 0px;
	border-top: 1px solid #dddddd;
	text-align: center;
}

.footer .region-footer-three {
	padding-left: 32px;
}

.footer .region-footer-three h2{
	padding-left: 17px;
}

.footer .col-sm-12 {
	margin-top: 50px;
}

.footer h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.footer i {
	font-size: 3em;
	display: inline-block;
	padding: 10px;
	color: #888;
}

.footer input {
	width: 100%;
	padding: 5px;
	border: 2px solid #dddddd;
	margin-top: 5px;
	margin-bottom: 5px;
}

.footer button {
	font-size: 16px;
	background: #dcdcdc;
	padding: 5px;
	width: 100%;
	text-align: center;
	border: 0;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    display: none;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* PLAYLIST / Mötas i musik */



.ext-example,
.ext-example-inst {
    padding-top: 50px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ext-player,
.ext-player-inst {
    background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #f5f7f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

    width: 100%;
    z-index: 2;
    border: 1px solid #ccc;
    border-radius: 7px;
    display: block;
    margin: 0 auto;
}
.ext-title, .ext-artist, .ext-title-inst, .ext-artist-inst {
    font-family: verdana;
    text-align: center;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.ext-title, .ext-title-inst {
	text-transform: uppercase;
    color: #111;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0px 2px 0px;
}
.ext-artist, .ext-artist-inst {
	text-transform: uppercase;
    color: #333;
    font-size: 12px;
    padding: 0px 0px 10px 0px;
}
.ext-pl, .ext-pl-inst {
    display: none;
}
.ext-pl:hover,
.ext-pl-inst:hover {
    display: none;
}
.ext-controls, .ext-controls-inst {
    cursor: pointer;
    height: 23px;
    margin: 0 auto;
    width: 150px;
}
.ext-controls .ext-play, .ext-controls .ext-pause, .ext-controls .ext-rew, .ext-controls .ext-fwd,
.ext-controls-inst .ext-play-inst, .ext-controls-inst .ext-pause-inst, .ext-controls-inst .ext-rew-inst, .ext-controls-inst .ext-fwd-inst  {
    text-align: center;
    height: 100%;
    width: 33%;
    float: left;
}
.ext-controls .ext-play,
.ext-controls-inst .ext-play-inst {
}

.ext-controls .ext-play img,
.ext-controls-inst .ext-play-inst img  {
    width: 50px;
    height: 50px;
    opacity: 0.9;
}
.ext-controls .ext-play img:hover,
.ext-controls-inst .ext-play-inst img:hover  {
    opacity: 1;
}
.ext-controls .ext-pause,
.ext-controls-inst .ext-pause-inst  {
    display: none;
}
.ext-controls .ext-pause img,
.ext-controls-inst .ext-pause-inst img {
    width: 50px;
    height: 50px;
    opacity: 0.9;
}
.ext-controls .ext-pause img:hover,
.ext-controls-inst .ext-pause-inst img:hover {
    opacity: 1;
}

.ext-controls .ext-rew img,
.ext-controls-inst .ext-rew-inst img {
    width: 50px;
    height: 50px;
    opacity: 0.9;
}
.ext-controls .ext-rew img:hover,
.ext-controls-inst .ext-rew-inst img:hover {
    opacity: 1;
}

.ext-controls .ext-fwd img,
.ext-controls-inst .ext-fwd-inst img {
    width: 50px;
    height: 50px;
    opacity: 0.9;
}
.ext-controls .ext-fwd img:hover,
.ext-controls-inst .ext-fwd-inst img:hover {
    opacity: 1;
}
.ext-hidden {
    display: none;
}
.ext-controls .ext-visible,
.ext-controls-inst .ext-visible {
    display: block;
}


.ext-volume,
.ext-volume-inst {
    height: 15px;
    width: 112px;
    background: #777;
    margin: 5px auto;
    text-align: center;
    border-radius: 3px;
}


.ext-tracker,
.ext-tracker-inst {
    height: 11px;
    width: 285px;
    background: #777;
    margin: 15px auto;
    text-align: center;
    border-radius: 3px;
}

.ext-volume .ui-slider-handle, .ext-tracker .ui-slider-handle,
.ext-volume-inst .ui-slider-handle, .ext-tracker-inst .ui-slider-handle  {
	display: none;
}

.ui-slider-range {
    background: #7bc048;
    height: 100%;
    border-radius: 3px;
    position: relative;
    top: -22px;

}

.node-type-list-page .ui-slider-range {
    top: -20px;
}

.ext-listcontainer,
.ext-listcontainer-inst {
padding: 20px;
background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #f5f7f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ccc;
    margin: 10px auto;
    border-radius: 7px;

}
.ext-playlist,
.ext-playlist-inst {
    padding: 0;
 margin: 0;
    list-style-type: none;
    width: 100%;
    z-index: 1;
    font-size: 12px;
    text-transform: uppercase;
    font-family: verdana;
}
.ext-playlist li,
.ext-playlist-inst li  {
    color: #222;
    cursor: pointer;
}
.ext-playlist li.active,
.ext-playlist-inst li.active  {
    font-weight: bold;
}

.volymtext,
.volymtext-inst {
    text-align: center;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 0.65em;
    margin: 0;
    padding: 40px 0 0 0;
    clear: both;
    width: 100%;
}

/* end playlist/mötas i musik */

#block-search-form input {

}

.views-slideshow-cycle-main-frame {
	height: 300px;
}

.view-multi-slideshow .views-slideshow-cycle-main-frame {
	height: 150px;
}

.view-multi-slideshow {
	width: 100%;
}

.view-multi-slideshow img {
	float: left;
	border: solid 1px #e6e6e6;
	max-height: 156px;
}

/*
.view-multi-slideshow img:nth-child(2) {
	margin-left: 11px;
	margin-right: 11px;
}
*/
.view-multi-slideshow .slide1 {
	margin-left: 11px;
	margin-right: 11px;
}
.views-slideshow-controls-bottom {
	text-align: center;
}

.view-multi-slideshow .views-slideshow-controls-bottom a, #block-views-slideshow-page-block .views-slideshow-controls-bottom a {
	padding: 0px 4px;
    background: #ddd;
    border-radius: 360px;
    font-weight: normal;
    cursor: pointer;
    color: #ddd;
    font-size: 10px;
}

.view-multi-slideshow .views-slideshow-controls-bottom .active a, #block-views-slideshow-page-block .views-slideshow-controls-bottom .active a {
	padding: 0px 4px;
    background: #333;
    border-radius: 360px;
    font-weight: normal;
    cursor: pointer;
    color: #333;
    font-size: 10px;
}

#block-views-slideshow-page-block .views-slideshow-controls-bottom {
 	margin-top: 10px;
}

#block-views-slideshow-page-block {
    /*border-top: 1px solid #000;*/
    padding-top: 10px;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #000;*/
}






/*Webbshop Block slideshow*/
.pane-views-multi-slideshow-block {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background-color: #f0f1f9;
}

.pane-views-multi-slideshow-block h2.pane-title{
	background: #828392;
	margin-bottom: 10px;
}


.pane-views-multi-slideshow-block h2 {

    padding: 10px 15px;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    border-bottom: solid 1px #666666;
    margin-bottom: 10px;
}


.view-multi-slideshow .view-content {
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

.view-multi-slideshow .view-content .img-responsive{
	width: 31%;
}

.view-multi-slideshow .views-slideshow-controls-bottom {
	float: right;

	position: relative;
	top:-201px;
}

.view-multi-slideshow .views-slideshow-controls-bottom a {
	color: #ccc;
	background-color: #ccc;
	color: transparent;
	background-color: transparent;
	border: 2px solid #fff;
}

.view-multi-slideshow .views-footer {

}

.view-multi-slideshow .views-slideshow-controls-bottom .active a {
	color: #fff;
	background-color: #fff;
}


.pane-views-multi-slideshow-block button {

	margin-bottom: 0px;
	background: #828392 !important;
    padding: 6px !important;
    width: 100%;
    text-align: center;
    border: 0;
    color: #ffffff;
}

.view-multi-slideshow, .pane-personalization-personalized-content {
	/*border-bottom: solid 2px #666666;*/
}

/** SLUT MULTSLIDESHOV **/

/*
.view-publikationer .views-field-field-image {
	clear: left;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
    padding-bottom: 5px;
}

.view-publikationer .views-exposed-widgets {
    border-bottom: solid 1px #404040;
    padding-bottom: 20px;
}

.view-publikationer .views-row {
	margin-bottom: 10px;
	border-top: solid 1px #e6e6e6;
	padding: 0;
	padding-top: 10px;
}

.view-publikationer .views-row-first {
	border-top: none;
}

.view-publikationer .views-row a {
	color: #000;
}

.view-publikationer .views-field-field-image img {
    display: block;
}

.view-publikationer .fa-caret-right {
	color: #86bb3a;
}

.view-publikationer .views-row:hover h4 {
	color: #86bb3a;
}

*/


.view-search-bok-movie .views-row {
	padding: 0;
	border-top: solid 4px #86bb3a;
	padding-top: 20px;
	padding-bottom: 20px;
}

.view-search-bok-movie .views-row a {
	color: #000;
}

.view-search-bok-movie .views-row-last {
	border-bottom: solid 4px #86bb3a;
}







/** BEAN HORIZONTAL BLOCK **/

.bean-horizontal-block .col-sm-3 {
	padding: 0;
}


.bean-horizontal-block {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 11px;
    margin-bottom: 24px;
    padding-top: 0px;
    border-bottom: 1px solid #ddd;
    margin-top: 0px;

}

.bean-horizontal-block .col-sm-9 {
	padding-left: 0px;
}

.bean-horizontal-block h2 {
	    font-size: 22px !important;
	    margin-bottom: 0;
	    margin-top: 0;
	    line-height: 27px;
}

.bean-horizontal-block a .content:hover img{
	filter: brightness(90%);
}

.bean-horizontal-block a .content:hover .bean-body{
	color:#000;
}

.bean-horizontal-block i {
	padding-right: 6px;
    /*font-size: 20px;*/
    color: #86bb3a;
    display: inline-block;
}

.bean-horizontal-block .bean-title {
	display: contents;
}

.bean-horizontal-block h2, .bean-horizontal-block a {
	display: inline-block;
}

.bean-horizontal-block .field-type-image img {
	width: 100%;
	min-width: 175px;
	height: 175px;
    object-fit: cover;
}

.bean-horizontal-block .bean-body {
	    font-size: 16px;
	    margin-bottom: 0;
	    margin-top: 5px;
}

.bean-horizontal-block .content {
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    padding-top: 0px;
    padding-bottom: 10px;
}

.read-more {
	text-align: right;
	position: absolute;
    bottom: 4px;
    right: 0;
}

.read-more a {
	color: #000;
}

.pane-personalization-personalized-content .pane-content {
	margin-bottom: 10px;
}



/* footer */

.region-footer-four .bean-general-block .content {
	/* border-top: 2px solid #666666; */
    padding-top: 16px;
    background-color: transparent;

}

.footer .field-items {
	font-size: 15px;
}

.footer .bean-general-block {
	background-color: transparent;
	margin-bottom: 0px;
}

.footer .bean-general-block .content{
	background-color: transparent;
	padding: 0px ;
}

.view-nyheter a, .view-pressmeddelande a, .view-poddradio a{
	color: #247772;
	font-weight: 600;
}

/*
.view-poddradio-archive .view-header .view-poddradio-archive {
	margin-top: 20px;
	margin-bottom: 20px;
}
*/


.view-poddradio-archive .view-header .views-field-field-poddlink {
	margin-top: 10px;
	margin-bottom: 10px;
}

.list-inline {
	margin-left:0px;
	float:left;
}


.addtoany {
	margin-top: 20px;
}

.addtoany {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    background-color: #e6e6e6;
    padding: 6px;
}

.addtoany h4 {
    display: inline-block;
    margin: 0;
    padding-right: 12px;
}

.node-puff-list .field-name-body {
	margin-bottom: 20px;
}

.view-pufflistning .views-row {
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}

.view-pufflistning img {
	object-fit: cover;
	width: 100%;
}

.view-pufflistning h3 {
	margin-bottom: 4px;
}

.view-pufflistning .views-field-field-page-category {
	text-transform: uppercase;
	margin-bottom: 6px;
}

.view-pufflistning .views-field-field-image, .view-pufflistning .views-field-field-puff-image {
	float: right;
	padding-top:30px;
	padding-bottom: 30px;
}

.view-pufflistning .views-field-field-body, .view-pufflistning .views-field-field-ingress, .view-pufflistning .views-field-field-first-ingress {
	margin-bottom: 20px;
}

.view-pufflistning a {
	color: #333;
}

.view-pufflistning .view-banners {
	display: none;
}

.view-page-list .views-field-field-puff-image {
    float: right;
}



.view-page-list .views-field-field-image img {
    padding-top: 0px;
}

.view-page-list .views-field-field-right-image img {
    padding-top: 0px;
    padding-bottom: 0px;
    float: right;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.view-page-list .views-field-field-image img {
	width: 100%;
	padding-left: 0px;
    padding-right: 0px;
}



.view-page-list .col-sm-9 {
	/*border-right: solid 1px #6666;*/
}

.view-page-list .views-row-odd {
	/*background: #e6e6e6e6;*/
}




.view-page-list .views-field-field-ingress,.view-page-list .views-field-field-first-ingress {
	margin-bottom: 10px;
}



.view-page-list  .views-field-title i.fa {
   font-weight: normal;
   font-style: normal;
   margin:0px;
   text-decoration:none;
   display: inline-block;
   color: #333;
}



.view-page-list  .views-field-title {
	cursor: pointer;
}

.view-page-list .views-field-title .fa-external-link {
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: block;
    color: #86bb3a;
    position: absolute;
    bottom: -20px;
    left: 6px;
    font-size: 16px;
}

.view-page-list .activepage {
	border: solid 1px #666;
	box-shadow: 0 0 4px #666;
}



.view-page-list .views-field-php {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 15px;
    background: #fff;
}

.view-page-list .views-field-title a {
 	color: #000;
}

.view-page-list .views-row:hover {
	background-color: #eee;
}

.view-page-list .views-row:hover .views-field-title i,
.view-page-list .views-row:hover .views-field-title {
 	color: #86bb3a;
 	text-decoration: none;
}

.view-page-list .views-field-title .fa-external-link {
	display: none;
}

/* IMAGE BLOCK */

.bean-image-block {
	margin-bottom: 10px;
}

.bean-image-block .body {
	display: inline-block;
	padding: 20px;
}

.bean-image-block .body {
	width: 100%;
	display: inline-block;
	padding: 20px;
}

.bean-image-block .body:hover {
	-webkit-filter: brightness(99%); /* Safari 6.0 - 9.0 */
  	filter: brightness(90%);

}

.bean-image-block .body h2,
.bean-image-block .body h1,
.bean-image-block .body h3
.bean-image-block .body h4
.bean-image-block .body h5{
	margin-top: 8px;
	color: inherit;
}

.bean-image-block .body a:hover {
	color: inherit;
	color: #265b0a;


}

.bean-image-block .body p{
	margin-bottom: 8px;
}

.bean-image-block .body p:last-of-type{
	margin-bottom: 0px;
}

.bean-image-block .field-name-field-puff-image img {
	width: 100%;
	object-fit: cover;
}

.bean-image-block {
	width: 100%;
	margin-bottom: 40px;
	display: block;
}

.bean-image-bloc a {
	display: block;
}

.col-sm-4 .bean-image-block {
	margin-bottom: 30px;
}

.bean-image-block:hover img {
	   -webkit-filter: brightness(99%); /* Safari 6.0 - 9.0 */
  filter: brightness(90%);
}



.field-slideshow {
	width: 100% !important;
    height: 430px;
    padding-right: 0px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    object-fit: cover;
    display: inline-block;
}

.field-slideshow-slide, .field-slideshow-slide img {
	width: 100% !important;
	height: 430px !important;
	object-fit: cover;
}

.field-slideshow-pager li img {
	opacity: 0.5;
}

.field-slideshow-pager .activeSlide img {
	opacity: 1;
}

.field-slideshow-caption {
	display: block;
    position: absolute;
    font-size: 20px;
    color: #fff;
    bottom: 0;
    padding: 10px;
    background: #000;
    width: 100%;
    opacity: 0.7;
    text-align: center;
}

.field-slideshow-pager {
	display: table;
	margin: 0 auto;
	width: auto;
}

.slide-div-container {
	width: 100%;
	display: block;
}





.bean-categorier {
	padding-top: 5px;
	padding-bottom: 0;
	color: #666;
	font-size: 13px;
}

.bean-body {
	margin-top: 20px;
}

.view-aktuellt {
	padding-bottom: 10px
}

.view-aktuellt .views-row, .view-latest-update .views-row {
	border-bottom: dotted 1px #666;
}

.view-aktuellt h4, .view-latest-update h4 {
	margin-top: 10px;
}

.view-aktuellt a, .view-latest-update a {
	color: #000;
}

.view-aktuellt .views-field-created, .view-latest-update .views-field-created {
	padding-bottom: 10px;
	font-size: 12px;
}

.view-latest-update h4 {
	margin-bottom: 2px;
}



#block-block-5 {
	display: block;
	width: 100%;
	position: relative;
}

#block-block-5 a {
	background: #86bb3a;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	display: block;
}

/** Universitet och högskola **/

.view-university-school .views-row {
	/* border-bottom: dotted 1px #666; */
    padding-bottom: 5px;
    padding-top: 24px;
    padding-bottom: 12px;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 10px 0px;
    padding: 24px 10px 10px 10px;

}

.view-university-school h3 {
	font-size: 20px;
	margin-top: 0px;
}
.views-field-field-education-provider {
	margin-top: 12px;
	font-size: 16px;
}

.view-university-school .views-row-first {
	border-top: dotted 1px #666;
   	margin-top: 15px;
}



.view-university-school .views-field-field-course-info {
	margin-top: 12px;
	margin-bottom: 16px;
	width: 100%;
}

.views-label-field-course-info {
	width: 100%;
}

.view-university-school .bottom {
	padding-top: 20px;
	display: inline-block;
    position: relative;
    width: 100%;
}

a.external-link button {
	margin-top:8px;
	margin-bottom:12px;
	width: 100%;
	min-width: 140px;
	text-align: center;
	background-color: #86bb3a;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 15px;
	border: none;
}

a.external-link button:hover {
	background-color: #666;

}

/** enda universitet **/

.view-pufflistning .views-row:hover h3 {
	color: #86bb3a;
}





a .bean-horizontal-block:hover h2 {
	color: #86bb3a !important;
}

.bean-horizontal-block a h2:hover {
	color: #86bb3a !important;
}

.view-pufflistning .views-field-field-body, .view-pufflistning .views-field-field-ingress {
	margin-top:10px;
}

.view-pufflistning h3 {
	margin-bottom: 0;
}


/** 3 SPALT NYHETER PANEL PAN BLOCK **/
.pane-news-grid-panel-pane-1  {
	margin-bottom: 19px;
 	margin-top: 0px;
	padding-bottom: 0px;
	position: relative;
	top:-21px;

}

.pane-news-grid-panel-pane-1 .pane-content {
	border: solid #86bb3a 2px;
	padding-top: 20px;
	padding-left: 5px;
}

.pane-news-grid-panel-pane-1 h2.pane-title {
	display: inline;
	font-size: 18px;
    color: #666;
    margin-left: 18px;
    text-transform: uppercase;
    background-color: #fff;
    padding: 0 6px 0 6px;
    position: relative;
    top: 13px;

}

.pane-news-grid-panel-pane-1 .view-news-grid .views-field-created {
	font-size: 12px;
	color: #666;
}

.pane-news-grid-panel-pane-1 .view-news-grid a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    padding-bottom: 7px;
}

.pane-news-grid-panel-pane-1 .view-news-grid a:hover {
	color: #86bb3a;
	text-decoration: none;
}


.pane-news-grid-panel-pane-1 .views-column-2 {
	border-left: solid #ddd 1px;
}

.pane-news-grid-panel-pane-1 .views-column-3 {
	border-left: solid #ddd 1px;
}

.pane-news-grid-panel-pane-1 .view-news-grid .views-column {
	/*text-align: center;*/
}

.pane-news-grid-panel-pane-1 .view-news-grid .views-row {
	float: left;
	display: block;
	padding-bottom: 12px;
	padding-top: 4px;
}

.pane-news-grid-panel-pane-1 .view-news-grid .views-row-last {
	border: none;
}

.pane-news-grid-panel-pane-1 .view-news-grid, .view-news-grid .view-content, .view-news-grid .views-row {
	display: inline-block;
	width: 100%;
    height: auto;
    position: relative;
}

/* om den ligger i högerspalten */
.col-sm-4.top-3-third .pane-news-grid-panel-pane-1 .col-sm-4 {
	width: 100%;
}



.col-sm-4.top-3-third .pane-news-grid-panel-pane-1 .col-sm-4 .views-field-title {
	margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
	.pane-news-grid-panel-pane-1 .views-column-2,
	.pane-news-grid-panel-pane-1 .views-column-3 {
		border-left: none;
	}



}


/** slut 3 spalt nyheter panel pane block **/



#quicktabs-news_press_podd ul.quicktabs-tabs {
    padding: 0;
    border-bottom: 5px solid #86bb3a;
    display: inline-block;
    width: 100%;
}

#quicktabs-news_press_podd ul.quicktabs-tabs li.active a {
    display: inline-block;
    background: #86bb3a;
    color: #ffffff;
    text-decoration: none;
}

#quicktabs-news_press_podd ul.quicktabs-tabs li {
    display: inline;
    background: none;
    list-style-type: none;
    padding: 0;
    white-space: nowrap;
    float: left;
}

#quicktabs-news_press_podd ul.quicktabs-tabs li a {
    padding: 10px 15px;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
}

#quicktabs-news_press_podd .item-list ul li {
    border-bottom: 1px dotted #555555;
    padding: 10px;
}

#quicktabs-news_press_podd .item-list ul .views-field-title a {
    color: #247772;
    font-weight: bold;
}

#quicktabs-news_press_podd .item-list ul {
    list-style: none;
    padding: 0;
    font-size: 1.1em;
}

#quicktabs-news_press_podd .views-field-created {
    font-size: 12px;
}

.view-publikationer .list-body,
.view-publikationer .show-more,
.view-publikationer .list-body-last,
.view-publikationer .close-more,
.view-publikationer .show-url {
    display: none;
}


.view-publikationer .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-publikationer .views-field-field-body {
	padding-bottom: 10px;
}

.view-publikationer h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-publikationer .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-publikationer .views-field-created {
	font-size: 12px;
    color: #666;
}



.view-publikationer .fa-external-link {
	padding-top: 6px;
	width: 100%;
}
.view-publikationer select {
	min-width: initial;
	width: 100%;
	margin: 0px;
}
.view-publikationer .views-exposed-widget {
	padding-right: 0px;
	padding-top: 0.5em;
}

.view-publikationer .views-exposed-widget.views-submit-button {
	width: 10%;
}

.view-publikationer .views-exposed-widget.views-widget-filter-combine {
		width: 45%;
		padding-right: 15px;
}

.view-publikationer .views-exposed-widget.views-widget-filter-field_publication_categorie_tid {
		width: 45%;
		padding-right: 15px;

}

.view-publikationer .btn-primary {
	background-color: #666;
	width: 100%;
}

.view-publikationer .btn-primary:hover {
	background-color: #86bb3a;
}






/* Nyheter kategori */

.view-news-education .list-body,
.view-news-education .show-more,
.view-news-education .list-body-last,
.view-news-education .close-more,
.view-news-education .show-url {
    display: none;
}

.view-news-education .fa-caret-right {
    font-size: 16px;
}

.view-news-education .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-news-education .views-field-field-body {
	padding-bottom: 10px;
}

.view-news-education h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-news-education .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-news-education .views-field-created {
	font-size: 12px;
    color: #666;
}

.view-news-education .col-sm-3 {
	padding: 0;
}

.view-news-education .fa-external-link {
	padding-top: 6px;
	width: 100%;
}

.view-news-education i {
    color: #86bb3a;
    font-size: 14px;
}

.view-news-education h3 {
    cursor: pointer;
}

.view-news-education .views-row:hover h3 {
	color: #86bb3a;
}

.view-news-education .views-field-field-image {
    display: inline-block;
    width: 100%;
}

.view-news-education .views-field-field-image img {
    height: auto;
    object-fit: cover;
}

.view-news-education .image-slide {
    display: none;
}

.view-news-education .views-field-field-puff-image img {
    height: 150px;
    object-fit: cover;
}

.view-news-education .views-row {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
}

.view-news-science .views-row {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
}

.view-news-science .list-body,
.view-news-science .show-more,
.view-news-science .list-body-last,
.view-news-science .close-more,
.view-news-science .show-url {
    display: none;
}

.view-news-science .fa-caret-right {
    font-size: 16px;
}

.view-news-science .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-news-science .views-field-field-body {
	padding-bottom: 10px;
}

.view-news-science h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-news-science .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-news-science .views-field-created {
	font-size: 12px;
    color: #666;
}

.view-news-science .col-sm-3 {
	padding: 0;
}

.view-news-science .fa-external-link {
	padding-top: 6px;
	width: 100%;
}

.view-news-science i {
    color: #86bb3a;
    font-size: 14px;
}

.view-news-science h3 {
    cursor: pointer;
}

.view-news-science .views-row:hover h3 {
	color: #86bb3a;
}

.view-news-science .views-field-field-image {
    display: inline-block;
    width: 100%;
}

.view-news-science .views-field-field-image img {
    height: auto;
    object-fit: cover;
}

.view-news-science .image-slide {
    display: none;
}

.view-news-science .views-field-field-puff-image img {
    height: 150px;
    object-fit: cover;
}

.view-news-work .views-row {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
}

.view-news-work .list-body,
.view-news-work .show-more,
.view-news-work .list-body-last,
.view-news-work .close-more,
.view-news-work .show-url {
    display: none;
}

.view-news-work .fa-caret-right {
    font-size: 16px;
}

.view-news-work .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-news-work .views-field-field-body {
	padding-bottom: 10px;
}

.view-news-work h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-news-work .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-news-work .views-field-created {
	font-size: 12px;
    color: #666;
}

.view-news-work .col-sm-3 {
	padding: 0;
}

.view-news-work .fa-external-link {
	padding-top: 6px;
	width: 100%;
}

.view-news-work i {
    color: #86bb3a;
    font-size: 14px;
}

.view-news-work h3 {
    cursor: pointer;
}

.view-news-work .views-row:hover h3 {
	color: #86bb3a;
}

.view-news-work .views-field-field-image {
    display: inline-block;
    width: 100%;
}

.view-news-work .views-field-field-image img {
    height: auto;
    object-fit: cover;
}

.view-news-work .image-slide {
    display: none;
}

.view-news-work .views-field-field-puff-image img {
    height: 150px;
    object-fit: cover;
}


.view-news-live .list-body,
.view-news-live .show-more,
.view-news-live .list-body-last,
.view-news-live .close-more,
.view-news-live .show-url {
    display: none;
}

.view-news-live .fa-caret-right {
    font-size: 16px;
}

.view-news-live .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-news-live .views-field-field-body {
	padding-bottom: 10px;
}

.view-news-live h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-news-live .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-news-live .views-field-created {
	font-size: 12px;
    color: #666;
}

.view-news-live .col-sm-3 {
	padding: 0;
}

.view-news-live .fa-external-link {
    width: 100%;
}

.view-news-live i {
    color: #86bb3a;
    font-size: 14px;
}

.view-news-live h3 {
    cursor: pointer;
}

.view-news-live .views-row:hover h3 {
	color: #86bb3a;
}

.view-news-live .views-field-field-image {
    display: inline-block;
    width: 100%;
}

.view-news-live .views-field-field-image img {
    height: auto;
    object-fit: cover;
}

.view-news-live .image-slide {
    display: none;
}

.view-news-live .views-field-field-puff-image img {
    height: 150px;
    object-fit: cover;
}

.view-news-live .views-row {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
}


.view-news-facts .views-row {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
}

.view-news-facts .views-field-field-puff-image img {
    height: 150px;
    object-fit: cover;
}

.view-news-facts .list-body,
.view-news-facts .show-more,
.view-news-facts .list-body-last,
.view-news-facts .close-more,
.view-news-facts .show-url {
    display: none;
}

.view-news-facts .fa-caret-right {
    font-size: 16px;
}

.view-news-facts .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-news-facts .views-field-field-body {
	padding-bottom: 10px;
}

.view-news-facts h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-news-facts .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-news-facts .views-field-created {
	font-size: 12px;
    color: #666;
}

.view-news-facts .col-sm-3 {
	padding: 0;
}

.view-news-facts .fa-external-link {
	padding-top: 6px;
	width: 100%;
}

.view-news-facts i {
    color: #86bb3a;
    font-size: 14px;
}

.view-news-facts h3 {
    cursor: pointer;
}

.view-news-facts .views-row:hover h3 {
	color: #86bb3a;
}

.view-news-facts .views-field-field-image {
    display: inline-block;
    width: 100%;
}

.view-news-facts .views-field-field-image img {
    height: auto;
    object-fit: cover;
}

.view-news-facts .image-slide {
    display: none;
}

.view-news-publication .views-row {
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: dotted 1px #666;
    margin-bottom: 5px;
}

.view-news-publication .views-field-field-puff-image img {
    height: 150px;
    object-fit: cover;
}

.view-news-publication .list-body,
.view-news-publication .show-more,
.view-news-publication .list-body-last,
.view-news-publication .close-more,
.view-news-publication .show-url {
    display: none;
}

.view-news-publication .fa-caret-right {
    font-size: 16px;
}

.view-news-publication .views-row {
	padding-top: 15px;
	padding-bottom: 10px;
}

.view-news-publication .views-field-field-body {
	padding-bottom: 10px;
}

.view-news-publication h4 {
	cursor: pointer;
	margin-top: 4px;
}

.view-news-publication .views-field-field-page-category {
	padding-bottom: 10px;
}

.view-news-publication .views-field-created {
	font-size: 12px;
    color: #666;
}

.view-news-publication .col-sm-3 {
	padding: 0;
}

.view-news-publication .fa-external-link {
	padding-top: 6px;
	width: 100%;
}

.view-news-publication i {
    color: #86bb3a;
    font-size: 14px;
}

.view-news-publication h3 {
    cursor: pointer;
}

.view-news-publication .views-row:hover h3 {
	color: #86bb3a;
}

.view-news-publication .views-field-field-image {
    display: inline-block;
    width: 100%;
}

.view-news-publication .views-field-field-image img {
    height: auto;
    object-fit: cover;
}

.view-news-publication .image-slide {
    display: none;
}

/* facts-archive Faktablads arkivet */

.view-facts-archive .views-row.col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}

.view-facts-archive .col-md-6.views-column-first {
	padding-left: 0px;
}

.view-facts-archive .col-md-6.views-column-last {
	padding-right: 0px;
}

.view-facts-archive h3 {
	border-bottom: solid 4px #ddd;
}

.view-facts-archive .views-column {
	margin-top: 15px;
	margin-bottom: 15px;
}

.view-facts-archive .views-field-field-image {

	width: 100%;
	height: 55px;
	overflow: hidden;
	display: block;
}

.view-facts-archive .views-field-field-image img {

	width: 100%;
}


.view-facts-archive .pdficon {
	fill:#666;
}

.view-facts-archive span.title {
	position: relative;
    top: -7px;
}

.view-facts-archive .views-column:hover .views-field-title a {
	color: #86bb3a;
}

.view-facts-archive .views-column:hover .views-field-field-image img{
	-webkit-filter: brightness(99%); /* Safari 6.0 - 9.0 */
  	filter: brightness(90%);
}

.view-facts-archive .views-column:hover span.pdficon {
	fill: #86bb3a;
}

.view-facts-archive .views-field-title a {
	color: #666666;
	font-size: 1.3em;

}



.view-facts-archive .list-header.col-sm-12 {
	margin-bottom: 25px;
}

.view-facts-archive .list-header.col-sm-12,
.view-facts-archive .list-header-img.col-sm-6,
.view-facts-archive .list-header-text.col-sm-6 {
	padding-left: 0px;
	padding-right: 0px;
}

.view-facts-archive .list-header-img{
	text-align: center;

}
.view-facts-archive .list-header-img img{
	max-height: 232px;
	max-width: 100%;
	width: auto;
}



.view-facts-archive .views-exposed-form .views-exposed-widget {
	width: 50%;

}

@media screen and (max-width: 1186px) {
	.view-facts-archive .views-field-field-image {

		width: 100%;
		height: 4.55vw;
		overflow: hidden;
		display: block;
	}


}

@media screen and (max-width: 991px) {
	.view-facts-archive .views-field-field-image {

		width: 100%;
		height: 9.3vw;
		overflow: hidden;
		display: block;
	}

	.view-facts-archive .views-exposed-form .views-exposed-widget {
		width: 100%;
		padding-right: 0px;
	}

	.view-facts-archive .col-md-6.views-column-first,
	.view-facts-archive .col-md-6.views-column-last {
		padding-left: 0px;
		padding-right: 0px;
	}

}

@media screen and (max-width: 767px) {
	.view-facts-archive .views-field-field-image {

		width: 100%;
		height: 13.7vw;
		overflow: hidden;
		display: block;
	}
}

/* End fact-archive */

#site-map a {
	color: #666666;
}

#site-map a:hover, #site-map a:active, #site-map a:focus {
	color: #86bb3a;
}



.view-news-publication h3, .view-news-live h3, .view-news-facts h3, .view-news-work h3, .view-news-science h3, .view-news-education h3 {
	margin-top: 2px;
}



.views-field-field-page-category {
	text-transform: uppercase;
	font-size: 13px;
}

.view-news-archive .views-field-field-page-slideshow {
	width: 100%;
}

.view-news-archive .image-slide {
	display: none;
}

.upper i {
	color: #000;
}

.upper {
	cursor: pointer;
}

#views-exposed-form-news-archive-page {
	display: none;
}



.node-page {
	padding-left: 0;
}

.node-right {
	padding-right: 0;
}

.node-right .views-field-field-short-text {
	margin-bottom: 6px;
}

.right-images img, .node-right img {
	height: 150px;
	object-fit: cover;
}

.editor-bild {
	margin-top: 4px !important;
	width: 40% !important;
	float: right;
	display: block;
	margin-left: 30px;
}

.editorbild-text {
	margin-left: 30px !important;
	width: 40% !important;
	float: right;
	display: inline-block;
	clear: right;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	font-style: italic;
}

footer .region-footer a {
	color: #666;
	font-size: 12px;
	margin-top: 10px;
}

footer .region-footer a:focus,
footer .region-footer a:hover {
	color: #333;
	text-decoration: none;
}

footer .field-name-field-body {
	margin-bottom: 10px;
}



#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button,
#sliding-popup .agree-button.eu-cookie-compliance-secondary-button {
	cursor: pointer;
	margin-right: 5px;
	margin-top: 1em;
	vertical-align: middle;
	overflow: visible;
	width: auto;
	-moz-box-shadow: inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
	box-shadow: inset 0 1px 0 0 #ffffff;
	background-color: #ededed;
	background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
	background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #333 ;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #ffffff;
}

.eu-cookie-compliance-secondary-button {
	color: #333 !important;
}


@media screen and (max-width: 1190px) {

	#block-views-staff-contact-block-eng .staff-image.col-sm-3 {
    	width: 73px;
	}

	#block-views-staff-contact-block-eng .staff-image {
    	max-height: 73px;

	}

	#block-views-staff-contact-block-eng .staff-image img {
    	max-width: 73px;
	}

	#block-views-staff-contact-block-eng .views-field-field-phone {
    	margin-top: 0px;
	}

	.view-staff .views-field-field-position {
    	margin-bottom: 6px;
	}


	.footer .footer-wrapper .col-sm-3 {
		width: 50%;
	}

	.footer .footer-wrapper .col-sm-3:nth-child(3) {
		clear: both;
	}

	.footer .region-footer-three {
		padding: 0px;
	}

	.view-publikationer .views-exposed-widget.views-widget-filter-combine {
		width: 100%;
		padding-right: 0px;
	}

	.view-publikationer .views-exposed-widget.views-widget-filter-field_publication_categorie_tid {
		width: 100%;
		padding-right: 0px;

	}

	.view-publikationer .views-exposed-widget.views-submit-button {
		width: 100%;

	}

	.view-publikationer .views-exposed-widget.views-submit-button .btn{
		font-size: 18px;
		margin-top: 20px;
	}


	a {
		word-break: break-word;
	}

	.view-calendar-archive .views-field-field-puff-image button.puffbild img,
	.view-news-archive .views-field-field-puff-image button.puffbild img,
	.view-poddradio-archive .views-field-field-puff-image button.puffbild img {
		height: auto;
		min-width: initial;
		max-height: 120px;
	}

	.view-calendar-archive .views-field-field-puff-image button.puffbild img {
		max-height: 127px;
	}

	.show-url input[type=text], select {
	    width: 100%;
	    margin-bottom: 10px;
	    margin-top: 10px;
	}

	button.copy-button {

	    margin-bottom: 20px;
	    width: 100%;
	    margin-top: 10px;
	}

	.show-url input[type=text], select {
	    width: 100%;
	    margin-bottom: 10px;
	    margin-top: 10px;
	}

	.page-sok select {
	    width: 100%;
	    margin-bottom: 0px;
	    margin-top: 0px;
	}

	button.copy-button {

	    margin-bottom: 20px;
	    width: 100%;
	    margin-top: 10px;
	}

	.staff-right {
 	padding-left: 0px;
 	}

 	.bean-vertical-block .content img,
 	a .bean-vertical-block .content img,
 	.bean-vertical-block .field-name-field-image img  {
		height: 175px;
		height: auto;
	}

	.bean-horizontal-block .field-type-image img {
		min-width: initial;
		object-fit: initial;
		height: auto;
	}

}
@media screen and (max-width: 1070px) {

	.pane-views-calendar-block .view-calendar ul .datum {
		border:none;
		margin-right: 0px;
		border-radius: 0px;
		background: unset;
		box-shadow: none;
		text-align: left;
	}

	.pane-views-calendar-block .view-calendar ul .datum .views-field-field-date {
		display: inline-block;
		float: left;
		padding:0px;
		margin-right: 0px;
		border-radius: 0px;
		font-size: 16px;
		background: unset;
		padding-right: 6px;
	}

	.pane-views-calendar-block .view-calendar ul .datum .views-field-field-date-1 {
		display: inline-block;
		font-weight: bold;
		float: left;
		padding:0px;
		margin-right: 0px;
		border-radius: 0px;
		font-size: 16px;
		color: #666;
		background: unset;

	}
	.pane-views-calendar-block .view-calendar ul .views-field-title {
		display: block;
		padding-top: 0px;
		clear: both;

	}

	.pane-views-calendar-block .view-calendar ul li {
		padding-top: 0px;
	}

	.pane-views-calendar-block .view-calendar ul li:first-child {
		padding-top: 14px;
	}


@media screen and (max-width: 1050px) {


	.bean-webbshop .carousel-indicators li.nr-6,
	.bean-webbshop .carousel-indicators li.nr-7,
	.bean-webbshop .carousel-indicators li.nr-8,
	.bean-webbshop .carousel-indicators li.nr-9,
	.bean-webbshop .carousel-indicators li.nr-10,
	.bean-webbshop .carousel-indicators li.nr-11,
	.bean-webbshop .carousel-indicators li.nr-12,
	.bean-webbshop .carousel-indicators li.nr-13,
	.bean-webbshop .carousel-indicators li.nr-14 {
	display: none !important;
	}

	.view-calendar-archive .col-sm-2.datum.views-fieldset {
		display: none;
	}
	.view-calendar-archive .col-sm-10.middle-right.views-fieldset {
		padding-left: 0px;
	}

	.view-publikationer .col-sm-12, .view-news-archive .col-sm-12, .view-calendar-archive .col-sm-12 {
    	overflow: hidden;
    	padding-left: 0px;
	}

	.show-url input[type=text] {

	}

}


@media screen and (max-width: 1024px) {

/* engelskt kontakt block*/

	#block-views-staff-contact-block-eng .views-column,
	.page-kontakt .view-staff .views-column {
		background-color: #eee;
		padding: 25px 10px 15px 10px;
		border: unset;
	}

	#block-views-staff-contact-block-eng  h2.block-title {
		font-size: 3.2rem;
		text-align: left;
	}

	#block-views-staff-contact-block-eng .view-staff .views-field-title h4,
	.view-staff .views-field-title h4  {
	    border-bottom: solid 1px #86bb3a;
    	padding-bottom: 4px;
    	margin-bottom: 0px;
    	margin-top: 0px;
	}

	#block-views-staff-contact-block-eng .staff-image,
   .page-kontakt .staff-image {
    	padding: 0px;
    	text-align: center;
    	margin-bottom: 20px;
   }

     #block-views-staff-contact-block-eng .staff-image {
    	max-height: unset;
    	width: 100%;
   }
    #block-views-staff-contact-block-eng .staff-image.col-sm-3 {
    	width: 100%;
   }

   #block-views-staff-contact-block-eng .staff-image img,
   .page-kontakt .staff-image img {
   		max-width: 200px;
   		max-width: 60%;
    	padding: 0px;
    	display:inline;

   }

   #block-views-staff-contact-block-eng .view-staff .staff-right,
   .page-kontakt .view-staff .staff-right {
   	text-align: center;
 	padding: 0px;
 	clear: both;
 	width: 100%;
 	margin-bottom: 0px;
 	}


 	#block-views-staff-contact-block-eng .views-field-field-e-mail,
 	.page-kontakt .views-field-field-e-mail {
 		text-align: center;
 	}

 	#block-views-staff-contact-block-eng .view-staff .views-field-field-e-mail a {
	color: #333;
	font-size: 1.8rem;
	}

 	#block-views-staff-contact-block-eng .views-field-field-position,
 	#block-views-staff-contact-block-eng .views-field-field-phone,
 	#block-views-staff-contact-block-eng .views-field-field-phone .field-content,
 	#block-views-staff-contact-block-eng .views-field-field-e-mail a,
	.page-kontakt .views-field-field-position,
	.page-kontakt .views-field-field-phone,
	.page-kontakt .views-field-field-phone .field-content,
	.page-kontakt .views-field-field-e-mail a {
		font-size: 1.8rem;
		line-height: 24px;
	}
	#block-views-staff-contact-block-eng .views-field-field-position,
	.page-kontakt .views-field-field-position {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	#block-views-staff-contact-block-eng .views-field-field-body,
	.page-kontakt .views-field-field-body {
		margin-top: 15px;
		text-align: center;
 	}

/* Slut Kontaktsida Personal */
}


@media screen and (max-width: 992px) {

	.region-navigation .menu-name-main-menu ul li a {
		text-transform: none;
		font-size: 16px;
	}


	.page-nyheter .views-field-field-page-carousel img {
		height: initial;
	}
	.page-nyheter aside.col-sm-4 {
    	display: none;
	}

	.page-nyheter section.col-sm-8 {
    	width:100%;
	}


	.view-news-archive .views-field-field-puff-image button.puffbild img
	{
		width: 100%;
    	min-width: 157px;
    	height: 157px;
    	max-height: 157px;
    	object-fit: cover;
	}

	.bean-webbshop .carousel-indicators li.nr-5,
	.bean-webbshop .carousel-indicators li.nr-6,
	.bean-webbshop .carousel-indicators li.nr-7,
	.bean-webbshop .carousel-indicators li.nr-8,
	.bean-webbshop .carousel-indicators li.nr-9,
	.bean-webbshop .carousel-indicators li.nr-10,
	.bean-webbshop .carousel-indicators li.nr-11,
	.bean-webbshop .carousel-indicators li.nr-12,
	.bean-webbshop .carousel-indicators li.nr-13,
	.bean-webbshop .carousel-indicators li.nr-14 {
	display: none !important;
	}
}



@media screen and (max-width: 870px) {

	.region-navigation .menu-name-main-menu ul li:first-child {
		display:none;
	}

	.bean-webbshop .carousel-indicators li.nr-3,
	.bean-webbshop .carousel-indicators li.nr-4,
	.bean-webbshop .carousel-indicators li.nr-5,
	.bean-webbshop .carousel-indicators li.nr-6,
	.bean-webbshop .carousel-indicators li.nr-7,
	.bean-webbshop .carousel-indicators li.nr-8,
	.bean-webbshop .carousel-indicators li.nr-9,
	.bean-webbshop .carousel-indicators li.nr-10,
	.bean-webbshop .carousel-indicators li.nr-11,
	.bean-webbshop .carousel-indicators li.nr-12,
	.bean-webbshop .carousel-indicators li.nr-13,
	.bean-webbshop .carousel-indicators li.nr-14 {
	display: none !important;
	}

}

/*************************************************************************
MEDIA 767 ***************************************************************
*************************************************************************
*/

@media screen and (max-width: 767px) {

   	#block-views-staff-contact-block-eng .staff-image img,
   	.page-kontakt .staff-image img {
   		max-width: 50%;
    	padding: 0px;
    	display:inline;

   }

   	.view-page-list .list-body,
	.view-news-archive .list-body,
	.view-poddradio-archive .list-body {
	padding-right: 0px;
	}

   /* Kontaktsida */


	.page-kontakt .view-staff .views-column {
		background-color: #eee;
		padding: 25px 10px 15px 10px;
		border: unset;
	}


	.view-staff .views-field-title h4  {
	    border-bottom: solid 1px #86bb3a;
    	padding-bottom: 4px;
    	margin-bottom: 0px;
    	margin-top: 0px;
	}

   .page-kontakt .staff-image {
    	padding: 0px;
    	text-align: center;
    	margin-bottom: 20px;
   }


   .page-kontakt .staff-image img {
   		max-width: 200px;
   		max-width: 60%;
    	padding: 0px;
    	display:inline;

   }


   .page-kontakt .view-staff .staff-right {
   	text-align: center;
 	padding: 0px;
 	clear: both;
 	width: 100%;
 	margin-bottom: 0px;
 	}



 	.page-kontakt .views-field-field-e-mail {
 		text-align: center;
 	}

	.page-kontakt .views-field-field-position,
	.page-kontakt .views-field-field-phone,
	.page-kontakt .views-field-field-phone .field-content,
	.page-kontakt .views-field-field-e-mail a {
		font-size: 1.8rem;
		line-height: 24px;
	}

	.page-kontakt .views-field-field-position {
		margin-top: 5px;
		margin-bottom: 15px;
	}


	.page-kontakt .views-field-field-body {
		margin-top: 15px;
		text-align: center;
 	}

/* Slut Kontaktsida Personal */


	.region-navigation .menu-name-main-menu ul li a {
    	text-transform: uppercase;
	}

	.container-fluid.top-menu {
		background-color: #86bb3a;
	}

	.region-navigation .menu-name-main-menu ul li:first-child {
		display:block;
	}




	.pane-views-calendar-block .view-calendar ul .datum {
		float: left;
	    display: inline-block;
	    text-align: center;
	    margin-right: 15px;
	    border: 1px solid #888;
	    border-radius: 5px 5px 5px 5px;
	    min-width: 61px;
	    background: #828392;
	    color: #000;
	    box-shadow: 2px 2px 2px 1px #888888;
	}

	.pane-views-calendar-block .view-calendar ul .datum .views-field-field-date {
		display: block;
		float: initial;
		padding: 6px 15px 5px 15px;
		margin-right: 0px;
	    border-radius: 5px 5px 0px 0px;
		font-size: 1.5em;
		background: #fff;

	}

	.pane-views-calendar-block .view-calendar ul .datum .views-field-field-date-1 {
		display: block;
		font-weight: normal;
		float: initial;
		padding: 3px 15px 5px 15px;
		border-radius: 0px 0px 5px 5px;
		font-size: 14px;
		color: #fff;
		background-color: #dfa903;

	}
	.pane-views-calendar-block .view-calendar ul .views-field-title {
		display: block;
		clear: unset;
		font-size: 18px;

	}

	.pane-views-calendar-block .view-calendar ul li {
		padding-top: 14px;
	}


	.news-carousel h3 {
		font-size: 20px;
	}
	.pagination {
		font-size: 18px;
		width: 100%;
	}

	h1 {
	font-size: 32px;

	}

	.field-items ul li {
		font-size: 17px;
	}


	.pagination > li a, .pagination > .active > span, .pagination > .disabled > span {
		width: 9.2%;
		text-align: center;
		padding: 6px 0px;
		height: 36px;
	}

	.pagination > li {
		text-align: center;

	}





	.pagination li.pager-first a,
	.pagination li.prev a,
	.pagination li.next a,
	.pagination li.pager-last a {
		margin-top: 6px;
		margin-bottom: 6px;
		display: block;
		width: 50%;
		text-align: center;
		padding: 6px 0px;

	}

	input, button, select, textarea,.form-control {
		font-size: 18px;
	}
	.form-control {
		height: 41px;
	}
	.footer .footer-wrapper .col-sm-3 {
		width: 100%;
	}

	.bean-vertical-block h2,
	.bean-horizontal-block h2 {
		font-size: 25px !important;
		line-height: 30px;

	}

	.bean-horizontal-block .bean-body,
	.bean-vertical-block .field-name-field-body,
	.bean-horizontal-block .bean-body .field-items,
	.bean-vertical-block .field-name-field-body .field-items {
		font-size: 18px;
		line-height: 24px;

	}



	.pane-news-grid-panel-pane-1 .view-news-grid a {
		font-size: 1.8rem;

		display: inline-block;
	}

	.pane-nyheter3galleri h2 {
    	width: 160px;
    	font-size: 20px;
    	top: 16px;
	}

	.news-carousel img {
	    height: 260px;
	}

	.news-carousel .col-sm-4 {
		height: 260px;
	}

	p {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 2.7rem;
		line-height: 3.2rem;

	}

	h3 {
		font-size: 2.4rem;
		line-height: 2.7rem;

	}

	h4 {
		font-size: 2.2rem;
		line-height: 2.7rem;

	}

	.field-content ul li {
    	font-size: 1.8rem;
	}

	.view-publikationer h3,
	.view-page-list h3,
	.view-news-archive h3,
	.view-poddradio-archive h3,
	.view-calendar-archive h3 {
		font-size: 2.4rem;
		line-height: 2.7rem;

	}
	.view-publikationer .views-field-field-auther {
		font-size: 2rem;
	}


	.view-publikationer h2.views-field-title, .view-page-list h2.title, .view-news-archive h2.title, .view-poddradio-archive h2.title, .view-poddradio-archive .linked-podd .views-field-title h2, .view-poddradio-archive .latest-podd .views-field-title h2, .view-calendar-archive h2.title {
		font-size: 2.7rem;
		line-height: 3.2rem;
	}

	.view-news-archive .views-field-created, .view-poddradio-archive .views-field-created {
    	font-size: 1.6rem;
    	line-height: 1.9rem;
	}

	.view-page-list .fact,
	.view-page-list .related,
	.view-page-list .rightblock,
	.view-news-archive .fact,
	.view-news-archive .related,
	.view-news-archive .rightblock {
		padding-left: 0px;
		padding-right: 0px;
	}

	.related .views-field-field-related-links a {
		display: block;
    	line-height: 2.5rem;
    	font-size: 1.8rem;
    	padding-right: 5px;
    	margin-bottom: 7px;
	}

	.related .views-field-field-related-links ul li {
		padding-right: 10px;
	}


	.view-calendar h2.pane-title {
		height: 52px;
	}

	.bean-webbshop h2.pane-title {
		height: 52px;
	}

	.bean-webbshop h2.pane-title a {
		top: -1px;
	}

	h2.pane-title {
		font-size: 2.2rem;
	}


	.view-calendar ul .views-field-title a {
		font-size: 1.8rem;
	}

	.bean-linklist ul li a {
		font-size: 2.0rem;
	}

	.bean-webbshop .panefooter a  {
		font-size: 1.8rem;

	}

	.bean-webbshop .carousel-indicators li {
		font-size: 2.0rem;
		height: 26px;
    	width: 26px;
    	margin-left: 11px;
    	border-radius: 13px;
	}

	.bean-webbshop .carousel-indicators {
		top: -38px;
		left: 35%;
	}

	.pane-news-grid-panel-pane-1 .col-sm-4 {
		width: 33.33%;
	}

	.bean-webbshop ol.carousel-indicators{
		display: block !important;
	}

	.modal-content {
		width: calc(100vw - 20px);
	}

	.modal img {
		width: 100% !important;
		max-height: unset;
	}

	.view-search .views-widget-sort-by.views-exposed-widget {
		padding-right: 0px;
	}

	.view-search .views-widget-filter-field_page_category,
	.view-search .views-widget-filter-field_type,
	.view-search .views-widget-sort-by {
	    width: 33.3%;
	}
	.view-search .views-submit-button .btn{
		font-size: 1.8rem;
		margin-top: 20px;
	}
	.view-search .views-submit-button {
		width: 100%;

	}

	.view-poddradio-archive .views-field-field-poddlink{
		max-width: 100%;
		width: 100%;
	}

	.views-field-field-poddlink.col-sm-9 {
		width: 100%;
		clear: both;
	}

	.view-poddradio-archive .views-field-field-puff-image {
		display: none;
	}

	.list-link.col-sm-9 {
		width: 100%;
	}
	/*
	.view-calendar-archive .col-sm-3.puffbild.views-fieldset {
		width: 200px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;

	}


	.view-calendar-archive .views-field-field-puff-image button.puffbild{
		float: initial;
	}


	.view-calendar-archive .views-field-field-puff-image button.puffbild img {
	    width: 200px;
	    height: 200px;
	    object-fit: cover;
	    margin-bottom: 20px;
	    max-height: none;
	    max-width: none;

	}

	.view-calendar-archive .views-field-field-puff-image button.puffbild img {
		margin-bottom: 10px;
	}
	*/

	.view-news-archive .views-row {
		padding-left: 15px;
		padding-right: 15px;
	}

	.view-news-archive .col-sm-9 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.view-calendar-archive .views-field-field-body.col-sm-12 {
		padding-right: 0px;
	}

	.view-calendar-archive .views-field-field-puff-image button.puffbild img,
	.view-news-archive .views-field-field-puff-image button.puffbild img {
		width: 200px !important;
	    height: 200px !important;
	    object-fit: cover;

	    max-height: none;
	    max-width: none;
	    margin-bottom: 0px;
	}

	.view-calendar-archive .col-sm-3.views-fieldset,
	.view-news-archive .col-sm-3.views-fieldset {
		width: 100%;
		text-align: center;
		padding: 0px 0px;
		margin: 20px 0px 0px 0px;
		background-color: #ddd;
		display: inline-block;
		line-height: 0px;
		min-height: 0px;
		font-size: 0px;
	}

	.view-calendar-archive .views-field-field-puff-image,
	.view-news-archive .views-field-field-puff-image {
		margin:0px 0px;
		display: inline-block;
		float: initial;
	}



	.view-calendar-archive button.puffbild,
	.view-news-archive button.puffbild{
		margin: 15px 0px;
	}
	.view-calendar-archive button.puffbild i.fa-plus-circle,
	.view-news-archive button.puffbild i.fa-plus-circle {
		position: relative;
		float: right;
		top: 3px;
		right: 16px;

	}

	.view-calendar-archive .views-field-field-puff-image button.puffbild img,
	.view-news-archive .views-field-field-puff-image button.puffbild img {
		position: relative;
		left: 9px;
	}

	.view-publikationer .col-sm-3.image  {
		width: 100%;
		text-align: center;
	}

	.view-publikationer button.puffbild {
		float: initial;
		margin-top: 0px;
	}

	.view-publikationer .col-sm-3.image .views-field-field-image {
		display: inline-block;
		width: 50%;
	}

	.view-publikationer button.puffbild i.fa-plus-circle {
		position: relative;
		float: right;
		top: 27px;
		right: 7px;
	}

	.bean-horizontal-block .col-sm-3 {
		padding: 0px 15px;
	}

	.bean-horizontal-block .field-type-image {
		margin-top: 20px;
		width: 100%;
		text-align: center;
		background-color: #eee;
		padding: 20px;

	}

	.bean-horizontal-block .field-type-image img {
		display: inline-block;
		width: 200px;
		height: 200px;
		min-width: initial;
		object-fit: cover;
	}

	.bean-vertical-block {
		margin-bottom: 20px;
    	border: 1px solid #ddd;
    	padding: 15px;
	}

 	.bean-vertical-block .content img,
 	a .bean-vertical-block .content img,
 	.bean-vertical-block .field-name-field-image img  {
 		object-fit: cover;
		height: 300px;
		height: auto;
	}

	.main-container.container-fluid {
		border-top: 1px solid #eee;
		padding-top: 10px;
		float: left;
	}

	.page-node .main-container.container-fluid {
		padding-top: 20px;
	}

	.main-container.container-fluid {
		border-top: none;
		padding: 20px 0px 20px 0px;
		float: left;
		margin-left: 15px !important;
		margin-right: 15px !important;
		float: left;

	}

	.front .main-container.container-fluid {
		border:none;
	}



	.col-sm-8, .col-sm-4, .col-sm-12{

		width: 100%;
	}



	.footer .col-sm-12  {
		    margin-top: 20px;
	}

	.form-search {
    	padding-top: 0px;
	}


	.footer {
		margin-top: 10px;
	}

	.footer .col-sm-3 p{
		font-size: 2.0rem;
	}
	.footer .region-footer-three {
		padding-left: 0px;
	}

	.footer .region-footer-three h2{
		padding-left: 0px;
	}

   	.right-images img, .node-right img {
	height: auto;
	}

	.node-page {
	padding-left: 0;
	padding-right: 0;
	}

	.node-right {
	padding-right: 0;
	padding-left: 0;
	}


	.view-news-archive .col-sm-5 {
	 	width: 100%;
	 	margin-top: 4px;
	}

	.view-news-archive .col-sm-7 {
	 	width: 100%;
	 	text-align: center;
	}


	.view-news-archive img {
		/*
	 	width: 50% !important;
	 	height: 50% !important;
	 	*/
	 	display: block;
	 	margin: 0 auto;
	 	margin-bottom: 20px;
	 }


	 #pagecarousel img	{

	 	width: 100% !important;
	 	height: 100% !important;
	 	display: block;
	 	margin: 0 auto;
	 	margin-bottom: 20px;
	 }

	.view-news-archive .views-field-field-page-carousel img {
		margin-bottom: 0px;
	}

	 .view-news-archive .views-row {
		height: auto;
	}

	.views-exposed-widget {
		width: 100%;
	}

	.view-calendar-archive .date {
	    width: 20%;
	}

	.view-calendar-archive .views-field-php {
	    right: 60px;
	}

	.view-calendar-archive .views-field-field-body {
		clear: both;
	}


	.view-news-archive .views-field-field-body, .view-news-archive .views-field-field-body-1, .view-news-archive .views-field-field-page-slideshow {
		width: 100%;
	}

	.node-page, .node-news, .node-calendar {
	border-right: none;
	}


}
@media screen and (max-width: 680px) {

	.pane-news-grid-panel-pane-1 .col-sm-4 {
		width: 100%;
	}

	.show-url input[type=text] {
		font-size: 1.5rem;
	}

}



@media screen and (max-width: 450px) {



    .view-calendar-archive .views-field-php {
    right: 20px;
	}
    .view-staff .views-column {
 	clear: both;
 	}
 	.staff-right {
    padding-left: 0px;
    padding-top: 6px;
    display: inline-block;
    width: 100%;
    }

    .view-staff .views-column {
    padding-right: 0px;
	}
	 .view-staff img {
 	float: none;
 	width: 100%;
 	}

 	.bean-horizontal-block .col-xs-12 {
 		padding-left: 0;
 		padding-right: 0;
 	}

 	.bean-horizontal-block .bean-body {
 		margin-bottom: 10px;
 	}

 	.bean-horizontal-block h2 {
 		margin-bottom: 10px;
 	}

 	.views-slideshow-cycle-main-frame {
	height: 150px;
	}
}


@media screen and (max-width: 420px) {
	.show-url-button {
		display: none !important;
	}

	.list-url {
		margin-bottom: 0px;
	}



	.view-news-archive .show-url {
		display: block !important;
	}

	.show-url input[type=text] {
		display: none;
		margin: 0px;
		padding: 0px;
	}

	button.copy-button {
		display: inherit;
		margin-top: 0px;
	}


}


@media screen and (max-width: 395px) {



	.bean-webbshop .carousel-indicators li.nr-3 {
		display: inline-block; !important;
	}

	.bean-webbshop .carousel-indicators li.nr-4,
	.bean-webbshop .carousel-indicators li.nr-5,
	.bean-webbshop .carousel-indicators li.nr-6,
	.bean-webbshop .carousel-indicators li.nr-7,
	.bean-webbshop .carousel-indicators li.nr-8,
	.bean-webbshop .carousel-indicators li.nr-9,
	.bean-webbshop .carousel-indicators li.nr-10,
	.bean-webbshop .carousel-indicators li.nr-11,
	.bean-webbshop .carousel-indicators li.nr-12,
	.bean-webbshop .carousel-indicators li.nr-13,
	.bean-webbshop .carousel-indicators li.nr-14 {
	display: none !important;
	}


}

@media screen and (max-width: 360px) {
	.bean-webbshop .carousel-indicators li.nr-3 {
	display: none !important;
	}

	.page-nyheter section.col-sm-8 {

		width: calc(100% - 0px);
	}
}

@media screen and (max-width: 320px) {
	.page-nyheter section.col-sm-8 {

		width: calc(100% - 10px);
	}

}


#anchor {
display: none;
	}


a.imce-filefield-opener {
	border: 1px solid #666;
}




/* LOGGED IN */




body.logged-in ul.nav-tabs {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 42px;

}






