.elementor-widget-spajder-posts {
	transition: 0.3s ease-out
}

/*
* POST LIST
*/

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post {
	display: flex;
	padding: 20px 10px;
	border: 1px solid #E8A018;
	border-width: 1px 0 0 0;
	align-items: flex-start;
}

.elementor-widget-spajder-posts.list-type-list .list-view  .spajder-post:last-of-type {
	border-width: 1px 0 1px 0;

}

.elementor-widget-spajder-posts.list-type-list .list-view  .spajder-post .image-box {
	width: 130px;
	height: 130px;
	min-width: 130px;
	/* margin-right: 30px; */
	position: relative;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .image-box span {
	position: absolute;
	bottom: 4px;
	right: 0;
	width: 60px;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 0px 3px 0px;
	color: #F0EDE7;
	text-align: center;
	font-family: 'Roca two';
	text-transform: uppercase;
}

.indie {
	background-color: #48494a;
}

.hiphop {
	background-color: #DD3333;
}

.rock {
	background-color: #9614D0;
}

.jazz {
	background-color: #288841;
}

.world {
	background-color: #ED6C05;
}

.pop {
	background-color: #5b3e31;
}

.funk {
	background-color: #03befc;
}

.soul {
	background-color: #DD3333;
}

.klubb {
	background-color: #B8144C;
}

.blues {
	background-color: #0027c4;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post img, .spajder-post .placeholder {
	object-fit: cover;
	width: 130px;
	height: 130px;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .post-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: 30px;
	flex-grow: 1;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header {
	display: flex;
	flex-direction: column;
	/* align-items: flex-end; */
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header:hover {
	background: none;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post h2 {
	margin: 0;
	color: #F0EDE7;
	font-size: 26px;
	line-height: 37px;
}

.elementor-widget-spajder-posts.list-type-list .spajder-post-meta span.timestamp {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
	color: #E8A018;
	display: inline-block;
	font-family: 'Roca two';
}
.elementor-widget-spajder-posts.list-type-list .spajder-post-meta span.genre {
	width: 60px;
	height: max-content;
	min-width: max-content;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 0px 1px 0px;
	color: #F0EDE7;
	text-align: center;
	font-family: 'Roca two';
	text-transform: uppercase;
	margin-left: 5px;
	display: block;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header a .genre-mobile {
	display: none;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post-meta a {
	color: var(--e-global-color-accent)
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header a {
	flex-basis: 100%;
	width: 100%;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .post-item .heading {
	display: flex;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .post-item .heading a {
	font-weight: 100;
	color: var(--e-global-color-accent);
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .post-item .content {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #F0EDE7;
	width: 90%;
	margin-top: 5px;
	font-family: 'GT Pressura Light';
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .buttons {
	display: flex;
	flex-direction: column;
	flex-basis: 25%;
	align-items: flex-end;
	align-self: flex-end;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .buttons a {
	color: #F0EDE7;

	text-align: center;
	text-transform: uppercase;
	font-family: 'Roca two';
	font-size: 16px;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .readmore {
	margin-top: 10px;
border: 1px solid #F0EDE7;
border-radius: 2px;
padding: 13px 30px 11px 30px;
width: max-content;
}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .event-tickets {
	margin-top: 10px;
background-color: #288841;	
border-radius: 2px;
padding: 13px 16px 11px 16px;
width: max-content;

}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .buttons span {
	margin-top: 10px;
background-color: #ED6C05;	
border-radius: 2px;
padding: 13px 24px 11px 24px;
width: max-content;
color: #F0EDE7;
text-align: center;
text-transform: uppercase;
font-family: 'Roca two';
font-size: 16px;

}

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .buttons .no-tickets {
	background-color:#B8144C;
	margin-top: 10px;
	border-radius: 2px;
	padding: 13px 35px 11px 35px;
	width: max-content;
} 

.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .tags {
	font-size: 8px;
	margin-top: 20px;
	font-weight: 200
}

.elementor-widget-spajder-posts.list-type-list .show-more button {
	outline: none;
	border: none;
	margin: 25px auto;
	background-color: transparent;
	color: #E8A018;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer
}

.elementor-widget-spajder-posts.list-type-list .show-more button::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 9px;
	margin-right: 10px;
	mask-image: url(../assets/caret-down.svg);
	-webkit-mask-image: url(../assets/caret-down.svg);
	background-color: #E8A018;
}

@media screen and (max-width:724px) {

	
.elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .post-item {
	margin-left: 0
}
	
}

/* SQUARE STYLE */

.elementor-widget-spajder-posts.list-type-list .square-view {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1.9%;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
	flex-basis: 32%;
	max-width: 330px;
	margin-bottom: 20px;
	padding-top: 10px;
}

/* @media screen and (min-width: 1315px) and (max-width: 1415px) {
	.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
		max-width: 250px;
	}
} */

/* @media screen and (min-width: 1180px) and (max-width: 1315px) {
	.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
		max-width: 220px;
	}
} */


.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .spajder-post-meta a h2 {
	font-size: 18px;
	color: #F0EDE7;
	line-height: 26px;
	margin: 0;
	white-space: nowrap;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .spajder-post-meta span{
	margin: 0 0 5px 0;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box{
	height: 463px;
	width: 330px;
	position: relative;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post img {
	width: 100%;
	max-width: 330px;
	height: 463px;
	object-fit: cover;
	position: relative;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box:hover::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 330px;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.16%, rgba(0, 0, 0, 0.6365) 54.7%, rgba(0, 0, 0, 0.95) 99.93%);
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .hover-info>span {
	top: 22px;
	right: 0;
	width: 60px;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 0px 3px 0px;
	margin-bottom: 10px;
	color: #F0EDE7;
	text-align: center;
	font-family: 'Roca two';
	text-transform: uppercase;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .hover-info {
	display: none;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box:hover .hover-info {
	position: absolute;
	bottom: 20px;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	z-index: 4;
	color: #F0EDE7;
	font-size: 16px;
	line-height: 26px;
	padding: 0 10px;
	max-width: 100%;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box:hover .hover-info .buttons {
	/* position: absolute;
	bottom: 20px;
	left: 0; */
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .readmore {
	margin-top: 10px;
	border: 1px solid #F0EDE7;
	border-radius: 2px;
	padding: 13px 28px 11px 28px;
	width: 48%;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .readmore:hover {
	border-color: #E8A018;
	color: #E8A018
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .event-tickets {
	margin-top: 10px;
	background-color: #288841;	
	border-radius: 2px;
	padding: 13px 15px 11px 15px;
	width: 48%;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .event-tickets:hover {
	background-color: rgba(40, 138, 66, 0.65);
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .buttons span {
	margin-top: 10px;
background-color: #ED6C05;	
border-radius: 2px;
padding: 13px 24px 11px 24px;
width: max-content;
color: #F0EDE7;
text-align: center;
text-transform: uppercase;
font-family: 'Roca two';
font-size: 16px;
}
.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .buttons a {
	color: #F0EDE7;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Roca two';
	font-size: 16px;
}

.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box .buttons .no-tickets {
	background-color:#B8144C;
	margin-top: 10px;
	border-radius: 2px;
	padding: 13px 35px 11px 35px;
	width: max-content;
}

.elementor-widget-spajder-posts.list-type-list .square-view .show-more {
	width: 100%;
	margin-top: 40px;
}

/* Search bar */
.filter-bar {
	border-top: 1px solid #E8A018;
	padding: 20px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	-webkit-appearance: none;
}

.filter-fields {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-basis: 100%;
}

.filter-fields input {
	flex-basis: 27%;
	background-color: transparent;
	outline: none;
	border: 1px #757575 solid;
	padding: 12px;
	color: #F0EDE7;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Roca two';
	font-weight: 100;
}

.filter-fields input::placeholder {
	color: #F0EDE7;
}

.filter-fields select {
	flex-basis: 30%;
	background-color: transparent;
	border: 1px #757575 solid;
	outline: none;
	padding: 12px;
	color: #F0EDE7;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Roca two';
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: 100;

}

.filter-fields.yes input {
	flex-basis: 43%;
}

.layout-buttons {
	border: 1px #757575 solid; 
	padding: 14px;
	display: flex;
	flex-basis: 10%;
	max-width: 100px;
	justify-content: space-between;
}

.square {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url('../assets/Group241.svg');
  mask-image: url('../assets/Group241.svg');
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	background-color: #F0EDE7;
}

.list {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url('../assets/Group240.svg');
  mask-image: url('../assets/Group240.svg');
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	background-color: #F0EDE7;
}

.layout-buttons .active {
	background-color: #E8A018;
}

option {
	background: black;
	color: white;
	}
	
	.post-count.hidden {
	display: none;
	}

@media screen and (min-width: 800px) and (max-width: 1200px) {
	.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
		flex-basis: 45%;
		/* max-width: 275px; */
	}
}

@media screen and (min-width: 600px) and (max-width: 800px) {
	.mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view {
		flex-direction: row;
	}
	.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
		flex-basis: 45%;
		max-width: 275px;
	}
}

@media screen and (max-width: 600px) {
	.mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view {
		flex-direction: column;
	}
	.elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
		flex-basis: 45%;
		max-width: 400px;
	}
}


/* mobile view */

/* .mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view {
	flex-direction: column;
} */

/* .mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view .spajder-post {
	flex-basis: 100%;
	max-width: unset;
} */

.mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box {
	width: 100%;
	height: auto;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view .spajder-post .image-box:hover::after {
	width: 100%;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .square-view .spajder-post img {
		width: 100%;
		max-width: unset;
		height: auto;
		min-height: 463px;
		object-fit: contain;
		position: relative;
		padding-bottom: 20px;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post {
	flex-wrap: wrap;
	padding: 20px 10px 20px 0px;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .content {
	display: none;
	font-size: 22px;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .post-item {
	order: 1;
	width: 100%;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .image-box {
display: none;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .buttons {
	order: 3;
	width: 100%;
	margin-right: 0px;
	flex-direction: row;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .event-tickets {
margin-right: 20px;
padding: 15px 16px 12px 16px;

}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header {
	flex-direction: column;
	align-items: flex-start;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post h2 {
	display: inline;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header a {
	display: flex;
	/* justify-content: space-between; */
	align-items: flex-start;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .spajder-post-meta span.genre {
	display: none;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post header a .genre-mobile {
	width: 60px;
	min-width: 60px;
	height: max-content;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 5px 1px 5px;
	color: #F0EDE7;
	text-align: center;
	font-family: 'Roca two';
	text-transform: uppercase;
	margin-left: 10px;
	margin-top: 5px;
	display: block;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .list-view .spajder-post .image-box span {
	left: 0;
}

.mobile-menu .elementor-widget-spajder-posts.list-type-list .spajder-post-meta span {
	margin: 0 0 5px 0;
}

.mobile-menu .filter-bar {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	background: #232323;
	width: 100%;
	padding: 20px;
}

.mobile-menu .filter-bar input[type='date'] {
	display: none;
}

.mobile-menu .filter-bar input[type=text] {
	flex-basis: 50%;
	border-radius: 0;
	border-right: none;
}

.mobile-menu .filter-bar select {
	border-right: none;
}

.mobile-menu .filter-bar .layout-buttons {
	flex-basis: 20%;
	min-width: 90px;
}