#f2_official {
	top: 0; right: 0; width: 100%; background-color: var(--temno_siva) !important; margin-top: 20px;
}



#f2_official .f2-event_cover {
	width: 100%; object-fit: cover; 
}

#f2_official #f2_schedule .f2-slika {
	height: 240px; width: 100%;
}

#f2_official #f2_accomodation .f2-slika,#f2_invites .f2-slika,#f2_official #f2_ticket .f2-slika {
	height: 170px; width: 100%; margin: 10px 16px 10px 0;
}

#f2_official #f2_accomodation .f2-amen,#f2_invites .f2-amen,#f2_official #f2_ticket .f2-amen {
	height: 140px; background-color: var(--black) !important; margin-bottom: 16px;
}

#f2_official #f2_accomodation .f2-amen img,#f2_invites .f2-amen img,#f2_official #f2_ticket .f2-amen img {
	width: 140px;
}

#f2_official #f2_accomodation #f2_hotel,#f2_invites #f2_hotel,#f2_official #f2_ticket #f2_hotel {
	display: none; margin-top: -62px;
}

#f2_official #f2_going button,#f2_official #f2_maybe button {
	margin-top: -86px;
}

#f2_official .f2-btn_black,#f2_official .f2-btn_roza {
	text-align: left;
}

#f2_official .f2-m_badges {
	margin: 10px 0; display: flex;
}

#f2_official .f2-m_badges img {
	width: 28px; height: 28px;
}

#f2_official #f2_ticket #f2_map {
	position: relative; display: block; margin: 10px -16px 10px -90px;
}

#f2_official #f2_ticket #f2_map .f2-map {
	object-fit: cover; width: 100%; height: 280px;
}

#f2_official #f2_ticket #f2_map .f2-loc {
	position: absolute; top: 182px; left: 202px; width: 23px; height: auto;
}

#f2_about_biz0,#f2_about_biz1 {
	line-height: 25px; justify-content: space-between; margin-top: 16px;
}

.f2-calendarEvent {
	width: 94px; height: 160px; display: flex; position: absolute; z-index: 55; top: 30px; left: 20px; background: url(/st2/img/calendar.svg) no-repeat 0 0; flex-direction: column; padding: 25px 15px 15px 15px;
}

.popupHeader.f2-shadowPopUp .f2-calendarEvent {left: 17px;}

.f2-calendarEvent span.f2-cmon {
	text-transform: uppercase; display: block; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #fff; font-size: 20px; line-height: 27px;
}

.f2-calendarEvent span.f2-cnum {
	font-weight: 400; font-size: 53px; line-height: 60px;
}

.f2-calendarEvent span.f2-cday {
	font-weight: 400; font-size: 23px;
}

.f2-officialEvent {
	padding-top: 100px; 
}


.f2-calendarParty {
	margin-top:-90px;
}
.f2-calendarParty .f2-cal{
	z-index:55;
}
#f2_party_menu_top{
	
}
#f2_party_menu_top .f2_topPageNav{
	padding-left:110px;
}
.f2-eventWrapper {
	padding: 20px 40px 40px 135px; position: relative;
}

.f2-eventWrapper.f2-party {padding-left: 125px;}
.f2-eventWrapper.f2-party .f2-dressCode  {margin-top: 10px;}
.f2-eventWrapper.f2-party .f2-dressCode  span.pink{color: var(--roza);}

#f2_past_event_comments .f2-comnumlbl .ff2-up{
	display:none;
}

.f2-eventWrapper .f2-eventOrganizer {
	position: absolute; top: 20px; left: 20px; width: 94px; height: 94px; display: block; border-radius: 100%; object-fit: cover;
}

.f2-eventWrapper.f2-party  .f2-eventOrganizer{
	left: 0; width: 85px; height: 85px; 
}

.f2-eventWrapper .f2-topEventData {
	display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px;
	border-bottom: 1px solid var( --roza); max-width: 260px; padding-top: 30px;
}

.f2-eventWrapper .f2-topEventData .f2-country { min-width: 80px;   display: flex; justify-content: flex-end;}

.f2-eventWrapper .f2-topEventData .f2-data {
	 width: auto; max-width: none; align-items: center; 
}

.f2-eventWrapper .f2-topEventData .f2-data a {
	  display: block;
}


.f2-eventWrapper .f2-topEventData .f2-data i {
	padding-left: 30px;
}

.f2-eventWrapper .f2-topEventData .f2-data span.f2-pika {
	padding: 0 5px; margin: 0; padding-bottom: 25px; margin-bottom: 25px; display: block;
}

.f2-eventWrapper .f2-popUpButtonLeft button {margin: 16px 16px 0 0;}

.f2-eventMainTitle {line-height: 30px;
	margin-bottom: 25px; border-bottom: 1px solid #000; padding-bottom: 25px; font-weight: 700; padding-top: 10px;
}


.f2-eventLocationDateData span {
	display: block;  
}

.f2-eventLocationDateData span.f2-milage {
	margin-bottom: 0; color: var(--svetlo_siva);
}

.f2-ticketsAndPrices {
	border-top: 1px solid #000; padding-top: 16px; margin-top: 16px;
}

.f2-eventPrices {
	width: auto; height: auto; margin: 0; padding: 0; list-style-type: none;
}

.f2-eventPrices li {
	display: flex; align-items: center; justify-content: space-between;
}

.f2-eventPrices li.premium span.flt {
	color: #fff;
}

.f2-eventPrices li.button {
	justify-content: flex-end;
}

.f2-eventPrices li.button button {
	max-width: 260px;
}

.f2-purchasedButtons {
	display: flex; align-items: center;
}

.f2-purchasedButtons button {
	margin-right: 10px;
}

.f2-eventGoing {
	display: flex; align-items: center;
}

.f2-eventGoing .buttons {
	display: flex; align-items: center; margin-left: 20px;
}

.f2-eventGoing .buttons button {
	margin: 0;
}

.f2-eventMessagesButtons {
	display: flex; align-items: center; justify-content: space-between; max-width: 625px; flex-wrap: wrap;
}

.f2-eventMessagesButtons button {
	width: calc(50% - 10px); max-width: 100%;  margin-bottom: 0;
}

.f2-accordionContainer {
	border-bottom: 1px solid #000; padding: 15px 0 10px 0;
}

.f2-accordionTitle {
	width: 100%; position: relative; padding-right: 100px; cursor: pointer;
}

.f2-accordionTitle h3 {
	font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; color: var(--svetlo_plava);
}

.f2-accordionTitle h3 span {
	font-weight: 400; font-size: 18px; text-transform: none; line-height: 25px; color: var(--svetlo_siva); letter-spacing: 0; display: block;
}

.f2-accordionTitle .f2-icons {
	width: 70px; position: absolute; top: 0; right: 0; display: flex; align-items: center;
}

.f2-accordionTitle .f2-icons i {
	font-size: 28px; line-height: 28px; color: var(--svetlo_plava);
}

.f2-accordionTitle .f2-icons i.ff2-check-circle {
	color: var(--zelena);
}

.f2-accordionTitle .f2-icons i.ff2-hiw {
	color: var(--rumena);
}

.f2-accordionWrapper .f2-ticketsAndPrices {
	border-top: none; margin-top: 0; padding-top: 0;
}

.f2-accordionWrapper .f2-eventPayments {
	width: auto; height: auto; margin: 0 0 20px 0; padding: 0; list-style-type: none; border-top: 1px solid #000;
}

.f2-accordionWrapper .f2-eventPayments li {
	display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000; padding: 7px 0;
}

.f2-accordionWrapper .f2-eventPayments li.f2-line-through,
.f2-accordionWrapper .f2-eventPayments li.f2-line-through label, 
.f2-accordionWrapper .f2-eventPayments li.f2-line-through span {color: #a6a8ab;}

.f2-accordionWrapper .f2-purchasedButtons button  span.threeDots {
	max-width: 200px;
}

.f2-accordionWrapper .f2-notPaid .f2-eventPayments {
	margin-top: 20px;
}

.f2-accordionWrapper .f2-notPaid .f2-eventPayments li {
	/* margin-left: 15px; */
}

.f2-accordionWrapper .f2-notPaid .f2-eventPayments li.title {
	font-weight: 700;
}
.f2-accordionWrapper .f2-notPaid .f2-eventPayments li.eventAdditionalContent{
	
}
.f2-accordionWrapper .f2-notPaid .f2-eventPayments li.eventAdditionalContent h3{
	font-weight: 400;
	/* margin-left: -15px; */
}

.f2-accordionWrapper .f2-notPaid .f2-purchasedButtons {
	margin-top: 30px; margin-bottom: 25px;
}

.f2-accordionWrapper .f2-notPaid .f2-purchasedButtons button {
	margin: 0;
}

.f2-accordionWrapper .f2-notPaid .f2-eventPayments li span.price { min-width: 80px; text-align: right; white-space: nowrap}

.eventAdditionalContent h3 {
	font-weight: 700; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; color: #FFFFFF; margin-bottom: 10px;
}

.eventAdditionalContent ul,.eventAdditionalContent p {
	margin-bottom: 20px;
}

.eventAdditionalContent ul {
	margin-left: 20px;
}

/*tickets*/
.f2-accordionContainer.f2-ticketsWrapper .f2-title h3 {font-size: 18px; font-weight: 800; line-height: 22px;}
.f2-accordionContainer.f2-ticketsWrapper .f2-title h3 span {display: block; font-weight: normal; font-size: 13px;}
.f2-accordionContainer.f2-ticketsWrapper .f2-title h3 span.f2-soldOut {color: var(--roza);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title h3 span.f2-available {color: var(--zelena);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title h3 span.fcz {color: var(--zelena);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title h3 span.fcru {color: var(--rumena_info);}


.f2-accordionContainer.f2-ticketsWrapper .f2-title{display: flex; align-items: center; justify-content: space-between;}
.f2-accordionContainer.f2-ticketsWrapper .f2-title .f2-icons i {font-size: 24px;color: var(--zelena);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title .f2-icons i.ff2-check-circle {color: var(--zelena);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title .f2-icons i.ff2-do_not {color: var(--roza);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title .f2-icons i.ff2-hiw.fcru {color: var(--rumena_info);}
.f2-accordionContainer.f2-ticketsWrapper .f2-title .f2-icons  i::before {margin: 0;}


.f2-accordionContainer.f2-ticketsWrapper .f2-ticketsButtons {display: flex; align-items: center; justify-content: space-between;}
.f2-accordionContainer.f2-ticketsWrapper .f2-ticketsButtons .f2-icons .fut {cursor: pointer; color: var(--svetlo_plava)}
.f2-accordionContainer.f2-ticketsWrapper .f2-ticketsButtons .f2-icons .fut:hover {text-decoration: underline;}


.f2-accordionContainer.f2-ticketsWrapper  .f2-eventPayments.f2-in-title {
	width: auto; height: auto; margin: 0; padding: 0; list-style-type: none;	
}

.f2-accordionContainer.f2-ticketsWrapper .f2-eventPayments.f2-in-title li {
	display: flex; align-items: center; justify-content: space-between;  padding: 0;
}

.f2-accordionContainer.f2-ticketsWrapper .f2-eventPayments.f2-in-title li.f2-noPlan label,
.f2-accordionContainer.f2-ticketsWrapper .f2-eventPayments.f2-in-title li.f2-noPlan span {color: #A6A8AB; }

.f2-accordionContainer.f2-ticketsWrapper .f2-eventPayments.f2-in-title li.f2-noPlan span {text-decoration: line-through;}

#f2_invites  .f2-gumb.n{border-bottom: 1px solid #000;}

.f2-travelPlanSchedule ul  {list-style-type: none; margin-bottom: 20px;}




@media only screen and (max-width:720px) {
	.f2-accordionWrapper .f2-purchasedButtons {
		flex-direction: column; align-items: flex-start; justify-content: flex-start;
	}
	.f2-accordionWrapper .f2-purchasedButtons button {
		margin: 0; margin-top: 15px;
	}
	.f2-accordionWrapper .f2-eventPayments {
		margin-top: 20px;
	}
	.f2-calendarEvent {
		width: 54px; height: 90px; top: 19px; padding: 19px 10px 15px 10px;
	}
	.f2-eventWrapper {
		padding: 20px 20px 40px 20px;
	}
	.f2-officialEvent {
		padding-top: 75px;
	}
	.f2-calendarEvent span.f2-cmon {
		font-size: 15px; line-height: 10px;
	}
	.f2-calendarEvent span.f2-cnum {
		font-weight: 400; font-size: 23px; line-height: 22px;
	}
	.f2-calendarEvent span.f2-cday {
		font-weight: 400; font-size: 14px;
	}
	.f2-eventWrapper {
		padding: 20px 20px 40px 95px
	}
	.f2-eventWrapper .f2-eventOrganizer {
		width: 60px; height: 60px;
	}
	
	.f2-eventWrapper .f2-topEventData {max-width: 100%; padding-top: 0;}
	.f2-eventLocationDateData span {margin: 0;}
	.f2-eventLocationDateData {margin-top: 20px;}
	
	#f2_private .f2-calendarParty {
    margin-top: 0;
    position: absolute;
    top: 80px;
	}
	
	.f2-eventWrapper.f2-party .f2-eventOrganizer {width: 60px; height: 60px;}
    .f2-eventWrapper.f2-party {padding-left: 0; padding-right: 0;}
    #f2_party_top {padding-left: 70px;}
}


@media only screen and (max-width:450px) {
	.f2-eventMessagesButtons {
		flex-direction: column; align-items: flex-start;
	}
	.f2-eventMessagesButtons button {
		width: 100%; margin-bottom: 0;
	}
	.f2-eventMessagesButtons button:first-child {
		 /* margin-bottom: 20px; zakaj je to?? */ 
	}
	.f2-eventWrapper {
	    padding: 20px 20px 40px 20px;
	}
	
	
	#f2_invites.f2-eventWrapper{
	    padding-top: 50px;
	}
	#f2_schedule.f2-eventWrapper {
	    padding-top: 70px;
	}
	
	.f2-officialEvent .f2-eventWrapper {
	    /*padding: 20px 0;*/
	}
	.f2-eventWrapper .f2-eventOrganizer {top: 10px;}
	.f2-eventWrapper .f2-topEventData {padding-left: 70px;}
}

@media only screen and (max-width:800px) {
	.f2-popup-content.f2-officialEvent.f2-detail-page {padding: 0;}
}




.f2-haveyou {padding: 16px 21px 16px 21px; background: #3d3d3d;}
.f2-eventValidation {font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3.9px; margin-bottom: 16px;}



#f2_past_event .f2-top_800 .f2-gumb.n{display: flex; align-items: center;}
#f2_past_event .f2-top_800 h3.fut {padding: 0; line-height: 20px;}
#f2_past_event .f2-top_800 h3.fut strong {display: block;}

#f2_past_event  #f2_event_cover {position: relative;padding:0}
#f2_past_event  #f2_event_cover .f2-editEvent {position: absolute; right: 10px; bottom: 4px;}

.f2-accordionTitle h3 span.f2-available,
#f2_ticket .f2-accordionContainer .f2-accordionTitle .ff2-ticket {color: var(--zelena);}
#f2_ticket .f2-accordionContainer .f2-accordionTitle .ff2-do_not,
.f2-accordionTitle h3 span.f2-soldOut {color: var(--roza);}

.f2-event-cover-widthBanner {position: relative; overflow: hidden;}
.f2-event-cover-widthBanner img {display: block;}
.f2-event-cover-widthBanner .f2-bannerOverlay {width: 345px;
    left: auto;
    right: -90px;
    top: auto;
    bottom: 60px;
    background: #ec1164;}

/*pastevent*/
.f2-event-cover-widthBanner_pastevent img {display: block;}
.f2-event-cover-widthBanner_pastevent {position: relative; overflow: hidden;}

.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay {width: 345px; left: auto; right: -120px; height: 180px; justify-content: flex-start; bottom: -40px; top: auto;}
.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.event {background: #d39b0d;}
.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.event.soldout {background: #ec1164de;}
.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.event.canceled {background: #ec1164de;}
.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.soldOut {background: var(--roza); flex-direction: column;}

/*posts*/
.f2-post .f2-event-cover-widthBanner_pastevent.f2-cover-img {padding-top: 0;} 
.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay {right: -130px; bottom: -47px;}

.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay span {font-size: 19px;}
.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.event span {font-size: 13px;}

@media only screen and (max-width:600px) {
	.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay {right: -130px;}
}

@media only screen and (max-width:500px) {
	.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay span {font-size: 13px; letter-spacing: 1px;}
	.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay {height: 150px; right: -140px;}
	
	.f2-event-cover-widthBanner .f2-bannerOverlay {bottom: 40px; right: -110px;}	
	.f2-bannerOverlay span {font-size: 21px; letter-spacing: 3px;}
	
	.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay {bottom: -37px;}
	
	.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.event span {font-size: 11px;}	
	.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay.event {bottom: -37px; right: -136px;}
	
	
	
	#f2_event_cover.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay	{height: 155px; right: -130px;}
}


@media only screen and (max-width:420px) {
	.f2-event-cover-widthBanner .f2-bannerOverlay {bottom: 30px; right: -110px;}	
	.f2-bannerOverlay span {font-size: 18px; letter-spacing: 3px;}
	
	.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay	{bottom: -57px; right: -156px;}
	.f2-post .f2-event-cover-widthBanner_pastevent .f2-bannerOverlay span {font-size: 15px;}
	
}


@media only screen and (max-width:370px) {
	#f2_event_cover.f2-event-cover-widthBanner_pastevent .f2-bannerOverlay {
	    height: 165px;
	    right: -120px;
	}
	
}