/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*
 = Eventive Theme CSS
*/

/* :root {
  --default-link-color: #0187d0;
  --admin-blue: #0288d1;
  --admin-blue-background: #0288d120;
  --admin-gray: #bbbbbb;
  --primary-color: #0b0f28;
  --secondary-color: #8c56ff;
} */

.eventive-base-wrapper {
	max-width: var(--wp--style--global--wide-size);
  clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* theme.json Companion code */

:root {
  --barely-gray: hsl(from var(--wp--preset--color--dark) h s l / 0.08);
  --light20percent: hsl(from var(--wp--preset--color--light) h s l / 0.2);
  --light30percent: hsl(from var(--wp--preset--color--light) h s l / 0.3);
  --light70percent: hsl(from var(--wp--preset--color--light) h s l / 0.7);
}

/* Button hover to be introduced in v7.0. Until then, we have to use a
 * css-based solution.
 * https://github.com/WordPress/wordpress-develop/pull/10523
 */
/* .is-style-fill a.wp-element-button:hover {
  background: var(--wp--preset--color--emphasis-alternate);
} */

/* Eventive Overrides */

b,
strong {
	font-weight: 700;
}

/* h2.wp-block-post-title {
  display: none;
} */

/*
 * General Page and Post Content
 post-template-default
 */

  body.post-template-default .general-content-block {
    background: #ffffff;
  }

  body.eventive_film-template-default .general-content-block .wp-block-post-featured-image {
    display: none;
  }

  body.post-template-default .general-content-block h1,
  body.post-template-default .general-content-block h1 a,
  body.post-template-default .general-content-block h2,
  body.post-template-default .general-content-block,

  body.page-template-pages-general-content .general-content-block h1,
  body.page-template-pages-general-content .general-content-block h2,
  body.page-template-pages-general-content .general-content-block
  {
    color: var(--wp--preset--color--dark);
  }
  body.post-template-default .general-content-block h3,
  body.post-template-default .general-content-block h4,
  body.post-template-default .general-content-block h5,
  body.post-template-default .general-content-block h6,

  body.page-template-pages-general-content .general-content-block h3,
  body.page-template-pages-general-content .general-content-block h4,
  body.page-template-pages-general-content .general-content-block h5,
  body.page-template-pages-general-content .general-content-block h6
  {
    color: var(--wp--preset--color--primary);
    margin: 1.25rem 0;
  }

  body.post-template-default .general-content-block p,
  body.page-template-pages-general-content .general-content-block p 
  {
    color: var(--wp--preset--color--primary);
  }

  body.post-template-default .general-content-block a,
  body.page-template-pages-general-content .general-content-block a 
  {
    color: var(--wp--preset--color--emphasis-alternate);
  }

  body.post-template-default .general-content-block p a:hover,
  body.page-template-pages-general-content .general-content-block p a:hover 
  {
    color: var(--wp--preset--color--emphasis);
  }

  body.post-template-default .general-content-block ul, 
  body.post-template-default .general-content-block li,
  body.page-template-pages-general-content .general-content-block ul, 
  body.page-template-pages-general-content .general-content-block li 
  {
    color: var(--wp--preset--color--primary);
  }

  body.post-template-default .general-content-block p.wp-block-post-author__name {
    margin-bottom: 0;
  }

  /* .general-content-block li a {
    color: var(--wp--preset--color--emphasis-alternate);
  }

  .general-content-block li a:hover  {
    color: var(--wp--preset--color--emphasis);
  } */


/* Eventive Starter Buttons
 * This is a copy of the "button" definitions in theme.json. Both are the
 * "source of truth." */
  .eventive-base-wrapper button {
    background-color: var(--wp--preset--color--emphasis);
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    color: var(--wp--preset--color--light);
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 500;
    letter-spacing: 0.175rem;
    padding: 0.55rem 1.5rem;
    line-height: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    min-height: auto;
  }
  .eventive-base-wrapper button:hover {
    background-color: var(--wp--preset--color--emphasis-alternate);
  }

/* Wishlist Star Buttons - General Definitions */
  .eventive-base-wrapper .eventive-wishlist-star,
  .eventive-base-wrapper .eventive-wishlist-ticket-wrap > .eventive-wishlist-star {
    font-size: 0.95rem;
    border-radius: 999px;
    padding: 0;
    height: 1.9rem;
    width: 1.9rem;
    letter-spacing: 0;
  }
  .eventive-base-wrapper .eventive-wishlist-star span,
  .eventive-base-wrapper .eventive-wishlist-ticket-wrap > .eventive-wishlist-star span {
    font-weight: 700;
  }
  .eventive-base-wrapper .eventive-wishlist-star.is-active,
  .eventive-base-wrapper .eventive-wishlist-ticket-wrap > .eventive-wishlist-star.is-active {
    background-color: var(--wp--preset--color--emphasis-alternate);
  }
  .eventive-base-wrapper .eventive-wishlist-star.is-active span,
  .eventive-base-wrapper .eventive-wishlist-ticket-wrap > .eventive-wishlist-star.is-active span {
    font-size: 1.3rem;
    padding-bottom: 0.1rem;
    font-weight: 700;
  }

/* Form Elements */
  html body .eventive-base-wrapper input {
    border-radius: 0.2rem;
    padding: 0 1rem;
  }

  html body .eventive-base-wrapper input,
  html body .eventive-base-wrapper select
  {
    color: var(--wp--preset--color--primary);
    border-radius: 0.2rem;
    padding: 0 1rem;
  }

  html body .eventive-base-wrapper label {
    padding: 0;
  }


/* Carousel */

  html body .eventive-base-wrapper .carousel-dots button.carousel-dot {
    padding: 0.5em;
  }

/* Modal
 * This is for the generic modal CSS. There are *many* different CSS versions
 */

html body .modal-content {
  color: var(--wp--preset--color--primary);
  border-radius: 1rem;
}
html body .modal-content button.close {
  background: var(--wp--preset--color--background-primary);
  top: 0.25rem;
  right: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  line-height: 0;
  padding: 0;
}
html body .modal-content button.close:hover {
  background: var(--wp--preset--color--emphasis);
}


/* Header */
  .eventive-nav-container {
    padding-right: 20rem;
  }

  html body .eventive-base-wrapper header .eventive-header {
    align-items: flex-end !important;
    /* flex-direction: row;
    flex-wrap: wrap !important;
    justify-content: space-between; */
  }  

  /* html body .eventive-base-wrapper header .eventive-header .container-site-navigation-row {
    align-items: flex-end;
  } */
  
    html body .eventive-base-wrapper .eventive-header .container-site-logo {
      border: 0;
      flex-grow: 1;
      flex-basis: min-content;
    }

    html body .eventive-base-wrapper .eventive-header .container-site-navigation {
      flex-grow: 1;
      flex-basis: fit-content;
      padding-right: 48px;
      padding-left: 12px;
    }

    html body .eventive-base-wrapper .eventive-header .container-site-icons {
      border: 0;
      flex-grow: 1;
      flex-basis: min-content;
    }

    html body .eventive-base-wrapper .eventive-header .container-site-icons .header-search-container {
      flex-grow: 0;
    }

    .eventive-header .icon-container {
      align-items: flex-end;
      height: 2rem;
      gap: 0;
    }  

  .container-site-logo a img {
    min-height: 53px;
    min-width: 275px;
  }


  .eventive-header .icon-container > div {
    flex-shrink: 0;
  }

  

  .eventive-header .icon-container .wp-block-image img {
    height: 2rem;
    width: auto;
  }

  .eventive-header .icon-container .wp-block-image img:hover {
    opacity: 0.5;
  }

  /* Header Search */

    .eventive-header .header-search button {
      background: #0083ff;
    }

    .site-logo {
      flex-shrink: 0;
    }

    .eventive-header .header-search button:hover {
      opacity: 0.5;
    }

    .eventive-header form.header-search button {
      background: transparent;
      padding: 0;
    }

    .eventive-header form.header-search button svg.search-icon {
      fill: var(--wp--preset--color--light);
      width: 3rem;
      height: 3rem;
      margin-bottom: -4px
    }

  .primary-navigation {
    width: 100%;
  }

  .primary-navigation ul li a.wp-block-navigation-item__content {
    line-height: 1rem;
  }

  /* Responsive Navigation Popup */
  html body .wp-block-navigation__responsive-container.is-menu-open {
    border: 0;
  }

  html body .wp-block-navigation__responsive-container.is-menu-open ul li a {
    font-weight: normal;
  }

  html body .primary-navigation .wp-block-navigation__responsive-container ul {
    row-gap: 0;
  }
  
  html body .primary-navigation .wp-block-navigation__responsive-container.is-menu-open ul {
    row-gap: 2rem; /* 24px */
  }
  
  html body .primary-navigation .wp-block-navigation__responsive-container.is-menu-open ul li a.wp-block-navigation-item__content {
    line-height: normal;

  }
  
  /* html body ul.wp-block-navigation__container li.wp-block-navigation-submenu ul li a 
  {
    line-height: 1.3rem;
  } */

  .primary-navigation.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    background: var(--wp--preset--color--emphasis);
    color: var(--wp--preset--color--light);
    padding: 0.5rem;
    font-weight: bold;
  }

/* Footer */
  .eventive-footer {
    color: #ffffff;
    max-width: 75%;
    margin: auto;
    width: fit-content;
  }


  .eventive-footer h2  {
    color: #ffffff;
    font-size: 3.5rem;
    line-height: 3.5rem;
    text-align: left;
    text-transform: uppercase;
  }

  .eventive-footer p {
    font-family: var(--wp--preset--font-family--primary);
    font-size: 1.5rem;
    text-decoration: none;
		margin: 0;
    line-height: 2.25rem;
  }

  .eventive-footer a {
    font-size: 1.5rem;
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-weight: 300;
  }

  .eventive-footer a:hover {
    text-decoration: underline;
  }

	.eventive-footer ul.wp-block-navigation__container {
		margin: 0;
		gap: 0;
	}

	.eventive-footer ul.wp-block-navigation__container li {
		line-height: 2.5rem;
	}

  .eventive-footer .wp-block-column {
    margin: 0 3rem;
  }

  .eventive-footer .wp-block-column .wp-block-group {
    margin: auto;
    overflow-wrap: break-word;
    white-space: nowrap;
    width: fit-content;
  }

/*
*******************************************************
Legacy stuff below here
*/

.eventive-base-wrapper .homepage-now-showing {
  padding-top: var(--wp--preset--font-size--x-large);
}

.eventive-base-wrapper .homepage-now-showing h2 {
  color: var(--wp--preset--color--headings);
  font-size: 3.25rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: var(--wp--preset--font-size--x-large);
}

/* h2.wp-block-post-title {
  color: var(--wp--preset--color--headings);
  font-size: 3.25rem;
  line-height: 2.5rem;
  text-transform: uppercase;
} */

.homepage-slider-container img {
	width: 100%;
}

.eventive-base-wrapper .eventive-native-year-round .events-container {
  background-color: var(--wp--preset--color--primary);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  align-content: flex-start; 
  gap: 8%;
}

/* .events-container .event-item {
  flex-basis: 46%;
  padding-bottom: 2%;
	margin-bottom: 3.5rem;
} */


.eventive-base-wrapper .events-container .yr-card {
  /* display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-start; */
  flex-basis: 46%;
  padding-bottom: 2%;
	margin-bottom: var(--wp--preset--font-size--jumbo);
  gap: 1rem;
  padding: 0;
  border: 0;
  background: none;
}

.eventive-base-wrapper .events-container .yr-card .yr-card__body {
  /* flex: 1; */
  font-family: var(--wp--preset--font-family--primary);
  padding: 0rem;
  text-overflow: ellipsis;
  /* display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between; */
  /* margin-bottom: 3.5rem; */
	max-height: 20rem;
  margin-bottom: 1rem;
}

  .eventive-base-wrapper .eventive-native-year-round .yr-card .yr-card__body .yr-card__title {
    color: #ffffff;
    font-family: var(--wp--preset--font-family--secondary);
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
  }
  .eventive-base-wrapper .events-container .yr-card .yr-card__body .yr-card__meta {
    display: none;
  }

  .eventive-base-wrapper .events-container .yr-card .yr-card__body .yr-card__desc {
    color: #ffffff;
    font-family: var(--wp--preset--font-family--primary);
		font-size: var(--wp--preset--font-size--medium);
    font-weight: 400;
    /* text-overflow: ellipsis; */
    /* flex-grow: 1;
    flex-shrink: 1; */
    min-height: 0;
    margin: 0 0 0.5rem 0;
    opacity: 1;
  }

  .eventive-base-wrapper .events-container .yr-card .yr-card__body .yr-card__links {
    text-decoration: none;
  }

    .eventive-base-wrapper .events-container .yr-card .yr-card__body .yr-card__links a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 0.9rem;
      font-weight: 800;
      background: #ffffff;
      color: var(--wp--preset--color--primary);
      padding: 0.2rem 0.5rem;
      border-radius: 0.2rem;
    }

    .eventive-base-wrapper .events-container .yr-card .yr-card__body .yr-card__links a:hover {
      background: var(--wp--preset--color--emphasis);
      color: #ffffff;
    }

  .eventive-base-wrapper .events-container .yr-card .yr-card__cta {
    color: #ffffff;
    font-size: 1.1rem;
  }
.eventive-base-wrapper .events-container .yr-card .yr-card__body p {
  margin: 0 0 1rem 0;
}

.eventive-base-wrapper .events-container .yr-card .yr-card__media {
  margin-bottom: 1.5rem;
  padding: 0rem;
  overflow: hidden;
  /* aspect-ratio: 16 / 9; */
  /* text-overflow: ellipsis; */
	max-height: 20rem;
  margin-bottom: 0.5rem;
}

.eventive-base-wrapper .events-container .film-image {
  width: 100%;
  object-fit: cover;
}

.eventive-base-wrapper .events-container .event-date {
  font-family: var(--wp--preset--font-family--primary);
  font-weight: bold;
}

/* The original buttons make heavy use of inline styles, so we must override them */
.eventive-base-wrapper .yr-showtime__btn[style] {
  flex: 0 1 auto !important;
}

.eventive-base-wrapper .yr-showtime__btn button[style] {
  background-color: var(--wp--preset--color--emphasis) !important;
  padding: 0.3rem 1.5rem 0.4rem 1.5rem !important;
  line-height: 1rem !important;
  height: auto !important;
}
.eventive-base-wrapper .yr-showtime__btn button[style]:hover,
.eventive-base-wrapper .yr-showtime__btn button[style]:hover div,
.eventive-base-wrapper .yr-showtime__btn button[style]:hover div span
{
  /* background-color: var(--wp--preset--color--emphasis-alternate) !important;
  transition: all 0s ease 0s !important; */
  border: 0;
}
.eventive-base-wrapper .yr-showtime__btn button[style] > div > div {
  height: auto !important;
  transition: all 0s ease 0s !important;
  /* padding-bottom: 1px; */
  height: auto !important;
}
.eventive-base-wrapper .yr-showtime__btn button[style] .evt-ticket-btn {
  display: block !important;
  letter-spacing: 0.2rem !important;
  padding: 0 !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  font-family: var(--wp--preset--font-family--primary) !important;
  border: 0;
  line-height: 1.4;
}
.eventive-base-wrapper .yr-showtime__btn button[disabled] {
  opacity: 0.5;
}
.eventive-base-wrapper .yr-showtime__btn button[disabled] div span {
  color: #dddddd !important;
}
.eventive-base-wrapper .yr-showtime__btn .eventive-wishlist-ticket-wrap .eventive-wishlist-star__icon,
.eventive-base-wrapper .eventive-wishlist-star__icon
{
  color: var(--wp--preset--color--light);
}

.yr-card__cta .eventive-widget-container div.eventive__ticket-button__button[style] {
  background-color: transparent !important;
}

.yr-card__cta .eventive-widget-container div.eventive__universal_ticket-button__button[style] {
  background-color: transparent !important;
}

.eventive-base-wrapper .yr-showtime__btn .eventive-wishlist-star {
  order: 2;
}

.eventive-base-wrapper .yr-showtime__btn .eventive-button {
  order: 1;
}

.weekly-calendar-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: var(--wp--preset--font-size--jumbo);
  gap: 0.75rem;
}

  .weekly-calendar-container button.week-nav-button {
    background: none;
    border: 0;
    color: #ffffff;
    font-size: 2.5rem;
    padding: 0;
  }

  .eventive-native-year-round .weekly-calendar-container .weekly-calendar-buttons {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0;
    flex-direction: row;
    flex-wrap: none;
    justify-content: space-between;
    align-items: flex-start;
  }

    .weekly-calendar-buttons button.yr-day-btn {
      aspect-ratio: 1 / 1;
      border-width: 0.25rem;
      border-style: solid;
      border-color: var(--wp--preset--color--emphasis);
      background: #ffffff;
      color: #000000;
      width: 6rem;
      padding: 0;
      text-align: center;
      min-width: 90px;
    }

    .weekly-calendar-buttons button.is-active {
      color: #ffffff;
      background: var(--wp--preset--color--emphasis);
    }

    .weekly-calendar-buttons .yr-day-btn-month {
      font-size: 0.85rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    .weekly-calendar-buttons .yr-day-btn-day {
      font-family: var(--wp--preset--font-family--primary);
      font-size: 2.5rem;
      font-weight: 600;
      letter-spacing: 0.1rem;
      line-height: 2.5rem;
    }

    .weekly-calendar-buttons .yr-day-btn-weekday {
      font-size: 0.85rem;
      font-weight: thin;
      text-transform: uppercase;
    }

    .weekly-calendar-container .button-wrapper {
      width: 2rem;
      display: flex;
    }

    .eventive-native-year-round .weekly-calendar-container .week-nav-button {
      background: no-repeat center url("../images/right-arrow.svg");
      width: 2rem;
      display: flex;
      text-indent: -9999px;
    }

    .eventive-native-year-round .weekly-calendar-container .week-nav-button-next {
      background: no-repeat center url("../images/right-arrow.svg");
      width: 2rem;
      display: flex;
      text-indent: -9999px;
    }

    .eventive-native-year-round .weekly-calendar-container .week-nav-button-prev {
      background: no-repeat center url("../images/left-arrow.svg");
      width: 2rem;
      display: flex;
      text-indent: -9999px;
    }

    .eventive-coming-soon-carousel .eventive-coming-soon-carousel__arrow--next {
      background: var(--wp--preset--color--emphasis) no-repeat center url("../images/right-arrow.svg");
      background-size: 80%;
      width: 3rem;
      height: 3rem;
      display: flex;
      text-indent: -9999px;
    }
      .eventive-coming-soon-carousel .eventive-coming-soon-carousel__arrow--next:hover {
        background: var(--wp--preset--color--emphasis-alternate) no-repeat center url("../images/right-arrow.svg");
        background-size: 80%;
      }

    .eventive-coming-soon-carousel .eventive-coming-soon-carousel__arrow--prev {
      background: var(--wp--preset--color--emphasis) no-repeat center url("../images/left-arrow.svg");
      background-size: 80%;
      width: 3rem;
      height: 3rem;
      display: flex;
      text-indent: -9999px;
    }
      .eventive-coming-soon-carousel .eventive-coming-soon-carousel__arrow--prev:hover {
        background: var(--wp--preset--color--emphasis-alternate) no-repeat center url("../images/left-arrow.svg");
        background-size: 80%;
      }

    .eventive-coming-soon-carousel .eventive-coming-soon-carousel__title,
    .eventive-coming-soon-carousel .eventive-coming-soon-carousel__title-link {
      color: #000000;
      font-family: var(--wp--preset--font-family--primary);
      font-weight: 300;
    }

.join-our-mailing-list-wrapper .join-our-mailing-list {
  display: flex;
  justify-content: center;
}

.join-our-mailing-list-wrapper .join-our-mailing-list input {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--large);
  padding: 1.0rem;
  width: 50%;
}

/* Homepage Cover Banner */
h2.wp-block-heading {
  text-transform: uppercase;
}

/* Footer */
.nav-primary {
  color: #ffffff;
}

/* Highlighted Links */
.highlighted-links .wp-block-cover__inner-container .wp-block-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch; /* centerl? */
  align-content: center;
  gap: 2rem 2rem;
}

.highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button {
  width: 30%;
}

.highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button a {
  background: var(--wp--preset--color--emphasis);
  border-radius: 0;
  font-family: var(--wp--preset--font-family--secondary);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--x-large);
  white-space: nowrap;
  line-height: 2rem;
  letter-spacing: 0;
  padding: 1rem 1.5rem;
}

.highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button a:hover {
  background: var(--wp--preset--color--emphasis-alternate);
}

/* Account Settings: Login Modal */
.eventive-modal.eventive-login-modal .eventive-login-form {
  color: var(--wp--preset--color--primary);
}

.eventive-modal.eventive-login-modal .eventive-login-form p,
.eventive-modal.eventive-login-modal .eventive-login-form label
 {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
}

.eventive-modal.eventive-login-modal .eventive-login-form input {
  padding: 0 1rem;
}

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-modal-title {
  text-align: left;
}

.eventive-modal.eventive-login-modal .eventive-login-form a {
  color: var(--wp--preset--color--primary);
}

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-login-error {
  color: var(--wp--preset--color--error-text);
}

.eventive-modal.eventive-login-modal .eventive-login-form {
  font-size: var(--wp--preset--font-size--medium);
}

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-modal-close {
  background: var(--wp--preset--color--background-primary);
  top: 0.25rem;
  right: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
}

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-modal-close:hover {
  background: var(--wp--preset--color--emphasis-alternate);
}

.eventive-modal.eventive-login-modal .eventive-login-form .button-row button {
    /* text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 800;
    background: var(--wp--preset--color--background-primary);
    color: var(--wp--preset--color--light);
    padding: 0.2rem 0.5rem;
    border-radius: 0.2rem; */
    background-color: var(--wp--preset--color--emphasis);
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    color: var(--wp--preset--color--light);
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 500;
    letter-spacing: 0.175rem;
    padding: 0.55rem 1.5rem;
    line-height: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    min-height: auto;
    text-decoration: none;    
  }

.eventive-modal.eventive-login-modal .eventive-login-form .button-row button:hover {
    background-color: var(--wp--preset--color--emphasis-alternate);
  }

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-modal-footer {
  background: var(--wp--preset--color--background-primary);
}

.eventive-modal.eventive-login-modal .eventive-login-form {
  color: var(--wp--preset--color--light);
}

.eventive-modal.eventive-login-modal .eventive-login-form a {
  color: var(--wp--preset--color--light);
  text-decoration: none;
  font-weight: bold;
}

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-forgot-password {
  color: var(--wp--preset--color--primary);
  text-align: center;
}

.eventive-modal.eventive-login-modal .eventive-login-form a:hover {
  text-decoration: underline;
}

.eventive-modal.eventive-login-modal .eventive-login-form a img {
  margin-top: 3px;
  margin-left: 3px;
}

.eventive-modal.eventive-login-modal .eventive-login-form .eventive-footer-note {
  margin: auto;
}

/* Account Settings: General Modal */

html body .edit-pass-modal-content {
  color: var(--wp--preset--color--primary);
  border-radius: 1rem;
}

html body .edit-pass-modal-content button.eventive-close-edit-pass-modal {
  background: var(--wp--preset--color--background-primary);
  top: 0.25rem;
  right: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  line-height: 0;
  padding: 0;
}

html body .edit-pass-modal-content  .form-group label
{
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: 0.95rem;
}

html body .eventive-account-container .edit-pass-modal-content h3 {
  font-family: var(--wp--preset--font-family--primary);
  color: var(--wp--preset--color--primary);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

html body .edit-pass-modal-content form > div {
  margin-bottom: 2rem;
}

html body .edit-pass-modal-content .form-group input {
  width: 100%;
  font: inherit;
  min-height: 2.75rem;
  border: 1px solid var(--eventive-border-color, rgba(0, 0, 0, 0.18));
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.92);
  padding: 0 1rem;
}

html body .edit-pass-modal-content button.eventive-close-edit-pass-modal:hover {
  background: var(--wp--preset--color--emphasis-alternate);
}


/* Barcode QR Modal */
html body .top-section .account-passes .show-pass-barcode-modal-content {
  border-radius: 1rem;
}

html body .top-section .account-passes .show-pass-barcode-modal-content h3 {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

html body .top-section .account-passes .show-pass-barcode-modal-content button {
  top: 0.25rem;
  right: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
  background: var(--wp--preset--color--background-primary);
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 999px;
  line-height: 1;
  cursor: pointer;
}

html body .top-section .account-passes .show-pass-barcode-modal-content button:hover {
  background: var(--wp--preset--color--emphasis-alternate);
}

.eventive-show-pass-barcode-modal {
  color: var(--wp--preset--color--primary);
}

.eventive-show-pass-barcode-modal h3 {
  color: var(--wp--preset--color--primary);
}

/* Barcode QR Modal Tickets */
html body .eventive-ticket-barcode-modal .barcode-modal-inner {
  border-radius: 1rem;
}

html body .eventive-ticket-barcode-modal .barcode-modal-inner .barcode-modal-body {
  color: var(--wp--preset--color--primary);
}

html body .eventive-ticket-barcode-modal .barcode-modal-inner .barcode-modal-body h3 {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

html body .eventive-ticket-barcode-modal .barcode-modal-inner button {
  top: 0.25rem;
  right: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
  background: var(--wp--preset--color--background-primary);
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 999px;
  line-height: 1;
  cursor: pointer;
}

html body .eventive-ticket-barcode-modal .barcode-modal-inner button:hover {
  background: var(--wp--preset--color--emphasis-alternate);
}

.eventive-show-pass-barcode-modal {
  color: var(--wp--preset--color--primary);
}

.eventive-show-pass-barcode-modal h3 {
  color: var(--wp--preset--color--primary);
}


/* Account Settings: General */
html body .eventive-login-prompt {
  margin: 0;
}

.eventive-login-prompt .eventive-login {
  color: var(--wp--preset--color--primary);
}

.eventive-login-prompt .eventive-login a {
    background-color: var(--wp--preset--color--emphasis);
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    color: var(--wp--preset--color--light);
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 500;
    letter-spacing: 0.175rem;
    padding: 0.55rem 1.5rem;
    line-height: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    min-height: auto;
    text-decoration: none;
}

.eventive-login-prompt .eventive-login a:hover {
  background-color: var(--wp--preset--color--emphasis-alternate);
}

html body .eventive-account-container {
  background: var(--wp--preset--color--light);
  padding: 1rem;
  color: var(--wp--preset--color--primary);
}

html body .eventive-account-container .top-section {
  display: grid;
  grid-template-columns: none;
}

html body .eventive-account-details .styled-table {
  background: var(--wp--preset--color--background-shaded);
  border-radius: 1rem;
}

html body .eventive-account-details .styled-table td {
  padding: 0.75rem 1rem;
}

html body .eventive-account-container .account-actions {
  margin-bottom: 0;
  margin-top: 0.5rem;
}

html body .eventive-account-container h2 {
  color: var(--wp--preset--color--dark);
  font-size: var(--wp--preset--font-size--xx-large);
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}

html body .eventive-account-container h3 {
  font-size: var(--wp--preset--font-size--x-large);
  color: var(--wp--preset--color--primary);
  margin: 0 0 0.75rem 0;
}

.eventive-base-wrapper .account-details {
  border: 0;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.eventive-base-wrapper .account-details h2 {
  margin: 0 0 1rem 0;
}

.eventive-base-wrapper .eventive-passes-list {
  margin-top: 0;
}

.eventive-base-wrapper .top-section {
  display: block;
  margin-bottom: 3rem;
}

.eventive-base-wrapper .eventive-account-wishlist__card-meta {
  color: var(--wp--preset--color--primary);
}

.eventive-base-wrapper .account-details {
  margin-bottom: 1rem;
}

.eventive-base-wrapper .account-details table td,
.eventive-base-wrapper .eventive-account-details .styled-table tbody tr:last-child td
{
  border-bottom: 1px solid var(--light30percent);
  border-top: 1px solid var(--light30percent);
}

html body .eventive-account-container .account-tickets {
  margin-top: 0;
  margin-bottom: 3rem;
}

.eventive-account-container .account-passes .eventive-pass-card {
  background: var(--wp--preset--color--background-shaded);
  border: 1px solid var(--barely-gray);
  border-radius: 1rem;
}

.eventive-account-container .eventive-ticket-card
{
  align-items: center;
  background: var(--wp--preset--color--background-shaded);
  border: 1px solid var(--barely-gray);
  border-radius: 1rem;
}

.eventive-account-container .eventive-pass-card__actions
{
  justify-content: flex-end;
}

.eventive-base-wrapper .account-details table thead {
  display: none;
}

.eventive-account-container .eventive-ticket-card__title,
.eventive-account-container .eventive-pass-card__title {
  font-size: var(--wp--preset--font-size--large);
}

.eventive-account-container .evt-badge-passed {
  padding: 0.5rem;
  border-radius: 0;
}

html body .eventive-account-container .account-actions {
  text-align: right;
}

html body .eventive-account-container .eventive-logout-link {
  background-color: var(--wp--preset--color--emphasis);
  border-radius: 0;
  border-width: 0;
  border-style: solid;
  color: var(--wp--preset--color--light);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  letter-spacing: 0.175rem;
  padding: 0.55rem 1.0rem;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  cursor: hand;
  text-decoration: none;
}
html body .eventive-account-container .eventive-logout-link:hover {
  background-color: var(--wp--preset--color--emphasis-alternate);
}

html body .eventive-account-container .eventive-account-wishlist__section {
  display: block;
  border: 0;
}

html body .eventive-account-container .eventive-account-wishlist__card
  {
  align-items: center;
  background: var(--wp--preset--color--background-shaded);
  border: 1px solid var(--barely-gray);
  border-radius: 1rem;
}

html body .eventive-account-container .eventive-wishlist-star.is-active {
  background-color: var(--wp--preset--color--emphasis-alternate);
  color: var(--wp--preset--color--light);
}

html body .eventive-account-container .eventive-wishlist-star.is-active:hover {
  opacity: 0.5;
}

html body .eventive-account-container .eventive-account-wishlist__card-title {
  font-size: var(--wp--preset--font-size--large);
}

html body .eventive-account-container .eventive-account-wishlist__card-meta {
  font-size: var(--wp--preset--font-size--medium);
}

html body .eventive-account-container .eventive-account-wishlist__event-button .eventive-button,
html body .eventive-account-container .eventive-account-wishlist__event-button .eventive__ticket-button__button,
html body .eventive-account-container .eventive-account-wishlist__event-button,
html body .eventive-account-container .eventive-account-wishlist__remove {
  width: 100%;
}



html body .eventive-account-wishlist__card-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-self: flex-end;
}

/* Button overrides */
html body .eventive__ticket-button__container .eventive__ticket-button__button button[style] {
  background-color: var(--wp--preset--color--emphasis) !important;
    border-radius: 0 !important;
    border-width: 0 !important;
    border-style: solid !important;
    color: var(--wp--preset--color--light) !important;
    font-family: var(--wp--preset--font-family--primary) !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 500 !important;
    letter-spacing: 0.175rem !important;
    padding: 0.55rem 1.5rem !important;
    line-height: 1rem !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    cursor: hand !important;
}
html body .eventive__ticket-button__container .eventive__ticket-button__button button[style]:hover,
html body .eventive__ticket-button__container .eventive__ticket-button__button button[style]:hover div
{
  background-color: var(--wp--preset--color--emphasis-alternate) !important;
  transition: all 0s ease 0s !important;
}
html body .eventive__ticket-button__button {
  box-shadow: none !important;
}
html body .eventive__ticket-button__container .eventive__ticket-button__button button div span[style]
{
  border: 0;
  letter-spacing: 0.2rem !important;
  padding: 0 !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  font-family: var(--wp--preset--font-family--primary) !important;
  line-height: 1 !important;
  color: var(--wp--preset--color--light) !important;
}
html body .eventive__ticket-button__container .eventive__ticket-button__button button[style] {
  height: auto !important;
}
html body .eventive__ticket-button__container .eventive__ticket-button__button button[style] > div {
  /* height: auto !important;
  transition: all 0s ease 0s !important;
  padding-bottom: 1px; */
  border: 0;
  height: auto !important;
}
html body .eventive__ticket-button__container .eventive__ticket-button__button button[style] > div > div {
  height: auto !important;
  transition: all 0s ease 0s !important;
  border: 0;
}

html body .eventive__ticket-button__button button[style] > div > div {
  height: auto !important;
  transition: all 0s ease 0s !important;
  border: 0;
}

html body .eventive__ticket-button__container .eventive__ticket-button__button button[disabled] {
  opacity: 0.5;
}
html body .eventive__ticket-button__container .eventive__ticket-button__button button[disabled] div span {
  color: #dddddd !important;
}

/* Eventive Checkout */
html body .Eventive--Dialog {
  color: var(--wp--preset--color--primary);
}

html body div.Eventive--Dialog .eventive-background-container[style] {
  border-radius: 1rem !important;
}

html body div.Eventive--Dialog .eventive-background-container[style] h2 {
  margin: 0 0 1.5rem 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-weight: 700;
}

/* Eventive Archive */
html body .eventive-archive-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  align-content: space-between;
}

html body .eventive-archive-toolbar .eventive-archive-search {
  display: block;
  flex: 0 1 58%;
  order: 1;
}
  html body .eventive-archive-toolbar .screen-reader-text {
    /* height: auto;
    margin: 0;
    position: relative;
    width: auto;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.1;
    text-transform: uppercase;
    opacity: 0.7; */
    color: #ffffff;
  }

html body .eventive-archive-toolbar .eventive-archive-filters {
    display: flex;
    flex: 0 1 58%;
    order: 3;
  }
    html body .eventive-archive-toolbar .eventive-archive-filters .eventive-archive-filter-field {
      border: 0;
      flex: 1 1 auto;
    }
    html body .eventive-archive-toolbar .eventive-archive-filters .eventive-archive-reset {
      border: 0;
      flex: 1 1 auto;
      align-self: flex-end;
    }
    html body .eventive-archive-toolbar .eventive-archive-filters .eventive-archive-bucket-filter,
    html body .eventive-archive-toolbar .eventive-archive-filters .eventive-archive-tag-filter {
      flex: 1 1 auto;
    }

  html body .eventive-archive-toolbar .eventive-archive-display {
    flex: 0 1 auto;
    order: 2;
  }
  html body .eventive-archive-toolbar .eventive-archive-wishlist {
    flex: 0 1 auto;
    order: 99;
    align-self: flex-end;
  }

html body .eventive-film-archive .eventive-archive-results {
 border: 0;
}



/* Archive Results. Grid view is default. */
html body .eventive-film-archive .eventive-archive-results  .eventive-archive-card {
  display: block;
  color: var(--wp--preset--color--primary);
}

html body .eventive-film-archive .eventive-archive-results  .eventive-archive-card h3 {
  font-size: 2rem;
  color: var(--wp--preset--color--primary);
}

html body .eventive-film-archive .eventive-archive-results .eventive-archive-card__body {
  display: block;
}
html body .eventive-film-archive .eventive-archive-results .eventive-archive-card h3 {
  margin-bottom: 0.5rem;
}

html body .eventive-film-archive .eventive-archive-results .eventive-archive-card__body .eventive-archive-card__description {
  display: none;
}

html body .eventive-film-archive .eventive-archive-results .eventive-archive-card .eventive-archive-card__meta {
  margin-bottom: 1rem;
}

html body .eventive-film-archive .eventive-archive-results .eventive-archive-card__meta .eventive-archive-card__meta-item {
  border: 0;
  align-self: center;
}

/* Archive: List View */
html body .eventive-film-archive.is-list .eventive-archive-results {
  z-index: 42;
}

html body .eventive-film-archive.is-list .eventive-archive-results  .eventive-archive-card {
  display: grid;
}

html body .eventive-film-archive.is-list .eventive-archive-results .eventive-archive-card__body .eventive-archive-card__description {
  display: block;
  font-size: var(--wp--preset--font-size--medium);
}

/* Archive Misc */

.eventive-archive-pagination {
  color: var(--wp--preset--color--primary);
}

html body .eventive-archive-pagination button {
  letter-spacing: 0;
}

html body .eventive-archive-pagination button.eventive-archive-page-number {
  aspect-ratio: 1 / 1 !important;
  padding: 0;
}

.eventive-archive-pagination button.eventive-archive-page-number.is-active {
  background-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--emphasis);
  opacity: 0.5;
}

/* Eventive Calendar */
html body .eventive-calendar .calendar-controls h2 {
  font-size: var(--wp--preset--font-size--xx-large);
}

html body .eventive-calendar .eventive-cal-table td {
  border: 1px solid var(--wp--preset--color--background-primary);
}

html body .eventive-calendar .eventive-cal-table th {
  background: #ffffffdd;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--background-primary);
}

html body .eventive-calendar td.eventive-cal-day {
  background: #fff;
  height: 10rem;
}

html body .eventive-calendar .eventive-cal-date {
  color: var(--wp--preset--color--primary);
}

html body .eventive-calendar td.empty {
  background: #ffffffdd;
}

html body .eventive-calendar .event-name {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 300;
}

html body .modal-content .event-details {
  padding-bottom: 1rem;
}

html body .modal-content .event-details h2 {
  color: var(--wp--preset--color--primary);
  text-transform: uppercase;
  margin: 1rem 0;
}

html body .modal-content .event-details .details-left,
html body .modal-content .event-details .details-right,
html body .modal-content .event-details .details-left p ,
html body .modal-content .event-details .details-right p
{
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
}
html body .modal-content .event-details .details-left {
  margin-bottom: 1rem;
}

html body .modal-content .event-details .venue-tag {
  padding: 0.5rem;
  border-radius: 0.5rem;
}

/* Weekly Calendar */

html body .weekly-calendar-container .calendar-grid {
  border-radius: 0;
  border: 0;
  background: transparent;
  gap: 0;
  border-top: var(--wp--preset--color--primary);
  border-left: var(--wp--preset--color--primary);
}

html body .weekly-calendar-container .weekly-calendar-controls {
  background: transparent;
  border: 0;
}

html body .weekly-calendar-container .weekly-calendar-controls .weekly-calendar-range {
  font-size: var(--wp--preset--font-size--xx-large);
  font-family: var(--wp--preset--font-family--secondary);
  color: var(--wp--preset--color--text);
}

html body .weekly-calendar-container .time-column,
html body .weekly-calendar-container .day-header,
html body .weekly-calendar-container .time-label
{
  background: #ffffffdd;
  color: var(--wp--preset--color--primary);
  opacity: 1;
  gap: 0;
  border-right: 1px solid var(--wp--preset--color--primary);
  border-bottom: 1px solid var(--wp--preset--color--primary);
}

html body .weekly-calendar-container .time-slot
{
  border-right: 1px solid var(--wp--preset--color--primary);
  border-bottom: 1px solid var(--wp--preset--color--primary);
  transition: none;
}

html body .weekly-calendar-container button.event-box {
  display: block;
  margin-top: 0.375rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.5rem;
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 300;
  box-shadow: none;
}

html body .weekly-calendar-container button.event-box:hover {
  transform: none;
  filter: none;
}

html body .weekly-calendar-container button.event-box .event-box__time {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
}
html body .weekly-calendar-container button.event-box .event-box__title {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}
html body .weekly-calendar-container button.event-box .event-box__venue {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
}
html body .weekly-calendar-container button.event-box .event-box__cta {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--small);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
}

html body .eventive-week-modal__section h3 {
  font-size: var(--wp--preset--font-size--x-large);
}

html body .eventive-week-modal__close {
  background: var(--wp--preset--color--background-primary);
  top: 0.25rem;
  right: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  line-height: 0;
  padding: 0;
  margin-right: 0;
}
html body .eventive-week-modal__close:hover {
  background: var(--wp--preset--color--emphasis);
}

/* Eventive Events List */

html body .eventive-base-wrapper .eventive-events-list {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 300;
}

html body .eventive-base-wrapper .eventive-events-list h3,
html body .eventive-base-wrapper .eventive-events-list h3.event-list-name,
html body .eventive-base-wrapper .eventive-events-list .event-list-name.entry-title h3 {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--x-large);
}

html body .eventive-base-wrapper .eventive-events-list .entry {
  border-radius: 1rem;
  background: #fff;
}
html body .eventive-base-wrapper .eventive-events-list .event-grid-info {
  gap: 0;
}

html body .eventive-base-wrapper .eventive-events-list .event-grid-info h3 {
  background: #ffffff22;
  color: #ffffff;
  font-size: var(--wp--preset--font-size--x-large);
  padding: 0.5rem;
}

html body .eventive-base-wrapper .eventive-events-list .event-grid-info p {
  background: #ffffff22;
  color: #ffffff;
  font-size: var(--wp--preset--font-size--medium);
  padding: 0.5rem;
  opacity: 1;
}

/* Eventive Film Guide */
html body .eventive-base-wrapper section.wp-block-eventive-film-guide {
  padding: 0;
}

html body .eventive-base-wrapper .catalog-film-box {
  border-radius: 1rem;
  background: #ffffff;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 300;
}

html body .eventive-base-wrapper .catalog-film-box .catalog-film-title {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 2rem;
}

html body .eventive-base-wrapper .catalog-film-container .catalog-film-list-item {
  border-radius: 1rem;
  border: 0;
  background: #ffffff;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 300;
  margin-bottom: 1rem;
}

html body .eventive-base-wrapper .catalog-film-container .eventive-wishlist-title-text {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--x-large);
}

html body .eventive-base-wrapper .catalog-film-container .catalog-film-list-item .catalog-film-image {
  border-radius: 1rem 0 0 1rem;
}

html body .eventive-base-wrapper .eventive-film-details .film-details.eventive-film-details__body {
  max-width: none;
}


/* Film Details */
html body .eventive-base-wrapper .eventive-single-film__film-details h2 {
  color: var(--wp--preset--color--primary);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--jumbo);
}

html body .eventive-base-wrapper .eventive-single-film__film-details .film-description {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
}

html body .eventive-base-wrapper .eventive-screening__datetime {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
}

html body .eventive-base-wrapper .eventive-showtime-time {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
}

html body .eventive-base-wrapper .eventive-showtime-venue {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
}

html body .eventive-base-wrapper .eventive-screening__venue {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
}

html body .eventive-base-wrapper .film-credits div {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
}

.single-eventive_film .post-info-row {
  display: none;
}

/* Checkout / Cart */
html body .Eventive--Checkout #Eventive--orderSummary--orderSuccess h2
{
  text-align: left;
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--large);
  font-family: var(--wp--preset--font-family--primary);
}

html body .Eventive--Checkout h3 {
  text-align: left;
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--primary);
  font-weight: 700;
}

html body .Eventive--Checkout #Eventive--orderSummary--orderSuccess > div > div > h3[style] {
  color: var(--wp--preset--color--primary) !important;
  font-size: var(--wp--preset--font-size--x-large) !important;
  font-family: var(--wp--preset--font-family--primary) !important;  
}

html body .Eventive--Checkout {
  font-family: var(--wp--preset--font-family--primary);
  color: var(--wp--preset--color--primary);
  font-weight: 500;
}

/* Search Results */
body.search-results .search-results-info {
  background: var(--light20percent);
  border-radius: 0.5rem;
  padding: 0.25rem 1rem;
}

body.search-results .search-results-info a {
  text-decoration: none;
}

body.search-results .search-results-info a:hover {
  text-decoration: underline;
}

body.search-results h2 a {
  text-decoration: underline;
}

body.search-results h2 a:hover {
  text-decoration: none;
}

html body.search-results .search-results-info p {
  margin-bottom: 0;
}

html body.search-results .search-results-info time {
  color: var(--light70percent);
  font-family: var(--wp--preset--font-family--tertiary);
}

html body header {
  min-width: 800px;
}

/*
 * RESPONSIVE 
 */

.wp-block-navigation__responsive-container .wp-block-navigation-overlay-close {
  background-color: transparent;
}

/* 1080 */
@media (max-width: 1080px) {
  html body .eventive-header .icon-container {
    border: 0;
  }


  html body .eventive-base-wrapper .eventive-header {
    padding-right: 0.2rem !important;
    padding-left: 0.2rem !important;
  } 




}

/* 800 */

@media (max-width: 800px) {
  
  .eventive-base-wrapper .events-container .yr-card {
    flex-basis: 100%;
  }

  .highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button {
    width: 40%;
  }

  .highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button a {
    font-size: var(--wp--preset--font-size--large);
  }

  .eventive-footer .wp-block-column {
    margin-bottom: 3rem;
  }

  .eventive-footer .wp-block-column .wp-block-group {
    width: auto;
    text-align: center;
  }
  
  .eventive-footer h2 {
    width: auto;
    text-align: center;
  }
  
  .eventive-footer nav {
    width: auto;
    text-align: center;
    display: block;
    align-items: center;
  }
  
  .eventive-base-wrapper .eventive-footer nav ul {
    --navigation-layout-align: center;
  }

  .eventive-base-wrapper .eventive-footer nav ul li a {
    font-size: var(--wp--preset--font-size--x-large);
    line-height: 4rem;
  }

  .eventive-base-wrapper .eventive-footer p {
    font-size: var(--wp--preset--font-size--x-large);
    line-height: 4rem;
  } 
  html body .eventive-base-wrapper .eventive-native-year-round .weekly-calendar-buttons {
    gap: 0.2rem;
    /* justify-content: center; */
  }
  
  .eventive-base-wrapper .weekly-calendar-buttons .yr-day-btn {
    width: 4rem;
    min-width: 65px;
  }

  .eventive-base-wrapper .weekly-calendar-buttons .yr-day-btn .yr-day-btn-weekday {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
  }
}

/* 600 */
@media (max-width: 600px) {
  html body header {
    min-width: 430px;
  }
  
  html body .eventive-header .primary-navigation {
    width: 40px;
  }

  html body .eventive-header .icon-container {
    height: 53px;
  }

  .eventive-base-wrapper .events-container .yr-card {
    gap: 0.2rem;
    margin-bottom: 3rem;
  }

  .eventive-base-wrapper .eventive-native-year-round .weekly-calendar-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 3rem;
    gap: 0;
    justify-content: center;

      .week-nav-button {
        flex: 0 0 auto;
        /* opacity: 0.5; */
      }

      .yr-day-btn {
        color: var(--wp--preset--color--dark);
        background: #ffffff;
        flex: 0 0 auto;
        /* opacity: 0.5; */
        border-width: 0;
        padding: 0.2rem;
        width: 3rem;
        min-width: 60px;
      }

      .yr-day-btn.is-active {
        opacity: 1;
      }
  }

  .eventive-base-wrapper .eventive-native-year-round .weekly-calendar-buttons {
    flex-wrap: nowrap;
    gap: 0.2rem;
    justify-content: center;
  }


  .highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button {
    width: 80%;
  }  

  .highlighted-links .wp-block-cover__inner-container .wp-block-buttons .wp-block-button a {
    font-size: var(--wp--preset--font-size--xx-large);
    line-height: 3rem;
  }

  /* .eventive-base-wrapper .events-container .yr-card .yr-card__body,
  .eventive-base-wrapper .events-container .yr-card .yr-card__cta {
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  } */

  /* html body .eventive-base-wrapper .eventive-header .container-site-icons {
    display: none;
  } */

  html body .eventive-base-wrapper .eventive-header .container-site-icons .icon-container .wp-block-group
  {
    display: none;
  }
  html body .eventive-base-wrapper .eventive-header .container-site-icons .icon-container .header-search-container {
    display: block;
    margin-bottom: 0;
    height: 53px;
  }

  .eventive-header form.header-search button svg.search-icon {
    width: 53px;
    height: 53px;
  }

  html body .eventive-base-wrapper .eventive-header .container-site-navigation {
    flex-basis: auto;
    padding-right: 0;
  }

  /* html body .eventive-base-wrapper .eventive-header .container-site-navigation nav {
    justify-content: flex-end;
  } */

  html body .eventive-base-wrapper .eventive-header .container-site-navigation nav button {
    background: transparent;
  }

  html body .eventive-base-wrapper .eventive-header .wp-block-search__searchfield-hidden .wp-block-search__input {
    border: 5px solid var(--wp--preset--color--background-primary);
    height: inherit;
  }   

  html body .eventive-base-wrapper .eventive-header .wp-block-search__input {
    height: 53px;
    width: 410px;
    /* width: 100%; */
    border: 0.2rem solid var(--wp--preset--color--background-primary);
  }

  html body .eventive-base-wrapper header .eventive-header {
    align-items: center !important;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
  }

  html body .eventive-base-wrapper .eventive-header .container-site-logo {
    order: 1;
    flex-basis: 360px;
    flex-shrink: 0;
    /* flex-grow: 10; */
  }

  html body .eventive-base-wrapper .eventive-header .container-site-navigation {
    order: 3;
    /* flex-grow: 0; */
    width: 20px;
    padding-left: 0;
  }

  html body .eventive-base-wrapper .eventive-header .container-site-icons {
    order: 2;
    height: 53px;
    /* flex-grow: 0; */
  }

  html body .eventive-base-wrapper .eventive-header .container-site-icons .open {
    position: absolute;
    background: var(--wp--preset--color--background-primary);
  }

  .eventive-header form.header-search button svg.search-icon {
    margin-bottom: 0;
  }


}

@media (max-width: 500px) {
  .eventive-base-wrapper .eventive-native-year-round .weekly-calendar-container {
    margin-bottom: 3rem;
    gap: 0;

      .yr-day-btn {
        width: 2.8rem;
        min-width: 20px;
      }
  }
}

/* @media (max-width: 600px) {
  html body header {
    min-width: auto;
  } 
} */

/* 412 (Based on Pixel 9) */
@media (max-width: 412px) {
  body {
    min-width: 412px;
  }

  .eventive-base-wrapper .events-container .yr-card {
    flex-basis: 100%;
  }

  .eventive-base-wrapper .eventive-header figure {
    max-width: 260px;
  }
}

/* temp */