/*
Theme Name: Kulturpunkten 
Version: 1.0 november 2019
Author: Weightpoint AB, Johan Johansson - Kulturförvaltningen
Author URI: na
Description: Omgjort tema baserat på Weighpoints "Kulturpunkten". Ändringar gjorda utefter Visuell kommunikations designförslag.

Requires php5-intl module

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');


focus,
a:focus {color:#cce3f1!important;
 border: 1px dotted #cce3f1;
}


@media only screen and (max-width: 516px;) {
.bonk-content .category-filter{
	
padding-right: 5vw!important;
	
}
}



.footer a:hover {color:#ffffff!important; text-decoration: underline!important;}


.button.black.see-all:hover {
    color: #000000;
    background-color: #d7d7d7;
}



/* Fix för sökresultaten */
.search-results ul.categories {
    max-height: 50px; max-width:400px;
}
.search-results tr {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0px!important;overflow:hidden;
}

.search-results td {
   max-width:100%; overflow:hidden;
}

.search-results .categories a{color:#ffffff;}












.footer p,
.footer a{word-spacing: 0px; letter-spacing: 0px;}

.info-popup-button {
    margin-right: 10px;}


/* Dölj kategori i bilderna i ipadläge och mindre */
ul.categories.only-pad-mobile li.cat-item {display: none!important;}

/* Färg på länkar i biljettinfo */
a#all-events-scroll,
a#all-events-scroll:hover,
a.organizer, 
a.organizer:hover 
{
    color: black;
}

/* Inga list-prickar arrangörer */
li.categorized-item {
    list-style: none;
}
	
	
.mobile-title h1 {line-height: 22px;}

h3 .strip a,
h3 .list-title a,
h3 span {font-size: 16px; line-height:21px;font-weight:900;}

/* Style for anslagstavlan och evenemang links */
.categorized-item h3 a,
.no-touchevents table tr h3 .strip{
	background-color:transparent;  text-decoration: underline;text-decoration-thickness: 1px;cursor: pointer;
}

.categorized-item h3 a:hover,
.no-touchevents table tr:hover h3 .strip{
	background-color:transparent; color:#004172; text-decoration: none;cursor: pointer;
}

input#search-site {color: white;}

.bonk-content .category-filter a .arrow:hover,
.bonk-content .category-filter a .arrow:active{	
	background: #333333 url(img/arrow-down-white.png) no-repeat center center;
}


/* Nej detta blev inte bra. Tar bort  
.bonk-content .category-filter:hover a .arrow{	
	background: #333333 url(img/arrow-down-white.png) no-repeat center center;
}
.bonk-content .category-filter:hover{background-color: #333333;}
.bonk-content .category-filter a:hover{color: white;}
.bonk-content .category-filter:hover a{color: white;}

*/



/* Fixa så att textrutorna bryter texten på Anslagstavlan */
.info-popup-area{white-space:normal;}




.footer-menu a {font-size:19px;}

.footer-gbg .center-container {
	padding: 0 0px ;
}


/* Styling av kategoriväljare */
.category-filter-container {
	border-color: #333333;
border-style: solid;
  border-width: 1px;
}


.input.category-filter{
/*  width: 30vw; */
max-width:210px;}

.category-filter-container {
	border: solid 1px #333333;
}

input#search-date {
    min-width: 145px;margin-left:15px;
}


#homepage-category-filter-button {	width: 35vw;
	max-width:210px;
}

@media only screen and (max-width: 500px) {
#homepage-category-filter-button {max-width:145px!important;}
.bonk-content .date {
	position: absolute!important;
    right: 0px!important;
    top: 0px!important;
}



input#search-date {
    margin-left:0px;
}
}	


@media only screen and (max-width: 350px) {
#homepage-category-filter-button {max-width:100px!important;}
.bonk-content .category-filter a .arrow{ background: none!important;
}
.bonk-content .date input[type=submit]{display: none!important;}

input#search-date { max-width: 100px!important; min-width: 100px!important;}

}	



.bonk-content .category-filter{
	
/* 	padding-right: 20px; */
	padding-left: 20px;
	border-radius: 0px;border: solid 1px #333333;
	
	
	
/* 	border-radius: 5px; */
	color: #222;
	background-color: white;	
}




@media only screen and (min-width: 100px) and (max-width: 664px) {
/*
.bonk-content .category-filter a .arrow {
	left: 25vw!important;
}*/
}


.bonk-content .category-filter a .arrow{
	background-size: 17px 10px;
	position: absolute;
	right: 0; 
/*  left: 165px; */
	top: 0;
	width:35px;
	height:35px;
	background: transparent url(img/arrow-down-black.png) no-repeat center center;
	border-radius: 0px; 
}







/* Få ner subheader på eventsidan så att välj kategori kan bli som en knapp */
.post-type-archive-event .subheader {
	padding:15px 0px; 
	border:0px;
}



/* Dela footermeny i 2 kolumner*/

@media only screen and (min-width: 669px) {
.footer .column
{
	width: 23%;
}


.footer .column:nth-child(2)
{
	width: 45%;
}

.footer-menu ul { height:140px;width:100%;
list-style: none; 
margin: 0; 
padding: 0; 
display: flex; flex-wrap: wrap;flex-direction: column;align-self:flex-start;
}


.footer-menu li {
flex: 0; 
}
.footer-menu li:nth-child(odd) {
    margin-right: calc(10% - 90px);
}

}







.header.top .search input::placeholder {padding-left:100px;color:white;}

.header.top .search input::-moz-placeholder {padding-left:100px; opacity: 0;color:white;}
.header.top .search input:-moz-placeholder {padding-left:100px;  opacity: 0;color:white;}
.header.top .search input::-webkit-input-placeholder{padding-left:100px;color:white;}


.header.top .search input:focus::placeholder {padding-left:0px;color:gray;}

.header.top .search input:focus::-moz-placeholder {padding-left:0px; opacity: 1;color:gray;}
.header.top .search input:focus:-moz-placeholder {padding-left:0px;  opacity: 1;color:gray;}
.header.top .search input:focus::-webkit-input-placeholder{padding-left:0px;color:gray;}


.footer .textwidget,
.footer #menu-sidfotsmeny  {
	color: #fff;
}


.back-to-home:hover{opacity: 0.9;}


.page-template-default .back-to-home {display:none;}
@media only screen and (min-width: 1300px) {
.page-template-default .back-to-home {display:block;top: 0px;z-index:99}
}



.header-mobile{z-index:100!important;}

.page .header-mobile .logo h1 {
	text-align: center;
	margin-bottom: 15px;
}

.header.image > div,
.cover-image {
	background-image: url(img/header/biljett_desktop.png)!important;
}



.cover-image {height:10px!important;margin:0px!important;}  



.mobile-title{text-decoration: none;}
.mobile-title:hover {text-decoration: underline;}
.menuicon {
	z-index:10!important;
}

.bonk-content .category-filter{
	margin-left:0px!important;
}

.footer-gbg
{height:170px;background-color: #ebebeb!important;}

.gbg-logo-text 
{clear: both!important;}

p.gbg-logo-text 
{font-size:12px; line-height:14.4px;padding-top:7px;
 clear: both;
}
.gbg-logo-image { 
	padding-top:47px!important; 
	padding-bottom:0px!important; 
	clear: both!important;}


img.gbg-logo-image {
    width: 141px;
	height:47px;
}

.event-splashes{padding-left: 10px;}


/* Kommer inte ihåg vad denna skulle fixa men margin 0 ställde till det med evenemangsvyn som thumbnail
.categorized-item
{ border-bottom: 1px solid black;margin:0px!important;}
 */
 
 .categorized-item
{ border-bottom: 1px solid #cccccc; margin-bottom:0px!important;}

.mobile-title h1  {
	
	color:white!important; text-align: center;
	font-size: 22px;
	margin:20px;
}
.header-mobile .logo { margin: auto;
  width: 100%;
  position: absolute;
	top: -1px;
	
 }






/* Skala inte header-bild större än den är ursprungligen */

@media only screen and (min-width: 100px) and (max-width: 664px) {

.clearfix {	}	
	
body.header-image-showing {
	padding-top: 0px!important;
}

/* Bildhöjd 215 i mobilläge */
.event-splashes .image {	
	height:215px!important;
}


}


@media only screen and (min-width: 665px) and (max-width: 1919px) {

.clearfix {	}	
	
body.header-image-showing {
	padding-top: 23vw!important;
}

}

@media only screen and (min-width: 1920px) {

.clearfix {	}	
	
body.header-image-showing {
	padding-top: 400px!important;
}

	
	.header.image > div,
.cover-image {
background-size: 1920px 344px!important;
}
}



@media screen and (max-width: 666px) {
.page-summary {background-color: transparent!important;
/* Vet ej varför denna var här. Men gjorde så att arrangörsbild försvann 
		background-image: none !important;*/
	}
	
	
/* Det var för att det kom bakgrundsbild bakom biljettinfo på eventinfosidan.  */
.single-event .page-summary	{background-color: transparent!important;

		background-image: none !important;
	}

.back-to-home {display:none;}	
	
.home .header.image > div,
.home.cover-image,
.post-type-archive-event .header.image > div,
.tax-event-category .header.image > div,
.single-event.cover-image,
.single-organizer.cover-image,

.post-type-archive-tiny-event .header.image > div 
 {
	background-image: url(img/header/biljett_mobile.png)!important;
	background-position: bottom center!important;
	background-color: #c3bead;
}	

/* Dölj H1 i mobilläge */	
.center-container h1:first-of-type {display:none;}	
	
}

.ticket-info{ border: 1px solid black;}



.column.splash.categorized-item {  margin-left: 5px; /*  margin-left: 0px; */
margin-top: 10px; margin-bottom: 10px; 
  border: 1px solid #cccccc;
  padding: 0px;}

@media screen and (max-width: 665px) {
.event-splashes .column {width:100vw;}}



@media screen and (max-width: 987px) {
	.header .outer-margin-container {padding-left:120px;}}
/* 
@media screen and (max-width: 1019px) {
.event-splashes .column {width:29vw;}
}
@media screen and (max-width: 800px) {
.event-splashes .column {width:100vw;}
}
*/

.back-to-home {position: absolute; z-index: 2;top: 60px;
  width: 100%;
  height: auto;margin-left:1.5vw;
  /* Max 10% av viewport */
  max-width: 10vw;}


.header ul { }

.mobile-title{color:red;text-align: center;width:100%;z-index:1;}

.header.top {
	background-color: white;max-height:60px; z-index: 2;
}

.header.top a {	color: black;}

.bonk-content .input {
	display: inline-block;
	margin: 10px 0px 0px 10px; 
}

.bonk-content .input input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	height: 35px;
	vertical-align: top;
}

.bonk-content .input input[type=text],
.bonk-content .input input[type=search] {
	-webkit-appearance: none;
	display: inline-block;
	padding-left: 20px;
	border-radius: 0px;

}
.bonk-content .input input[type=submit] {
	display: inline-block;
	width: 35px;

	background: transparent no-repeat center center;
	border-radius: 0px;
}

.bonk-search-row{
	display: flex;
	justify-content: left;
	align-items: center;
}

.no-touchevents .bonk-content .input:hover input[type=submit],
.no-touchevents .bonk-content input:focus + input[type=submit] {
	background: #333333 url(img/arrow-down-white.png) no-repeat center center;
}

.no-touchevents .bonk-content input[type=submit]:focus {
	border: 1px #fff solid;
	background-color: #333333;
}

.bonk-content .search {
	padding-left: 54px;
	background: url(img/sok.png) no-repeat left center;
	background-size: 40px 23px;
	position: relative;
}



.bonk-content .search input[type=search] {
	width: 204px;
	padding-right: 45px;
}

.bonk-content .search input[type=submit] {
	background-image: url(img/magnifying-glass-black.png);
	background-size: 19px 20px;
	position: absolute;
	right: 0;
	top: 0;
}


.bonk-content .category-filter a{
	height:25px;
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left:0px;
	padding-left:0px;
/*	padding-right: 75px; */
	color: #333333;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	position: relative;
	font-weight:400;
}




.bonk-content .date {
	
	position: relative;
}
.bonk-content .date input[type=text] {
/*	width: 90px; */
	
	border: solid 1px #333333;
	width: 30vw;max-width:210px;
	
/*	padding-right: 45px; */
}


.bonk-content .date input[type=submit] {
	background-image: url(img/arrow-down-black.png);
/*		background-size: 17px 10px; */
	position: absolute;
	right: 0;
	top: 0;
}


/*	Combining several with , doesnt seem to work everywhere. Styled them separate */

.bonk-content .date input[type=text]::placeholder {color:#333333}

.bonk-content .date input[type=text]::-webkit-input-placeholder {color:#333333}

.bonk-content .date input[type=text]::-moz-placeholder {color:#333333; opacity: 1;}

.bonk-content .date input[type=text]:-ms-input-placeholder {color:#333333}

.bonk-content .date input[type=text]:-moz-placeholder {color:#333333; 
    opacity: 1;}







































/* Fonts */
html, 
button,
.button, 
input, 
select, 
textarea,
table h2 .subtitle,
table h3 .subtitle,
ul.organizers h3 .subtitle,
ul.organizers h2 .subtitle,
ul.event-dates h2 .subtitle,
ul.event-dates h3 .subtitle {
	font-family: 'Open Sans', sans-serif;
}

h1 .subtitle,
h2 .subtitle,
h3 .subtitle {
	font-family: 'Open Sans', sans-serif;
}

/* Text sizes */

h1 {
	font-size: 45px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 23px;
}

h4 {
	font-size: 17px;
}

p {	font-size: 15px;
}



.picker__month, 
.picker__year {
	font-size: 28px;
}

.lead-paragraph {
	font-size: 26px;
}

h1 .subtitle {
	font-size: 24px;
}

.picker__day,
.right-box h3,
body {
	font-size: 18px;
}


table,
ul.event-dates,
.header-content input{
	font-size: 16px;
}


.categories,
h3 .subtitle,
.header.top a,
.subheader,
.footer,
.picker__weekday,
.autocomplete-results,
.autocomplete-results h3 {
	font-size: 14px;
}
.subheader .trailnav {
	color: #848484;
}
.subheader .separator {
	display: inline-block;

	background: url(img/arrow-right-black.png) no-repeat;
	width: 7px;
	height: 11px;
	margin-left: 8px;
	margin-right: 8px;
}
table .categories,
ul.organizers .categories,
ul.event-dates .categories,
.event-splashes .tags,
.event-splashes .price,
button, .button {
	font-size: 12px;
}

.missing {
	text-align: center;
}

.center-container.missing {
	display: block;
	width: 262px;
	margin: 80px auto 30px auto;
}

h1.missing {
	margin-bottom: 20px;
}

h2.missing {
	font-weight: 200;
	margin-top: 20px;
}

p.missing {
	margin-bottom: 50px;
}

/* Line heights */
body {
	line-height: 1.6em;
}

h1	{line-height: 54px;}
h2	{line-height: 41px;}
h3	{line-height: 32px;}
h4	{line-height: 20px;}
p	{line-height: 20px;}
/* a	{line-height: 20px;} */


.lead-paragraph {
	line-height: 1.4em;
}

.splash h3 {
	line-height: 24px;
}

h1 .subtitle {
	margin-top: 11px;
	line-height: 1.3em;
	margin: 7px 0 3px 0;
}

h2 {
	margin: 33px 0 11px 0; 
}

.splash h3 {
	margin: 11px;
}

/* Text colors */

body,
.picker,
.picker__year,
.picker__weekday,
.picker__button--clear, 
.picker__button--today,
.picker__button--clear:hover, 
.picker__button--today:hover,
.autocomplete-results a,
.no-touchevents a.splash:hover,
.no-touchevents .categories a:hover {
	color: #000000;
}

.subheader .group-switcher {
	color: #9b9b9b;
}


/* General links style */
a {color: #005799; text-decoration: underline;cursor: pointer;font-weight:900;}
a:hover {color: #004172;text-decoration: none;}
a:visited {color: #674a99;}




.no-touchevents .footer a:hover,
.category-filter-container div.all {
	color: #005799;
}
.no-touchevents .header.top a:hover {
	color: #ccc;

}
.event-splashes h3 .subtitle {
	margin-top: 4px;
	margin-bottom: 0px;
}
h3 .subtitle {
	color: #000000;
	line-height: 18px;
	margin-bottom: 4px;
}


.read-more-text {
	position: relative;
	overflow: hidden;
	max-height: 400px;
}



.read-more-text .content {
	padding-bottom: 20px;
}

.description .read-more {
	position: relative;
	top: 0px;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
	height: 40px;
}

.read-more-text .fade-back {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url('img/gradient_2x.png') repeat-x bottom;
	background-size: 1px 50px;
	
}


.read-more-text .fade-back {
	left: 0;
	
	height: 50px;
}
.read-more-text.open .fade-back {
	display: none;
}
/*
.read-more-text .fade-back .fade {
	
	margin-top: -15px;
	height: 15px;
	background-image: url(images/white_g.png);
	background-repeat: repeat-x; ;
}*/

.read-more-text .read-more {
	display: none;
}




.no-touchevents a:hover,
/*.no-touchevents .category-filter label.all:hover,*/
.no-touchevents .category-filter-container .checkboxes label:hover,
.autocomplete-results a,
.autocomplete-results .selected a,
.autocomplete-results .selected,
.autocomplete-results tr:hover a {
	/*color: #A5CE88;*/
	color: #004172;
}

.no-touchevents .category-filter-container .checkboxes label:hover {
	cursor: pointer;
}
button, .button,
.page-summary .categories li a,
/* header.top a,*/
.footer input[type=submit],
.picker__day,
.picker__day:hover {
	color: white;
}


h1, h1 a,
h2, h2 a,
h3, h3 a,
table .categories li a,
/*  ul.organizers .categories li a,
ul.event-dates .categories li a, */
.ticket-info,
.footer,
.footer a,
.subheader,
.subheader a,
.subheader .group-switcher a.selected
{
	color: black;
}

ul.organizers .categories li a,
ul.event-dates .categories li a {color: white;
}

/* Font weights */

h1, 
h2,
h3,
h4,
.header.top a,
.picker__month, 
.picker__year {
	font-weight: 900;
}


button,
.button,
table,
ul.organizers,
ul.event-dates,
.ticket-info,
.event-splashes .tags,
.event-splashes .price,
.footer,
.subheader,
.picker__weekday,
.picker__day,
.autocomplete-results h3,
a.see-all {
	font-weight: bold;
}


body,
h1 .subtitle,
h3 .subtitle {
	font-weight: 600;
}



/* Other text attibutes */



button,
.button,
.page-summary .categories li a,
.header.top a,
.subheader,
.picker__weekday,
a.see-all {
	letter-spacing: 1px;
}

.footer,
.footer input[type=submit] {
	letter-spacing: 1.5px;
}

h1,
.footer,
.page-summary .categories,
.event-splashes h3,
.header.image .header-content,
.no-matches {
	text-align: left;
}

.homepage-categories-filter .label-container{
	text-align: left;
}

.homepage-categories-filter .label-container a{
	
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight:700;
	letter-spacing: 1px;
	line-height: 30px;
}

.homepage-categories-filter .label-container a:hover{
	color: #004172;
}

.page h1 {
	text-align: left;
	margin-bottom: 15px;
}

/* 
.page .right-box {
	margin-top: 30px;
}
*/



.page .lead-paragraph {
	margin-top: 0;
}

table .categories,
ul.organizers .categories,
ul.organizers .price,
ul.event-dates .categories,
ul.event-dates .price,
table .price {
	text-align: right;
}


a,
.category-filter label.all {
	/*text-decoration: underline;*/
}



h1 a,
h2 a,
h3 a,
a.splash,
.footer a,
.subheader a,
.autocomplete-results a,
a.see-all {
	text-decoration: none;
	color: inherit;
}


h1 .strip,
h2 .strip,
h3 .strip,
.right-box .links {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

h3 .strip {
	display: block;
}

.button {
	cursor: pointer;
	text-align: center;
}
.button.disabled {
	cursor: default;
	background-color: rgba(0, 0, 0, 0.2);
}
.button.disabled:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
.button a {
	display: block;
	cursor: inherit;
	color: inherit;
	text-decoration: inherit;
}
.button a:hover {
	color: inherit;
}

button,
.button,
.page-summary .categories li a,
.header.top a,
.ticket-info .date,
.footer,
.subheader,
.picker__weekday,
a.see-all {
	text-transform: none;
}

.picker__month {
	text-transform: capitalize;
}

.categories li a,
.header.top a {
	text-decoration: none;
}

h1 .subtitle,
h2 .subtitle,
h3 .subtitle {
	font-style: italic;
}

table h2 .subtitle,
table h3 .subtitle,
ul.organizers h2 .subtitle,
ul.organizers h3 .subtitle,
ul.event-dates h2 .subtitle,
ul.event-dates h3 .subtitle,
.picker__year {
	font-style: normal;
}

/* Misc */

.autocomplete-results,
.category-filter-container,
.subheader {
	/*
	-webkit-box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, 0.05);
	        box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, 0.05);
			*/
}

.label-container {
	line-height: 30px;
}

.category-filter-container label {
	position: relative;
}

.category-filter-container .all label {
	margin-bottom: 10px;
}

input[type=checkbox].kp-checkbox {
	display: none;
}

input[type=checkbox].kp-checkbox + label:before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	border: solid 1px #898989;
	padding: 3px;
	background-color: white;
	margin-right: 12px;
	position: relative;
	top: 0.3em;
}

input[type=checkbox].kp-checkbox:checked + label:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 4px;
    top: 9px;
    width: 11px;
    height: 11px;
	margin-right: -11px;
	background-color: #000000;
}


/* Margins */
h1,
.page-summary {
	margin: 30px 0 30px 0;
}
.lead-paragraph {
	margin: 20px 0 20px 0;
}
.ticket-info > div {
	margin: 40px;
}

.no-matches {
	margin-top: 0;
	margin-bottom: 30px;
	margin-top: -12px;
}



/* changed from 40px to 0 */
/* removed completely 
.header .outer-margin-container {
	margin: 0 0px;
	-webkit-transition: margin 0.2s linear, padding 0.2s linear;
	-moz-transition: margin 0.2s linear, padding 0.2s linear;
	transition: margin 0.2s linear, padding 0.2s linear;

}
*/


/* 20px marginal kant i mobil */
.cut-open-container .outer-margin-container,
.subheader .outer-margin-container,
.footer .outer-margin-container,
.footer-gbg .outer-margin-container,
.content .outer-margin-container {
	margin: 0 20px;
}

.no-header-image-showing .header .outer-margin-container,
.header-scrolled .header .outer-margin-container,
/* .outer-margin-container,  */
.header-content {
	margin: 10px 0px;
}

.outer-margin-container
 {
	margin: 0px 0px;
}


.categories li {
	margin: 12px;	
}

/* Removed.  Dont want margin here  
.category-filter-container {
	margin: 0 -12px;
}
*/

table .categories li,
ul.organizers .categories li,
ul.event-dates .categories li {
	margin: 5px;
}

ul,
table h3,
ul.organizers h3,
ul.event-dates h3 {
	margin: 0;
	padding: 0;
}

.right-box h3 {
	margin-bottom: 0;	
}

.right-box p {
	margin-top: 0;	
}

.header .center-container {
	max-width: 100%;
	-webkit-transition: max-width 0.2s linear, padding 0.2s linear;	
	-moz-transition: max-width 0.2s linear, padding 0.2s linear;	
	transition: max-width 0.2s linear, padding 0.2s linear;	
}

.center-container {
	margin: auto;	
	position: relative;
}

/* Added .header-image-showing .center-container */
.header-image-showing .center-container,

.no-header-image-showing .center-container,
.header-scrolled .center-container,
.subheader .center-container,
.content .center-container,
.footer .center-container,
.cut-open-container .center-container,
.cut-open-container:after {
	max-width: 980px; 
}

@media screen and (min-width: 601px) {
	body:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 600px;
		/* background-color: black; */
		background-color: #c3bead;
	}

	body.page-template-template-tiny-event-backend-php:before {
		display: none;
	}
}

.footer,
body {
	background-color: #333333;	
}


/* Bakgrundsfärgen */
.bg,
.subheader-content-footer {
	background-color: #ffffff;	
}


/* BEGIN HEADER */

body {
	padding-top: 50px;
}


body.header-image-showing {
	padding-top: 325px;
}

.subheader-scrolled .bg {
	padding-top: 46px;
}

.bg, 
.subheader-content-footer,
.cut-open-container .arrow {
	-webkit-transition: -webkit-transform 1s;
	   -moz-transition:    -moz-transform 1s;
	        transition:         transform 1s;
}

.cut-open .bg {
	-webkit-transform: translateY(-80px);
	   -moz-transform: translateY(-80px);
	        transform: translateY(-80px);
}


.cut-open-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.cut-open-container:after {
	content: '';
	display: block;
	height: 1px;
	background-color: #dad6cd;
	margin: 0 auto;
}

.cut-open-container .arrow {
	width: 27px;
	height: 13px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -13px;

	background: url(img/cut-open-arrow.png) no-repeat;
	background-size: 27px 13px;
}

.cut-open .cut-open-container .arrow {
	-webkit-transform: translateY(-12px);
	   -moz-transform: translateY(-12px);
	        transform: translateY(-12px);
}

.header,
.subheader-scrolled .subheader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


.subheader-scrolled .subheader {
	top: 50px;
}



.admin-bar .header {
	top: 32px;
}


.admin-bar.subheader-scrolled .subheader {
	top: 82px;
}


.header-mobile {
	position: relative;
	display: none;
	background: #333333;
}

.header-mobile-main-container {
	position: relative;
}

.mobile-search-container {
	display: none;
}
.mobile-search-container.open {
	display: block;
}

.mobile-search input {
	background: url('img/retina/magnifying-glass-black.png') 10px 12px no-repeat;
	background-color: #ffffff;
	background-size: 22px 22px;
	width: 100%;
	border: 0;
	height: 45px;
	padding-left: 40px;
	border-radius: 0;
	box-sizing: border-box;
	outline: none !important;
}

.header-mobile .topbar {
	height: 60px;
}

/*  Removed this one

.header-mobile .logo {
	position: absolute;
	top: -1px;
	right: 50%;
	max-width: 80px;
	margin: 14px;
	margin-right: -35px;
}

*/


.header-mobile .menuicon img,
.header-mobile .searchicon img {
	max-width: 100%;
	max-height: 100%;
}

.header-mobile .menuicon {
	background: url('img/retina/meny-normal-retina.png') 10px 10px no-repeat;
	background-size: 22px 20px;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.header-mobile .menuicon:hover {
	background-image: url('img/retina/meny-hover-retina.png');
}

.header-mobile .searchicon {
	background: url('img/retina/magnifying-glass.png') 10px 8px no-repeat;
	background-size: 22px 22px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
}
.header-mobile .searchicon:hover {
	background-image: url('img/retina/magnifying-glass-lightblue.png');
}

#mobile-menu-mainlist {
	-webkit-transition: max-height 0.2s linear;
	-moz-transition: max-height 0.2s linear;
	transition: max-height 0.2s linear;
	overflow: hidden;
}

#mobile-menu-mainlist.closed {
	max-height: 0 !important;
}

#mobile-menu-mainlist-container li {
	letter-spacing: 2px;
	font-size: 14px;
	
	font-weight: bold;
	color: #333333;
	background-color: white;
	padding-left: 20px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px #000000 solid;
}

#mobile-menu-mainlist-container li a {
	color: inherit;
	text-decoration: none;
}

#mobile-menu-mainlist-container li a:focus {
    color: #000000!important;
}

#mobile-menu-mainlist-container li:active,
#mobile-menu-mainlist-container li:hover {
    background-color: #cce3f1;
    color: #333333;
}


/* Wordpress admin bar fix for smaller size */
@media screen and (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}
	.subheader-scrolled.admin-bar .subheader {
		top: 96px;
	}
}

@media screen and (max-width: 600px) {
	.header-scrolled.admin-bar .header {
		top: 0;
	}


	.cut-open .bg {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}	
}

.header.image {
	height: 100%;padding-top:60px;
}

.header.image > div,
.cover-image {
	width: 100%;
	height: 100%;
	background-size: contain;
/*		background-size: cover; */
	background-position: top center;
	background-repeat: no-repeat;
}



.subheader {
	z-index: 1;
}

.subheader,
.header > div {
	position: relative;	
}


.header-scrolled .header.top {
	background-color: white; z-index:2;border-bottom: 1px #cccccc solid;
}

.header .center-container {
	height: 70px;
}

.no-header-image-showing .header .center-container,
.header-scrolled .header .center-container {
	height: 50px;
}

.home .header.image > div,
.home.cover-image {
	background-image: url(img/header/biljett_desktop.png);
}
.post-type-archive-event .header.image > div,
.tax-event-category .header.image > div,
.single-event.cover-image {
	background-image: url(img/header/biljett_desktop.png);
}
.post-type-archive-tiny-event .header.image > div {
	background-image: url(img/header/biljett_desktop.png);
}
.post-type-archive-organizer .header.image > div,
.single-organizer.cover-image {
	background-image: url(img/header/biljett_desktop.png);
}

.header.image .density-image-container {
	margin: 0 auto;
}

.home .header.image .density-image-container {
	max-width: 771px;
}
.post-type-archive-event .header.image .density-image-container,
.tax-event-category .header.image .density-image-container {
	max-width: 555px;
}
.post-type-archive-organizer .header.image .density-image-container {
	max-width: 536px;
}

.header-content {
	margin-top: 160px;
}

.home .header-content {
	margin-top: 123px;
}

.header-content .row {
	margin: 60px;
}

.header-content img {
	max-width: 100%;
}

.header-content .input {
	display: inline-block;
	margin: 10px 20px; 
}

.header-content .input input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	height: 45px;
	vertical-align: top;
}

.header-content .input input[type=text],
.header-content .input input[type=search] {
	-webkit-appearance: none;
	display: inline-block;
	padding-left: 20px;
	border-radius: 0px;

}
.header-content .input input[type=submit] {
	display: inline-block;
	width: 45px;

	background: #333333 no-repeat center center;
	border-radius: 0px;
}

.header-search-row{
	display: flex;
	justify-content: center;
	align-items: center;
}

.no-touchevents .header-content .input:hover input[type=submit],
.no-touchevents .header-content input:focus + input[type=submit] {
	background-color: #ccc;
}

.no-touchevents .header-content input[type=submit]:focus {
	border: 1px #fff solid;
	background-color: #cccccc;
}

.header-content .search {
	padding-left: 54px;
	background: url(img/sok.png) no-repeat left center;
	background-size: 40px 23px;
	position: relative;
}



.header-content .search input[type=search] {
	width: 204px;
	padding-right: 45px;
}

.header-content .search input[type=submit] {
	background-image: url(img/magnifying-glass.png);
	background-size: 19px 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.header-content .category-filter{
	border-radius: 0px;
	color: #222;
	background-color: white;
}
.header-content .category-filter a{
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left:20px;
	padding-right: 75px;
	color: #333333;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	position: relative;
}

.header-content .category-filter a .arrow{
	background-size: 17px 10px;
	position: absolute;
	right: 0;
	top: 0;
	width:45px;
	height:100%;
	background: #333333 url(img/arrow-down-white.png) no-repeat center center;
	border-radius: 0px;
}

/* Tar bort denna. 

.header-content .date {
	padding-left: 68px;
	background: url(img/eller.png) no-repeat left center;
	background-size: 54px 23px;
	position: relative;
}
*/


.header-content .date input[type=text] {
	width: 90px;
	padding-right: 45px;
}

/* Tar bort denna. 
.header-content .date input[type=text]::-webkit-input-placeholder,
.header-content .date input[type=text]::-moz-placeholder,
.header-content .date input[type=text]:-ms-input-placeholder,
.header-content .date input[type=text]:-moz-placeholder {
	color: #ff0000;
}

*/


.header-content .date input[type=submit] {
	background-image: url(img/arrow-down-white.png);
	background-size: 17px 10px;
	position: absolute;
	right: 0;
	top: 0;
}

.header .back-to-home, .cb_citybreak_body .home.density-image-container {
	width: 134px;
	display: block;
	float: left;
	padding: 11.5px 0;
	-webkit-transition: width 0.2s linear;
	-moz-transition: width 0.2s linear;
	transition: width 0.2s linear;
}

.header-scrolled .header .back-to-home,
.no-header-image-showing  .header .back-to-home, .cb_citybreak_body .home.density-image-container {
	width: 84px;
	height: 30px;
	padding: 8px 0;
}



.header.top .search {
	float: right;
	height: 100%;
	position: relative;
	top:-50px;right:2vw
}

.header ul,
.footer ul {
	list-style: none;
}

.header.top .search,
.header li {
	line-height: 70px;
	margin-right: 44px;
}

.no-header-image-showing .header.top .search,
.header-scrolled .header.top .search,
.no-header-image-showing .header li,
.header-scrolled .header li {
	line-height: 48px;
}


.header li {
	float: left;
}

.header.top .search,
.header.top .search input {
	width: 17px;
}


.header.top .search input {
	background: url(img/magnifying-glass-black.png) no-repeat right center;
	background-size: 19px 20px;
	padding: 0 19px 0 0;
	margin: 0;
	border: none;
	position: absolute;
	right: 0;
	top: 0px;

background-image: url(img/magnifying-glass-black.png);
	-webkit-transition: padding 0.35s linear, width 0.35s linear, border-radius 0.35s linear, background-color 0.35s linear; /* For Safari 3.1 to 6.0 */
	-moz-transition: padding 0.35s linear, width 0.35s linear, border-radius 0.35s linear, background-color 0.35s linear; /* For Safari 3.1 to 6.0 */
	transition: padding 0.35s linear, width 0.35s linear, border-radius 0.35s linear, background-color 0.35s linear;

	cursor: pointer;
}

.no-header-image-showing .header.top .search input,
.header-scrolled .header.top .search input {
	top: 10px;
}

 .header.top .search input:hover {
	background-image: url(img/magnifying-glass-ccc.png);
}

 .header.top .search input:active {
	background-image: url(img/magnifying-glass-ccc.png);
}


.header.top .search .search-site-submit {
	display: none;
	background-image: url(img/magnifying-glass-ccc.png);
	margin-right: 18px;
	margin-top: 2px;
}
.header.top .search #search-site:focus {
	
	background-position: 185px center;
	width: 398px;
	padding: 0 37px 0 20px;
	background-color: #333333;
	height: 60px;
	border-radius: 0px;
	margin-top: -20px;
	outline: 0;
	cursor: auto;
	color:white;
}

.subheader {
	line-height: 46px;
}

.subheader,
.category-filter-container {
	background-color: white;	
	background-color: rgba(255, 255, 255, 1);
}


.category-filter-container {
	padding: 22px 30px;
	z-index: 1;
}

.subheader .category-filter > a {
	cursor: pointer;
	padding-right: 34px;
	margin-right: 17px;
	padding-left: 17px;
	background-image: url(img/arrow-down-black.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	background-size: 17px 10px;
	display: inline-block;
	border: solid 1px #000000;
}

.subheader a.arrow-left:before {
	content: '';
	display: inline-block;

	background: url(img/arrow-left-black.png) no-repeat center center;
	background-size: 7px 11px;
	width: 7px;
	height: 11px;
	margin-right: 8px;
	margin-bottom: -1px;
}

.csscolumns .category-filter-container .checkboxes {
   -moz-column-count: 3;
   -moz-column-gap: 20px;
   -webkit-column-count: 3;
   -webkit-column-gap: 30px;
}

.csscolumns .category-filter-container .checkboxes .clearfix {
	display: none;
}

.category-filter-container div > label {
	display: block;
	line-height: 30px;
}



.no-csscolumns .category-filter-container .checkboxes {
	margin: 0 -15px;
}

.no-csscolumns .category-filter-container .checkboxes label {
	box-sizing: border-box;
	float: left;
	width: 33%;
	padding: 0 15px;
}

/* Linjer undermeny */
.subheader {
	height: 46px;
	margin-top:10px;
	border-bottom: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
}


.subheader .group-switcher {
	position: absolute;
	right: 0;
	top: 0;
}

.subheader .group-switcher a {
	vertical-align: top;
	display: inline-block;
	position: relative;
	margin-left: 30px;
}

.subheader .group-switcher a.selected:after,
.subheader .group-switcher a:hover:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000000;
}

.subheader .group-switcher a:hover:after {
	background-color: #005799;
}

.subheader .category-filter {
	position: relative;
}

.category-filter-container {
	display: none;
}

.category-filter-container.open {
	margin-top: -1px;
	width: 672px;
	display: block;
	position: relative;
	/* position: absolute; */
}

.hidden-overflow{
	overflow: hidden;
}

.homepage-categories-filter-wrapper{
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	zoom: 1;
	position: fixed;
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
}
.homepage-categories-filter-wrapper.open{
	display: flex;
	justify-content: center;
	background: rgba(0,0,0,.32);
}
@media (min-height: 33.875em){
	.homepage-categories-filter-wrapper.open{
		align-items: center;
	}
}

.homepage-categories-filter-wrapper .category-filter-container{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin:0;
}

.homepage-categories-filter-wrapper .category-filter-container a{
	
	text-decoration: none;
	color: #333333 ;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 1px;
	font-size: 14px;
}
.homepage-categories-filter-wrapper .category-filter-container a:hover{
	color: #005799;
}

/* END HEADER */

/* BEGIN FOOTER */

.footer {
	position: relative;
	margin-top: 150px;
/* 	line-height: 2.75em; */
}

.footer p {
	margin: 0;
}

.footer .up {
	width: 44px;
	height: 44px;
	background-position: center center;
	background-size: contain;
	background-image: url(img/dubbelpil.svg);
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	right: 0px;
	top: -22px;
	cursor: pointer;
}

.no-touchevents .footer .up:hover {
	background-image: url(img/dubbelpil2.svg);
}

.footer .newsletter-form input {
	height: 33px;
	border: none;
	outline: none;
}

.footer .newsletter-form input[type=text] {
	padding: 0 12px;
}

.footer .newsletter-form input[type=submit] {
	background-color: black;
	border-radius: 0px;
	margin-left: 20px;
	width: 100px;
}
.footer .newsletter-form input[type=submit]:hover {
	background-color: #707070;
}

.no-flexbox .footer .column {
	position: static;
}



.footer .fb-logo {
	min-height: 24px;
	padding:24px;padding-left:29px;
	cursor: pointer;
	background: url(img/facebook.svg) left no-repeat;
	background-size: 24px 24px;
	line-height: 55px;
}







/* Vet inte vad denna skulle fix men den sabbade Du kanske även gillar. EDIT den fixade marginaer på sökresultaten i mobil */
.flexbox .flex-overflow-fix {
	overflow: hidden;
}

/* Fix för Du kanske även gillar */
div#all-events-focus.categorized-section {
	padding-bottom:10px;
}

.flexbox .footer .columns {
	-webkit-align-items: stretch;
	align-items: stretch;
}

.footer .center-container {
	padding: 40px 0;
}

.flexbox .footer .column,
.flexbox .footer .column .textwidget {
	display: -webkit-flex;	
	display: flex;

	-webkit-flex-direction: column;
	        flex-direction: column;

	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;

}



/* END FOOTER */

.no-flexbox .columns {
	margin-left: -30px;
	margin-bottom: -30px;
}

.no-flexbox .column {
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	position: relative;
}


.flexbox .columns {
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
			flex-direction: row;

	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;


	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: -20px; padding-bottom:10px;
}

.flexbox .column {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
}

.flexbox .columns .clearfix {
	display: none;
}

.bg,
.subheader-content-footer {
	position: relative;
}


.page-summary {
	background-position: center center;
	background-size: cover;

	/* IE8 does not support background-size */
	background-color: black; 
	background-repeat: no-repeat;

	padding: 30px;
	

	height: 592px;


	position: relative;
}

.single-organizer .page-summary {
/* 	max-width: 592px; */
	margin-left: auto;
	margin-right: auto;

	position: relative;
}

.organizers .thumb-wrapper .mask,
.single-organizer .page-summary .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.organizers .thumb-wrapper .mask {
	background: url(img/organizer-mask-thumbnail.png) no-repeat center center;
	background-size: 65px 65px;
}
.no-touchevents .bg .organizers tr:hover .thumb-wrapper .mask {
	background-image: url(img/organizer-mask-thumbnail-greybeige.png);
	

}


/* tar bort detta
.single-organizer .page-summary .mask {
	background: url(img/organizer-mask-summary.png) no-repeat center center;
	background-size: 652px 652px;
}
*/

/* tar bort detta
.footer .column,
*/
.column , 
.ticket-info,
.right-box
{
	width: 306px;
}

.ticket-info {
	background-color: white;
	background-color: rgba(255, 255, 255, 1);
	float: left;
	max-width: 306px;
}

.ticket-info a {
	display: block;
}

.ticket-info .organizer,
.ticket-info .price,
.ticket-info .time,
.ticket-info .date {
	padding: 6px 0 6px 50px;
	margin: 4px 0;
}

.ticket-info .price,
.ticket-info .time {
	float: left;
}

.ticket-info .organizer {
	background: url(img/icon-map.png) 6px center no-repeat;	
	background-size: 22px 31px;
}

.ticket-info .price {
	background: url(img/icon-price.png) 0px center no-repeat;
	background-size: 31px 26px;
}
.ticket-info .time {
	padding-left: 44px;
	background: url(img/icon-time.png) 6px center no-repeat;
	margin-left: 30px;
	background-size: 24px 24px;
}
.ticket-info .date {
	background: url(img/icon-date.png) 6px center no-repeat;
	background-size: 25px 23px;
}

.ticket-info .selected-date {
	font-weight: bold;
	
	text-align: left;
	padding:10px 0;
}

.ticket-info .buttons {
	margin-top: 18px;
	text-align: center;
}

.page-summary .categories {
	list-style: none;
	margin: 0 auto;
	position: absolute;
	width: 100%;
	bottom: 40px;
	left: 0;
}


.categories li {
	display: inline-block;
}

.categories li a {
	display: block;
}

button,
.button,
.page-summary .categories a,
.right-box .categories a {
	line-height: 33px;
	background-color: #303030;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 3px 22px;
	border-radius: 0px;
	border: 0;
}
.ticket-info .mobile-event-dropdown {
	-webkit-appearance: none;
	background-color: #d7d7d7;
	border: 0;
	border-radius: 0px;
	font-size: 12px;
	margin-bottom: 14px;
	font-weight: bold;
	
	box-sizing: border-box;
	padding:0 36px;
	display: inline-block;

}
.ticket-info button, .ticket-info .mobile-event-dropdown {
	
	line-height: 1;
	height: 41px;

}

.mobile-event-button{
	-webkit-appearance: none;
	background-color: #d7d7d7;
	border: 0;
	border-radius: 0px;
	font-size: 12px;
	margin-bottom: 14px;
	font-weight: bold;
	
	box-sizing: border-box;
	padding:0 36px;
	display: inline-block;
	line-height: 1;
	height: 41px;
	color: #222;
}

.event-dates button.buy,
.event-dates .button.buy {
	padding:0;
	width: 77px;
}
button.large {
	padding: 0 32px;
}
.menu ul {
	list-style-type: none;
} 
.menu > ul ul {
	margin-left: 20px;
}
.menu > ul > li > ul {
	display: none;
}
.menu li.current_page_item > a{
	color: #848484;
}
.menu > ul > li.current_page_ancestor > ul,
.menu > ul > li.current_page_item > ul {
	display: block;
}
.footer li.current_page_item a {
	color: #cce3f1;
}
button:hover,
.page-summary .categories a:hover,
.right-box .categories a:hover {
	background-color: #202020;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
}

button.see-all ,
.button.see-all {
	float:right;
}
button.white,
.button.white {
	background-color: white;
	color: #333333;
}
button.white:hover,
.button.white:hover {
	color: #005799;
}





button.black,
.button.black {
	background-color: #333333;
	color: #ffffff;
}
button.black:hover,
.button.black:hover {
	color: #005799;
}












button.green,
.button.green {
	background-color: #00664a;
}

button.green:hover,
.button.green:hover {
	background-color: #004e38;
}

button.blue,
.button.blue {
	background-color: #005799;
}

button.blue:hover,
.button.blue:hover {
	background-color: #004172;
}

button.orange,
.button.orange {
	background-color: #ad1d24;
}

button.orange:hover,
.button.orange:hover {
	background-color: #83161c;
}

button:disabled,
.button:disabled {
	opacity: 0.4;
}

button.large,
.button.large {
	line-height: 41px;
}
.event-splashes .column:hover {
	opacity: 0.8;
}

.right-box {
	float: right;
	background-color: #333333;
	margin-left: 30px;
	margin-bottom: 30px;
}

/* Vit text i inforutan för enskilt event */
.right-box, .right-box a, .right-box a:hover, .right-box a:visited,.right-box h3  {	
	color:white;
}


/* Denna förstörde något. Hade den borttagen men den behövdes för enskild akts inforuta */
.right-box > div {
	margin: 30px;
}


.right-box .logo {
	max-width: 100%;
	max-height: 150px;
	margin-top: 10px;
}

/*   table,  */
ul.organizers,
ul.event-dates {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 3px;
	margin: -3px 0;
}

ul.organizers .right,
ul.event-dates .right {
	float: right;
	line-height: 45px;
}

ul.organizers li,
ul.event-dates li {
	margin-bottom: 3px;
}

ul.organizers li>div {
	display: inline-block;
}

table td,
ul.organizers li>div,
ul.event-dates li>div {
	padding: 10px;
}

table td,
ul.organizers li,
ul.event-dates li {
	background-color: white;
	white-space: nowrap;
}

ul.event-dates li{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	white-space: normal;
}

ul.event-dates li .categories li {
	display: inline-block;
}

/* ul.event-dates li .thumb-wrapper {
	flex: 1 0 0;
}*/

ul.event-dates li .date {
	flex: 1 0 0;
}

ul.event-dates li .title {
	flex: 5 0 0;
}

ul.event-dates li .title span{
	white-space: normal;
	display: block;
}

ul.event-dates li .categories_wrapper {
	flex: 5 0 0;
}

ul.event-dates li .price {
	flex: 1 0 0;
}

ul.event-dates li .buy_button {
	flex: 1 0 0;
}

table .title,
ul.organizers .title {
	width: 100%;
	max-width: 290px;
}

table .strip,
ul.organizers .strip,
ul.event-dates .strip {
	line-height: 1.5em;
}

table .date,
ul.event-dates .date {
	text-align: left;
	font-size:14px;
	line-height: 16px;
}

ul.event-dates .date {
	vertical-align: text-bottom;
}

ul.event-dates .button {
	margin: 3px;
}

table .date .uppercase,
ul.event-dates .date .uppercase {
	
}



/* Remove hover from evenemang
.no-touchevents table tr:hover td, */
.no-touchevents ul.organizers li:hover,
.no-touchevetns ul.event-dates li:hover {
	background-color: #faf9f5;
}



table .categories a,
ul.organizers .categories a,
ul.event-dates .categories a {
	line-height: 22px;
	background-color: #000000;
	padding: 0 12px;
}
table .categories a:hover,
ul.organizers .categories a:hover,
ul.event-dates .categories a:hover {
	background-color: #d7d7d7;	
}

table .thumb-wrapper,
ul.organizers .thumb-wrapper,
ul.event-dates .thumb-wrapper {
	width: 65px;
	height: 65px;
	overflow: hidden;
}


table .thumb,
ul.organizers .thumb,
ul.event-dates .thumb {
	background-size: cover;
	background-position: center center;
	background-color: black;
	background-repeat: no-repeat;
	height: 65px;
	width: 65px;
}


table.organizers .thumb-wrapper,
ul.organizers .thumb-wrapper,
ul.event-dates .thumb-wrapper {
	position: relative;
}

.description {
	max-width: 642px;
}

.description p:last-of-type {
	margin-bottom: 0;
}

.description .more {
	display: none;
}
.share-option {
	line-height: 1em;
	width: 290px;
}


.share-option iframe {
	vertical-align: bottom;
	margin-right: 6px; 
}
/* Fix for facebook back button bug https://developers.facebook.com/x/bugs/663421210369743/ */
.fb_iframe_widget iframe {
	width: 200px !important;
	height: 20px;
}
div.fb-like.fb_iframe_widget.fb_iframe_widget_fluid {
	display: inline-block !important;
	width: 200px !important;
}
.event-splashes .column {
	background-color: white;
	position: relative;
	cursor: pointer;
}

.event-splashes a {
	text-decoration: none;
}

.event-splashes .image {
	background-size: cover;
	background-position: center center;

	/* IE8 does not support background-size */
	background-color: black; 
	background-repeat: no-repeat;

	height: 196px;
	padding: 10px; 
}

.event-splashes .tags,
.event-splashes .price {
	display: inline-block;
	background-color: white;
	padding: 0 8px;
	margin: 4px;
	line-height: 23px;
}

.event-splashes h3 {
	margin:  1em;
}


.view-switcher {
	margin-top: 40px;
	float: right;
}

.view-switcher a {
	display: inline-block;
	padding: 11px 8px 13px 13px;
	background-color: white;
}
.view-switcher a.thumbnail {
	padding: 11px 13px 13px 8px;
}

.view-switcher a div {
	background: url(img/view_switch.png) no-repeat;
	background-size: 49px 63px;
	height: 21px;
}

.view-switcher a.list div {
	width: 28px;
	background-position: 0 0;
} 
.view-switcher a.thumbnail div {
	width: 21px;
	background-position: -28px 0;
} 
.view-switcher a.list.selected div {
	background-position: 0 -21px;
} 
.view-switcher a.thumbnail.selected div {
	background-position: -28px -21px;
} 
.view-switcher a.list:hover div {
	background-position: 0 -42px;
} 
.view-switcher a.thumbnail:hover div {
	background-position: -28px -42px;
} 

.picker__frame {
	max-width: 420px;
}

.picker__day {
	background-color: #005799;
	color: white;
	border: none;
	line-height: 38px;
	padding: 0 0 2px 0;
}


.picker__day:hover {
	background-color: #004172;
}

.picker__nav--next:hover,
.picker__nav--prev:hover,
.picker__button--clear:hover, 
.picker__button--today:hover {
	background-color: transparent;	
}

.picker__day--disabled {
	background-color: #e1e1e1!important;
}

/* fix for annoying ipad bug */
.fixfixed .header.top {
	position: absolute !important;
}


/* another month */
.picker__day--outfocus {
	opacity: 0.4;
}

.picker__table {
	border-collapse: separate;
	border-spacing: 3px;
}

.picker__nav--next,
.picker__nav--prev,
.picker__nav--next:before,
.picker__nav--prev:before {
	width: auto;
	padding: 0;
	margin: 0;
	height: 50px;
	border: none;
}



.picker__nav--next {
	padding: 0 1.5em 0 0.5em;
}

.picker__nav--prev {
	padding: 0 0.5em 0 1.5em;
}

.picker__nav--next:before,
.picker__nav--prev:before {
	width: 7px;
	background: url(img/arrow-left-black.png) no-repeat center center;
	background-size: 7px 11px;
}
.picker__nav--next:before {
	background-image: url(img/arrow-right-black.png);
}


.picker__nav--prev:hover:before {
	background-image: url(img/arrow-left-black-hover.png);
}
.picker__nav--next:hover:before {
	background-image: url(img/arrow-right-black-hover.png);
}



.autocomplete-results {
	z-index: 1;
	position: fixed;
	background-color: white;
	margin-top: 17px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	
}

.autocomplete-results:before {
	content: '';
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -8px;
	border-bottom: 10px solid white;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.autocomplete-results td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

.autocomplete-results td {
	cursor: pointer;
}

.autocomplete-results td:first-child {
	padding-right: 0; 
}


a.see-all {
	line-height: 47px;
	display: block;
	text-align: center;
}

.cut-open-container a.see-all {
	margin: 20px 0;
}

a.see-all:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(img/magnifying-glass-black.png) no-repeat center center;
	background-size: 11.4px 12px;
	margin-right: 6px;
	vertical-align: baseline;
	margin-bottom: -1px;
}

.cut-open-container a.see-all:before {
	width: 19px;
	height: 20px;
	background-size: 19px 20px;
	margin-bottom: -4px;
	margin-right: 8px;	
}

a.see-all.selected:before,
a.see-all:hover:before {
	background-image: url(img/magnifying-glass-lightgreen.png);
}



img.density-normal,
img.density-retina {
	max-width: 100%;
	max-height: 100%;
}


img.density-normal {
	display: inline-block;
}
img.density-retina {
	display: none;
}

.organizers tr:hover .thumb-wrapper .mask {
	background-image: url(img/retina/organizer-mask-thumbnail-greybeige.png);
}

.info-popup-container .info-row {
	margin-bottom: 25px;
}
.info-popup-container .image {
	display: inline-block;
	float: left;
	width: 200px;
	height: 200px;
	background-color: rgba(200, 200, 200, 1);
	background-size: cover;
	background-position: center;
}
.info-popup-container .info-box {
	display: inline-block;
	margin-left: 25px;
	max-width: 300px;
}
.info-popup-container .info-box h2 {
	margin-top: 0;
}
.info-popup-container .location,
.info-popup-container .date,
.info-popup-container .time {
	padding: 6px 0 6px 50px;
    margin: 4px 0;
}
.info-popup-container .location {
	display: inline-block;
	background: url(img/icon-map.png) 6px center no-repeat;
    background-size: 22px 31px;
}
.info-popup-container .date {
	
	background: url(img/icon-date.png) 6px calc(50% - 2px) no-repeat;
    background-size: 25px 23px;
}
.info-popup-container .time {
	background: url(img/icon-time.png) 6px center no-repeat;
    background-size: 24px 24px;
}
.info-popup-container .close-row {
	text-align: center;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: -10px;
}
.info-popup-container .close-row button {
	padding: 0;
	width: inherit;
}
.info-popup-container .close-row button:hover {
	background: none;
}

.tiny-event-container {
	margin-top: 20px;
	background: #fff;
	padding: 20px;
}

.tiny-event-container td {
	font-weight: 300;
}
.tiny-event-container thead td {
	font-weight: 600;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}

.tiny-event-table .note {
	font-size: 10px;
	color: #61c220;
}

.tiny-event-container .right {
	float: right;
}

.tiny-event-container .mouse-hide {
	font-size: 11px;
	opacity: 0.3;
}
.tiny-event-container td:hover .mouse-hide {
	opacity: 1;
}

.tiny-event-container .acf-form input[type=submit] {
	display: none;
}

@media screen and (max-width: 666px) {
	.post-type-archive-organizer-event .categorized-item > .date {
		display: none;
	}

	.info-popup-container .image {
		width: 100%;
	}
	.info-popup-container .info-box {
		display: inline-block;
		margin-left: 0;
		margin-top: 25px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	img.density-normal {
		display: none;
	}
	img.density-retina {
		display: inline-block;
	}


	.footer .up {
		background-image: url(img/retina/dubbelpil.svg);
	}

	.no-touchevents .footer .up:hover {
		background-image: url(img/retina/dubbelpil2.svg);
	}

	.header.top .search input,
	.header-content .search input[type=submit] {
		background-image: url(img/retina/magnifying-glass-black.png);
	}

	.no-touchevents .header.top .search input:hover {
		background-image: url(img/retina/magnifying-glass-lightblue.png);
	}

	.header.top .search input:focus,
	a.see-all:before {
		background-image: url(img/retina/magnifying-glass-black.png);
	}

	.header-content .search {
		background-image: url(img/retina/sok.png);
	}

	.header-content .date {
		background-image: url(img/retina/eller.png);
	}

	.header-content .date input[type=submit] {
		background-image: url(img/retina/arrow-down-white.png);
	}

	.view-switcher a div {
		background-image: url(img/retina/view_switch.png);
	}
	.footer .fb-logo {
		background-image: url(img/facebook.svg);
	}
	

	.single-organizer .thumb-wrapper .mask {
		background-image: url(img/retina/organizer-mask-thumbnail.png);
		
	}
	.no-touchevents .bg .organizers tr:hover .thumb-wrapper .mask,
	.no-touchevents .bg .organizers li:hover .thumb-wrapper .mask {
		background-image: url(img/retina/organizer-mask-thumbnail-greybeige.png);
		

	}

	.single-organizer .page-summary .mask {
		background-image: url(img/retina/organizer-mask-summary.png);
	}

	.ticket-info .organizer {
		background-image: url(img/retina/icon-map.png);	
	}
	.ticket-info .price {
		background-image: url(img/retina/icon-price.png);
	}
	.ticket-info .time {
		background-image: url(img/retina/icon-time.png);
	}
	.ticket-info .date {
		background-image: url(img/retina/icon-date.png);
	}

	.cut-open-container .arrow {
		background-image: url(img/retina/cut-open-arrow.png);	
	}

	.picker__nav--next:before {
		background-image: url(img/retina/arrow-left-black.png);
	}
	.picker__nav--next:before {
		background-image: url(img/retina/arrow-right-black.png);
	}
	.picker__nav--prev:hover:before {
		background-image: url(img/retina/arrow-left-black-hover.png);
	}
	.picker__nav--next:hover:before {
		background-image: url(img/retina/arrow-right-black-hover.png);
	}

	a.see-all.selected:before,
	a.see-all:hover:before {
		background-image: url(img/retina/magnifying-glass-lightgreen.png);
	}

	.subheader .category-filter > a {
		background-image: url(img/retina/arrow-down-black.png);
	}

	.subheader a.arrow-left:before {
		background-image: url(img/retina/arrow-left-black.png);
	}

}


/* mobile overrides */

@media screen and (max-width: 666px) {
	body,
	body.header-image-showing {
		padding-top: 0;
	}

	.header.top,
	.header.image {
		display: none;
	}

	.header-mobile {
		display: block;
	}

	.csscolumns .category-filter-container .checkboxes {
		-moz-column-count: 2;
		-moz-column-gap: 40px;
		-webkit-column-count: 2;
		-webkit-column-gap: 40px;
	}

	.category-filter-container span {
		display: inline-block;
		max-width: 100px;
		line-height: 1.1;
		vertical-align: middle;
	}
	input[type=checkbox].kp-checkbox + label {
		top: 6px;
	}

	div.checkboxes {
		font-size: 12px;
	}

	.category-filter-container.open {
		padding: 22px 12px;
		width: 306px;
	}

	.cut-open-container .center-container > h1,
	.cut-open-container .center-container > h2 {
		display: none;
	}

	.cut-open-container .outer-margin-container {
		margin: 10px 10px;
	}

	.cut-open-container .event-dates td,
	.cut-open-container .organizers td {
		background: none;
	}

	.cut-open-container .organizers .thumb-wrapper .mask {
		background-image: url(img/retina/organizer-mask-thumbnail-greybeige.png);
	}

	.info-popup-button {
		display: none;
	}

}


@media screen and (max-width: 320px) {
	.category-filter-container.open {
		padding-right: 0;
	}
}
/* Seems redundant
@media screen and (max-width: 400px) {
	.ticket-info .time {
		margin-left: 0;
		padding-left: 50px;
	}
}
*/

#_atssh {
	display: none;
}

.cb_citybreak_body #menu-huvudmeny,.cb_js_shortdescription, .cb_citybreak_body .search  {
	display:none;
}