/* TIVOLIVREDENBURG */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* LOGO */

#SiteHead2 h1.logo, #SiteHead2 div.logo {

	background-image: url(https://cdn.tixly.com/nl/tix/Skin/20190411/81/Images/logo_tivre_1200x1200.png) !important;

	width: 45px !important;

}

/* Other logo dimensions on mobile */

/* @media only screen and (max-width: 480px) {

	#SiteHead2 h1.logo, #SiteHead2 div.logo {

		background-image: url(https://cdn.tixly.com/nl/tix/Skin/20190411/70/Images/logotivr.png) !important;

		width: 68px !important;

	}

} */

/* hide basket icon on small screens */

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

	.headtexttotal .tickets svg:first-of-type {

		display: none !important;

	}

	.headtexttotal .expires {

		margin-left: 14px !important;

	}

	.headtexttotal .total {

		margin-left: 0px !important;

	}

}

#BuyingHead {

	padding: 10px 0px 0px 0px;

	color: black !important;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

/* buttons */

.button {

	border-radius: 0.562rem;

	font-family: 'Montserrat', sans-serif;

	font-size: 1.125rem;

	font-weight: 700;

	text-decoration: none;

	color: #fff;

	background-color: #ff4d5b;

	transition: 0.3s;

}

.button:hover {

	background-color: #000;

	box-shadow: 0 4px rgba(0, 0, 0, 0.2);

	-ms-transform: translateY(-2px);

	transform: translateY(-2px);

	cursor: pointer;

}

/* Aanpassing button kleuren */

#MobileDownloadContent a.button {

	color: white !important;

}

#forward-tickets-body div.item-description {

	border-top: 4px solid white !important;

}

.basket-message-container .message-area p {

	padding-bottom: 10px !important;

	line-height: 1.3 !important;

}

/* Custom font on most items */

#SiteHead2,

#BuyingHead,

.primary-c,

#BuyingSteps div .text,

#EventSelector td.name,

#EventSelector td.date,

#EventSelector .selection-heading th,

#TicketSelectTitle,

#TicketSelector .name,

.button,

.button-small,

#TicketSelector .select-zone,

#TicketResultText,

#TicketResults th,

#DeliveryTypeTitle,

#DeliverySelect li label,

#DeliverySelect li label span.description,

#ProductSelect h2,

#ProductSelect ul.tiles li.product .info h1,

.product-popup-description p,

.product-popup-title h2,

.basket-title,

.basket-line,

#BuyerTitle,

#CardTitle,

#GiftCardTitle,

#InsuranceTitle,

.profile-title,

.headtexttotal li,

#TicketResults .sum .text,

#TicketResults .sum td,

.item-info,

.item-list .results-items .item-details .item-info>span>span,

.item-list .results-header .total .prices .text,

.item-list .results-header .title h2,

#BasketContainer h3,

.item-list .results-header .total .prices .text,

#PurchaseLogin h2,

#ProfileFields .profile-heading,

#ProfileBar ul li button,

#EventSelector .event-select.selected td,

#EventSelector .event-select.selected td,

#SeasonCardHeader .description h2,

#SeasonCardHeader .description p,

#SeasonCardSelect .heading h1,

#SeasonCardSelect .heading .number-of-cards .ticket-type-row h4,

#SeasonCardSelect .shows ul.tiles li.show .info h1 a,

#SeasonCardSelect .shows ul.tiles li.show .info h4,

#SeasonCardSelect .shows ul.tiles li.show .select-options .single-date,

.event-group-popup-title h2,

.event-group-popup-title h3,

.event-group-popup-title ul li,

.item-list .results-header .title .sub-title>span,

#SeasonCardSelect .shows ul.tiles li.show .select-options .button.included,

#MembershipList .membership-card h3,

#MembershipList .membership-card .purchase-button .membership-button,

#MembershipList .membership-card .price,

#MembershipList .membership-card .footer-text,

#PermissionTitle,

.purchase-info-heading,

#DonateTitle,

.content-inline-heading,

.copyright-text {

	font-family: 'Montserrat', Arial, sans-serif !important;

}

.login-new-system-hint {

	font-family: 'Montserrat', Arial, sans-serif !important;

}

body,

.event-group-popup-description p,

#MembershipList .membership-card .benefits {

	font-family: 'Montserrat', Arial, sans-serif !important;

}

.headtexttitle,

#TicketSelectTitle,

#TicketResultText,

h1,

h2,

h3 {

	font-family: 'Raleway', Arial, sans-serif !important;

}

/* Hide suggestions in basket */

.event-group-suggestion,

.receipt-suggestion-header,

.event-group-suggestion-wrapper {

	display: none;

}

/* Hide social logins */

#SignInSocial {

	display: none !important;

}

/* Also hide text "Or log in with" */

#ProfileFields h5 {

	display: none;

}

/* Hide FB / X-buttons receipt page */

#ReceiptContainer .receipt-block-split {

	display: none;

}

/* Hide only second language option in menu */

/* Use the option's number when selecting for child in 'li' selector */

.language-currency-selector ul:nth-child(1) li:nth-child(2) {

	display: none;

}

/* Hide only second currency option in menu */

/* Use the option's number when selecting for child in 'li' selector */

.language-currency-selector ul:nth-child(2) li:nth-child(2) {

	display: none;

}

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

	/*Footer show info */

	#FooterPhoneOpening {

		display: unset;

	}

	#footer .phone-icon {

		display: none;

	}

	#footer .opening-hours,

	#footer .phone-number,

	#footer .copyright,

	#footer .copyright-text,

	#FooterInfo {

		font-size: 14px;

		line-height: 24px;

	}

}

.copyright,

.copyright-text {

	display: none;

}

/*Footer schalen naar midden*/

#footer .left-foot.top {

	margin-bottom: 0px;

}

#footer .right-foot.bottom {

	margin-top: 0px;

}

#FooterContent {

	padding-top: 15px;

}

#footer {

	padding-bottom: 15px;

}

/* This hides the horizontal line */

#SiteHead2 .headtexttitle {

	border: none;

}

/* This hides the title of events in head*/

.tertiary-border-c{

		font-size: 0px;

	}

/* Change forget password message*/

p.forgot-password-message {

	font-size: 0px;

}

p.forgot-password-message::after {

	font-size: 16px;

	content: 'Als dit e-mailadres bij ons bekend is, ontvang je een resetlink om je wachtwoord aan te passen.';

}

/* Ongeplaceerd in winkelmand verbergen*/

div.results-items div.item-info:has(svg:only-of-type) span:nth-of-type(2) {

	font-size: 0px;

}

div.results-items div.item-info svg:only-of-type {

	display: none;

}

/* Aanpassen tekst cadeaukaart op betaaldetails pagina */

#GiftCardTitle {

    font-size: 0px !important; 

}

html[lang="nl"] #GiftCardTitle::before {

  font-size: 26px;

  content: "Vouchertegoed" !important;

}

html[lang="en"] #GiftCardTitle::before {

  font-size: 26px;

  content: "Customer credit" !important;

}

/* Aanpassen tekst Donatie op betaaldetails pagina */

#DonateTitle {

    font-size: 0px !important; 

}

html[lang="nl"] #DonateTitle::before {

  font-size: 26px;

  content: "Draag bij aan een kaartje voor een ander" !important;

}

html[lang="en"] #DonateTitle::before {

  font-size: 26px;

  content: "Contribute a ticket for someone else" !important;

}

.donate-info-text {

  display: none;

}

/* Hide reservation note button */

a.reservation-note-button {

	display: none !important;

}

/* Change seat notice exclamation point icon color */

.cart-seat-notice img,

.cart-ticket-icn-seat-notice img {

	filter: invert(45%) sepia(34%) saturate(5419%) hue-rotate(328deg) brightness(104%) contrast(102%);

}

/* Eagerly custom styling */

#wrapper {

	background-color: #fff8eb;

}

#BuyingSteps .steps.active {

	background-color: transparent;

}

#SiteHead2 {

	border-bottom: none !important;

}

.secondary-bg-c {

	background-color: #000;

	color: #fff;

}

.ticket-finder {

	background-color: #f8f3eb;

}

#EventSelector {

	border-collapse: collapse;

}

#EventSelector>thead>tr>th {

	padding-bottom: 12px !important;

}

.ticket-count {

	background-color: #fff !important;

}

#TicketSelector li {

	overflow: hidden !important;

	height: auto !important;

}

#TicketSelector .name {

	font-weight: 400 !important;

	font-size: 12px !important;

	color: #606060 !important;

	margin-left: 0 !important;

	margin-top: 0 !important;

	text-align: center !important;

	white-space: nowrap !important;

	width: auto !important;

	overflow: hidden !important;

	text-overflow: ellipsis !important;

	padding-top: 12px !important;

	background-color: #fff !important;

	text-transform: uppercase !important;

}

#TicketSelector .select-zone {

	position: static !important;

}

#EventSelector .event-select td:first-child {

	border-bottom-left-radius: 0 !important;

}

#EventSelector .event-select td:last-child {

	border-bottom-right-radius: 0 !important;

}

#footer {

	background-color: #fff !important;

	color: #000 !important;

	* {

		color: #000 !important;

	}

}

#FindTickets {

	max-width: 256px !important;

}

.primary-c-button {

	color: #000 !important;

	text-transform: uppercase !important;

}

#BuyingHead {

	margin-block: 54px !important;

	padding: 10px 0px 0px 0px !important;

	color: black !important;

	font-size: clamp(1.75rem, 5vw, 3.75rem) !important;

	line-height: 1 !important;

	letter-spacing: 0.0085em !important;

	text-transform: uppercase !important;

}

#TicketSelectTitle {

	color: #000 !important;

	font-weight: 900 !important;

}

#TicketSelector .ticket-count .tickets {

	font-family: 'Raleway' !important;

	font-size: 60px !important;

	line-height: 110px !important;

}

#TicketSelector .select-zone span {

	font-size: 12px !important;

	font-weight: 400 !important;

}

#TicketSelector .ticket-count .tickets {

	font-size: 60px !important;

	font-family: 'Raleway' !important;

}

#BuyingSteps div.icon {

	width: 32px !important;

	height: 32px !important;

	font-size: 18px !important;

	line-height: 1.7 !important;

	font-family: 'Raleway' !important;

	background-color: #AAAAAA !important;

	color: #fff;

}

#BuyingSteps div .text {

	margin-left: 10px !important;

	vertical-align: middle !important;

}

#BuyingSteps .steps.active div.icon {

	background: #000 !important;

}

.primary-c-button:hover {

	border-color: #000 !important;

	background-color: #000 !important;

	color: white !important;

}

#SiteHead2 .profile-language-bar {

	>* {

		font-weight: 700 !important;

		text-transform: uppercase !important;

	}

}

#SiteHead2 .headtexttotal {

	font-size: 21px !important;

	color: #606060 !important;

	font-family: Raleway !important;

	font-style: normal !important;

	font-weight: 900 !important;

	>* {

		font-weight: 900 !important;

		text-transform: uppercase !important;

		font-size: 21px !important;

		font-family: 'Raleway' !important;

	}

}

.basket-items {

	color: #606060 !important;

}

.headtexttitle h1 {

	font-weight: 900 !important;

}

.tickets .primary-c {

	color: #606060 !important;

}

#ResultsContainer {

	margin: 30px 30px !important;

	max-width: 1140px !important;

	width: auto !important;

}

.content-inline-heading,

.content-table-heading th {

	color: #000 !important;

}

.input-line label {

	font-weight: 700 !important;

	/* font-size: 16px !important; */

	color: #000 !important;

}

label::before {

	color: #FF4D5B !important;

}

* {

	font-variant-numeric: lining-nums proportional-nums !important;

}

.item-list .results-container {

	background-color: #fff !important;

}

#BuyingHead {

	display: none !important;

}

#BuyingSteps {

	margin: 60px auto 40px !important;

}

.primary-c-button-2 {

	background-color: #000 !important;

	border-color: #000 !important;

	color: #fff !important;

	text-transform: uppercase !important;

}

.primary-c-button-2:hover {

	background-color: #fff !important;

	border-color: #fff !important;

	color: #000 !important;

}

.view-seats-button {

	background-color: #FF4D5B !important;

	color: #000 !important;

	text-transform: uppercase !important;

	* {

		color: #000 !important;

		fill-opacity: 1 !important;

	}

}

.expires {

	border-radius: 100vh !important;

}

.gift-card-input-container label {

	font-weight: 700 !important;

}

#ReceiptContainer .customer-container,

#ReceiptContainer .delivery-container,

#ReceiptContainer .sale-item-wrapper,

.item-list .results-summary-container {

	background-color: #fff !important;

}

input[type='text'].input-validation-error,

input[type='email'].input-validation-error,

input[type='tel'].input-validation-error,

input[type='date'].input-validation-error,

input[type='password'].input-validation-error,

textarea.input-validation-error,

.field-validation-error>span {

	border-color: #FF4D5B !important;

}

.validation-summary-errors,

.field-validation-error,

a.terms-and-conditions.validation-error {

	color: #FF4D5B !important;

}

.bank-transaction-receipt {

	box-shadow: none !important;

	background-color: #fff !important;

}

/* .permission-description > h4 ~ ul > li {

	position: relative !important;

	color: #fff !important;

}

.permission-description > h4 ~ ul > li::after {

	content: 'Telefoon' !important;

	position: absolute !important;

	left: 0 !important;

	color: #000 !important;

}

.permission-description > h4 ~ ul > li::marker {

	color: #000 !important;

} */

.button {

	padding: 0px 20px !important;

}

.input-line {

	align-items: center !important;

}

.date-of-birth-field {

	background-color: #fff !important;

}

#ForwardTicketsContent {

	min-width: 0 !important;

}

#forward-tickets-body {

	margin-top: 56px !important;

}

.terms-info {

	margin-bottom: 32px !important;

}

.vbox-content {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	top: 50vh !important;

	translate: 0 -50% !important;

}

.venoframe {

	height: 70vh !important;

}

.external-badge {

	display: none !important;

}

.permission-description {

	width: auto !important;

}

.permission-description * {

	font-size: 16px !important;

}

.fancybox-container * {

	font-family: 'Montserrat' !important;

}

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

	#SiteHead2 h1.logo {

		 height: 45px !important;

	}

}

@media (max-width: 768px) {

	#tix-seatpicker main aside .cart-total-and-submit .cart-btn-submit-container>button, #tix-seatpicker main aside .cart-total-and-submit .cart-btn-edit-container>button {

		 width: 120px !important;

	}

}

.occ circle {

	fill: #e4e4e4 !important;

	stroke: #a4a4a4 !important;

}

.permission-description h4,

.permission-description h4 + ul {

  display: none;

}


/* Color definitions */
/* Primary */
.primary-c {
    color: #ff4d5b;
}
.primary-bg-c {
    background-color: #ff4d5b;
	color: #ffffff;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #ffffff;
}
.primary-border-c {
    border-color: #ff4d5b;
}
.primary-c-button {
	background-color: #ff4d5b;
    color: #ffffff;
    border-color: #ff4d5b;
}
.primary-c-button:hover {
	border-color: #FE2435;
    background-color: #FE2435;
}
.primary-c-button-secondary {
	background-color: #ff4d5b;
    color: #ffffff;
    border-color: #ff4d5b;
}
.primary-c-button-secondary:hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button-2 {
    background-color: #ffffff;
    border-color: #ff4d5b;
    color: #ff4d5b;
}
.primary-c-button-2:hover {
    background-color: #ff4d5b;
    color: #ffffff;
}
.primary-c-button-2-secondary {
    background-color: #ffffff;
    border-color: #ff4d5b;
    color: #ff4d5b;
}
.primary-c-button-2-secondary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #ff4d5b;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.header-bg-c {
    background-color: #ffffff;
    color: #000000;
}
#skipToContent {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
}
.ms-options li > label {
    color: #ff4d5b;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #000000;
}
.header-c-hover-before::before {
    border-color: transparent #ff4d5b transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #ff4d5b;
}
.header-c-hover-before:hover::before {
    border-color: transparent #000000 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #ffffff;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-color: #ffffff;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #ffffff;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #ffffff;
}
.footer-highlight-c {
    color: #ffffff;
}
.content-inline-heading, .content-table-heading th {
     color: #000000;
}
/* Secondary */
.secondary-c {
    color: #000000;
}
.secondary-bg-c {
    background-color: #000000;
    color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-before:before {
    border-color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-hover:hover {
    border-color: #ffffff;
}
.secondary-bg-c-hover:hover {
    background-color: #000000;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}
.secondary-c-button:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #000000;
}
.tertiary-bg-c {
    background-color: #000000;
    color: #ffffff;
}
.tertiary-border-c {
    border-color: #000000;
}
.tertiary-c-button-secondary {
	background-color: #000000;
    color: #ff4d5b;
    border-color: #000000;
}
.tertiary-c-button-secondary:hover {
    background-color: #000000;
    color: #000000;
    border-color: #000000;
}
.tertiary-bg-c-hover:hover {
    background-color: #000000;
    color: #ffffff;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#SiteHead2 {
    border-bottom: 1px solid #000000;
}

#BuyingSteps div.icon {
    background: rgba(0,0,0,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #ff4d5b;
}
#SectionGroups li.selected-group a {
    background: #ff4d5b;
    color: #ffffff;
}
#ProfileBar ul li button.active {
    color: #ff4d5b;
    box-shadow: 0 3px 0px 0px #ff4d5b;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #ff4d5b;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #ff4d5b;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #ff4d5b;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #ff4d5b;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #ff4d5b;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #ff4d5b;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #FE2435;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #ff4d5b transparent;
}
input[type='checkbox']:checked {
    background-color: #ff4d5b;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #ffffff;
    color: #000000;
}

/* Nice little special block for validation colors */
input[type='text'].input-validation-error,
input[type='email'].input-validation-error,
input[type='tel'].input-validation-error,
input[type='date'].input-validation-error,
input[type='password'].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
    border-color: #ff4d5b;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #ff4d5b !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #ff4d5b;
}