.calender-container{
	overflow: hidden;
}

.calendar-filters{
	margin-bottom: 0!important;
}

/* Not MO scope */
body:not(.site-1) #kultunaut-content-1.calender-container .sted_link{
	display: none;
}

#kultunaut-content-1.calender-container .sted_link{
	background: #c9c9c930;
	margin-top: 20px;
}

#kultunaut-content-1.calender-container .calendar-event-card:hover .sted_link{
	background: var(--secondary-color);
	color: var(--header-color);
}

#nautarrlist .calendar-header,
#nautarrlist .calendar-header .calendar-pagination,
#nautarrlist .calendar-filters #naut-datepicker input{
	font-size: var(--text-small-size);
}

@media only screen and (max-width:1024px) {
	.calendar-header.minilist,
	#nautmenu {
		margin: 0 var(--site-padding-value);
		padding: var(--site-padding-value) 0;
	}
}

@media only screen and (max-width:1024px) {
	#nautarrlist .calendar-header .calendar-filters{
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 1025px) {
    #nautarrlist .calendar-header > .section-title{
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    #nautarrlist .calendar-header > .calendar-filters{
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
	#nautarrlist .calendar-header .calendar-pagination{
		flex: 0 0 25%!important;
        max-width: 25%!important;
	}
}

.calender-container .location{
	background: #E5E5E5;
	color: var(--secondary-color);
	font-family: var(--font-base);
	font-weight: var(--bold-font-weight);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-small-size);
	line-height: var(--text-small-line-height);
	height: 60px;
	width: 250px;
	border-radius: 30px;
	transition: all .3s ease;
}

@media only screen and (max-width:1024px) {
	.calender-container .location{
		margin-bottom: 20px;
	}
}

.calender-container .space-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.calender-container .calendar-events{
	margin-bottom: 70px;
}

.calender-container .calendar-event-card {
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
	transition: background .3s ease;
	border-bottom: 1px solid #00000030;
}
@media only screen and (min-width: 1025px) {
	.calender-container .calendar-event-card {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
@media only screen and (max-width:1024px) {
	#kultunaut-content-1.calender-container .calendar-event-card {
		margin: 0 var(--site-padding-value);
		padding: var(--site-padding-value) 0;
	}
}

@media only screen and (max-width: 1024px) {
    #kultunaut-content-1.calender-container .calendar-events > a .calendar-event-card{
		padding-top: 20px;
        padding-bottom: 20px;
        min-height: initial;
	}
}

#kultunaut-content-1.calender-container .calendar-events:hover .calendar-event-card {
	border: 0;
    padding-bottom: 31px;
}

#nautarrlist .custom-select .selected{
	font-weight: bold;
	font-size: var(--text-small-size);
	cursor: pointer;
}

#nautarrlist #naut-datepicker input[type="date"]{
	position: relative;
	cursor: pointer;
}

#nautarrlist #naut-datepicker input[type="date"]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    right: 0;
    top: 1px;
    background-color: var(--theme-white);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 19 16" fill="none"><g transform="rotate(90 9.5 8)"><path d="M10.6938 15.4434L18.7168 7.79734L10.6938 0.151323L9.49033 1.35366L15.3822 6.93165L0.238921 6.93165L0.238921 8.66304L15.3822 8.66304L9.49033 14.241L10.6938 15.4434Z" fill="black"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 15px 15px;
    pointer-events: none;
}

#nautarrlist .calendar-header .kategori_genre{
	width: 180px;
}

@media only screen and (min-width:1025px) {
	.calender-container .calendar-event-card .column{
		padding-right: 2rem;
	}
}

.calender-container .calendar-event-card .column:last-child{
	padding-right: 0;
}
#kultunaut-content-1.calender-container .calendar-event-card:hover{
	background: transparent;
}
#kultunaut-content-1.calender-container .calendar-events > a{
	display: block;
	transition: background .3s ease;
}
#kultunaut-content-1.calender-container .calendar-events > a:hover{
	background: var(--calender-card-hover);
}
/* MO scope */
body.site-1 #kultunaut-content-1.calender-container .calendar-events > a:hover{
	background: #7DD6C7;
}

.calender-container .calendar-event-card:hover .location{
	background: var(--secondary-color);
	color: var(--primary-color);
}

@media only screen and (min-width:1025px) {
	.calender-container .calendar-dates{
		padding-left: var(--site-padding);
	}
}

.calender-container .event-date,
.calender-container .event-time {
	font-size: clamp(35px, 4vw, 45px);
	line-height: clamp(35px, 4vw, 45px);
	color: var(--secondary-color);
	font-family: var(--font-headers-secondary)!important;
	font-weight: var(--header-secondary-font-weight)!important;
}

body:not(.site-3) .calender-container .event-date,
body:not(.site-3) .calender-container .event-time{
	font-weight: 600!important;
}

.calender-container .event-time{
	color: #AFB4BB;
	transition: color .3s ease;
}

.calender-container .calendar-event-card:hover .event-time{
	color: var(--secondary-color);
}

.calender-container .event-title {
	font-size: var(--text-size);
	line-height: var(--text-line-height);
	font-family: var(--font-base);
	font-weight: var(--bold-font-weight);
	margin: 20px 0 0 0;
}

@media only screen and (min-width:1025px) {
	.calender-container .event-title {
		margin: 0;
	}
}

.calender-container .event-description {
	font-size: var(--text-small-size);
	line-height: var(--text-small-line-height);
}

#kultunaut-content-1 .calender-container .event-description {
	margin-bottom: 20px;
}

.calender-container .event-image {
	width: 100%;
	height: 280px;
	object-fit: cover;
}

#kultunaut-content-1{
	padding: 0;
}

#kultunaut-content-1 .event-date{
	text-transform: lowercase;
}

.calendar-block .calendar-header.grid-container{
	align-items: flex-end;
}

@media only screen and (min-width:1025px) {
	.calendar-block .calendar-filters,
	.calendar-block .calendar-pagination{
		margin-bottom: 16px;
	}
}

@media only screen and (max-width:1024px) {
	#nautarrlist .viser_top{
		margin-bottom: 30px;
	}
	#nautarrlist .calendar-filters{
		display: block!important;
	}
	#nautarrlist #naut-datepicker{
		margin-bottom: 10px;
	}
	#nautarrlist #naut-datepicker input[type="date"]::after{
		width: 40px;
	}
	#nautarrlist #naut-datepicker,
	#nautarrlist #naut-datepicker input[type="date"]{
		width: calc(100vw - var(--site-padding-value) - var(--site-padding-value));
		font-size: var(--h2-size);
		line-height: clamp(34px, 4vw, 42px);
		font-family: var(--font-headers-secondary);
   		font-weight: var(--header-secondary-font-weight);
	}
	#nautarrlist .calendar-header .kategori_genre{
		width: 100%;
		border-top: 1px solid #00000030;
		border-bottom: 1px solid #00000030;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#nautarrlist .calendar-header .kategori_genre svg{
		right: 5px;
	}
	#nautarrlist .calendar-header .kategori_genre .selected{
		padding: 0;
		font-size: var(--h2-size);
		line-height: clamp(34px, 4vw, 42px);
		font-family: var(--font-headers-secondary);
   		font-weight: var(--header-secondary-font-weight);
	}
	#nautarrlist .calendar-header .kategori_genre .custom-select ul.options{
		top: 50px!important;
   		left: -22px!important;
	}
	.calendar-block .calendar-pagination .calendar-see-all{
		margin-bottom: -22px;
	}
}

@media only screen and (min-width:1025px) {
	#nautarrlist .calendar-header .calendar-pagination{
		justify-content: flex-end;
		align-items: center;
	}
}

#nautarrlist .calendar-header .calendar-pagination div:last-child{
	display: none;
}

.calendar-header.minilist{
	border-bottom: 1px solid #00000030;
}

@media only screen and (min-width:1025px) {
	.calendar-header.minilist{
		margin-left: var(--outer-padding-value);
		padding-bottom: 0;
	}	
}

.calendar-header.minilist .calendar-see-all{
	font-family: var(--font-base);
    font-weight: var(--bold-font-weight);
	font-size: var(--text-small-size);
}

.calendar-header.minilist .calendar-pagination{
	display: flex;
	justify-content: flex-end;
	align-items: center;	
}

#nautarrlist .menu{
	padding-bottom: 0;
}

#nautarrlist .calendar-filters{
	align-items: center;
}

@media only screen and (min-width:1025px) {
	#nautarrlist .calendar-filters{
		margin-bottom: 16px!important;
	}
	.calender-container .event-description{
		padding-right: 30%;
	}
}