<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
	font-family: var(--font-family) !important;;
}

html {
	overflow-x: hidden;
}

body {
	color: var(--body-color);
	min-height: 100vh;
	min-height: 100dvh;
    display: flex;
    flex-flow: column;
}
body.in-iframe {
  min-height: auto;
  min-height: min-content;
}
body.bg-gradient {
	background: linear-gradient(to bottom, var(--grad1), var(--grad2));
	background-size: cover;
	background-position: center;
    background-attachment: fixed;
}
.btn-secondary {
	background-color: var(--btn-secondary);
    color: var(--btn-secondary-color);
	text-transform: none;
    padding: 6px 12px;
}
button.btn p {
	display: none;
}
nav a{
	font-family: var(--font-family) !important;;
	font-weight: 300 !important;
}
.bg-flyer {
	top: 0 !important;
}
.full-cover {
	height: unset !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: var(--primary-color-300) !important;
	background-position: right !important;
    transform: translateY(-3px);
	min-height: 100px;
}
.thumbnail {
    border-radius: var(--border-radius) !important;
	background: var(--bg-thumbnail) !important;
}
.thumbnail .event-pic {
    border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
	margin: -8px 0px !important;
}
.thumbnail .event-pic img {
    border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}
.event-date span[itemprop="startDate"] {
	background: var(--bg-date) !important;
	padding: 5px 16px !important;
	margin-top: -22px !important;
    margin-bottom: 10px !important;
}
.event-date span {
    border-radius: var(--border-radius) !important;
    letter-spacing: 0.1px;
    font-size: 0.95em !important;
    box-shadow: none !important;
    /* backdrop-filter: blur(16px); */
	background: unset !important;
}
.thumbnail:hover .event-pic img {
	transform: translateY(-6px) !important;
	opacity: 1;
}
.thumbnail:not(.inactive).soldout:hover .event-pic img {
	transform: none !important;
	opacity: 1;
}
.thumbnail .caption {
	height: var(--card-height) !important;
	display: flex;
    justify-content: start;
    align-content: baseline;
    flex-direction: column;
    padding: 17px 9px 15px 9px;
}
.thumbnail h3 {
	color: black !important;
	font-family: var(--font-family) !important;;
	white-space: normal !important;
    text-align: left !important;
    line-height: 1.1em !important;
    display: flex !important;
    align-items: center;
	/* height: 3em !important; */
    padding: 5px 20px !important;
    margin-top: -14px !important;
    margin-bottom: 0;

	flex-basis: max-content;
    flex-grow: 1;
    align-items: baseline;
}
.thumbnail h4 {
    margin-bottom: 4px;
    margin-top: 4px;
    width: auto;
    height: auto;
}
.thumbnail h4 span:last-child {
	margin-left: 4px;
    text-transform: none !important;
    width: auto;
    white-space: normal;
	line-height: 1.2em;
	margin-top: -0.5px;
}
.thumbnail h4.event-title:first-of-type {
	margin-top: 6px;
}
svg#caret &gt; path {
	stroke: var(--body-title);
}
svg#location &gt; path, svg#maps &gt; path {
	stroke: var(--box-color);
}
div.location svg#maps {
	opacity: 0.8;
}
div.location svg#maps &gt; path {
	stroke: var(--body-color);
}
svg#time &gt; path, svg#music g {
	fill: var(--box-color);
}
.navbar-default {
	border: none !important;
}
.navbar-inverse {
	background: var(--navbar-bg);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.navbar-inverse .navbar-nav&gt;li&gt;a {
	transition: background-color 0.3s;
	color: var(--nav-text-color) !important;
	display: flex;
    gap: 8px;
    align-items: center;
}
nav .dropdown-menu&gt;li&gt;a:hover, .navbar-inverse .navbar-nav&gt;li&gt;a:hover, .navbar-inverse .navbar-nav&gt;li&gt;a:focus, footer .dropdown-menu&gt;li&gt;a:hover, footer .dropdown-menu&gt;li&gt;a:focus {
    background-color: var(--btn-primary);
    color: var(--btn-primary-color) !important;
}
.transparent-nav footer {
	background: transparent !important;
}
footer * {
	color: var(--footer-text) !important;
	border-color: #ffffff52 !important;
    border-radius: 3px;
}
footer .dropdown-menu&gt;.disabled&gt;a, footer .dropdown-menu&gt;.disabled&gt;a:hover, footer .dropdown-menu&gt;.disabled&gt;a:focus {
	color: #929292 !important;
}
footer p {
	font-family: var(--font-family) !important;;
}
footer a, .city-link {
	opacity: 0.75 !important;
}
footer a:hover, .city-link:hover {
	opacity: 1 !important;
}
.section-title &gt; span {
	color: var(--primary-color-400) !important;
    font-family: var(--font-family--title) !important;;
    padding: 0px !important;
	background: none !important;
	text-transform: uppercase !important;
}
.section-title &gt; span {
	color: var(--body-title) !important;
	font-weight: bold;
}
.navbar-header img {
	padding-left: 20px;
}

.right-layout section:not(.cover-wrapper), .right-layout ~ aside section {
	max-width: 77%;
    margin-left: 23%;
}
.cover-wrapper img {
	border-radius: 2px !important;
	margin-top: 80px !important;
}
.blurry-flyer {
	top: 0 !important;
}
.cover-date {
	background: #f4f4f4 !important;
	padding: 4px 0 !important;
    margin-bottom: 20px !important;
	border-radius: 0 !important;
	box-shadow: 0px 5px 13px 2px #13131321 !important;
}
.cover-date:not(.date-box) .day, .cover-date a {
	border-radius: 0px !important;
    letter-spacing: 0.1px;
    font-size: 0.95em !important;
    box-shadow: none !important;
	font-family: var(--font-family) !important;;
	line-height: 20px;
}
.cover-date .btn-next-date {
	padding: 6px 10px 6px 12px;
}
.cover-date .btn-prev-date {
	padding: 6px 12px 6px 10px;
}
.cover-date .day {
	background: unset !important;
}
.cover-date a {
	background-color: #f3f3f3f2 !important;
	border: none !important;
	border-radius: 2px !important;
	transition: background-color 0.1s, color 0.1s;
}
.cover-date a.disabled {
	background-color: #d5d5d5 !important;
	color: #a7a7a7 !important;
}
.cover-date a:hover {
	color: white !important;
	background-color: #aaaaaaf2 !important;
}
.cover-date ~ div h1 {
	color: #262626 !important;
    font-family: var(--font-family) !important;;
    white-space: normal !important;
    text-align: left !important;
    line-height: 1.1em !important;
}
.cover-date ~ div h4.event-title:first-of-type {
	margin-top: 10px;
}
.cover-date ~ div span, .cover-date ~ div a {
	color: #515151 !important;
}
.cover-date ~ div svg g {
    fill: #515151;
}
.cover-date ~ div svg g:not([stroke="none"]) path, .cover-date ~ div svg circle, .cover-date ~ div g:not([stroke="none"]) {
    stroke: #515151;
}
.date-box .weekday {
	background-color: #a51010;
	color: white;
	margin-top: -5px;
}
.date-box .day {
    letter-spacing: 0.1px;
	margin: 4px;
    box-shadow: none !important;
	font-family: var(--font-family) !important;;
}
.event-address h3 {
	font-family: var(--font-family) !important;;
	white-space: normal !important;
    line-height: 2em !important;
    letter-spacing: -0.5px;
}
.event-address p:first-of-type {
	text-transform: uppercase;
	margin: 0 !important;
}
.event-address p {
	color: #5e5e5e;
}
.navbar-default .navbar-toggle:focus{
	background-color: rgba(255, 255, 255, 0.3);
}
.navbar-inverse .navbar-toggle{
	border-color: transparent;
	border-radius: var(--border-radius-ext, 4px);
	top: 0px;
    right: 0px;
}
.light-mode .navbar-default .navbar-toggle .icon-bar{ /* light */
	background-color:#000;
}
.light-mode .navbar-default .navbar-toggle:hover, .light-mode .navbar-default .navbar-toggle:focus{ /* light */
	background-color:rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle .icon-bar{ /* dark */
	background-color:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ /* dark */
	background-color:rgba(255, 255, 255, 0.1);
}
.transparent-nav .navbar-inverse {
	background-color: transparent !important;
}
.services .btn-primary, #paymentBtnsPanel .btn-primary {
	background-color: var(--primary-color);
    border-color: var(--primary-color);
	filter: brightness(100%);
	transition: filter 0.3s;
}
.services .btn-primary:hover, #paymentBtnsPanel .btn-primary:hover {
	filter: brightness(110%);
}

.sale-start-date-notice {
	display: flex;
	align-items: flex-start;
	position: relative;
	color: var(--btn-primary-color);
	border-radius: var(--border-radius-big, 8px);
	padding: 20px;
	margin-top: 10px;
	gap: 10px;
	overflow: hidden;
}
.sale-start-date-notice:before {
	content: '';
	background-color: var(--primary-color);
	opacity: 0.5;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.sale-start-date-notice &gt; svg {
	z-index: 1;
}
.sale-start-date-notice &gt; div {
	z-index: 1;
}
.sale-start-date-notice-container &gt; strong {
	display: block;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 15px;
}
.sale-start-date-notice-container &gt; span {
	display: block;
	font-size: 14px;
}
.sale-start-date-notice-container &gt; span:first-letter {
	text-transform: uppercase;
}

.vertical .event-container, .layout3 .event-container {
	background: linear-gradient(45deg, var(--box-bg), var(--box-bg-hover));
	border-radius: var(--border-radius-big, 6px);
	max-width: calc(100vw - 26px);
	border: 1px solid var(--bg-color);
	transition: background-color 0.3s, transform 0.3s;
}
.layout3 .event-container {
	border-color: var(--box-inner-bg);
}

.vertical .event-container {
	padding: 10px;
}
.vertical .event-container:hover, .layout3 .event-container:hover {
	background-color: var(--box-bg-hover);
}
.horizontal {
	transition: background-color 0.3s, transform 0.3s;
}
.horizontal .event-container {
	transform: translateY(0px);
	transition: transform 0.3s;
}
.horizontal .event-container:not(.soldout):hover {
	transform: translateY(-1px);
}
.horizontal .event-container.soldout {
	filter: saturate(1.3) sepia(0.2) hue-rotate(-10deg);
}
.horizontal .event-container.soldout .main-content{
	opacity: 0.8;
}
.event-container h3, div.tags ul {
	margin: 0;
}

.event-container .event-title {
	font-weight: 400;
	font-family: var(--font-family--title);
	color: var(--body-text-color);
	font-size: clamp(16px, 1.5vw, 21px);
}
.event-container .main-content div:not(.event-title) span {
	font-size: clamp(12px, 1.5vw, 14px);
	font-family: var(--font-family--title);
}

div.tags ul{
	list-style: none;
    display: flex;
    flex-wrap: wrap;
	gap: 2px 7px;
    padding: 0;
}
div.tags li, div.tags small{
	padding: 4px 7px;
    background-color: var(--box-inner-bg);
	-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: var(--box-color);
    border-radius: var(--border-radius-int, 3px);
    display: flex;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.1px;
}

body.dark-mode div.tags li, body.dark-mode div.tags small {
	background-color: var(--tags-bg, hsl(var(--tags-hue) 12% 36%));
	color: var(--tags-color, hsl(var(--tags-hue) 26% 90%));
}
body.light-mode div.tags li, body.light-mode div.tags small {
	background-color: var(--tags-bg, hsl(var(--tags-hue) 100% 96%));
	color: var(--tags-color, hsl(var(--tags-hue) 12% 56%));
}
body .layout3 div.tags li, body .layout3 div.tags small {
	background-color: var(--tags-bg, hsl(var(--tags-hue) 57% 41%));
	color: white;
}
body.dark-mode .tags svg#music g {
    fill: var(--tags-color, hsl(var(--tags-hue) 26% 90%));
}
body.light-mode .tags svg#music g {
    fill: var(--tags-color, hsl(var(--tags-hue) 12% 56%));
}
body .layout3 .tags svg#music g {
	fill: white;
}
body.dark-mode .tags svg#dress_code path {
    stroke: var(--tags-color, hsl(var(--tags-hue) 26% 90%)) !important;
}
body.light-mode .tags svg#dress_code path{
    stroke: var(--tags-color, hsl(var(--tags-hue) 12% 56%)) !important;
}
body .layout3 .tags svg#dress_code path {
	stroke: white;
}
div.tags li, div.tags small {
	font-size: 10.5px;
}
.event-container &gt; a &gt; div{
	display: flex;
}
.horizontal .event-container &gt; a &gt; div{
	flex-direction: column;
}
.vertical .flyer-container, .layout3 .flyer-container {
	height: 330px;
    aspect-ratio: 9 / 16;
    background-size: cover;
    background-position: center;
    margin-right: 18px;
}
.vertical .cover-wrapper .flyer-container, .layout3 .cover-wrapper .flyer-container {
	height: 406px;
}
.cover-wrapper .flyer-container{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin-right: 0;
	aspect-ratio: unset;
	z-index: 2;
}
.vertical .flyer-container {
	border-radius: var(--border-radius-ext, 4px);
}
.layout3 .flyer-container {
	border-radius: var(--border-radius-big, 4px) 0 0 var(--border-radius-big, 4px);
}
.horizontal:not(.right-layout) .flyer-container {
	max-width: calc(100vw - 30px);
	min-width: 230px;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	border-radius: var(--border-radius-big);
	justify-content: flex-start;
	align-items: flex-end;
	display: flex;
	padding: 8px;
	border: 1px solid var(--bg-color);
}

.horizontal .event-container:not(.soldout) .flyer-container:before {
    background-image: inherit;
    position: relative;
    content: '';
    width: 100%;
    height: 100%;
    transform: scale(1.05);
    filter: blur(24px);
    z-index: -1;
    opacity: 0.2;
    display: flex;
	transition: opacity 0.3s, transform 0.3s;
}
.horizontal .event-container:hover .flyer-container:before {
    opacity: 0.45;
	transform: scale(1.075);
}
.right-layout.horizontal .flyer-container {
	height: 130px;
}
main.right-layout .flyer-container{
    border-radius: var(--border-radius-flyer, 6px);
}
.event-container .event-content {
	display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	gap: 0 30px;
	justify-content: space-between;
	width: 100%;
}
.layout3 .event-container .event-content {
	padding: 18px 18px 18px 0;
}
.flyer-container {
	cursor: pointer;
}
.picture-container {
	overflow: hidden;
	border-radius: var(--border-radius-flyer, 6px);
}
.event-container .event-content .main-content {
	display: flex;
    gap: 3px;
    flex-wrap: wrap;
	align-content: flex-start;
	flex-direction: column;
	padding-bottom: 18px;
}
body.dark-mode .layout3 .event-container .event-content .main-content {
	border-bottom: 1px solid var(--box-inner-bg);
	border-color: hsl(var(--tags-hue) 70% 80% / 25%);
}
body.light-mode .layout3 .event-container .event-content .main-content {
	border-bottom: 1px solid var(--box-inner-bg);
	border-color: hsl(var(--tags-hue) 70% 80% / 95%);
}

.event-container .event-content .main-content &gt; * {
	width: 100%;
	align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    color: var(--body-text-color);
    line-height: 1.5em;
}
div.tags {
	gap: 6px;
    display: flex;
    flex-direction: column;
}
.horizontal .flyer-container div.tags {
	position: absolute;
}
.event-details div.tags.tags-left {
	margin-top: 0.5em;
}
div.tags.tags-left {
	align-items: flex-start;
}
div.tags.tags-left ul {
	justify-content: center;
}
.events-grid-container {
	display: grid;
    grid-template-columns: repeat( auto-fill, minmax(380px, 1fr) );
	gap: 8px;
}
.events-grid-container.horizontal {
	gap: 28px 12px;
}
.event-container .flyer-container .date {
    background: rgba(255,255,255, 0.6);
	color: black;
    text-align: center;
	-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 6px 0;
	border-radius: var(--border-radius-ext) var(--border-radius-ext) 0 0;
	width: calc(100% + 0.05px);
}

.layout3 .event-container .flyer-container .date {
	width: 45%;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
	border-radius: var(--border-radius-big) 0;
}
.dark-mode .event-container:not(.soldout) .flyer-container .date {
	background: rgba(0, 0, 0, 0.6);
	color: white;
}
.event-container.soldout .flyer-container .date {
    background: #39090999;
	color: white;
}
.event-container .flyer-container .date span.big {
	font-weight: 600;
    font-size: 1.1em;
}
.event-container:not(.soldout) ul.soldout {
	display: none;
}
.event-container:not(.inactive) ul.waitroom {
	display: none;
}

/*
.horizontal .event-container.soldout::after{
	background: repeating-linear-gradient( 45deg, #400f0fcc, #400f0fcc 10px, #481717cc 10px, #481717cc 20px);
    content: '';
    position: relative;
    display: flex;
    width: 100%;
    height: calc(100% - 6px);
    top: calc(-100% + 8px);
	z-index: -1;
	opacity: 0.75;
	border-radius: var(--border-radius-ext);
}
*/
.horizontal .event-container.soldout .main-content {
	padding: 0 10px;
	opacity: 0.8;
}
div.tags ul li {
	border-radius: var(--border-radius-tags, 6px);
	user-select: none;
}
div.tags ul.danger li, div.tags small.danger {
    background-color: rgba(132, 29, 29, 0.65);
    color: white;
}
body.light-mode .soldout div.tags ul.danger li, div.tags small.danger {
	background-color: rgb(129 16 7);
    color: white;
}
body.dark-mode .soldout div.tags ul.danger li, div.tags small.danger {
	background-color: rgb(104 8 0);
    color: white;
}
div.tags ul.warning li, div.tags small.warning {
	background-color: rgba(132, 78, 29, 0.65);
    color: white;
}
.event-container.soldout .main-content {
    text-decoration-color: #b3b3b3;
}
main.container::before {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
    height: 100vh;
    height: 100dvh;
}
.floating-navbar {
	position: relative;
	display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: -64px;
	padding: 0;
	z-index: 9;
	transform: translateX(-15px);	
}
.floating-navbar nav &gt; ul {
	background-color: var(--box-bg);
	border-radius: var(--border-radius-big, 6px);
	transition: background-color 0.3s;
	display: flex;
}
.floating-navbar nav &gt; ul:hover {
	background-color: var(--box-bg-hover);
	border-radius: var(--border-radius-big, 6px)
}
.floating-navbar .nav&gt;li&gt;a:hover, .floating-navbar .nav&gt;li&gt;a:focus, .floating-navbar .nav .open&gt;a, .floating-navbar .nav .open&gt;a:hover, .floating-navbar .nav .open&gt;a:focus {
	background-color: unset;
}
.floating-navbar a:hover, .floating-navbar a:active {
    color: white;
}
main.right-layout {
	display: block;
	margin-top: 80px;
	flex-grow: 1;
	max-width: 100vw;
}
main.right-layout section.cover-wrapper {
	position: fixed;
	width: 230px;
	display: grid;
	grid-template-columns: 100%;
	align-self: flex-start;
	cursor: default;
	z-index: 9;
}
h3.title {
	font-weight: 600;
	font-size: 16px;
	font-family: var(--font-family);
	margin-top: 1.5em;
	text-transform: unset;
}
main.right-layout section:nth-child(3) {
	grid-column-start: 1;
	grid-column-end: 3;
}
#chart {
	border-radius: var(--border-radius-services);
}
#chart iframe {
	padding: 8px 12px;
}
.light-mode #chart iframe {
	background-color: var(--box-bg-hover);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
}
.dark-mode #chart iframe {
	background-color: var(--box-bg);
    padding: 0;
}
iframe:not(#__radiate-webchat-button) {
	border-radius: var(--border-radius-services);
	border: 1px solid var(--bg-color);
}
.layout3 iframe:not(#__radiate-webchat-button) {
	border-color: var(--box-inner-bg);
}
#__radiate-webchat-button {
	transition: filter 0.3s;
}
#__radiate-webchat-button:hover {
	filter: brightness(1.1);
}
#description-container {
	order: 4;
}
#description {
	margin-bottom: 1em;
}
#description img {
	border-radius: var(--border-radius-int);
	max-width: 75%;
    margin: auto;
}
#description a:has(img) {
	width: 100%;
    display: flex;
	pointer-events: none;
	cursor: default;
}
#description.expandable {
	position: relative;
	margin-bottom: 3em;
	cursor: pointer;
}
#description.expandable:not(.active) p {
	max-height: 7em;
    overflow: hidden;

	-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 98%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 98%);
}
#description.expandable:not(.active) p:before {
	content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
    position: absolute;
    bottom: 0;
}
#description .caret-down {
	display: none;
}
#description.expandable .caret-down {
	display: flex;
	height: 20px;
	padding: 0px 4px;
	border-radius: var(--border-radius-int);
	z-index: 1;
	position: absolute;
	margin-left: -2px;
	bottom: -30px;
	text-align: center;
	background-color: transparent;
	transition: background-color 0.3s;
}
#description.expandable:hover .caret-down {
	background-color: var(--box-bg);
}
#description.expandable .caret-down svg {
	transform: rotate(0deg);
	transition: transform 0.3s;
}
#description.expandable .caret-down svg path {
	stroke: var(--body-color);
}
#description.expandable:hover .caret-down svg path {
	stroke: var(--box-color);
}
#description.expandable.active .caret-down svg {
	transform: rotate(180deg);
}

main.right-layout .event-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.services form &gt; div &gt; div:nth-of-type(2) {
	text-align: unset !important;
    margin-top: unset !important;
}

.service-parent .service-buttons-container {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
}
.service-parent .service-buttons-container button {
	padding-left: 8px;
	padding-right: 8px;
}
.service-parent .service-buttons-container button.detail-booking {
	padding-left: 15px;
	padding-right: 15px;
	min-width: 130px;
}
.service-parent .service-buttons-container button.btn-wide {
	min-width: 150px;
}
main.right-layout h1 {
	font-family: var(--font-family);
    font-weight: 600;
	margin-top: -4px;
	margin-bottom: 4px;
	display: flex;
    gap: 4px;
}
main.right-layout h6 {
	font-family: var(--font-family);
    font-weight: 500;
	font-size: 1.2em;
	text-align: center;
}
.caret-link {
	transition: opacity 0.3s;
    display: flex;
    align-items: baseline;
    gap: 10px;
	transition: opacity 0.3s;
}
.caret-link:hover {
	opacity: 0.5;
	color: unset;
}
.white-box {
	color: white !important;
    background-color: var(--box-bg) !important;
    border-radius: var(--border-radius-big, 6px);
    margin-bottom: 10px;
    font-family: var(--font-family);
}
.services &gt; div, #ticket_status-container &gt; div {
	background-color: var(--box-bg-hover);
    padding: 22px 18px 10px !important;
    margin: 12px 0;
    border: 1px solid var(--event-bg-color) !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px);
}
.services &gt; div {
    border-radius: var(--border-radius-services, 6px);
}
#ticket_status-container &gt; div {
    border-radius: var(--border-radius-int, 6px);
}

.description-container h3, #eventTitle, #eventTitle a, .seatsio-title {
	color: var(--body-title);
}
.seatsio-title {
	text-transform: uppercase;
    font-size: 16px;
    font-family: var(--font-family);
}
.service-title {
	color: var(--box-title);
}
.service-modal-count{
	display:inline-block;
	animation: animationPulse 0.5s ease 0s 1 normal forwards;
}
@keyframes animationPulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.75); opacity:.5; font-weight:bold; }
	100% { transform: scale(1); }
}
.service-features {
	display: flex;
	margin-bottom: 4px;
	flex-wrap: wrap;
	gap: 3px;
}
.tag-label-container {
	margin-top: 10px;
    margin-bottom: 4px;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    gap: 3px;
    float: right;
}
.services h4 {
	margin-top: 0;	
}
.services div.tag-label-container div[class^="tag-"], .payment-product div.tags-container div[class^="tag-"] {
	align-self: flex-end;
}
.services div.tag-label-container div[class^="tag-"] span, .service-features div[class^="tag-"] span, .payment-product div.tags-container div[class^="tag-"] span {
	border-radius: var(--border-radius-big);
	padding: 4px 10px;
    font-size: 0.75em;
	color: white;
}
.services div.tag-danger span, .payment-product div.tag-danger span {
    background-color: rgba(132, 29, 29, 0.65);
}
.services div.tag-warning span, .payment-product div.tag-warning span {
	background-color: rgba(132, 78, 29, 0.65);
}
.services div.tag-info span, .payment-product div.tag-info span {
	background-color: rgba(12, 65, 111, 0.65);
}
.services div.tag-success span, .payment-product div.tag-success span {
	background-color: rgba(19, 116, 68, 0.65);
}
.services div.tag-people span {
	font-size: 0.85em;
	padding: 3px 10px;
}
.services div.tag-people .pg-icon {
	display: inline;
	height: 12px;
	width: 12px;
	vertical-align: middle;
	margin-bottom: 2px;
}
button, .btn {
	border-radius: var(--border-radius-buttons, 3px) !important;
	transition: background-color 0.3s, color 0.3s, opacity 0.3s, border-color 0.3s;
}
button.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	opacity: 1;
	padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
button.btn-block {
	padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
button.btn-primary:hover, button.btn-primary:active {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	opacity: 0.8;
}
.description-container {
	display: grid;
	gap: 5px;
    font-size: 12px;
	align-content: flex-start;
	width: 100%;
    max-width: 600px;
}
.description-container :where(.place, .address, .location) {
	opacity: 0.8;
}
.description-container .location {
	display: flex;
    gap: 8px;
}
.payment-choice a.promo-code {
	color: var(--box-color) !important;
}
.description-container a {
	color: var(--body-color) !important;
	margin-left: -23px;
    padding-left: 22px;
}
.description-container .location:hover {
	opacity: 1;
}
.place {
	display: flex;
	align-items: center;
	gap: 5px;
}
.service-description p, .service-description, .service-description p, .service-description p span {
	color: var(--box-color) !important;
}
.service-description a {
	border: 1px solid var(--btn-secondary-color);
    color: var(--btn-secondary-color);
    background-color: var(--btn-secondary);
    border-radius: var(--border-radius-int);
    padding: 3px 8px;
    font-size: 0.85em;
    line-height: 30px;
	opacity: 0.75;
	transition: color 0.3s, background-color 0.3s, opacity 0.3s;
}
.service-description a:hover {
	opacity: 1;
	border: 1px solid var(--btn-secondary-color);
    color: var(--btn-secondary-color);
    background-color: var(--btn-secondary);
}
.service-description a:has(ins),
.service-description a:hover:has(ins) {
    border: none;
    background: transparent !important;
}

.modal-dialog {
	user-select: none;
}

.modal-content {
	border: none !important;
	border-radius: var(--border-radius-big, 6px) !important;
}
body.dark-mode .modal-content {
	background: #202121 !important;
}
body.light-mode .modal-content {
	background: #efefef !important;
}
.modal-content a:not(.btn) {
	font-size: 14px;
}
body.dark-mode .modal-content a:not(.btn) {
	color: #e0e0e0;
}
body.dark-mode .modal-content a:not(.btn):hover {
	color: white;
}
body.light-mode .modal-content a:not(.btn) {
	color: #292929;
}
body.light-mode .modal-content a:not(.btn):hover {
	color: black;
}
.modal-header{
	border: none !important;
	padding: 12px 22px;
	display: flex;
    align-items: center;
	justify-content: space-between;
    gap: 10px;
    line-height: 1em;
    font-size: 17px;
	border-radius: var(--border-radius-big, 6px) var(--border-radius-big, 6px) 0 0 !important;
}
.modal-header .close {
	order: 2;
}
body.dark-mode .modal-header, body.dark-mode .panel-primary &gt;.panel-heading {
	background: #1b1d1d !important;
}
body.light-mode .modal-header, body.light-mode .panel-primary &gt;.panel-heading {
	background: #cecece !important;
}
body.dark-mode .modal-body, body.dark-mode .control-label {
	color: white !important;
}
body.light-mode .modal-body, body.light-mode .control-label {
	color: black !important;
}
.modal-body :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	margin-top: 0;
}
.modal-title {
	display: flex;
	align-items: baseline;
	gap: 10px;
}
body.dark-mode .modal-title, body.dark-mode .panel-primary &gt;.panel-heading {
	color: white;
}
body.light-mode .modal-title, body.light-mode .panel-primary &gt;.panel-heading {
	color: #393939;
}
input, textarea {
	background: unset;
    border-color: unset;
}
input.readonly {
    background: #3f3f45 !important;
    border-color: #38383a !important;
}

.modal-header .close {
	background-color: transparent;
    width: 28px;
    text-align: center;
    border-radius: 26px !important;
    line-height: 27px;
    opacity: 1;
    margin-right: -8px;
    padding: 1px;
    transition: background-color 0.3s;
}
body.dark-mode .modal-header .close {
	color: white;
}
body.dark-mode .modal-header .close:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .modal-header .close:focus {
	background-color: rgba(255, 255, 255, 0.2);
}
body.light-mode .modal-header .close {
	color: #393939;
}
body.light-mode .modal-header .close:hover {
	background-color: rgba(0,0,0, 0.1);
}
body.light-mode .modal-header .close:focus {
	background-color: rgba(0,0,0, 0.2);
}

.form-control {
    background-color: unset;
	border-radius: var(--border-radius-int) !important;
}
body.dark-mode .form-control, body.dark-mode input[type="checkbox"] {
	background-color: #2d2e2e !important;
    border-color: #3d3f3f;
	color: white;
}
body.dark-mode .form-control:hover {
	border-color: #858585;
	color: white;
}
body.dark-mode .form-control:focus {
    background-color: #3b3b3b;
	border-color: #858585;
    box-shadow: none;
	color: white;
}
body.light-mode .form-control, body.light-mode input[type="checkbox"] {
	background-color: #e2e2e2 !important;
    border-color: #cecece !important;
	box-shadow: none;
	color: black;
}
body.light-mode .form-control:hover {
	border-color: #a5a5a5 !important;
	color: black;
}
body.light-mode .form-control:focus {
    background-color: #d5d5d5 !important;
    border-color: #a5a5a5 !important;
    box-shadow: none !important;
	color: black;
}

.input-group-btn &gt; button {
    background-color: #6e6e6e;
    border-color: #49494e;
	transform: background-color 0.3s;
}
.input-group-btn &gt; button:hover {
    background-color: #8a8a8a !important;
    border-color: #626268 !important;
}
body.dark-mode .input-group-btn &gt; button.reveal, body.dark-mode .iti__selected-flag, body.dark-mode .input-group .input-group-addon {
	background-color: #7e7e7e !important;
    border-color: #9e9e9e !important;
    color: #0a0a0a;
	transition: background-color 0.3s;
}
input[type="password"] ~ span .reveal .fa-eye:before {
    content: "\f06e";
}
input[type="text"] ~ span .reveal .fa-eye:before {
    content: "\f070";
}
body.dark-mode .input-group-btn &gt; button.reveal:hover, body.dark-mode .iti__selected-flag:hover {
    background-color: #a5a5a5 !important;
    border-color: #b5b5b5 !important;
}

body.light-mode .input-group-btn &gt; button.reveal, body.light-mode .iti__selected-flag, body.light-mode .input-group .input-group-addon {
	background-color: #bababa !important;
    border-color: #cecece !important;
    color: #0a0a0a;
	transition: background-color 0.3s;
}
body.light-mode .input-group-btn &gt; button.reveal:hover, body.light-mode .iti__selected-flag:hover {
    background-color: #a5a5a5 !important;
    border-color: #b5b5b5 !important;
}

body.light-mode input::placeholder{
	color: #8f8f8f !important;
}

.iti__selected-flag {
	border: none;
    margin-left: -1px;
	border-radius: var(--border-radius-int) 0 0 var(--border-radius-int);
}

.iti__selected-flag .iti__arrow {
	border: none !important;
	background: url("data:image/svg+xml,&lt;svg height='10px' width='10px' viewBox='0 0 16 16' fill='%230a0a0a' xmlns='http://www.w3.org/2000/svg'&gt;&lt;path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/&gt;&lt;/svg&gt;") no-repeat;
	width: 8px;
    height: 8px;
}


.row.clearfix {
    pointer-events: none;
}
.services, #ticket_status-container {
	box-shadow: none !important;
}
.event-request-container {
	margin: 1em 0;
    display: grid;
    gap: 8px;
	place-items: center;
}

button#eventsRequestBtn {
	background-color: transparent;
    color: var(--primary-color);
    border-color: transparent;
    opacity: 0.9;
    font-weight: 500;
    transition: opacity 0.3s, background-color 0.3s, color 0.3s;
	width: -moz-fit-content;
	width: fit-content;
}
button#eventsRequestBtn:hover {
	background-color: var(--btn-primary-darker);
    color: var(--btn-primary-color);

	opacity: 1;
	filter: contrast(0.9) saturate(1.1);
}
button#eventsRequestBtn:active {
	box-shadow: none;
	opacity: 1;
	filter: contrast(0.8) saturate(1.2);
}
button.disabled {
	opacity: 0.4 !important;
}
button.slick-prev:before, button.slick-next:before {
    color: var(--body-color) !important;
}
.service-content-parent {
	display: flex;
	flex-wrap: nowrap;
    justify-content: space-between;
	flex-direction: row;
	margin-bottom: 0;
}
.services-seatsio-modal div{
	padding: 2px;
}
.service-description p {
	margin: 0 !important;
	padding: 0 !important;
}
.description {
	margin-top: -20px;
}
.description span {
    color: var(--body-color) !important;
}

main {
	flex-grow: 1;
}
.navbar ~ main, .navbar ~ .club-slider-container {
    margin-top: 100px;
}
body[class^="banner-"] .navbar ~ main,
body[class^="banner-"] .navbar ~ .club-slider-container {
    margin-top: 140px;
}
body.transparent-nav .navbar ~ main,
body.transparent-nav .navbar ~ .club-slider-container {
    margin-top: 60px;
}
body.transparent-nav[class^="banner-"] .navbar ~ main,
body.transparent-nav[class^="banner-"] .navbar ~ .club-slider-container {
    margin-top: 100px;
}
.club-slider-container + main,
body[class^="banner-"] .club-slider-container + main,
body.transparent-nav .club-slider-container + main,
body.transparent-nav[class^="banner-"] .club-slider-container + main {
	margin-top: 20px;
}
body[class^="banner-"] .modal {
	top: 20px;
}

.section-title {
    margin-top: 0;
}
footer .powered, bodyfooter .poweredby-container {
    display: none;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	color: var(--body-color);
}
.horizontal .event-title * {
	font-size: 20px;
    margin: 18px 0 8px 0;
}
.event-title * {
	color: var(--box-title);
}
.event-content .main-content &gt; h3 {
	color: var(--body-title) !important;
}
.main-content &gt; div:not(.event-title) span {
	color: var(--box-color);
}
h4.footer {
	display: inline-block;
    font-size: 14px;
    border-bottom: none;
    width: auto;
    font-weight: bold;
	font-family: var(--font-family--title) !important;
}
h4.footer i {
	display: none;
}

#map-container .map-content, .slick-list {
	border-radius: var(--border-radius-ext);
    overflow: hidden;
	border: 1px solid var(--bg-color);
}
.layout3 #map-container .map-content, .slick-list {
	border-color: var(--box-inner-bg);
}
.club-slider-container .slick-list {
	border-color: transparent;
}
#map-container .map-information &gt; div {
	max-width: unset;
}

.dark-mode #map-container .map-content .map {
	filter: invert(92%) contrast(92%) hue-rotate(-190deg);
	box-shadow: 0 0 8px #ffffff1f;
}
#map-container .map-information {
	color: var(--body-color);
}

#map-container .map-information .btn {
	background-color: var(--btn-secondary);
    color: var(--btn-secondary-color);
}

#map-container .map-information .btn:hover {
	background-color: var(--btn-primary-darker);
	color: var(--btn-primary-color, white);
}
#map-container svg#location :where(path, circle) {
	stroke: var(--body-color);
}
#map-container {
	padding: 24px 0;
}
#map-container .map-content {
	width: 100%;
}
#map-container .map-content .map {
	width: 100%;
}
.instagram-slider {
	width: 100%;
	padding: 0;
    margin: 0;
}




.gallery-grid-container {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 10px;
	width: 100%;
	padding: 0;
	margin: 0;
}
.gallery-grid-big, .gallery-grid-small {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius:8px;
}
.gallery-grid-big {grid-row: 1 / span 2; }
.gallery-grid-small:nth-child(2) { grid-column: 2; grid-row: 1; }
.gallery-grid-small:nth-child(3) { grid-column: 3; grid-row: 1; }
.gallery-grid-small:nth-child(4) { grid-column: 2; grid-row: 2; }
.gallery-grid-small:nth-child(5) { grid-column: 3; grid-row: 2; }


.slick-prev, .slick-next {
	display: none !important;
}
.title-parent .service-title {
	display: flex;
	gap: 12px;
}

.service-description a:has(img), .service-description a:has(img):hover {
	border-color: transparent;
    background-color: transparent;
}
.title-parent img {
	width: 4em;
}
.title-parent .service-description {
	margin-top: 10px;
    margin-bottom: -10px;
}

.description-container.mobile{
	display: none !important;
}
#mobile-hero {
	display: none !important;
	position: absolute;
    width: 100vw;
    width: 100dvw;
    left: 0;
	height: 360px;
	overflow: hidden;
}
#mobile-hero .flyer-container, #mobile-hero .blur-container {
	position: absolute;
	width: 100vw;
	width: 100dvw;
	left: 0;
	height: 360px;
}
#mobile-hero .flyer-container {
	position: relative;
    height: 360px !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    z-index: 2;
}
.horizontal #mobile-hero, .horizontal #mobile-hero .flyer-container, .horizontal #mobile-hero .blur-container {
	height: 280px !important;
}
.cover-wrapper .blur-container {
	height: 406px;
	margin-top: -406px;
	border-radius: var(--border-radius-big, 6px);
}
.right-layout.horizontal .cover-wrapper .blur-container {
	height: 130px;
	margin-top: -130px;
}
.blur-container {
	width: 100%;
    background-size: cover;
	background-position: center;
	z-index: 0;
	filter: blur(32px);
}
#flyer-zoom {
	position: fixed;
    width: 100vw;
    height: 100vh;
    width: 100dvw;
    height: 100dvh;
    left: 0;
    top: 0;
	background: #00000082;
	-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 999999;
	display: none;
}
#flyer-zoom.visible {
	display: block;
	animation: fadeIn 0.3s;
}
.flyer-zoom-image {
	background-position: center;
    background-size: contain;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background-repeat: no-repeat;
	cursor: pointer;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		display: none;
	}
	100% {
		opacity: 1;
	}
}

@media only screen and (max-width: 1200px), screen and (max-height: 696px) {
	.navbar ~ main{
		margin-top:50px !important;
	}
	.cover-wrapper {
		height: 360px !important;
	}
	.horizontal .cover-wrapper {
		height: 280px !important;
	}
	.cover-wrapper &gt; div{
		display: none !important;
	}
	#mobile-hero{
		display: grid !important;
	}
	.description-container.mobile {
		display: grid !important;
		order: 2;
		font-size: 14px;
		opacity: 0.9;
	}
	.flyer-container, .cover-wrapper {
		cursor: pointer !important;
	}
	
	.thumbnail .caption {
		height: calc(var(--card-height)*1.08) !important;
	}

	section.cover-wrapper + section {
		max-width: 100%;
	}

	.right-layout.horizontal .picture-container .flyer-container {
		height: 320px;
	}

	main.right-layout section:nth-child(3) {
		grid-column-end: 2;
	}

	main.right-layout {
		grid-template-columns: 100%;
	}
	main.right-layout section.cover-wrapper {
		margin: auto auto 60px auto;
		text-align: center;
		justify-content: center;
		place-items: center;
	}
	main.right-layout .flyer-container{
		margin-right: 0 !important;
	}

	main.right-layout.vertical .flyer-container, main.right-layout.layout3 .flyer-container{
		height: unset;
		width: 60vw;
	}
	div.tags.tags-left ul{
		justify-content: left;
	}
	div.tags ul{
		gap: 7px;
	}
	main.right-layout .event-details {
		flex-direction: column;
		gap: 10px;
		margin-top: -3.5em;
		margin-bottom: 2em;
	}
	main.right-layout .event-details h6 {
		text-align: left;
		font-size: 1em;
		/* color: var(--primary-color); */
		opacity: .65;
		order: 1;
	}
	button#eventsRequestBtn{
		color: var(--body-color);
		text-decoration:underline;
		opacity:.65
	}
	button#eventsRequestBtn:hover{
		opacity:1
	}
	main.right-layout .event-details h1 {
		order: 2;
	}
	div.tags.tags-left {
		order: 4;
	}
	main.right-layout section.cover-wrapper { 
		position: relative;
		width: 100%;
	}
	.right-layout section:not(.cover-wrapper), .right-layout ~ aside section {
		max-width: 100%;
		margin-left: 0%;
	}
	aside {
		width: 100%;
	}
}

@media only screen and (max-width: 990px) {
	.floating-navbar {
		margin-bottom: -118px;
	}
}

@media only screen and (max-width: 768px) {
	.service-parent form {
		margin-top: 30px;
	}
	.service-parent form .service-buttons-container {
		justify-content: center;
	}
	.tag-label-container {
    	margin-bottom: 10px;
		justify-content: center;
		width: 100%;
    	align-content: center;
	}
	.description {
		margin-top: 20px;
	}

	.service-content-parent {
		flex-wrap: wrap;
	}
	.service-parent {
		width: 100%;
	}

	.event-request-container {
		place-items: flex-start;
	}
	.event-request-container #eventsRequestBtn {
		padding: 0;
		margin-top: 1em;
		text-transform: unset;
	}
	.event-request-container #eventsRequestBtn:hover, .event-request-container #eventsRequestBtn:active {
		background-color: unset;
	}

	#map-container .map-information {
		width: 100%;
	}
	#map-container .map-information &gt; div {
		margin: 0;
		width: 100%;
	}

	.footer-container {
		padding: 15px 15px 2em;
	}

	footer * {
		text-align: left;
		justify-content: flex-start;
	}

	li:not(.alternative) #contactModalBtn {
		place-content: start;
	}

	main.container {
		width: 100%;
	}

	.vertical .flyer-container, .layout3 .flyer-container {
		height: 220px;
	}
}

@media only screen and (max-width: 600px) {
	.right-layout.horizontal .picture-container .flyer-container {
		height: unset !important;
		min-width: calc(100vw - 40px);
	}
	.events-grid-container {
		grid-template-columns: unset;
	}
}
@media only screen and (max-width: 440px) {
	/* fix pay button in very small screens */
	#TpvBtn{
		padding-left:11px;
		padding-right:0px;
	}
	#TpvBtn h4{
		width:70% !important;
	}
}



label {
	display: flex !important;
	gap: 6px;
}
label span {
	padding: 0 !important;
	margin: 0 !important;
}
input[type="radio"], input[type="checkbox"] {
	margin: 0;
	width: 14px !important;
    height: 14px !important;
}

.terms_container {
    margin: 20px 0;
    opacity: 0.9;
}
.terms_container, .alert-info {
	padding: 14px 4px;
    font-size: 0.9em;
    text-align: center;
	border-radius: var(--border-radius-ext);
}
.modal-content .terms_container a {
	font-size: 1em;
}
body.dark-mode .terms_container, body.dark-mode .alert-info {
	background: #005fb024;
	color: #07adff;
    border: 1px solid #004d8052;
}
body.light-mode .terms_container, body.light-mode .alert-info {
	background: #008aff1c;
    border: 1px solid #058be42b;
}

body.dark-mode .btn-success {
	color: #fff;
    background-color: #00a462;
    border-color: #00c576;
}
body.dark-mode .btn-success:hover {
	color: #fff;
    background-color: #00bd72;
    border-color: #00e489;
}

body.dark-mode select {
	appearance: none;
    background: url("data:image/svg+xml,&lt;svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'&gt;&lt;path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/&gt;&lt;/svg&gt;") no-repeat;
    background-position: calc(100% - 12px) center !important;
}
body.light-mode select {
	appearance: none;
    background: url("data:image/svg+xml,&lt;svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'&gt;&lt;path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/&gt;&lt;/svg&gt;") no-repeat;
    background-position: calc(100% - 12px) center !important;
}
body.light-mode option {
	background: white;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child&gt;.btn, .input-group-btn:last-child&gt;.dropdown-toggle, .input-group-btn:first-child&gt;.btn:not(:first-child) {
	border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}



.remember label, .ckbox label {
	cursor: pointer;
}

body.dark-mode .iti__country-list {
	background: #2d2e2e;
    color: #e8e8e8;
    border-color: #858585;
	border-radius: var(--border-radius-int);
}
body.dark-mode .iti__divider {
	border-color: #4b4b4b;
}
body.dark-mode .iti__country.iti__highlight {
	background: #424242;
}

.datepicker.dropdown-menu {
	border-radius: var(--border-radius-int);
	padding: 6em 10px 10px;
}
.datepicker.dropdown-menu td {
	padding: 7px 14px;
	border-radius: var(--border-radius-int);
}
.datepicker th {
	border-radius: unset;
}
.datepicker thead {
    width: 100%;
    margin-left: -10px;
    margin-top: -6em;
    position: absolute;
	padding-top: 8px;
    padding-bottom: 6px;
	border-radius: var(--border-radius-int) var(--border-radius-int) 0 0;
}
.datepicker .datepicker-months thead, .datepicker .datepicker-years thead {
	padding-bottom: 16px;
}
.datepicker thead tr {
	width: calc(100% - 20px);
    display: table;
    margin: 0 10px;
}
.datepicker thead .prev, .datepicker thead .next {
	min-width: 46px;
}
.datepicker thead tr:last-child {
	margin-top: 6px;
}
.datepicker tbody td[colspan="7"] {
	width: 100%;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused, .datepicker table tr td span:hover {
	background: var(--btn-secondary);
    color: var(--btn-secondary-color);
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
	background-color: var(--btn-secondary-color);
    color: var(--btn-secondary);
    background-image: none;
}
.datepicker .datepicker-switch {
	padding: 10px;
}
.datepicker-dropdown:before, .datepicker-dropdown:after {
	display: none;
}

body.dark-mode .datepicker.dropdown-menu {
	background: #2d2e2e;
    color: #e8e8e8;
    border-color: #3d3f3f;
}
body.dark-mode .datepicker thead {
	background-color: #202121;
}
body.light-mode .datepicker.dropdown-menu {
	background: #efefef;
    color: #292929;
    border-color: #cfcfcf;
}
body.light-mode .datepicker thead {
	background-color: #cecece;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child&gt;.btn, .input-group-btn:first-child&gt;.dropdown-toggle, .input-group-btn:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

main.info-screen section {
	width: 96%;
    max-width: 1280px;
    margin: auto auto 60px;
	color: var(--box-color);
    background: var(--box-bg);
    border-radius: var(--border-radius-big);
    border: 1px solid var(--bg-color);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    text-align: center;
    display: flex;
    align-items: center;
    flex-flow: column;
	padding: 0 12px;
}
.checkout-box {
	color: var(--box-color);
    background: var(--box-bg);
    border-radius: var(--border-radius-big);
    border: 1px solid var(--bg-color);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    text-align: center;
	padding: 12px 20px;
	margin-bottom: 10px;
	position: relative;
}
.checkout-box-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: var(--box-bg);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
main.info-screen.layout3 section {
	border-color: var(--box-inner-bg);
}
main.info-screen.thank-you section {
	padding: 50px 50px 30px;
}

main.info-screen .flyer-container {
	margin: 1em auto;
}

main.info-screen .subsection {
	background: var(--box-bg-hover);
    border-radius: var(--border-radius-ext);
	border: 1px solid var(--bg-color);
	padding: 30px 8px 18px;
    margin: 20px 0;
}
main.info-screen.layout3 .subsection {
	border-color: var(--box-inner-bg);
}
main.assistants .subsection {
	padding: 20px 40px;
}

main.assistants .assistants-fields-body {
	width: 100%;
	max-width: 740px;
}

main.info-screen.thank-you section {
	max-width: 740px;
	padding: 50px 30px 30px;
}

main.info-screen.thank-you .button-group {
	flex-direction: column;
	gap: 12px;
	margin-top: 0;
}
main.info-screen #eventTitle {
	color: var(--box-color);
}
main.info-screen .description-container-top {
	width: 60%;
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--body-bg);
}
main.info-screen .location-details {
	display: flex;
    flex-flow: column;
    max-width: 260px;
    margin: 2em auto 0;
    font-size: 1.2em;
	opacity: 0.75;
}
main.info-screen.vertical .flyer-container, main.info-screen.layout3 .flyer-container {
	height: 300px;
}
:is(.payment-total, .payment-quantity, .payment-subtotal):not(.text-right)
 {
    text-align: left;
}
.price-fee {
	top: -6px;
    white-space: nowrap;
}
.payment-choice {
	border-color: transparent;
}

.payment-terms label {
	font-weight: normal;
	position: relative;
}

.phone-alert {
    padding: 2.5em 0;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
	gap: 8px;
}
.phone-alert .control-label {
	width: 100%;
    justify-content: center;
	font-weight: 400;
}
.phone-alert button {
	max-width: 160px;
}

.info-screen .button-group {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
	gap: 8px;
    margin-top: 2em;
}

#DeletePromoCode {
	margin-top: -1em;
	zoom: 0.75;
	font-weight: 400;
}

@media only screen and (max-width: 768px) {
	.info-screen .button-group {
		justify-content: center;
	}
}

.info-screen .subtitle {
	opacity: 0.7;
}
.info-screen .alert-info {
	padding: 12px 16px;
}

#account {
	color: var(--body-color);
}

#account .nav-pills&gt;li&gt;a {
	color: var(--nav-text-color);
	opacity: 0.8;
}

#account :is(.nav-pills&gt;li.active&gt;a, .nav-pills&gt;li.active&gt;a:hover, .nav-pills&gt;li.active&gt;a:focus) {
	background-color: var(--btn-primary);
    color: var(--btn-primary-color) !important;
}
#account .nav&gt;li&gt;a:hover, #account .nav&gt;li&gt;a:focus {
	background-color: var(--btn-primary-darker);
    color: var(--btn-primary-color) !important;
	opacity: 1;
}

#account .tab-content {
	border-top: 1px solid  var(--btn-primary);
}

#account .panel {
	background: var(--box-bg);
	border-radius: var(--border-radius-ext);
	border: 1px solid var(--box-bg);
}
#account .panel button {
	outline: none !important;
	border: 1px solid transparent !important;
    padding: 3px 9px;
    background: var(--btn-primary-darker);
    color: var(--btn-primary-color);
    border-radius: var(--border-radius-int) !important;
    margin-top: -2px;
	opacity: 0.75;
}
#account .panel button:hover {
	opacity: 1;
}
#account .panel .buttons-group {
	display: flex;
	gap: 4px;
	justify-content: flex-end;
	margin-top: -1px;
}
#account .table-hover&gt;tbody&gt;tr:hover&gt;td, #account .table-hover&gt;tbody&gt;tr:hover&gt;th {
	background-color: var(--box-bg-hover);
}


#account #MyPermissionsTab .form-group {
	display: flex;
	align-items: center;
    gap: 6px;
}
#account #MyPermissionsTab .form-group label, #account #MyPermissionsTab .form-group input[type="checkbox"] {
	cursor: pointer;
	margin: 0;
	font-weight: 400;
}

.box-primary {
	background-color: var(--box-bg);
}
.box-primary h3 {
	color: var(--box-title);
}
.box-primary .rss-name, .box-primary .rrss-item svg {
	color: var(--box-color);
	opacity: 0.8;
	transition: opacity 0.3s;
}
.box-primary .rrss-item:hover .rss-name, .box-primary .rss-name:hover {
	color: var(--box-color);
	opacity: 1;
}
.box-primary .rrss-item:hover {
	background-color: var(--box-bg-hover);
}

.dropdown-menu .divider {
	background-color: var(--body-bg);
}

main.assistants section {
	padding-bottom: 2em;
	user-select: none;
}

main.assistants .title {
    width: calc(100% + 40px);
    border-radius: var(--border-radius-big);
    background: var(--box-bg-hover);
	padding: 0 0 10px;
}

main.assistants .subsection &gt; div:first-child &gt; div {
	margin-bottom: 2em;
}

.event-container &gt; a &gt; div.promoted {
	display: none !important;
}

.align-right-down {
    margin: auto auto 0 0;
}

.vertical .featured-btn-container, .layout3 .featured-btn-container {
	position: relative;
    width: 156px;
    align-self: flex-end;
    text-align: right;
    margin: auto 0 0 auto;
	margin-top: 10px;
}
.layout3 .featured-btn-container {
    margin: auto 18px 18px auto;
}
.horizontal .featured-btn-container {
    margin: calc(-11em - 6px) 9px 5em auto;
}

.services pre {
	background-color: var(--box-bg-hover);
    border-color: var(--bg-color);
    color: var(--box-color);
	font-family: var(--font-family);
}

.pagination&gt;li&gt;a, .pagination&gt;li&gt;span {
	background-color: var(--box-bg) !important;
    border-color: transparent;
    color: var(--box-color);
	opacity: 1;
}
.pagination&gt;li:not(.disabled)&gt;a:hover, .pagination&gt;li:not(.disabled)&gt;span:hover {
	opacity: 0.9;
	filter: brightness(1.25);
}

.pagination&gt;.disabled&gt;span, .pagination&gt;.disabled&gt;span:hover, .pagination&gt;.disabled&gt;span:focus, .pagination&gt;.disabled&gt;a, .pagination&gt;.disabled&gt;a:hover, .pagination&gt;.disabled&gt;a:focus {
    background-color: var(--box-bg-hover) !important;
    border-color: transparent;
    color: var(--box-color);
}

/* Fix for native datepicker's placeholder */
input::-webkit-date-and-time-value {
    text-align: left;
    padding: 6px 12px;
	color: var(--body-color);
}
.dark-mode input::-webkit-date-and-time-value {
	color: white;
}
.light-mode input::-webkit-date-and-time-value {
	color: black;
}
.date-field {
	display: flex;
	min-width: calc(100% - 16px);
}
.date-field::before {
	display: flex;
    content: attr(css-text);
    width: calc(100% + 40px);
	color: #929292;
}
.date-field.empty {
	color: transparent;
}
@-moz-document url-prefix() { 
	.date-field.empty {
		color: inherit;
	}
}
.date-field:not(.empty)::before {
    display: none;
}

#stripeLabel.apple-pay span::before {
	content: 'Apple';
}
#stripeLabel.apple-pay i {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	margin-right: 10px;
}
#stripeLabel.apple-pay i::before {
	content: "\f179";
}

#stripeLabel.google-pay span::before {
	content: 'Google';
}
#stripeLabel.google-pay i {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	margin-right: 10px;
}
#stripeLabel.google-pay i::before {
	content: "\f1a0";
}

#StripeBtnContainer:not(.loading) #stripeLoader {
	display: none;
}
#StripeBtnContainer.loading #stripeContent {
	display: none;
}

#pdcc-modal-bg #pdcc-modal-container {
	border: none !important;
	border-radius: var(--border-radius-big, 6px) !important;
}
body.dark-mode #pdcc-modal-bg #pdcc-modal-container {
	background: #202121 !important;
	color: #ffffff;
}
body.light-mode #pdcc-modal-bg #pdcc-modal-container {
	background: #efefef !important;
	color: #000000;
}
#pdcc-modal-bg #pdcc-modal-container a:not(.btn) {
	font-size: 14px;
}
body.dark-mode #pdcc-modal-bg #pdcc-modal-container a:not(.btn) {
	color: #e0e0e0 !important;
}
body.dark-mode #pdcc-modal-bg #pdcc-modal-container a:not(.btn):hover {
	color: white !important;
}
body.light-mode #pdcc-modal-bg #pdcc-modal-container a:not(.btn) {
	color: #292929 !important;
}
body.light-mode #pdcc-modal-bg #pdcc-modal-container a:not(.btn):hover {
	color: black !important;
}
body.dark-mode #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services,
body.dark-mode #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services p:not(:last-child),
body.dark-mode #pdcc-modal-bg #pdcc-modal-container #pdcc-modal-header p.title {
	border-color: rgba(255,255,255,.1);
}
body.light-mode #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services,
body.light-mode #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services p:not(:last-child),
body.light-mode #pdcc-modal-bg #pdcc-modal-container #pdcc-modal-header p.title {
	border-color: rgba(0,0,0,.1);
}
#pdcc-modal-bg #pdcc-modal-container .pdcc-btn,
div#pdcc-message-container p span.pdcc-message-btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	border-radius: calc(var(--border-radius-int, 3px) * 2) !important;
	transition: background-color 0.3s, color 0.3s, opacity 0.3s, border-color 0.3s;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept,
div#pdcc-message-container p span#pdcc-message-accept,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: var(--btn-primary-color) !important;
	opacity: 1;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept:hover, 
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept:active,
div#pdcc-message-container p span#pdcc-message-accept:hover,
div#pdcc-message-container p span#pdcc-message-accept:active,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all:hover,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all:active {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	opacity: 0.8;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-reject,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config,
div#pdcc-message-container p span#pdcc-message-config,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings {
	background-color: #656565 !important;
  color: #FFFFFF !important;
}
div#pdcc-message-container {
	background: rgba(0,0,0,.8);
	height: auto;
	line-height: 24px;
	color: #eeeeee;
	text-align: center;
	padding: 7px 0;
}
#pdcc-close-modal, #pdcc-modal-reject, #pdcc-modal-deny-all{
	display: none !important;
}

.fc {
	background-color: transparent;
	padding: 20px 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.fc-header-title h2 {
	color: inherit;
	font-family: inherit;
	text-transform: capitalize;
}
.fc-widget-header {
	font-family: inherit;
}
.fc-button.fc-state-default {
	border: none;
}
.fc-button.fc-state-hover,
.fc-button.fc-state-active {
	color: var(--primary-color);
	background-color: initial;
}
.fc-border-separate td {
	/* padding: 3px; */
	background: linear-gradient(45deg, var(--box-bg), var(--box-bg-hover));
	border-radius: var(--border-radius-big, 6px);
	background-clip: padding-box;
	border: 3px solid transparent;
}
.fc-day-selected {
	box-shadow: var(--primary-color) 0px 0px 1px 2px inset;
	-webkit-box-shadow: var(--primary-color) 0px 0px 1px 2px inset;
}
.fc-today .fc-day-number {
	color: var(--primary-color);
}
.fc-widget-content &gt; div {
	padding: 1px;
}
.fc-grid .fc-day-content {
	padding: 0;
}
.fc-event {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: none;
	margin-top: 5px;
	border-radius: var(--border-radius-big, 6px) !important;
}
.fc-event:not(.disabled) {
	cursor: pointer;
}
.fc-event.disabled {
	opacity: 0.5;
}
.fc-event-inner {
	display: flex;
	flex-direction: column-reverse;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	border-radius: var(--border-radius-big, 6px);
	padding: 13px 0;
}
.fc-event-title {
	display: none;
	max-width: 100%;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.fc-event-time, .fc-event-title {
	padding: 0 1px;
}
.fc-grid .fc-event-time {
	font-weight: normal;
}
.fc-event-time-end {
	display: none;
}
@media only screen and (min-width: 768px) {
	.fc-event-inner {
		padding: 5px;
	}
	.fc-widget-content &gt; div {
		padding: 3px;
	}
	.fc-grid .fc-day-content {
		padding: 2px 2px 1px;
	}
	.fc-event-title {
		display: block;
	}
	.fc-event-time-end {
		display: inline;
	}
}

.select-calendar-event-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.select-calendar-event-title button {
	padding: 0;
	background: transparent;
	color: var(--body-title);
	border: none;
	text-align: center;
	font-size: 20px;
}
.select-calendar-event-title button &gt; i {
	padding-left: 5px;
	font-style: normal;
	font-size: 1em;
	line-height: 1em;
}

.payment-product {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}
.payment-product .service-title h4 {
	margin: 0;
}
.payment-product .service-cost {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.payment-product .tags-container {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.payment-product div.tags-container div[class^="tag-"] {
	align-self: flex-end;
}
.payment-product div.tags-container div[class^="tag-"] span {
	border-radius: var(--border-radius-big);
	padding: 4px 10px;
	font-size: 0.75em;
	color: white;
}
.payment-product div.tags-container div.tag-people span {
	font-size: 0.85em;
	padding: 3px 10px;
}
.payment-product div.tags-container div.tag-people .pg-icon {
	display: inline;
	height: 12px;
	width: 12px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.payment-people {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}
.payment-people strong {
	font-size: 16px;
}
.service-button-container,
.payment-people .button-container {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.services button.more, .services button.less,
.payment-people button.more, .payment-people button.less {
	padding: 0px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	border: 1px solid black;
	border-radius: 100% !important;
	margin: 0 !important;
	position: relative;
	transform: translate(0,0) !important;
	background-color: transparent;
	transition: background-color 0.3s, border-color 0.3s;
}
.dark-mode .payment-people button.more, .dark-mode .payment-people button.less {
	color: white !important;
	border-color: white !important;
}
.light-mode .payment-people button.more, .light-mode .payment-people button.less {
	color: var(--btn-secondary-color) !important;
	border-color: var(--btn-secondary-color) !important;
}
.payment-people button.more:hover, .payment-people button.less:hover {
	background-color: var(--btn-primary) !important;
	border-color: var(--btn-primary) !important;
	color: var(--btn-primary-color, white) !important;
}
.payment-people button.more:active, .payment-people button.less:active {
	box-shadow: none !important;
	background-color: var(--btn-primary-darker) !important;
	border-color: var(--btn-primary-darker) !important;
	color: var(--btn-primary-color, white) !important;
}
.services input.current_value,
.payment-people input.current_value {
	background-color: transparent;
	border: 0;
	width: 40px;
	height: 34px;
	line-height: 34px;
	font-size: 17px;
	margin: 0 !important;
	text-align: center;
}
.dark-mode .payment-people input.current_value{
	color: white !important;
}
.light-mode .payment-people input.current_value{
	color: var(--btn-secondary-color) !important;
}

.light-mode .event-container,
.light-mode #chart iframe,
.light-mode .services &gt; div,
.light-mode #ticket_status-container &gt; div
{
	box-shadow:rgba(75, 80, 94, 0.2) 0px 14px 36px 1px;
}

.dark-mode .services button.more, .dark-mode .services button.less,
.light-mode .services button.more, .light-mode .services button.less {
	color: var(--box-title) !important;
	border-color: var(--box-title) !important;
}
.dark-mode .services input.current_value,
.light-mode .services input.current_value {
	color: var(--box-title) !important;
}
.services button.more:hover, .services button.less:hover {
	background-color: var(--box-title) !important;
	color: var(--box-bg-hover, white) !important;
}
.services button.more:active, .services button.less:active {
	box-shadow: none !important;
	background-color: var(--box-title) !important;
	color: var(--box-bg-hover, white) !important;
}


@media only screen and (min-width: 480px) {
	.payment-product {
		flex-direction: row;
		align-items: flex-end;
	}
	.payment-people {
		flex-direction: row;
	}
}

/* desktop */
@media only screen and (min-width: 1200px) {
	#eventTitle {
		font-size: 36px;
	}
	#eventTitle svg#caret {
		width: 20px;
		height: 24px;
	}
	h3.title{
		font-size: 17px;
	}

	body .layout3 div.tags li, body .layout3 div.tags small{
		background-color:var(--box-bg-hover);
	}
	.services &gt; div:hover:has(.btn:not(.disabled)) {
		box-shadow: 0 0 0px 1px var(--btn-primary) inset;
	}

	.services .service-container-soldout{
		background-color:#3b0d0d;
	}
	.light-mode .services .service-container-soldout{
		background-color:#ffbbbb;
	}

	.services .service-container-soldout div.tag-danger span{
		background-color:transparent;
		color:#ff575c !important;
		font-size:14px !important;
		font-weight:bold;
		text-transform: uppercase;
	}

	.services .service-container-comingsoon{
		opacity: 0.7;
	}

	.service-button-container .btn.btn-primary{
		font-size:15px;
		font-weight:bold;
	}

	#map-container .map-information{
		display:none
	}
}

/* fix flyer overlapping footer */
@media only screen and (min-width: 1200px) and (min-height: 699px) {
	footer{
		width: 1170px;
		margin: 0 auto;
	}
	.footer-container{
		max-width: 77%;
		margin-left: 23%;
		padding:20px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	footer{
		max-width: 970px;
		margin: 0 auto;
	}
	.footer-container{
		max-width: 100%;
		margin-left: none;
		padding:3% 20px
	}
}
/* fix footer language block size and align */
@media only screen and (min-width: 769px) and (max-width: 990px) {
	.footer-container&gt;div&gt;div:nth-child(3){
		max-width: none;
		min-width: 240px;
		margin: 0 auto;
	}
	.footer-container&gt;div&gt;div:nth-child(3) img{
		max-width: 200px;
	}
}

/* mobile */
@media only screen and (max-width: 1200px) {
}</pre></body></html>