/*
Theme Name: Events
Theme URI: 
Author: Ignas Skridla
Author URI: 
Description: 
Requires at least: 5.8
Text Domain: events
*/
:root {
  --wp--preset--color--base: #ffffff!important;
  --wp-admin-border-width-focus: 0px!important;
  --wp--preset--font-size--x-large: 2rem!important;
}

/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */
/**
 * Colors
 */
/**
 * Fonts & basic variables.
 */
/**
 * Grid System.
 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 */
/**
 * Dimensions.
 */
/**
 * Shadows.
 */
/**
 * Editor widths.
 */
/**
 * Block & Editor UI.
 */
/**
 * Block paddings.
 */
/**
 * React Native specific.
 * These variables do not appear to be used anywhere else.
 */
:root {
  --wp--preset--color--base: #ffffff!important;
  --wp-admin-border-width-focus: 0px!important;
  --wp--preset--font-size--x-large: 2rem!important;
}

.image-no-margin {
  margin: 0;
}

.image-no-margin > * {
  vertical-align: bottom;
}

p.has-background, :where(.wp-block-group.has-background) {
  padding: 0;
}

/**
 * Breakpoints & Media Queries
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
/**
 * These are default block editor widths in case the theme doesn't provide them.
 */
/**
 * Breakpoints & Media Queries
 */
/**
 * Base
 * - Reset the browser
 */
body {
  margin: 0;
  padding: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  height: auto;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

/**
 * Breakpoints & Media Queries
 */
.image-no-margin {
  margin: 0;
}

.image-no-margin > * {
  vertical-align: bottom;
}

p.has-background, :where(.wp-block-group.has-background) {
  padding: 0;
}

/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
/**
 * These are default block editor widths in case the theme doesn't provide them.
 */
.is-root-container {
  padding-left: var(--wp--custom--post-content--padding--left);
  padding-right: var(--wp--custom--post-content--padding--right);
}

.block-editor-block-list__layout.is-root-container > .wp-block[data-align=full],
.wp-block-post-content > .alignfull {
  margin-left: calc(-1 * var(--wp--custom--post-content--padding--left)) !important;
  margin-right: calc(-1 * var(--wp--custom--post-content--padding--right)) !important;
  width: calc(100% + var(--wp--custom--post-content--padding--left) + var(--wp--custom--post-content--padding--right)) !important;
}

@media (min-width: 480px) {
  .wp-block[data-align=left],
  .wp-block[data-align=right],
  .wp-site-blocks .alignleft,
  .wp-site-blocks .alignright {
    max-width: var(--wp--custom--alignment--aligned-max-width);
  }
}
.aligncenter {
  text-align: center;
}

.h-100 {
  min-height: 100vh;
}

.block-editor-block-list__layout.is-root-container > :where(:not(.alignfull)) {
  max-width: 620px !important;
}

p, h1, h2, h3, h4, h5, h6 {
  margin-top: var(--wp--custom--margin--vertical);
  margin-bottom: var(--wp--custom--margin--vertical);
}

/**
 * Elements
 * - Styles for basic HTML elemants
 */
a {
  cursor: pointer;
  text-underline-offset: 0.15em;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration-line: underline;
}

.block-editor-block-list__layout a:not(.wp-block-tiptip-hyperlink-group-block):not(.wp-block-button__link),
.wp-block-post-content a:not(.wp-block-tiptip-hyperlink-group-block):not(.wp-block-button__link) {
  text-decoration-line: underline;
}

.block-editor-block-list__layout a:not(.wp-block-tiptip-hyperlink-group-block):not(.wp-block-button__link):hover, .block-editor-block-list__layout a:not(.wp-block-tiptip-hyperlink-group-block):not(.wp-block-button__link):focus,
.wp-block-post-content a:not(.wp-block-tiptip-hyperlink-group-block):not(.wp-block-button__link):hover,
.wp-block-post-content a:not(.wp-block-tiptip-hyperlink-group-block):not(.wp-block-button__link):focus {
  text-decoration: none;
}

.site-footer .wp-block-tiptip-hyperlink-group-block .wp-block-outermost-icon-block {
  min-width: 30px;
}

a.wp-block-tiptip-hyperlink-group-block {
  text-decoration: none;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  background: var(--wp--custom--form--color--background);
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  border-radius: var(--wp--custom--form--border--radius);
  box-shadow: var(--wp--custom--form--color--box-shadow);
  color: var(--wp--custom--form--color--text);
  font-family: var(--wp--preset--font-family--base);
  padding: var(--wp--custom--form--padding);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--wp--custom--form--color--text);
  border-color: var(--custom--form--color--border);
}

select {
  font-family: inherit;
  font-size: 100%;
}

textarea {
  width: 100%;
}

input[type=checkbox] + label {
  display: inline;
  margin-left: 0.5em;
  line-height: 1em;
}

:root {
  --wp--preset--color--base: #ffffff!important;
  --wp-admin-border-width-focus: 0px!important;
  --wp--preset--font-size--x-large: 2rem!important;
}

/**
 * Button
 */
/**
 * Block Options
 */
.wp-block-button.wp-block-button__link,
.wp-block-button .wp-block-button__link {
  border-width: 0;
  text-decoration: none;
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentColor;
  border-radius: var(--wp--custom--button--border--radius);
  text-decoration: none;
}

.wp-block-button.wp-block-button__link svg,
.wp-block-button .wp-block-button__link svg {
  fill: var(--wp--custom--button--color--text);
}

.wp-block-button.is-style-outline.wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentColor;
  text-decoration: none;
}

.wp-block-button.is-style-outline.wp-block-button__link svg,
.wp-block-button.is-style-outline .wp-block-button__link svg {
  fill: var(--wp--custom--button--color--text);
}

.wp-block-code code {
  font-family: var(--wp--custom--code--typography--font-family);
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  font-size: var(--wp--custom--gallery--caption--font-size);
}

.wp-block-image {
  /* 
  From what I can tell the below are styles regularly used by themes
  to fix the image block.  I believe these should go into the block's
  default styles.  It's difficult to say how this will land, however 
  based on discussion found in (many) related issues here: 
  https://github.com/WordPress/gutenberg/issues/28923
  */
  text-align: center;
}

ul,
ol {
  font-family: var(--wp--custom--list--font-family);
  padding-left: var(--wp--custom--list--padding--left);
}

.wp-block-navigation.is-responsive .wp-block-navigation__container {
  gap: 1vw;
}

.wp-block-navigation.is-responsive .has-child .wp-block-navigation-link__container {
  display: revert;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  padding: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
  width: 100%;
  align-items: center;
}

/* 
	This determines how submenus work from the main menu
	If we set the background-color to transparent, then the submenu isn't "fullwidth"
	We can also move the positioning based on the font-size in the main menu as well as the min width
	depending on the language and menu-item lengths

.site-header .wp-block-navigation__container li.wp-block-navigation-submenu 
> ul.wp-block-navigation__submenu-container {
	@media screen and (min-width:782px) {
		margin-top:5px;
		left:-1rem!important;
		min-width:350px!important;
		&:before {
			content:"";
			width:300vw;
			height:100%;
			position:absolute;
			left:-100vw;
			top:0;
			display:flex;
			z-index:-1;
			background-color:transparent;
			pointer-events: none;
		}
	}
} */
/* 
	This can show the "arrow" next to an item that has a submenu on mobiles
	If we decide that we want the toggle submenu items to work in the mobile menu too
*/
.wp-block-navigation-link {
  background: transparent;
}

.events-logo {
  gap: 1px;
  line-height: 1rem;
}

/* Menu Hover Animation Styles */
.wp-block-navigation__container .wp-block-navigation-item {
  position: relative;
}

.wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.3s ease;
  overflow: hidden;
}

.wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease;
}

.wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: currentColor;
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
}

.wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
  transform: translateY(-2px);
}

.wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:hover::before {
  width: 100%;
}

/* Alternative Animation Styles - Choose one */
/* Option 1: Slide from center */
.menu-animation-center .wp-block-navigation-item__content::before {
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Option 2: Slide from right */
.menu-animation-right .wp-block-navigation-item__content::before {
  left: auto;
  right: 0;
}

/* Option 3: Bounce effect */
.menu-animation-bounce .wp-block-navigation-item__content::before {
  transition: width 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.menu-animation-bounce .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
  transform: translateY(-3px);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Option 4: Glow effect */
.menu-animation-glow .wp-block-navigation-item__content::before {
  height: 3px;
  background: linear-gradient(90deg, #a3513e, #d4756b, #a3513e);
  box-shadow: 0 0 8px rgba(163, 81, 62, 0.6);
  border-radius: 2px;
}

.menu-animation-glow .wp-block-navigation-item__content:hover {
  color: #d4756b;
  text-shadow: 0 0 8px rgba(163, 81, 62, 0.3);
}

/* Option 5: Scale effect */
.menu-animation-scale .wp-block-navigation-item__content::before {
  height: 2px;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu-animation-scale .wp-block-navigation-item__content:hover::before {
  transform: scaleX(1);
  width: 100%;
}

/* Option 6: Double line effect */
.menu-animation-double .wp-block-navigation-item__content::before {
  height: 1px;
  bottom: 2px;
}

.menu-animation-double .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}

.menu-animation-double .wp-block-navigation-item__content:hover::before, .menu-animation-double .wp-block-navigation-item__content:hover::after {
  width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .wp-block-navigation__container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    transform: translateY(-1px);
  }
  .wp-block-navigation__container .wp-block-navigation-item__content::before {
    height: 1px;
  }
}
/* Focus states for accessibility */
.wp-block-navigation__container .wp-block-navigation-item__content:focus {
  outline: 2px solid rgba(163, 81, 62, 0.5);
  outline-offset: 2px;
}

.wp-block-navigation__container .wp-block-navigation-item__content:focus .wp-block-navigation-item__label {
  transform: translateY(-2px);
}

.wp-block-navigation__container .wp-block-navigation-item__content:focus::before {
  width: 100%;
}

@media (max-width: 220px) {
  .events-logo {
    display: none !important;
  }
}
.wp-block-navigation__responsive-container-open > svg {
  height: 30px !important;
  width: 30px !important;
}

.menu-trigger {
  margin-block-start: 0px !important;
}

.menu-trigger > * {
  cursor: pointer;
}

.menu-trigger .hide {
  display: none;
}

.mobile-menu {
  min-width: 100%;
  margin: 0 auto !important;
}

.mobile-menu .wp-block-navigation-item.is-style-default.wp-block-navigation-link {
  padding-bottom: 5px !important;
}

.mobile-menu li ul {
  text-align: center;
}

.menu-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw; /* or a narrower width if you want a side panel */
  height: 100vh;
  z-index: 9999;
  background-color: #DEAA5F;
  overflow-y: auto;
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s ease, opacity 0.3s ease;
  align-items: left !important;
  gap: 1rem;
}

.menu-panel nav {
  flex-direction: column;
}

.menu-panel nav .wp-block-navigation {
  gap: 1.3rem;
}

.menu-panel ul {
  width: 100%;
}

.menu-panel ul li {
  border-bottom: 1px solid black;
  width: 100%;
}

.menu-panel ul li button {
  width: 100%;
}

.menu-panel li {
  font-size: 1.3rem;
}

.menu-panel li li {
  border-bottom: 0px !important;
  font-size: 1.1rem;
  color: #172E62;
}

.menu-panel li li a {
  padding: 4px;
  justify-content: left !important;
}

.menu-panel.open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
  display: block !important;
  position: fixed;
  top: 5rem; /* adjust if you want to leave space for topbar */
  left: 0;
  width: 100vw;
  height: calc(100vh - 5rem); /* prevent overflow under the top bar */
  z-index: 9999;
  background-color: #EBC896 !important;
  overflow-y: auto;
}

body.menu-open {
  overflow: hidden;
  height: 100vh;
}

.menu-trigger {
  display: none !important;
}

.menu-top,
.menu-top-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.wp-block-navigation__container.wp-block-navigation.mobile-menu li > button {
  text-decoration: none;
  border-radius: 40px;
}

.wp-block-navigation__container.wp-block-navigation.mobile-menu li > button a {
  text-decoration: none;
}

.mobile-menu li {
  display: inline-block !important;
}

.mobile-menu li .wp-block-navigation__submenu-icon {
  display: inline-block !important;
}

.mobile-menu li button {
  display: inline !important;
}

.mobile-menu li .wp-block-navigation-submenu {
  padding-left: 1rem;
}

.mobile-menu li .wp-block-navigation-submenu li a,
.mobile-menu li .wp-block-navigation-submenu li a:active,
.mobile-menu li .wp-block-navigation-submenu li a:hover,
.mobile-menu li .wp-block-navigation-submenu li a:focus {
  border-left: 1px solid #a4aba1 !important;
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 2vw;
}

.mobile-menu li .wp-block-navigation-submenu li a:focus {
  background-color: #B4B9B2 !important;
}

.mobile-menu li .wp-block-navigation-submenu li a:hover {
  background-color: #B4B9B2 !important;
}

.mobile-menu li .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  background-color: transparent !important;
}

@media only screen and (max-width: 1010px) {
  .top-header {
    display: none !important;
  }
}
@media only screen and (max-width: 1368px) {
  .menu-trigger {
    display: block !important;
  }
  .wp-block-navigation:not(.mobile-menu) {
    display: none !important;
  }
}
.mobile-menu li {
  text-align: center;
}

p.has-text-color a {
  color: currentcolor;
}

p.has-drop-cap:not(:focus):first-letter {
  font-size: var(--wp--custom--paragraph--dropcap--typography--font-size);
  font-family: var(--wp--custom--paragraph--dropcap--typography--font-family);
  font-weight: var(--wp--custom--paragraph--dropcap--typography--font-weight);
  margin: var(--wp--custom--paragraph--dropcap--margin);
}

.wp-block-post-author__name {
  font-weight: var(--wp--custom--post-author--font-weight);
}

.wp-block-post-comments .comment {
  font-size: var(--wp--custom--form--typography--font-size);
}

.wp-block-post-comments label, .wp-block-post-comments .comment-meta {
  font-size: var(--wp--custom--form--label--typography--font-size);
}

.wp-block-post-comments input[type=submit], .wp-block-post-comments .reply a {
  border-width: 0;
  text-decoration: none;
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentColor;
  border-radius: var(--wp--custom--button--border--radius);
}

.wp-block-post-comments input[type=submit] svg, .wp-block-post-comments .reply a svg {
  fill: var(--wp--custom--button--color--text);
}

.wp-block-post-comments .reply a {
  display: inline-block;
}

.wp-block-pullquote.is-style-solid-color,
.wp-block-pullquote {
  text-align: var(--wp--custom--pullquote--typography--text-align);
}

.wp-block-pullquote.is-style-solid-color blockquote,
.wp-block-pullquote blockquote {
  padding: 0;
  margin: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote p,
.wp-block-pullquote blockquote p {
  font-size: 1em;
  padding: 0;
  margin: 0;
  line-height: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-pullquote blockquote .wp-block-pullquote__citation,
.wp-block-pullquote blockquote cite {
  display: block;
  font-size: var(--wp--custom--pullquote--citation--typography--font-size);
  font-family: var(--wp--custom--pullquote--citation--typography--font-family);
  font-style: var(--wp--custom--pullquote--citation--typography--font-style);
  font-weight: var(--wp--custom--pullquote--citation--typography--font-weight);
  margin-top: var(--wp--custom--pullquote--citation--spacing--margin--top);
}

.wp-block-pullquote.is-style-solid-color.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color {
  background-color: var(--wp--custom--color--foreground);
  color: var(--wp--custom--color--background);
}

.wp-block-query-pagination {
  padding-top: 1.5em;
  justify-content: space-between;
  display: grid;
  grid-template-areas: "prev numbers next";
  grid-template-columns: 1fr 2fr 1fr;
}

@media (max-width: 479px) {
  .wp-block-query-pagination {
    grid-template-areas: "prev next";
    grid-template-columns: 1fr 1fr;
  }
}
.wp-block-query-pagination .wp-block-query-pagination-previous {
  justify-self: start;
  grid-area: prev;
}

.wp-block-query-pagination .wp-block-query-pagination-next {
  justify-self: end;
  grid-area: next;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  grid-area: numbers;
  justify-self: center;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
  text-decoration: underline;
}

@media (max-width: 479px) {
  .wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: none;
  }
}
.wp-block-quote.is-style-large p,
.wp-block-quote p {
  font-style: unset;
  margin-top: 0px;
}

.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite {
  font-size: var(--wp--custom--quote--citation--typography--font-size);
  font-style: var(--wp--custom--quote--citation--typography--font-style);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: var(--wp--custom--form--padding);
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  border-radius: var(--wp--custom--form--border--radius);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 0;
}

.wp-block-search .wp-block-search__input {
  padding: var(--wp--custom--form--padding);
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-block-search .wp-block-search__button {
  border-width: 0;
  text-decoration: none;
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentColor;
  border-radius: var(--wp--custom--button--border--radius);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg,
.wp-block-search .wp-block-search__button svg {
  fill: var(--wp--custom--button--color--text);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon,
.wp-block-search .wp-block-search__button.has-icon {
  line-height: 0;
}

.wp-block-separator {
  margin: var(--wp--custom--separator--margin);
  opacity: var(--wp--custom--separator--opacity);
}

.wp-block-separator:not(.is-style-wide) {
  width: var(--wp--custom--separator--width);
}

.wp-block-file .wp-block-file__button {
  border-width: 0;
  text-decoration: none;
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentColor;
  border-radius: var(--wp--custom--button--border--radius);
  display: inline-block;
}

.wp-block-file .wp-block-file__button svg {
  fill: var(--wp--custom--button--color--text);
}

.wp-block-table figcaption {
  font-size: var(--wp--custom--table--figcaption--typography--font-size);
  text-align: center;
}

.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: calc(0.5 * var(--wp--custom--margin--vertical)) calc(0.5 * var(--wp--custom--margin--horizontal));
}

.wp-block-video figcaption {
  margin: var(--wp--custom--video--caption--margin);
  text-align: var(--wp--custom--video--caption--text-align);
}

.wp-block-columns {
  margin-bottom: unset;
}

.post-meta {
  display: flex;
}

.post-meta .wp-block-post-author,
.post-meta .wp-block-post-date,
.post-meta .wp-block-post-tags,
.post-meta .wp-block-post-hierarchical-terms {
  display: flex;
  margin-right: calc(2 * var(--wp--custom--margin--baseline));
}

.post-meta .wp-block-post-author:before,
.post-meta .wp-block-post-date:before,
.post-meta .wp-block-post-tags:before,
.post-meta .wp-block-post-hierarchical-terms:before {
  align-self: center;
  content: "";
  display: inline-block;
  margin-right: calc(0.5 * var(--wp--custom--margin--baseline));
  height: 16px;
  width: 16px;
}

.post-meta .wp-block-post-author:before {
  background: url(svg/post-author.svg) no-repeat;
}

.post-meta .wp-block-post-date:before {
  background: url(svg/post-date.svg) no-repeat;
}

.post-meta .wp-block-post-hierarchical-terms:before {
  background: url(svg/post-category.svg) no-repeat;
}

.accordion:not(.wp-block) header:hover {
  cursor: pointer;
}

.accordion:not(.wp-block) header + section {
  opacity: 0;
  max-height: 1px;
  min-height: 1px;
  height: 0;
  margin-block-start: 0;
  transition: min-height 0.5s ease-out, opacity 0.05s ease-out, padding 0.35s ease-out;
  pointer-events: none;
}

.accordion:not(.wp-block) header + section .wp-block-table {
  height: 1px;
  overflow: hidden;
}

.accordion:not(.wp-block) header.open + section {
  opacity: 1;
  min-height: 75px;
  height: 100%;
  max-height: 10000vh;
  transition: min-height 0.5s ease-out, opacity 0.45s ease-in, padding 0.35s ease-out;
  position: static;
  pointer-events: initial;
}

.accordion:not(.wp-block) header.open + section .wp-block-table {
  height: 100%;
}

.accordion:not(.wp-block).large header.open + section {
  min-height: 100%;
  max-height: 12000vh;
}

.accordion:not(.wp-block) header {
  transition: border-width 0.35s ease-out;
}

.accordion:not(.wp-block) header .wp-block-outermost-icon-block {
  transition: transform 0.35s ease-out;
}

.accordion:not(.wp-block) header.open .wp-block-outermost-icon-block {
  transform: rotate(180deg);
}

.accordion .wp-block-search {
  margin: 0 0 2rem;
}

.accordion .wp-block-search label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: var(--wp--preset--font-size--tiny) !important;
}

.accordion .wp-block-search input[type=search] {
  border: 1px solid;
  padding: 0.5rem 1rem !important;
}

.accordion .wp-block-search button {
  padding-right: 1rem;
}

section.accordion-section .wp-block-group.accordion + .wp-block-group.accordion {
  margin-top: -1px !important;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

body {
  border-box-sizing: border-box !important;
  min-height: 100vh;
  word-break: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden; /* Disable horizontal scrolling */
}

main {
  min-height: 85vh !important;
}

h2.bold {
  font-weight: bold !important;
}

.wp-block-group.alignfull.has-background {
  margin-top: 0px;
}

.border-radius-class img {
  border-radius: 15px !important;
}

.wp-block-navigation__container *:focus {
  outline: none !important;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none !important;
}

@media (max-width: 901px) {
  .top-home-group {
    padding-left: 10px;
    padding-right: 10px;
  }
}
:where(.wp-site-blocks *:focus) {
  outline-width: 0px;
  outline-style: none;
}

summary:hover {
  cursor: pointer;
  color: white;
}

main.wp-block-group.wp-block-group-is-layout-flow {
  margin-block-start: 0px;
}

main.wp-block-group {
  margin-block-start: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  font-family: "Space Grotesk", sans-serif !important;
}

p {
  font-size: 1.2rem;
  font-family: open-sans, sans-serif !important;
}

p a {
  color: white;
  font-weight: 500;
}

.is-style-underline {
  padding-left: 0px;
}

.is-style-underline li {
  display: block;
  list-style-type: none;
}

.is-style-underline li a {
  color: #172E62;
  font-weight: 400;
  font-size: 1.04rem;
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin-left: 2rem;
  font-size: 1.04rem;
  color: #172E62;
  font-weight: 400;
}

.is-style-underline li a:before {
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  top: 3px;
  background-image: url("icons/logo2.svg");
}

.is-style-underline li a:hover {
  text-decoration: underline !important;
  color: #1c6b95;
}

.is-style-underline li + li {
  border-top: 1px solid #E9EBEF;
  padding-top: 12px;
  margin-top: 12px;
}

.flex-news {
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: left;
  gap: 0.7rem;
  padding: 5px;
}

.ajax-pagination-block .wp-block-buttons {
  align-items: center;
  justify-content: center;
}

.pagination-loading {
  text-align: center;
  font-size: 2rem;
  padding: 0px;
  margin: 0px;
}

.wp-block-search__label {
  display: none;
}

h2 {
  font-size: 1.5rem;
  line-height: 1.5;
}

h1,
.h1 {
  font-size: 2rem;
}

h2,
.h2 {
  font-size: 1.5rem;
}

h3,
.h3 {
  font-size: 1.3rem;
}

h4,
.h4 {
  font-size: 1.1rem;
}

h5,
.h5 {
  font-size: 1rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.fourth-wide-column table tbody tr td:nth-child(3) {
  width: 300px;
}

.fourth-wide-column table tbody tr td:nth-child(4) {
  width: 500px;
}

.wp-block-query-pagination-numbers {
  font-weight: 600 !important;
  color: #A3513E;
}

.page-numbers {
  color: #A3513E;
}

.wp-block-query-pagination-next, .wp-block-query-pagination-previous {
  color: #A3513E !important;
  font-weight: 600 !important;
}

.post-header p a {
  color: red !important;
  text-decoration: underline !important;
}

.post-header p a:hover {
  background-color: #FFCB7F;
  color: black !important;
}

.hide-button {
  display: none !important;
}

.acf-innerblocks-container > p {
  margin: 0px;
}

.no-results {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

@media only screen and (max-width: 1060px) {
  .wp-block-table td, .wp-block-table th {
    border: 1px solid;
    padding: 0.2em;
  }
}
table td {
  font-family: "Alegreya", cursive;
  font-size: 1.2rem;
}

.news-item span.has-background-dim {
  opacity: 0;
  transition: opacity 0.3s;
}

.news-item span.has-background-dim:hover {
  opacity: 0 !important;
}

.wp-block-post-featured-image span.has-background-dim {
  opacity: 0;
  transition: opacity 0.3s;
}

.type-events > div:first-child {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.zoom-image {
  /* Ensure the container hides overflow */
  position: relative; /* Set the context for the image */
  overflow: hidden; /* Prevent zoomed image from overflowing */
  display: inline-block; /* Ensure the container dimensions fit */
}

.zoom-image figure img {
  /* Basic image styles */
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover; /* Maintain aspect ratio while filling */
  transition: transform 0.2s ease-in-out; /* Smooth zoom effect */
}

.zoom-image:hover img {
  /* Zoom in effect */
}

.image-date {
  position: relative;
}

.event-title {
  margin-bottom: 1rem !important;
  padding-left: 0px !important;
}

.mb-three-rem {
  margin-bottom: 8rem !important;
}

.no-gap {
  gap: 0px !important;
}

.no-gap-small {
  gap: 3px !important;
  margin-top: 0px !important;
}

.flex-news.events h2 {
  text-align: center !important;
  flex-basis: min(2.5rem, 3vw);
}

.event-title-jrb {
  background-color: #496148;
  text-align: left;
  bottom: 0px;
  position: absolute;
  z-index: 999;
  padding: 5px !important;
  color: white !important;
}

.event-title-jrb h2 {
  padding-top: 2px;
  color: white;
}

.post-title-jrb {
  display: none;
  bottom: 0;
  margin-top: -50px;
  position: relative;
  font-weight: normal;
  z-index: 999;
  padding: 2px 10px !important;
  font-style: normal;
  min-width: 100%;
  text-transform: initial !important;
  padding-bottom: 0px;
}

.post-title-jrb h2.wp-block-post-title {
  color: white !important;
  padding: 5px 0px 5px 0px !important;
  font-variant: initial !important;
}

.post-title-jrb .wp-block-post-date {
  text-align: left;
  margin-left: 0px !important;
  padding-right: 0px !important;
}

h2.post-title-core {
  margin: 0 auto;
  text-align: left !important;
  text-transform: initial !important;
}

.event-group {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}

.post-item-core {
  min-width: 100%;
}

/* Make <li> date headings span full width in grid */
.wp-block-post-template .date-heading {
  grid-column: 1/-1;
  list-style: none;
  margin: 2rem 0 1rem;
  padding: 0;
}

/* Style the <h2> inside */
.wp-block-post-template .date-heading h2 {
  font-size: 1.5rem;
  font-weight: 600;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.5rem;
  margin: 0;
}

.calendar-core-wrapper {
  margin-top: 2rem !important;
}

@media (max-width: 800px) {
  .calendar-core-wrapper {
    margin-top: 1rem !important;
  }
  .calendar-core-wrapper.lower {
    margin-top: 1rem !important;
  }
}
.flatpickr-calendar {
  margin: 0 auto;
}

.flatpickr-monthDropdown-months {
  text-align: center;
}

.event-date-jrb, .jrb-time {
  font-family: "Noto Sans", sans-serif !important;
}

.taxonomy-location {
  font-family: "Noto Sans", sans-serif !important;
  color: black;
  font-size: 1.2rem;
}

.events-container {
  max-width: 1300px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  gap: 3rem;
  margin: 0 auto;
  justify-content: flex-start;
}

.single-event {
  width: 22%;
  position: relative;
  overflow: hidden;
}

.single-event:hover figure img {
  transform: scale(1.05);
}

.single-event h2 {
  text-align: left;
  font-style: normal;
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--20);
  margin-top: 30px;
  margin-bottom: 0px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-event h2 a {
  color: black;
  margin-top: 1rem;
  display: block;
  width: 100%;
}

.single-event .event-timing {
  margin-top: 0px;
  align-items: flex-start;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 2px 5px;
  font-weight: bold;
  color: #ADD8E6;
  background-color: white;
  opacity: 1;
  line-height: 1.5rem;
}

.single-event .event {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  border-bottom-right-radius: 20px;
  width: 100%;
}

.single-event .event figure {
  height: 300px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: var(--wp--preset--spacing--10);
  margin-left: auto;
  margin-right: auto;
  float: left;
  overflow: hidden;
  border-radius: 0.5rem;
  width: 100%;
}

.single-event .event figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

/* Responsive styles for events */
@media (max-width: 1200px) {
  .events-container {
    gap: 2rem;
  }
  .single-event {
    width: 30%;
  }
}
@media (max-width: 900px) {
  .events-container {
    gap: 1.5rem;
  }
  .single-event {
    width: 45%;
  }
  .single-event .event figure {
    height: 250px;
  }
}
@media (max-width: 600px) {
  .events-container {
    gap: 1rem;
    justify-content: center;
  }
  .single-event {
    width: 90%;
    max-width: 400px;
  }
  .single-event .event figure {
    height: 220px;
  }
  .single-event h2 {
    font-size: 1.2rem;
    margin-top: 20px;
    text-align: center;
  }
}
.event-timing {
  border-top-left-radius: 10px;
}

.muz-event-date.location {
  border-top-left-radius: 10px;
}

.custom-select .dropdown {
  display: none;
}

.custom-select {
  position: relative;
  display: block;
  min-height: 30px;
  float: none;
  width: 100%;
  clear: both;
  color: #033d70;
}

.custom-select .dropdown {
  z-index: 3;
  height: auto;
  min-height: 70px;
  position: absolute;
  background: #fff;
  border-top: none;
  padding: 0px 0;
  width: 100%;
  left: 0;
  overflow: hidden;
  padding-top: 0;
}

.custom-select .dropdown.scroll {
  height: 200px;
  overflow-y: scroll;
}

.custom-select .dropdown .item {
  cursor: pointer;
  position: relative;
  float: left;
  width: 100%;
  clear: both;
  padding: 12px 12px 12px 27px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #033d70;
}

.custom-select .dropdown .item.hidden {
  display: none;
}

.custom-select .display {
  transition: all 0.3s ease;
  cursor: pointer;
  float: left;
  width: 100%;
  clear: both;
  background: #fff;
  border: 1px solid #fff;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 20px;
  padding-left: 35px;
}

.custom-select .display > span {
  float: left;
  max-width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
}

.item span {
  font-size: 16px;
}

*,
::after,
::before {
  box-sizing: border-box;
}

a {
  color: #0056b3;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #003d80;
  text-decoration: underline;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
}

.col-md-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 86, 179, 0.25);
}

.btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.clndr-icon {
  border-left: none !important;
  color: #477998 !important;
  cursor: pointer;
}

.btn-secondary {
  color: #fff;
  background-color: #477998;
  border-color: #477998;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #003d80;
  border-color: #003d80;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 86, 179, 0.5);
}

.grid-container {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .grid-container {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
  .grid-container.filter-grid {
    grid-template-columns: repeat(4, 1fr 0.5fr);
    grid-gap: 0;
    max-width: 1200px;
    margin: 0 -5px;
    margin: 0 auto;
    margin-bottom: 1.5rem;
  }
  .grid-container.filter-grid .column {
    display: block;
    padding: 0 5px;
  }
}
@media (max-width: 768px) {
  .grid-container {
    display: block;
  }
  .grid-container:after {
    content: "";
    display: table;
    clear: both;
  }
  .grid-container .column {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
.type-buttons button {
  font-family: "space grotesk", sans-serif !important;
  font-size: 0.9rem;
  padding: 0.75rem 1.5rem;
  border: 1px solid #477998;
  background: white;
  color: #333333;
  border-radius: 5px;
  margin-left: 5px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

.type-buttons button:hover {
  background: #477998;
  color: white;
}

.type-buttons button.active {
  background: #477998;
  color: white;
}

.filter-section .custom-select {
  color: #333;
  height: 45px;
}

.filter-section .custom-select .item {
  padding-left: 32px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #333;
  line-height: 30px;
}

.filter-section .custom-select .item:hover {
  background-color: #F1F2F4 !important;
  color: #333 !important;
}

.filter-section .custom-select .item.selected:hover {
  background-color: #CCDFFF !important;
  color: black !important;
}

.filter-section .custom-select .item.selected {
  background-color: #E9F2FF !important;
  color: black !important;
}

.filter-section .custom-select .display {
  transition: all 0.2s ease;
  appearance: none;
  border: 1px solid #477998;
  outline: none;
  box-shadow: none;
  position: relative;
  display: block;
  width: 100%;
  background-color: white;
  color: #333;
  padding: 0 10px;
  height: 45px;
  font-weight: normal;
}

.filter-section .custom-select .display:focus {
  background-color: #f5f5f5;
}

.filter-section .custom-select .display span {
  color: #333;
  font-size: 16px;
  line-height: 45px;
  font-weight: 500;
}

.filter-section .custom-select .dropdown {
  border: 1px solid #477998;
  border-top: none;
  background-color: white !important;
  top: 45px;
  z-index: 15;
}

@media (max-width: 768px) {
  .custom-select .dropdown {
    top: 55px;
  }
}
.btn.btn-secondary {
  transition: all 0.2s ease;
  border-radius: 30px;
  background: transparent;
  color: #333;
  padding: 5px 35px;
  border: 2px solid #333;
  line-height: 30px;
  margin: 0;
}

.btn.btn-secondary:hover {
  background: #333;
  color: white;
}

.text-center {
  text-align: center;
}

.mobile-show {
  display: none;
}

@media (max-width: 768px) {
  .mobile-show {
    display: block;
  }
}
.hidden {
  display: none;
}

.filter-container {
  margin-bottom: 25px;
  overflow: visible;
}

.filter-container .button-group {
  margin-top: 25px;
}

.filter-container .button-group .btn.btn-secondary {
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease;
  border-radius: 30px;
  background: #333 !important;
  color: white;
  border: 2px solid #333;
  line-height: 30px;
  margin: 0;
}

.filter-container .button-group .btn.btn-secondary:hover {
  background: white !important;
  color: #333;
}

.filter-section .datepicker-container {
  position: relative;
  display: block;
  width: 100%;
}

.filter-section .datepicker-container svg {
  position: absolute;
  top: calc(50% - 11px);
  right: 10px;
  width: auto;
  height: 22px;
  z-index: 1;
  pointer-events: none;
}

.filter-section .input-field {
  outline: none;
  box-shadow: none;
  border: 1px solid #477998;
  color: #333;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  width: 100%;
}

.filter-section .hidden-field {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

@media (max-width: 768px) {
  .filter-container {
    margin-bottom: 25px;
  }
  .filter-container .button-group.mobile-show {
    margin-top: 0;
  }
  .filter-container .button-group .btn.btn-secondary {
    margin-bottom: 12px;
    padding: 4px 15px;
  }
}
.filter-section-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.events-wrapper {
  min-height: 80vh;
}

.event-sidebar-right .buy-tickets-event {
  background-color: #FFCB7F;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-top: 0px !important;
  font-weight: 600;
  padding: 8px;
  min-width: 200px;
}

.top-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  max-width: 950px !important;
}

.go-back {
  z-index: 1000;
  display: flex;
  align-items: center;
}

.go-back p {
  padding: 5px;
}

.go-back :hover {
  background-color: #F0F3F7;
  cursor: pointer;
}

@media (max-width: 768px) {
  .go-back {
    margin-left: 8px;
  }
}
.flatpickr-months {
  background-color: #FFCB7F !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.flatpickr-month {
  color: black;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  display: none;
}

.flatpickr-current-month {
  padding: 5px !important;
  color: black !important;
  font-weight: bold;
}

.flatpickr-next-month, .flatpickr-prev-month {
  padding: 5px !important;
}

.dropdown {
  z-index: 100 !important;
}

.flatpickr-calendar {
  margin: 0 auto;
}

.flatpickr-monthDropdown-months {
  text-align: center;
}

.timing-text {
  font-family: "Space Grotesk", sans-serif !important;
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  align-items: start;
}

.reset-btn {
  display: flex;
  flex-direction: column;
}

.reset-btn {
  justify-content: center;
}

.reset-btn a {
  border-radius: 5px !important;
}

.filter-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
}

.filter-grid > .column {
  flex: 1 1 200px;
  max-width: calc(33.33% - 1rem);
  display: flex;
  flex-direction: column;
}

.reset-btn {
  text-align: center;
  justify-content: center !important;
  display: block !important;
  visibility: hidden;
  margin-bottom: 1.7rem;
}

.reset-btn.show {
  visibility: visible;
}

.reset-btn a {
  min-width: 200px;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: "Space Grotesk", sans-serif !important;
  letter-spacing: 0.9px;
  background-color: #A2503E !important;
  color: white !important;
  width: 100%;
  font-size: 0.9em;
  padding: 0.4em 1em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  max-width: 100px;
  min-width: 200px;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
  padding: 0.6em 1em !important;
  font-family: "Space Grotesk", sans-serif !important;
  letter-spacing: 0.9px;
  background-color: #A2503E !important;
  color: white !important;
}

.reset-btn a:hover {
  background-color: #FFCB7F !important;
  border: 1px dashed black !important;
  color: black !important;
}

@media (max-width: 1200px) {
  .reset-btn .wp-element-button {
    background-color: black !important;
    color: white !important;
    background-color: black !important;
    margin-left: 0px !important;
    margin: 0 auto !important;
  }
  .reset-btn a {
    padding: 0.9em 1em !important;
  }
  .filter-grid > .column {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
  .filter-grid.type-buttons {
    min-width: 90%;
    justify-content: center !important;
  }
  .filter-grid.type-buttons button {
    min-width: 40%;
  }
  .reset-btn {
    margin-left: 0;
  }
}
@media (max-width: 800px) {
  .filter-grid {
    gap: 0px;
    margin-bottom: 1rem;
  }
  .post-header {
    margin: 10px;
  }
}
.filter-grid > .reset-btn {
  margin-left: auto;
  flex: 0 0 100px;
  justify-content: center !important;
}

.reset-btn {
  display: none;
}

.reset-btn .wp-block-button__link {
  width: 100%;
}

@media (max-width: 800px) {
  .reset-btn .wp-block-button__link {
    margin-left: 0px !important;
    max-width: 50%;
    border-radius: 15px !important;
  }
}
.event-timing {
  border-top-left-radius: 10px;
  position: absolute;
  line-height: 1.4;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 2px 7px;
  padding-bottom: 5px;
  color: black;
  background-color: #ADD8E6;
  opacity: 1;
  line-height: 1.5rem;
  max-width: 80%;
}

.calendar-icon {
  margin-top: 5px !important;
}

.jrb-time {
  font-weight: lighter;
  color: black;
  font-weight: normal;
}

.calendar-icon {
  height: 22px;
  margin-right: -10px;
  color: white !important;
}

.jrb-event-date {
  text-align: center !important;
  max-width: none; /* Adjust to desired value */
  margin-left: 0 !important; /* Override the previous rule */
  margin-right: 0 !important; /* Override the previous rule */
}

.jrb-event-date.location {
  margin-bottom: 0px !important;
}

.jrb-event-date .taxonomy-location {
  margin-left: -10px;
  font-size: 14px;
}

@media (max-width: 800px) {
  .jrb-event-date .taxonomy-location {
    font-size: 16px;
  }
}
.jrb-event-date .taxonomy-location {
  line-height: 1rem;
  text-align: left;
}

.event-date-jrb {
  gap: 10px;
  font-size: 14px;
  margin-top: 4px;
}

.event-date-jrb::first-letter {
  text-transform: capitalize;
}

.event-date-jrb span::first-letter {
  text-transform: capitalize !important;
}

.timing-text {
  margin-top: 4px !important;
}

.single-event-query {
  position: relative;
  overflow: hidden;
}

.single-event-query h2 {
  text-align: left;
  font-style: normal;
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--20);
  margin-top: 30px;
  margin-bottom: 0px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-event-query h2 a {
  color: black;
  margin-top: 1rem;
  display: block;
  width: 100%;
}

.single-event-query .event-timing {
  line-height: 2.2;
  margin-top: 0px;
  align-items: flex-start;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999;
  padding: 2px 5px;
  font-weight: bold;
  color: black;
  background-color: #ADD8E6;
  opacity: 1;
}

.single-event-query .event {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  border-bottom-right-radius: 20px;
  width: 100%;
}

.single-event-query .event figure {
  height: 300px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: var(--wp--preset--spacing--10);
  margin-left: auto;
  margin-right: auto;
  float: left;
  overflow: hidden;
  border-radius: 0.5rem;
  width: 100%;
}

.single-event-query .event figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

/* Responsive styles for events */
@media (max-width: 1200px) {
  .events-container {
    gap: 2rem;
  }
  .single-event {
    width: 30%;
  }
}
@media (max-width: 900px) {
  .events-container {
    gap: 1.5rem;
  }
  .single-event {
    width: 45%;
  }
  .single-event .event figure {
    height: 250px;
  }
}
@media (max-width: 600px) {
  .events-container {
    gap: 1rem;
    justify-content: center;
  }
  .single-event {
    width: 90%;
    max-width: 400px;
  }
  .single-event .event figure {
    height: 220px;
  }
  .single-event h2 {
    font-size: 1.2rem;
    margin-top: 20px;
    text-align: center;
  }
}
.event-timing {
  border-top-left-radius: 10px;
}

.custom-select .dropdown {
  display: none;
}

figure.event-hover-img.wp-block-post-featured-image {
  overflow: hidden;
  border-radius: 10px;
}

figure.event-hover-img.wp-block-post-featured-image a {
  display: block;
  overflow: hidden;
}

figure.event-hover-img.wp-block-post-featured-image a img {
  transition: transform 0.3s ease !important;
  transform: scale(1) !important;
  will-change: transform;
}

figure.event-hover-img.wp-block-post-featured-image a:hover img {
  transform: scale(1.03) !important;
}

.calendar-modal {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.calendar-modal-content {
  position: relative;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  z-index: 10000;
}

.calendar-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 1.5rem;
  /* border-bottom: 1px solid #e0e0e0; */
  background-color: #f8f9fa;
}

.calendar-modal-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
}

.calendar-modal-close {
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}

.calendar-modal-close:hover {
  background-color: #e9ecef;
  color: #333;
}

.modal-open {
  overflow: hidden;
}

/* Custom Select Arrow Styles */
.custom-select {
  position: relative;
}

.custom-select .display {
  position: relative;
  cursor: pointer;
  padding-right: 3rem;
}

.custom-select .select-arrow {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

.custom-select .select-arrow .icon-container {
  width: 1.5rem !important;
  height: 1.5rem;
}

.custom-select .select-arrow .icon-container svg {
  /* margin-top: 5px; */
  transition: transform 0.2s ease;
  transform: rotate(180deg); /* Default: arrow pointing down */
}

.custom-select.open .select-arrow .icon-container svg {
  transform: rotate(0deg); /* When open: arrow pointing up */
}

.custom-select .select-arrow * {
  pointer-events: none;
}

/* Calendar Icon Styles */
.clndr-icon {
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.clndr-icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Flatpickr Calendar Positioning */
.flatpickr-calendar {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  border: 1px solid #e0e0e0 !important;
  z-index: 9999 !important;
}

.flatpickr-calendar.open {
  z-index: 9999 !important;
}

/* Hide year in calendar like in calendar.js */
.flatpickr-current-month .cur-year,
.flatpickr-current-month .numInputWrapper {
  display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .calendar-modal-content {
    margin: 1rem;
    max-width: calc(100vw - 2rem);
  }
  .calendar-modal-header {
    padding: 1rem 1.5rem;
  }
  .calendar-container {
    padding: 1rem !important;
  }
}
@media (max-width: 768px) {
  .flatpickr-calendar.open {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media (max-width: 800px) {
  .post-title-events {
    font-size: 1.3rem !important;
  }
}
.event-review {
  margin-block-start: 0xp !important;
}

.event-review a p {
  font-size: 16px;
  margin-top: 0px !important;
  font-weight: 600;
  color: black !important;
}

.event-review .event-review-date {
  display: flex;
  align-items: flex-start;
  gap: 0px;
}

.event-review h3 {
  padding-top: 0px;
  margin-bottom: 0px !important;
}

.event-review p {
  font-size: 16px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.event-review svg {
  max-width: 14px;
  margin-bottom: 0px;
  margin-right: 5px;
  margin-top: 5.5px;
  width: 20px;
}

.event-sidebar-right div.event-review {
  margin-block-start: 0xp !important;
  margin-top: 5px;
}

.event-review-date {
  display: flex;
}

.event-review-date svg {
  display: block;
  flex: 0 0 auto;
}

.event-review-date svg path {
  fill: currentColor;
}

.event-review-date {
  color: #111;
} /* or any color you want for the icon */
.wp-block-group.event-sidebar-right {
  display: flex;
  flex-direction: column; /* stack children vertically */
  align-items: center; /* center the box horizontally in parent */
  justify-content: center; /* center vertically if needed */
  text-align: left; /* keep text inside aligned left */
  margin: 0 auto; /* also ensures centering if width < container */
}

.wp-block-group.event-sidebar-right > .event-review {
  width: 100%; /* make child elements take full width of the box */
  max-width: 400px; /* optional: set a max width for the box */
}

.wp-block-group.event-sidebar-right {
  display: flex;
  flex-direction: column;
  align-items: center; /* centers the box in parent */
  justify-content: center;
  text-align: left; /* keep text aligned left inside */
  margin: 0 auto;
  min-width: 250px; /* minimum width */
  width: fit-content; /* grow to fit content */
  max-width: 100%; /* don't overflow parent */
}