div#program-list > ul#list-items
{
  margin: 0;
    position: relative;
    left: 50%;
    margin-right: -50%;width:101%;
-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
-moz-transform: translateX(-50%); /* Firefox */
-ms-transform: translateX(-50%); /* IE 9 */
 }


#program-list #list-items a
{
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#program-list #list-items a.hide-text
{
    padding-left: 0px;
    padding-right: 0px;
   }

#list-items a {
	color:black;
	line-height:1.5em;}

#list-items li  {


	margin: 0;
    position: relative;
	background-color:#ffffff;
    border: 1px solid;
	border-color:#c9c9c9;
    border-radius: 5px;
	overflow:hidden
  }




.header.item-image
 {
	height: 210px;
	position: relative;
	text-align: center;  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */


}

.event-name
{height: 52px;
	max-height: 27%;
	position: relative;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
background-color:white; padding-bottom: 60px;    border: 1px solid;
	border-color:#c9c9c9;
}

/* Långa texter fix */

.event-name  {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}







.eventauthor-tag {
	margin-left: 10px;
}

	
#program-list .program-list-item {
	color: #e3b500;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
	margin: .5%;
	margin-top: 10px;
	padding: 0;
}

@media screen and (min-width: 51.755em) {
.print .event-container {max-width:100%;}
	.entry-header-background {
		background-size: 100% auto;
	}
	
	
	
	#program-list .program-list-item .header .event-name {
		line-height: 10em;
	}
	#program-list .program-list-item.pointed .details {
	 	max-height: 10em;
	}

	.program-list-item .details p {
		line-height: 1.35em;
	}
}





































/* Dölj datumväljare i kartmeny  */
form .row.pb .col-md-3:nth-child(2) {
    display: none !important;
}


/* Fix för konstig bakgrundsstorlek vid kompakt översikt  */

body.custom-background.print { width:100% !important; background-size: 100%;  }

label {
  display: inline-block;
  margin: 0px !important;
}

.filter_control {
  display: inline-block;
  margin-top: -25px !important;
}

button#do-search
{
  position: relative;
  z-index: 999;
}


/**
 * 6.0 Forms
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background: #232323;
	border: 0;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
/*	font-family: Lato, sans-serif; */
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	padding: 11px 16px 9px;
	
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0074b8;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #0074b8;
	outline: 2px solid #d2d2d2;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}

input,
select,
textarea {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	max-width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background-color: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0;
	color: #5b5b5b;
	padding: 3px 6px;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #5b5b5b;
	color: #232323;
	outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 6px;
}




































/*
CSS for Kulturnatta plugin
*/




.content-area {
	margin: 0 auto;
	max-width: 1920px;
}
/* Ändra färg bakgrunden på kanterna till inforutan */
.entry-content
{}


/* centrera programlistan och mitt program inom max antal pixlar 
.program-list-item, */
.event-details,
div#program-list > ul#list-items
{
  margin: 0;
    position: relative;
    left: 50%;
    margin-right: -50%;width:101%;
-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
-moz-transform: translateX(-50%); /* Firefox */
-ms-transform: translateX(-50%); /* IE 9 */

  }

/***
*
*	TYPOGRAFIN
*
***/


.program-list-item .details ul,
#my-program-shortcut a {
	/* Inga font-family här 
	font-family: 'Rosewood Std Fill', serif;
	*/
	font-style: normal;
	font-weight: normal;
}
#program-list .program-list-item .event-name,
#search-form label input,
#filter-controls,
/*.entry-content,*/
.category-tag,
.event-details p,
#program-list .program-list-item .category-tag,
#program-list .program-list-item .header,
#program-list .program-list-item .details,
#program-list .program-list-item .details ul.links {
	/* Inga font-family här 
	font-family: 'Roboto','HelveticaNeueLT Com 45 Lt',sans-serif;
	*/
	font-weight: 400;

}
.category-tag,
#filter-controls {
	
	letter-spacing: .05em;
}
p.br_text,
.nav-menu,
.widget-title,
#filter-controls,
.site-branding,
.site-header .main-navigation a,
.site-header .main-navigation li {
	color: #000000;
	text-decoration: none;
}

.site-header .nav-menu a:hover,
.site-header .nav-menu a:focus,
.sidebar .main-navigation a,
.main-navigation .current-menu-item > a,
.page-template-page_event .menu-item-program > a {
	color: #009cf6;
}
.main-navigation .current-menu-item > a,
.page-template-page_event .menu-item-program > a {
	border-bottom: 1px solid #009cf6;
}

.event-details h1 a:link,
.details p.p-intro a:link,
.event-details h1  a:hover,
.details p.p-intro a:hover,
.event-details h1  a:visited,
.details p.p-intro a:visited,
.event-details h1  a:active,
.details p.p-intro a:active {
	color: #fff;
}
#program-list .program-list-item .details ul.links,
#program-list .program-list-item .event-name {
	font-size: 1em;
	font-weight: 800;
	text-transform: none;
/*	letter-spacing: .025em; */
}
section h1 {
	font-size: 1.5em !important;
	margin: 0 0 .5em 0;
}

#share-box,
.form-container #filter-form-category,
#program-list .program-list-item .category-tag {
	font-size: .80em;padding-top:10px;
}


.form-container #filter-form-day,
section p,
.program-list-item.event-details .details li,
#program-list .program-list-item .details p,
.main-navigation ul {
	font-size: 1em;
}

#program-list .program-list-item .icons,
#program-list .program-list-item .add-to-collection,
.program-list-item .details li {
	font-size: .75em;
}
#item-count span {
	font-size: 1.5em;
}
#program-list .program-list-item .details p.p-intro {
	font-size: 1.25em;
	font-weight: bolder;
	margin: .25em  auto .15em;
}

.site-info {
	text-align: center;
}
.site-info a {
	color: #539eca;
}

/***
*
*	MARIGINALER OCH SÅNT DÄRA
*
***/

#sidebar,
body.custom-background.home,
body.custom-background.page-id-4 {
	
}

.single .hentry {
	padding: 0;
}
.details p {
	line-height: 1.45em;
}
#program-list {
	margin: 0;
	width: 100%;
	padding-bottom: 7em;
}
#content .entry-content,
.entry-content-footer {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}



/***
*
*	FÄRGER OCH LINJER KANSKE
*
***/


/* Tar bort Aria-focusline som blir för menyn i mobil */
.main-navigation:focus
{ outline: none;
  
}


#program-list {

	float: left;
}
.entry-header-background {
	max-width: 1088px;
	background-attachment: fixed;
	background-position: center center;
	margin: 0 !important;
	
}
.dropdown-toggle::before,
.sidebar-toggle::before {
	color: #000000;
}

.sidebar-toggle:hover:before,
.sidebar-toggle:focus:before {
	color: #009cf6;
}
.sidebar-toggle:focus {
	outline: 2px solid #d2d2d2;
	border-color: rgba(0, 0, 0, 0.1);
}
.sidebar-toggle.toggled-on:hover:before,
.sidebar-toggle.toggled-on:focus:before {
	color: #d2d2d2;
}

.scroll-indicator-wrapper {
	margin-bottom: 15%;
}
.entry-title {
	margin-top: 1em;
	color: #ffffff;
}
#content div.entry-content {
	margin-top: -10px;
/* Gjorde så att man inte kunde anpassa textfärg i anpassa utseende
color: #fff; */	
}

/* Ändra färg bakgrunden samt text på inforutan */
.event-container>section {
	
	width: 100%;
color:#ffffff;
/*	
	padding: 4em 7.5%;
	margin: .75em auto;
*/
}

/* Ändra färg bakgrunden samt text rutorna mitt program */
.event-details.program-list-item{
/*
	background-color: rgba(44,96,156,.8);
	border: 1px solid white;
    border-radius: 1em;
*/	
	width: 100%;
	color:#fff;
}


#primary {

	margin-bottom: 12em;
}
.site-main {
	border: 0;
}

/* Ändra färg bakgrunden rubrik */
article.hentry.page {
	background-color: rgba(0,0,0,.5);color: #000000;
	padding-bottom: 0;

	margin-top: .75em;
}


.single .entry-header-inner {
	padding-left: 20px;text-align: left;
}

h1.entry-title {


 
 text-shadow: 4px 4px 9px #000000;

}



.page-template-page_program article.hentry.page {
	
}

/***
*
*	GÖM
*
***/
/*header.entry-header h1,
.home .site-title,
.entry-header-background h1 */
footer.entry-footer {
	display: none;
}

#search-form.nojs:hover .form-container {
	display: block;
}

.visually-hidden {
	position:absolute;
	width:1px;
	height:1px;
	clip:rect(1px, 1px, 1px, 1px);
	padding:0;
	border:0;
}

/***
*
*	FILTERMENY
*
***/


.menu-container {background-color: #fff;
	position: relative !important;
margin: 0;
	
	top: 0;
left: 50%;
    margin-right: -50%;
-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
-moz-transform: translateX(-50%); /* Firefox */
-ms-transform: translateX(-50%); /* IE 9 */
	z-index: 190;

}




.fixed-menu {
	position: fixed !important;
margin: 0;
	background-color:#fff;
	top: 0;
left: 50%;
    margin-right: -50%;
-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
-moz-transform: translateX(-50%); /* Firefox */
-ms-transform: translateX(-50%); /* IE 9 */
	z-index: 190;

}

.menu-container {
	text-align: left;
	height: 2.75em;
}
#search-form div.icons,
.menu-container li.icons {
	width: 2.5em;
	height: 2.5em;
}
#my-program-shortcut,
#filter,
#search-form .icon-find {
	vertical-align: top;
}
#my-program-shortcut {
	position: relative;
}
#my-program-shortcut div {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;

}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#my-program-shortcut div.count {
font-weight:600;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	text-indent: 0;
	font-size: 1.0em;
	letter-spacing: -.025em
}

.count {color:#000000;}


#search-form {
	float: right;
	width: 33%;
	min-width:150px;
	text-align: right;
	position: relative;
}
#search-form label input {
 	-webkit-transition: max-width .2s ease;
    -moz-transition: max-width .2s ease;
    -o-transition: max-width .2s ease;
    transition: max-width .2s ease;
	border: 0;
	/*max-width: 0;*/
	height: 100%;
	background: rgba(204,227,241,.25);
	color: #000000;
	padding: .15em 0;
}
#search-form button[type=submit] {
	padding: 11px 16px 9px;
}
#filter-form-search input[type=search] {
	margin-left: .25em;
	position: absolute;
	right: 0;
	z-index: 99;
}
#search-form label.active-filter input,
#search-form label:hover input,
#search-form label input:focus {
	display: inline-block;
	max-width: 100%;
	padding: .15em .25em .15em 1.75em;
}
#search-form .form-container {
	line-height: 1em;
}
#exit_search {
	position: absolute;
	left: 0;
	z-index: 100;
	display: inline-block;
	padding: .25em;
	font-size: 1.5em;
}
#exit_search a:link,
#exit_search a:hover,
#exit_search a:visited,
#exit_search a:active {
	background: 0;
	color: #000000;
}

#filter-form-search {
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
}
#filter-controls {
background-color: #fecb39;
	float: left;
	width: 100%;
	line-height: 3em;
	text-align: center;
}



#filter-form { background-color: #fff;
	text-align: center;
}


#filter-controls h2 {
	display: inline-block;
	line-height: 1em;
	margin: 0;
	padding: 0;
	vertical-align: super;
}
#filter-controls h2 a:link,
#filter-controls h2 a:hover,
#filter-controls h2 a:active,
#filter-controls h2 a:visited {
	color: #000000;
}


#filter-form label {
	display: inline-block;
	line-height: 1.75em;
	padding: .25em .5em .05em 1.25em;
	margin: .125em .5em;
}
#filter-form .active-filter,
#filter-form label:hover {
	/* background: rgba(255,255,255,.25);*/
	border-bottom: 1px solid;
}
#filter-form .active-filter:before {
	content: '\2713';
	width: 1em;
	display: block;
	float: left;
	margin-left: -1em;
}
#filter-form .form-container {
	width: 100%;
	overflow: auto;
	text-align: center;


}
#filter-form fieldset {
	text-align: center;
	border: 0;
}
#filter-form #filter-form-day {
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: 800;
}
#filter-form #filter-form-category {
	padding: .75em 0;
	margin: .15em 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #ffffff;
}


/***
*
*	HEADER
*
***/



body.home .entry-header,
body.page-id-4 .entry-header {
	position: relative;
	overflow: hidden;

	margin-bottom: 2px;
}
body.home .entry-header-inner,
body.page-id-4 .entry-header-inner {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	max-width: 1920px;
	min-height: 400px;
	height: 100%;
	max-height: 540px;
	background: url('assets/headerwebb2.png') center center/auto 100% no-repeat;

}

#program-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#program-list .program-list-item {
	color: #e3b500;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	float:left;
	position: relative;

}

.program-list-item a:link,
.program-list-item a:hover,
.program-list-item a:active,
.program-list-item a:visited {
		text-decoration: none;
		border: none;
		box-shadow: none;
		background: 0;
		color: #000000;
		outline: none;
}

.program-list-item a:focus,
.program-list-item a:active{
	outline: 2px solid #d2d2d2;
}

.program-list-item a:hover span,
.program-list-item a:focus span,
.program-list-item a:active span {
	background-color: rgba(0,0,0,.8);
}
.ajax-details a:link,
.program-list-item a:hover,
.program-list-item a:focus,
.program-list-item .details a:link,
.program-list-item .details a:hover,
.program-list-item .details a:focus {
	text-decoration: underline;
}

/***
*
*	AKTIVERA-ANIMATION
*
***/

#program-list .program-list-item .details,
#program-list .program-list-item .header {
 	-webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
}

#program-list .program-list-item .header .event-name a {

 	-webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

#program-list .program-list-item.pointed .header {
	width: 100%;
	z-index: 120;
}

#program-list .program-list-item .header .event-name {
	line-height: 7.5em;
	overflow: hidden;
}

#program-list .program-list-item.pointed .details {
 	width: 100%;
	display: block;
	max-height: 80em;
	overflow: auto;
	z-index: 120;
}

#program-list .program-list-item .details {
	background: #000000;
	box-sizing: border-box;
	display: block;
	max-height: 0;
	color: #fff;
	z-index: 99;
}

.program-list-item .details ul,
.program-list-item .details p {
	padding: .5em .75em;
}

#program-list .program-list-item .item-image {
	background-color: #000000;
	background-position: center 10%;
	background-repeat: no-repeat;
	background-size: cover;
}



/* LÄNKAR / TITEL */
.event-name a{
	overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

#program-list ul .program-list-item .header {
/* 	height: 100%; */
	position: relative;
	text-align: center;
}

#program-list ul .program-list-item .header .event-name a {
	display: block;
	box-sizing: border-box;
	max-height: 280px;
	height: 100%;
	width: 100%;
	margin: 0;
	color: #ffffff;
	background-color: rgba(0,0,0,.3);
	overflow: hidden;
}

/* Tar bort hover på bild i programlistan
#program-list .program-list-item:hover .header .event-name a {
	background-color: rgba(0,0,0,.1);color: #fecb39;
}*/


#program-list .program-list-item:hover .header .event-name a {
	background-color: rgba(0,0,0,.1); background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.3),rgba(0,0,0,0),rgba(0,0,0,0));
}

#program-list .program-list-item.pointed .header .category-tag {
	display: none;

}
#program-list .program-list-item.pointed .header .event-name a {
	overflow: hidden;
	text-indent: 110%;
	white-space: nowrap;
	background-color: transparent;
}
#program-list .program-list-item.pointed .header .event-name a:hover:after,
#program-list .program-list-item.pointed .header .event-name a:focus:after {
	content: 'Stäng';
	text-transform: none;
	cursor: pointer;
	color: #fff !important;
	background: rgba(0,0,0,.65);
	text-indent: 0;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#program-list ul .program-list-item .header .event-name a span {

	display: inline-block;
	box-sizing: border-box;
	width: 98%;
	padding: .5em;
	overflow: hidden;
	vertical-align: middle;
	line-height: 1.25em;
}
#program-list ul .program-list-item .header .event-name a:focus span {
	outline: 2px solid #d2d2d2;
}


.icons,
.details li,
#program-list ul .program-list-item .header .event-name a span {
	word-break: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}


/***
*
*	kategori-taggar
*
***/

div#program-list ul .program-list-item .category-tag {
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	text-align: center;
	color: #ffffff;
	overflow-wrap: break-word;
}
div#program-list ul .program-list-item .category-tag span {
	padding: .4em .85em .3em;background-color: rgba(98,98,245,.85);
	white-space: nowrap;
}

#program-list ul .program-list-item .category-tag span.film {
	background-color: rgba(251,183,0,.85) !important;
}
#program-list ul .program-list-item .category-tag span.for-barn {
	background-color: rgba(98,98,245,.85) !important;
}
#program-list ul .program-list-item .category-tag span.gora-sjalv {
	background-color: rgba(101,33,36,.85) !important;
}
#program-list ul .program-list-item .category-tag span.konst {
	background-color: rgba(156,196,56,.85) !important;
}
#program-list ul .program-list-item .category-tag span.litteratur {
	background-color: rgba(203,7,53,.85) !important;
}
#program-list ul .program-list-item .category-tag span.musik {
	background-color: rgba(255,129,0,.85) !important;
}
#program-list ul .program-list-item .category-tag span.dans {
	background-color: rgba(245,0,98,.85) !important;
}
#program-list ul .program-list-item .category-tag span.teater {
	background-color: rgba(192,201,0,.85) !important;
}

#program-list ul .program-list-item .category-tag span.utstallning {
	background-color: rgba(195,65,148,.85) !important;
}
#program-list ul .program-list-item .category-tag span.invigning {
	background-color: rgba(111,121,167,.85) !important;
}

#program-list ul .program-list-item .category-tag span.mat {
	background-color: rgba(70,177,221,.85) !important;
}
#program-list ul .program-list-item .category-tag span.visning {
	background-color: rgba(0,178,71,.85) !important;
}
#program-list ul .program-list-item.category-tag span.film  {
	background-color: rgba(251,183,0,.85) !important;
}
#program-list ul .program-list-item .category-tag span.loppis {
	background-color: rgba(75,93,42,.85) !important;
}
#program-list ul .program-list-item .category-tag span.gora {
	background-color: rgba(101,33,36,.85) !important;
}
#program-list ul .program-list-item .category-tag span.utomhus {
	background-color: rgba(57,85,102,.85) !important;
}
#program-list ul .program-list-item .category-tag span.performance {
	background-color: rgba(134,81,156,.85) !important;
}
#program-list ul .program-list-item .category-tag span.samtal {
	background-color: rgba(41,139,237,.85) !important;
}




#program-list ul .program-list-item.installt .category-tag span,
div.installt.category-tag {
	background-color: #b00;
	font-weight: 400;
}
#program-list ul .program-list-item.installt:not(.selected) .add-to-collection {
	display: none;
}
#program-list .program-list-item.pointed.installt .header .category-tag {
	display: block;
}

section.selected{
	margin-bottom:80px;
}

/***
*
*	EVENT
*
***/

section.event-details {
	position: relative;
	float: left;
	clear: both;
}
.event-details.program-list-item ul {
	background-color: transparent;
	padding-left: 0;
}
.event-details.program-list-item ul li,
.event-details.program-list-item ul li a {
	color: #ffffff;
}
.event-details .add-to-collection {
	position: absolute;
	top: 1em;
	right: .5em;
}
.event-details img {
	width: 100%;
	margin: 0 0 .25em 0;
	padding: 0;
}
.event-details header {
	padding: 0;
	margin: .5em 0 .25em;
}
.event-details .category-tag {
	display: inline-block;
	padding: .4em .85em .1em;
	color: #000000;
	margin: 0 0 1em .5em;
}

/**
 *	NetRelations Ändringar -> Tillgänglighets Fixar m.m
 *
 */
.comment-list .reply a:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.filter-program-form label input:focus + span,
.pagination .prev:focus,
.pagination .next:focus {
	outline: 2px solid #fecb39;
}


/***
*
*	IKONER OCH DETALJER
*
***/

.details {
	overflow: auto;
}

.program-list-item ul {
	color: #000000;
	background: #001;
	width: 100%;
	padding: .25em 0;
	margin: 0 0 .25em;
}
.program-list-item ul li {
	line-height: 1.85em;
	clear: both;
}
.program-list-item ul.links {
	color: #111;
	background: transparent;
}
.program-list-item ul.links li {
	line-height: 1.25em;
	margin-bottom: .75em;
}
.program-list-item ul.links a:link,
.program-list-item ul.links a:hover,
.program-list-item ul.links a:active,
.program-list-item ul.links a:visited {
	color: #111;
}


#program-list .program-list-item .add-to-collection {

	position: absolute;
	z-index: 110;
	bottom: 4px;
	color: #000000;
	right: 0;
	font-size: 1.1em;
}
#program-list .program-list-item .add-to-collection a:focus,
#program-list .program-list-item .add-to-collection a:active {
	outline: 2px solid #fecb39;
}
.site-title a,
.icon-star,
.icons {
	/*overflow: hidden;*/
	text-indent: 110%;
	white-space: nowrap;
	background: url('assets/symboler-grey.png') 100% top/auto 100% no-repeat;
	display: inline-block;
	width: 1.75em;
	height: 1.75em;
	text-decoration: none;
	padding: 0;
	margin: 0 .5em -.25em 0;
}







	/*lägg till padding på meny och meyknapp så de motsvarar site tiles padding*/
button#sidebar-toggle.sidebar-toggle
{	padding-top:5px;
}	
ul#menu-huvudmeny.nav-menu 
{	padding-top:10px;
}


.event-details .icon-star,
.event-details div.icons,

.program-list-item .details ul.links div.icons {
	background-image: url('assets/symboler-white.png');
}
.icon-star {
	background-position: 89.4% top;
}
.icons a {
	display: block;
	width: 100%;
	height: 100%;
	background: none;
}
#my-program-shortcut.icon-star,
.program-list-item .icon-star:hover,
.program-list-item.selected .icon-star,
.event-details.custom .add-to-collection {
	background-position: 78.175% top;
}
.icon-filter {
	background-position: 100.5% top;
	background-color: none
}

.icon-filter.active {
	background-color: rgba(255,255,255,.25);
}
.icon-time {
	background-position: 66.8% top;
	overflow: hidden;
}
.icon-address {
	background-position: 56.125% top;
	overflow: hidden;
}
.icon-share {
	background-position: 44.9% top;
}
.icon-fb {
	background-position: 33.675% top;
}
.icon-website {
	background-position: 22.45% top;
}
.icon-link {
	background-position: 11.225% top;
}
.icon-find {
	background-position: -.75% top;
}

.icon_calendar,.icon_clock,.icon_agelimit,.icon_internet{
	width:30px !important;
  }
  .icon_geopin{
	width:25px !important;
  }
  .program_short {
    background: #ffcd37!important;
    color: #000!important;
    padding: 40px!important;
    font-size: 16px!important;
}
.program_short a {
    color: #000!important;
}
  table.program_short_table td, table.program_short_table th {
	padding: 0px 0px 24px 0px;
	border-bottom:none;

  }
  .program_short_icon{
	min-width:40px  !important;
  }
#share-box {
	margin: 2em 0 0;
}
#share-box a,
#share-box button,
input.share-url {
	display: inline-block;
	padding: .5em .75em .3em;
	border: 1px solid #005799;
	color: #ffffff;
	background: #005799;
	text-transform: none;
	font-weight: normal;
	font-size: inherit;
	line-height: inherit;
	border-radius: .25rem;
	width: 100%;
	text-align: center;
	text-decoration:none;
}
#share-box a:hover,
#share-box button:hover,
#share-box a:visited,
/* #share-box a:visited, */
#share-box a:active,
#share-box button	:active{
	color: #ffffff;
	background: #1c73d4;
}
#share-box a:hover {
	
}

#share-box ul {
	padding-left: 0;margin:0px;
} 
/*
#share-box ul {
	padding-left: 7%;
} 
*/
#share-box li {
	display: inline-block;
	min-width: 15%;
	margin: 0 1em 1em 0;
	position: relative;
}
.share-url-label {
	border: 1px solid #e3b500;
    padding: 0.65em;
	font-weight: bold;
}
input.share-url {
    display: inline-block;
    text-align: left;
	width: 24.5%;
}
/*#share-button button:hover + .share-url,
#share-button:focus + .share-url,
#share-button .share-url:focus {
	display: block;
}*/

/***
*
* PRINT-PREVIEW
*
***/

.print_table{
	display: none;
}

.print .print_table{
	display: block;
}

.print .print_table_first{
	width: 100px;
}

table.print_table td, table.print_table th {
    padding: 0px;
    border-bottom: none;
}


.print .program-list-item .icon-star,
.print li.share
.print .add-to-collection,
.print .program-list-item img,
.print p.ajax-description,
.print li.website,
.print div.icons,
.print .details
{
	display: none !important;
	height: 0 !important;
	max-height: 0;
}
.print .event-details header {
	padding: 0;
	margin: 0;
}
.print .program-list-item h1,
.print .program-list-item .details li,
.print .program-list-item .details a,
.print .program-list-item p {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	/* Inga font-family här 
	font-family: 'Roboto', sans-serif;
	*/
	font-weight: 300;
	line-height: 1.5em;
}

.print .program-list-item h1,
.print .program-list-item .details li,
.print .program-list-item p {
	font-size: 1.2em;
}


.print section.event-details {
	float: none;
	clear: none;
	padding: 1em;
/*	border-bottom: .25em solid #ccc; */
	font-size: 70%;
	background-color: rgba(44,96,156,.8);
}


.print .event-container>.program-list-item .KPcol-1,
.print .event-container>.program-list-item .KPcol-2 {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	overflow: hidden;
}

.print .program-list-item .details ul li,
.print .program-list-item .details p {
	margin: 0 !important;
	padding: 0 !important;
}

.print .program-list-item h1 {
	font-size: 1.5em;
	font-weight: 400;

}

.print .program-list-item ul {
	list-style: none;
}

.print .event-container {
	max-width:100%;
position: relative !important;
margin: 0;
top: 0;
left: 50%;
margin-right: -50%;
-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
-moz-transform: translateX(-50%); /* Firefox */
-ms-transform: translateX(-50%); /* IE 9 */

	background: transparent;
	padding: 2em .5em;
/*	-webkit-column-count: 3;
	   -moz-column-count: 3;
	        column-count: 3;

	-webkit-column-width: 5em;
	   -moz-column-width: 5em;
	        column-width: 5em;

	-webkit-column-gap: .5em;
	   -moz-column-gap: .5em;
	        column-gap: .5em;
*/
}


/***
*
*	Resonar - parent theme breakpoints
*
***/


@media screen and (min-width: 29.375em) {

        

.print .event-container {max-width:100%;}
	#program-list .program-list-item .header .event-name {
		line-height: 10em;
	}
	
	.single .entry-header-inner {
	padding-left: 40px;text-align: left;
}

div#program-list ul .program-list-item .category-tag {
	position: absolute;
	top: 70%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 102;
	color: #ffffff;
	font-size:10px;
}

}



@media screen and (min-width: 37.5625em) {
#program-list .program-list-item .add-to-collection {
	
	bottom: 15px;
}

.print .event-container {max-width:100%;}
	#program-list .program-list-item {
		width: 49%;
		position: relative;
		max-height: 20em;
		height: 20em;
		min-height: 12em;
	}

	#program-list .program-list-item .header .event-name {
		line-height: 12em;
	}

	#program-list .program-list-item.pointed {
		z-index: 140;
	}
	#program-list .program-list-item.pointed .header {
		box-shadow: .5em 0 0 #fff,
					-.5em 0 0 #fff,
					.5em -.5em 0 #fff,
					-.5em -.5em 0 #000000;
	}

	#program-list .program-list-item.pointed .details {
		max-height: 10em;
	 	box-shadow: .5em 0 0 #fff,
					-.5em 0 0 #fff,
					.5em .5em 0 #fff,
					-.5em .5em 0 #000000;
	}
	#program-list .program-list-item.pointed .details,
	#program-list .program-list-item.pointed .header {
 	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
	.KPcol-1,
	.KPcol-2 {
		width: 47.5%;
		float: left;
		margin: 0 2.5% 0 0;
		padding: 0;
	}
	.KPcol-1 {
		clear: left;
	}
	.KPcol-2 {
		margin: 0 0 0 2.5%;
		float: right;
		clear: right;
	}

	.print .event-container {
		padding: 2em .75em;
		/*
		-webkit-column-count: 4;
		   -moz-column-count: 4;
		        column-count: 4;

		-webkit-column-width: auto;
		   -moz-column-width: auto;
		        column-width: auto;

		-webkit-column-gap: .5em;
		   -moz-column-gap: .5em;
		        column-gap: .5em;
*/
	}

	#program-list .details:hover:after {
		content: '\25BC';
		color: #e3b500;
		background: rgba(255,255,255,.65);
		text-align: center;
		font-size: .75em;
		line-height: 1.25em;
		display: block;
		position: absolute;
		bottom: -50%;
		width: 100%;
	}
	#program-list .details.react:after {
		content: "";
		background: transparent;
	}
}
@media screen and (min-width: 43.75em) {
}
@media screen and (min-width: 51.755em) {
.print .event-container {max-width:100%;}
	.entry-header-background {
		background-size: 100% auto;
	}
	#program-list .program-list-item {
		width: 49%;
		max-height: 20em;
		height: 20em;
		min-height: 10em;
	}
	#program-list .program-list-item .header .event-name {
		line-height: 10em;
	}
	#program-list .program-list-item.pointed .details {
	 	max-height: 10em;
	}

	.program-list-item .details p {
		line-height: 1.35em;
	}
}
@media screen and (min-width: 57.8125em) {.menu-container.fixed-menu {
	position: fixed !important;
width:1370px !important;max-width:68.3%;

}

}
@media screen and (min-width: 68em) {
/*	
ul#list-items {
    max-width: 1160px;
}
*/


.print .event-container {max-width:100%;}
	.print .event-container {
		background: transparent;
/*		padding: 4em 7.5%;
		-webkit-column-count: 6;
		   -moz-column-count: 6;
		        column-count: 6;

		-webkit-column-width: 10em;
		   -moz-column-width: 10em;
		        column-width: 10em;

		-webkit-column-gap: 1em;
		   -moz-column-gap: 1em;
		        column-gap: 1em;
*/
	}
	#program-list .program-list-item {
		width: 32%;
		max-height: 20em;
		height: 20em;
		min-height: 18em;
	}
	#program-list .program-list-item .header .event-name {
		line-height: 18em;
	}
	#program-list .program-list-item.pointed .details {
	 	max-height: 18em;
	}
}
@media screen and (min-width: 76em) {
	
/* Fix Share buttons alignment */

div.entry-content > div#share-box > ul
{
position: relative;
margin-left:0px;
padding-left:0px;
}


#share-box
{ 
max-width:788px; 
margin: 0px;
position: relative;


}
	

}


@media screen and (min-width: 120em) {
header.entry-header > div.entry-header-inner > h1.entry-title
{padding-left: 120px;}
header.entry-header > div.entry-header-inner
  {margin-left:-20px;}
article#post-6.post-6.page.type-page.status-publish.hentry > header.entry-header > div.entry-header-inner > h1.entry-title  
      {padding-left: 400px;}  
}



/* Print Styles */

@media print {
	
	
	 * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } 
 
	
#content, #page {color:black;
width: 100%; 
margin: 0; 
float: none;
}

#site-footer,
.footer {display: none;}

.print .event-container {
	max-width:100%;
	width:100%;}
	
.header{display:none;}
#share-box {display:none;}	
	
body {
       display: table;
       table-layout: fixed;
       padding-top: 2.5cm;
       padding-bottom: 2.5cm;
       height: auto;
	   background:white; 
	   background-image:none; 
	   color:black;
   }	
	

#program-list .program-list-item { color: #000000;}
.print .program-list-item h1,
.print .program-list-item .details li,
.print .program-list-item .details a,
.print .program-list-item p {
	color: #000000;
}
#bgvid{display: none;}

video { 
    display: none;
}

#content-area,
.content-area{
background-image:none;}


.event-details.program-list-item
{border: 0px solid white;
    border-radius: 0em;
	width: 100% !important;}
	
.KPcol-1,
.KPcol-2 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	overflow: hidden !important;
}

.row {
  display: block !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.col {
 display: block !important;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

section.event-details {
	position: relative !important;
	float: none !important;
	clear: both !important;
}

.custom-background.wp-custom-logo.nv-sidebar-right.menu_sidebar_slide_left.not-touch-screen.print {width:100% !important;}
	
.nv-single-page-wrap.col
{
	width: 100% !important;}

}


.gm-style-iw-d{
	color:#fff !important;
}