/*
 * JEvents styling for the diestb template.
 * Keep this file CSS-only. Do not use this file for Joomla/JEvents overrides.
 * The template manifest remains unchanged from the working original package.
 */

html:has(body #jevents),
body:has(#jevents) {
  background-color: transparent !important;
}

body:has(#jevents) main,
body:has(#jevents) .blog-container,
body:has(#jevents) .contentpane,
body:has(#jevents) .contentpaneopen,
body:has(#jevents) .component-content,
body:has(#jevents) .container-component,
body:has(#jevents) .item-page,
body:has(#jevents) .card,
body:has(#jevents) .well,
body:has(#jevents) .bg-white {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* JEvents edit/create pages use this J5Plus wrapper. JEvents j4.css paints it white in dark mode. */
body.site-option-com_jevents main,
main:has(#gslc.gsl-scope.j5plus) {
  background: transparent !important;
}

body.site-option-com_jevents .blog-container,
.blog-container:has(#gslc.gsl-scope.j5plus) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#gslc.gsl-scope.j5plus {
  background: rgba(37, 37, 37, 0.92) !important;
  color: #f8f8f8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}

#gslc.gsl-scope.j5plus #right-col,
#gslc.gsl-scope.j5plus .gsl-content.gsl-frontend,
#gslc.gsl-scope.j5plus #jevents,
#gslc.gsl-scope.j5plus #jevents_body {
  background: transparent !important;
  color: #f8f8f8 !important;
}

#gslc.gsl-scope.j5plus #top-head,
#gslc.gsl-scope.j5plus .gsl-navbar-container,
#gslc.gsl-scope.j5plus .gsl-navbar-left {
  background: #181818 !important;
}

#gslc.gsl-scope.j5plus #top-head {
  margin: 0 !important;
  padding: 16px 20px !important;
}

#gslc.gsl-scope.j5plus .gsl-navbar-left {
  justify-content: center !important;
}

#gslc.gsl-scope.j5plus #jevents {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

#gslc.gsl-scope.j5plus #adminForm,
#gslc.gsl-scope.j5plus .adminform {
  background: rgba(53, 53, 53, 0.95) !important;
  color: #f8f8f8 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#gslc.gsl-scope.j5plus .adminform {
  padding: 22px 26px !important;
}

#gslc.gsl-scope.j5plus label,
#gslc.gsl-scope.j5plus legend,
#gslc.gsl-scope.j5plus .catname {
  color: #f8f8f8 !important;
}

#gslc.gsl-scope.j5plus .gsl-tab {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32) !important;
}

#gslc.gsl-scope.j5plus .gsl-tab > * > a {
  color: rgba(255, 255, 255, 0.78) !important;
}

#gslc.gsl-scope.j5plus .gsl-tab > .active > a,
#gslc.gsl-scope.j5plus .gsl-tab > * > a:hover {
  color: #fff !important;
}

#gslc.gsl-scope.j5plus input[type="text"],
#gslc.gsl-scope.j5plus input[type="password"],
#gslc.gsl-scope.j5plus input[type="email"],
#gslc.gsl-scope.j5plus input[type="number"],
#gslc.gsl-scope.j5plus input[type="search"],
#gslc.gsl-scope.j5plus select,
#gslc.gsl-scope.j5plus textarea,
#gslc.gsl-scope.j5plus .form-control,
#gslc.gsl-scope.j5plus .inputbox,
#gslc.gsl-scope.j5plus .gsl-select {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  color: #20242a !important;
  box-shadow: none !important;
}

#jevents {
  --jev-shell-bg: rgba(35, 35, 35, 0.78);
  --jev-shell-border: rgba(35, 35, 35, 0.06);
  --jev-surface: rgba(48, 48, 48, 0.58);
  --jev-grid-line: rgba(255, 255, 255, 0.42);
  --jev-text: #f5f5f5;
  --jev-muted: rgba(255, 255, 255, 0.58);
  --jev-accent: #ff3b30;
  --jev-accent-strong: #e73328;
  --jev-today: rgba(255, 209, 102, 0.18);

  width: min(1180px, calc(100vw - 32px));
  margin: 72px auto 0;
  padding: 16px 18px 18px;
  background: var(--jev-shell-bg) !important;
  border: 10px solid var(--jev-shell-border);
  border-radius: 10px;
  color: var(--jev-text);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
}

#jevents:has(#adminForm),
#jevents:has(.adminform),
#jevents:has(.jev_edit_page),
#jevents:has(.icalevent_edit_page) {
  margin-top: 0;
}

#jevents a {
  color: inherit;
}

#jevents #jevents_header,
#jevents #jevents_body {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--jev-text);
}

#jevents #jevents_header {
  position: relative;
  margin-bottom: 14px;
}

#jevents #jevents_header .contentheading {
  margin: 0;
  color: #fff;
  font-size: clamp(1.9rem, 3vw, 2.6rem);
  line-height: 1.1;
  font-weight: 700;
}

#jevents #jevents_header ul.actions {
  top: 6px;
  right: 0;
  margin: 0 !important;
}

#jevents #jevents_header ul.actions a {
  color: #203cff;
  text-decoration: none;
  font-size: 1.5rem;
}

#jevents #jevents_body .month_date {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5rem;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  text-align: center;
}

#jevents #jevents_body .month_title,
#jevents #jevents_body .month_title_year {
  color: #fff;
  line-height: 1;
}

#jevents #jevents_body .month_title {
  font-size: clamp(1.65rem, 2.5vw, 2.35rem);
}

#jevents #jevents_body .month_title_year {
  padding-left: 0;
  font-size: clamp(1.55rem, 2.3vw, 2.15rem);
}

#jevents #jevents_body .new-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

#jevents #jevents_body .nav-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: auto;
  margin: 0;
  text-align: center;
}

#jevents #jevents_body .nav-items > div {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  border: 0;
}

#jevents #jevents_body .nav-items > div a,
#jevents #jevents_body #nav-search a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 12px;
  color: #262626;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

#jevents #jevents_body .nav-items > div a:hover {
  background: #f1f1f1;
  color: #111;
}

#jevents #jevents_body .nav-items > div.active a,
#jevents #jevents_body .nav-items > div.active a:hover {
  background: #fff;
  border-color: var(--jev-accent);
  color: var(--jev-accent);
  box-shadow: inset 0 0 0 1px var(--jev-accent), 0 2px 10px rgba(0, 0, 0, 0.16);
}

#jevents #jevents_body #nav-search {
  display: flex;
  align-items: center;
  float: none;
  padding: 0;
}

#jevents #jevents_body #nav-search a {
  width: 40px;
  height: 40px;
  padding: 0;
}

#jevents #jevents_body #nav-search img {
  width: 18px;
  height: 18px;
  filter: brightness(0) saturate(0);
}

#jevents #jevents_body .jev_toprow {
  margin-bottom: 8px;
}

#jevents #jevents_body .jev_toprow .jev_header2 {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
}

#jevents #jevents_body .jev_toprow div.previousmonth,
#jevents #jevents_body .jev_toprow div.currentmonth,
#jevents #jevents_body .jev_toprow div.nextmonth {
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  height: auto;
  padding: 7px 10px;
  line-height: 1.2;
}

#jevents #jevents_body .jev_toprow div.previousmonth,
#jevents #jevents_body .jev_toprow div.nextmonth {
  width: 26%;
  background: var(--jev-accent);
  border: 1px solid var(--jev-accent);
}

#jevents #jevents_body .jev_toprow div.currentmonth {
  width: 48%;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid var(--jev-accent);
  border-bottom: 1px solid var(--jev-accent);
  color: #5f6b73 !important;
  font-weight: 700;
}

#jevents #jevents_body .jev_toprow div.previousmonth a,
#jevents #jevents_body .jev_toprow div.nextmonth a {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
}

#jevents #jevents_body .cal_top_day_names {
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
  background: transparent;
}

#jevents #jevents_body .cal_top_day_names td {
  width: 14.285%;
  padding: 0 8px 6px;
  background: transparent;
}

#jevents #jevents_body .cal_daysnames {
  height: auto;
  line-height: 1.2;
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#jevents #jevents_body .saturday,
#jevents #jevents_body .sunday {
  color: var(--jev-muted);
}

#jevents #jevents_body .cal_table {
  width: 100% !important;
  table-layout: fixed;
  margin: 0;
  padding: 1px;
  background: var(--jev-grid-line);
  border: 1px solid var(--jev-grid-line);
  border-radius: 0 0 10px 10px;
}

#jevents #jevents_body .cal_cell_rows {
  height: clamp(78px, 8.4vw, 112px);
}

#jevents #jevents_body .cal_daysoutofmonth,
#jevents #jevents_body .cal_daysnoevents,
#jevents #jevents_body .cal_dayshasevents,
#jevents #jevents_body .cal_today {
  position: relative;
  height: clamp(78px, 8.4vw, 112px);
  padding: 30px 8px 8px;
  vertical-align: top;
  border: 0 !important;
}

#jevents #jevents_body .cal_daysnoevents,
#jevents #jevents_body .cal_dayshasevents {
  background: var(--jev-surface) !important;
}

#jevents #jevents_body .cal_daysoutofmonth {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--jev-muted) !important;
}

#jevents #jevents_body .cal_today {
  background: linear-gradient(0deg, var(--jev-today), var(--jev-today)), var(--jev-surface) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 215, 102, 0.24);
}

#jevents #jevents_body a.cal_daylink,
#jevents #jevents_body a.cal_daylink:visited,
#jevents #jevents_body a.cal_daylink:hover {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 3;
  float: none;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  color: #fff !important;
  font-size: 1.15rem;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
}

#jevents #jevents_body .cal_daysoutofmonth a.cal_daylink,
#jevents #jevents_body .cal_daysoutofmonth a.cal_daylink:visited,
#jevents #jevents_body .cal_daysoutofmonth a.cal_daylink:hover {
  color: var(--jev-muted) !important;
}

#jevents #jevents_body a.cal_daylink .calview {
  display: inline-block;
  min-width: 1.5ch;
  text-align: right;
}

#jevents #jevents_body .cal_today a.cal_daylink,
#jevents #jevents_body .cal_today a.cal_daylink:visited,
#jevents #jevents_body .cal_today a.cal_daylink:hover {
  padding: 0.28rem 0.5rem;
  background: var(--jev-accent);
  border: 0;
  border-radius: 999px;
  color: #fff !important;
}

#jevents #jevents_body .cal_today a.cal_daylink:hover {
  background: var(--jev-accent-strong);
}

#jevents #jevents_body .cal_daylink .listview {
  display: none;
}

#jevents #jevents_body a.addjevent {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

#jevents #jevents_body .eventfull,
#jevents #jevents_body .eventstyle,
#jevents #jevents_body .editlinktip,
#jevents #jevents_body span.hasjevtip,
#jevents #jevents_body .eventstyle.hasjevtip {
  display: block;
  width: auto;
  max-width: none;
  margin: 0 0 2px;
  padding: 0 0 1px 2px;
  border-radius: 0;
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

#jevents #jevents_body .eventstyle a.cal_titlelink,
#jevents #jevents_body .eventstyle a.cal_titlelink:link,
#jevents #jevents_body .eventstyle a.cal_titlelink:visited,
#jevents #jevents_body .eventstyle a.cal_titlelink:hover,
#jevents #jevents_body span.hasjevtip a.cal_titlelink,
#jevents #jevents_body span.hasjevtip a.cal_titlelink:link,
#jevents #jevents_body span.hasjevtip a.cal_titlelink:visited,
#jevents #jevents_body span.hasjevtip a.cal_titlelink:hover,
#jevents #jevents_body .eventstyle a,
#jevents #jevents_body span.hasjevtip a {
  display: block;
  width: auto;
  margin: 0 !important;
  padding: 4px 8px !important;
  background: #eef1f3 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #2f3a44 !important;
  line-height: 1.25;
  text-decoration: none;
  box-shadow: none !important;
  text-shadow: none;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

#jevents #jevents_body .eventstyle *,
#jevents #jevents_body span.hasjevtip * {
  color: inherit !important;
}

#jevents #jevents_body .eventstyle a.cal_titlelink:hover,
#jevents #jevents_body span.hasjevtip a.cal_titlelink:hover {
  background: #e7ecef !important;
  color: #1f2a33 !important;
}

#jevents #jevents_body .eventstyle {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

#jevents #jevents_body .eventstyle::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-left: 100vw solid;
  border-left-color: inherit !important;
  pointer-events: none;
}

#jevents #jevents_body .eventstyle .editlinktip,
#jevents #jevents_body .eventstyle span.hasjevtip,
#jevents #jevents_body .eventstyle a.cal_titlelink,
#jevents #jevents_body .eventstyle a {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

#jevents #jevents_body .eventstyle a.cal_titlelink,
#jevents #jevents_body .eventstyle a.cal_titlelink:link,
#jevents #jevents_body .eventstyle a.cal_titlelink:visited,
#jevents #jevents_body .eventstyle a.cal_titlelink:hover,
#jevents #jevents_body .eventstyle a {
  color: #111 !important;
  font-weight: 600;
}

#jevents #jevents_body #jumpto form,
#jevents #jevents_body div.ev_adminpanel {
  width: 100%;
  margin-top: 12px;
}

#jevents #jevents_body #jumpto form {
  text-align: center;
}

#jevents #jevents_body #jumpto select,
#jevents #jevents_body #jumpto button,
#jevents #jevents_body .ev_adminpanel select,
#jevents #jevents_body .ev_adminpanel input[type="button"],
#jevents #jevents_body .ev_adminpanel input[type="submit"] {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.94);
  color: #202020;
  text-shadow: none;
  box-shadow: none;
}

#jevents #jevents_body .ev_adminpanel {
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  color: #fff;
}

#jevents #jevents_body .ev_adminpanel a,
#jevents #jevents_body div.event_legend_name,
#jevents #jevents_body div.event_legend_desc,
#jevents #jevents_body div.event_legend_name a {
  color: #fff;
}

#jevents #jevents_body .ev_adminpanel,
#jevents #jevents_body .ev_adminpanel form,
#jevents #jevents_body .ev_adminpanel > div,
#jevents #jevents_body #adminpanel,
#jevents #jevents_body #adminpanel form,
#jevents #jevents_body .jev_adminpanel,
#jevents #jevents_body .jev_adminpanel form {
  background: rgba(20, 20, 20, 0.72) !important;
  background-color: rgba(20, 20, 20, 0.72) !important;
  color: #f8f8f8 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

#jevents #jevents_body .ev_adminpanel {
  padding: 14px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

#jevents #jevents_body .ev_adminpanel *,
#jevents #jevents_body #adminpanel *,
#jevents #jevents_body .jev_adminpanel * {
  color: #f8f8f8 !important;
}

#jevents #jevents_body .ev_adminpanel select,
#jevents #jevents_body #adminpanel select,
#jevents #jevents_body .jev_adminpanel select {
  min-height: 40px !important;
  background: #8f8f8f !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 10px !important;
}

#jevents #jevents_body .ev_adminpanel option,
#jevents #jevents_body #adminpanel option,
#jevents #jevents_body .jev_adminpanel option {
  background: #2b2b2b !important;
  color: #fff !important;
}

#jevents #jevents_body .ev_adminpanel button,
#jevents #jevents_body .ev_adminpanel input[type="button"],
#jevents #jevents_body .ev_adminpanel input[type="submit"],
#jevents #jevents_body #adminpanel button,
#jevents #jevents_body #adminpanel input[type="button"],
#jevents #jevents_body #adminpanel input[type="submit"],
#jevents #jevents_body .jev_adminpanel button,
#jevents #jevents_body .jev_adminpanel input[type="button"],
#jevents #jevents_body .jev_adminpanel input[type="submit"] {
  min-height: 40px !important;
  background: #f5f5f5 !important;
  color: #222 !important;
  border: 0 !important;
  border-radius: 10px !important;
}

#jevents form:not(.mod-login):not([name="BarNav"]),
#jevents .adminform,
#jevents .tab-content,
#jevents .tab-pane,
#jevents .jevform,
#jevents .jev_editform,
#jevents .jev_edit_page,
#jevents .icalevent_edit_page,
#jevents .editform {
  color: #fff;
}

#jevents .contentpane,
#jevents .contentpaneopen,
#jevents .jev_edit_page,
#jevents .icalevent_edit_page,
#jevents .adminform,
#jevents .jevbootstrap,
#jevents .jevbootstrap > div,
#jevents .jevbootstrap > form,
#jevents #adminForm,
#jevents #myEditTabsContent,
#jevents #myEditTabs {
  background: transparent !important;
}

#jevents .adminform {
  padding: 12px 14px;
  background: rgba(17, 17, 17, 0.34) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

#jevents .nav-tabs,
#jevents .tabset_tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

#jevents .nav-tabs > li > a,
#jevents .nav-tabs .nav-link,
#jevents .tabset_tabs a {
  background: transparent !important;
  border: 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  text-decoration: none;
}

#jevents .nav-tabs > li.active > a,
#jevents .nav-tabs > li > a:hover,
#jevents .nav-tabs .nav-link.active,
#jevents .tabset_tabs li.active a,
#jevents .tabset_tabs a:hover {
  color: #fff !important;
  box-shadow: inset 0 -2px 0 var(--jev-accent);
}

#jevents label,
#jevents legend,
#jevents .control-label,
#jevents .form-label,
#jevents .form-control-label,
#jevents .jevcflabel,
#jevents .controls,
#jevents .control-group,
#jevents .jevfieldlabel {
  color: #fff !important;
}

#jevents input[type="text"],
#jevents input[type="password"],
#jevents input[type="email"],
#jevents input[type="number"],
#jevents input[type="search"],
#jevents input[type="url"],
#jevents input[type="date"],
#jevents input[type="time"],
#jevents select,
#jevents textarea,
#jevents .inputbox,
#jevents .form-control,
#jevents .form-select,
#jevents .chzn-container-single .chzn-single,
#jevents .chosen-container-single .chosen-single {
  min-height: 42px;
  background: rgba(17, 17, 17, 0.42) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

#jevents select option {
  background: #262626;
  color: #fff;
}

#jevents #jevents_body .popover,
#jevents .popover,
#jevents #jevents_body .jevtip-tip,
#jevents #jevents_body .jevtip,
#jevents .jevtip-tip,
#jevents .jevtip {
  background: #262626 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
  opacity: 1 !important;
  overflow: hidden !important;
  z-index: 99999 !important;
}

#jevents #jevents_body .popover-header,
#jevents .popover-header,
#jevents #jevents_body .jevtt_title,
#jevents .jevtt_title {
  background: #b400ff !important;
  border-bottom: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  color: #fff !important;
  font-weight: 700;
  padding: 12px 16px !important;
}

#jevents #jevents_body .popover-body,
#jevents .popover-body,
#jevents #jevents_body .jevtt_text,
#jevents .jevtt_text,
#jevents #jevents_body .jevtip-text,
#jevents .jevtip-text {
  background: #262626 !important;
  color: #fff !important;
  padding: 14px 16px 16px !important;
  line-height: 1.35;
  border-radius: 0 0 12px 12px !important;
}

#jevents .popover-body .cal_daylink,
#jevents .popover-body .calview,
#jevents .popover-body .listview,
#jevents .popover-body [class*="cal_day"],
#jevents .popover-body [class*="daylink"],
#jevents .popover-body [href*="eventsbyday"],
#jevents .popover-header .cal_daylink,
#jevents .popover-header .calview,
#jevents .popover-header .listview,
#jevents .popover-header [class*="cal_day"],
#jevents .popover-header [class*="daylink"],
#jevents .popover-header [href*="eventsbyday"],
#jevents .jevtt_text .cal_daylink,
#jevents .jevtt_text .calview,
#jevents .jevtt_text .listview,
#jevents .jevtt_text [class*="cal_day"],
#jevents .jevtt_text [class*="daylink"],
#jevents .jevtt_text [href*="eventsbyday"],
#jevents .jevtt_title .cal_daylink,
#jevents .jevtt_title .calview,
#jevents .jevtt_title .listview,
#jevents .jevtt_title [class*="cal_day"],
#jevents .jevtt_title [class*="daylink"],
#jevents .jevtt_title [href*="eventsbyday"] {
  display: none !important;
}

#jevents .action_dialogJQ,
#jevents .ical_dialogJQ,
#jevents .jevmodal-small,
#jevents .jevmodal-medium,
.jevbootstrap .action_dialogJQ.modal:not(.jeviso-modal),
.jevbootstrap .ical_dialogJQ.modal:not(.jeviso-modal) {
  background: #262626 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;
  overflow: hidden !important;
  top: 88px !important;
  bottom: auto !important;
  width: min(320px, calc(100vw - 24px)) !important;
  max-width: min(320px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  margin-left: -160px !important;
}

#jevents .action_dialogJQ .modal-content,
#jevents .ical_dialogJQ .modal-content,
#jevents .jevmodal-small .modal-content,
#jevents .jevmodal-medium .modal-content,
.jevbootstrap .action_dialogJQ .modal-content,
.jevbootstrap .ical_dialogJQ .modal-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

#jevents .action_dialogJQ .modal-dialog,
#jevents .ical_dialogJQ .modal-dialog,
#jevents .jevmodal-small .modal-dialog,
#jevents .jevmodal-medium .modal-dialog,
.jevbootstrap .action_dialogJQ .modal-dialog,
.jevbootstrap .ical_dialogJQ .modal-dialog {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

#jevents .action_dialogJQ .modal-header,
#jevents .ical_dialogJQ .modal-header,
#jevents .jevmodal-small .modal-header,
#jevents .jevmodal-medium .modal-header,
.jevbootstrap .action_dialogJQ .modal-header,
.jevbootstrap .ical_dialogJQ .modal-header {
  height: auto !important;
  padding: 14px 16px 12px !important;
  background: #1d1d1d !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

#jevents .action_dialogJQ .modal-body,
#jevents .ical_dialogJQ .modal-body,
#jevents .jevmodal-small .modal-body,
#jevents .jevmodal-medium .modal-body,
.jevbootstrap .action_dialogJQ .modal-body,
.jevbootstrap .ical_dialogJQ .modal-body {
  position: static !important;
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 12px 16px 16px !important;
  background: #262626 !important;
  color: #fff !important;
  box-sizing: border-box !important;
}

#jevents .action_dialogJQ a,
#jevents .ical_dialogJQ a,
#jevents .jevmodal-small a,
#jevents .jevmodal-medium a,
.jevbootstrap .action_dialogJQ a,
.jevbootstrap .ical_dialogJQ a {
  color: #fff !important;
  text-decoration: none !important;
}

#jevents .action_dialogJQ a:hover,
#jevents .ical_dialogJQ a:hover,
#jevents .jevmodal-small a:hover,
#jevents .jevmodal-medium a:hover,
.jevbootstrap .action_dialogJQ a:hover,
.jevbootstrap .ical_dialogJQ a:hover {
  color: #d6a8ff !important;
}

#jevents .action_dialogJQ hr,
#jevents .ical_dialogJQ hr,
#jevents .jevmodal-small hr,
#jevents .jevmodal-medium hr,
.jevbootstrap .action_dialogJQ hr,
.jevbootstrap .ical_dialogJQ hr {
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin: 10px 0 !important;
}

#jevents .action_dialogJQ img,
#jevents .ical_dialogJQ img,
#jevents .jevmodal-small img,
#jevents .jevmodal-medium img,
.jevbootstrap .action_dialogJQ img,
.jevbootstrap .ical_dialogJQ img {
  filter: brightness(0) invert(1);
  opacity: 0.88;
}

@media (max-width: 900px) {
  #jevents {
    width: min(100vw - 20px, 100%);
    margin-top: 48px;
    padding: 14px;
    border-width: 8px;
  }

  #jevents #jevents_body .cal_cell_rows,
  #jevents #jevents_body .cal_daysoutofmonth,
  #jevents #jevents_body .cal_daysnoevents,
  #jevents #jevents_body .cal_dayshasevents,
  #jevents #jevents_body .cal_today {
    height: clamp(72px, 10vw, 94px);
  }
}

@media (max-width: 640px) {
  #jevents {
    width: calc(100vw - 12px);
    margin-top: 32px;
    padding: 10px;
    border-width: 6px;
  }

  #jevents #jevents_header .contentheading {
    font-size: 2rem;
  }

  #jevents #jevents_body .month_date {
    flex-direction: column;
    gap: 0.15rem;
  }

  #jevents #jevents_body .nav-items > div a,
  #jevents #jevents_body .nav-items > div.active a {
    min-height: 38px;
    padding: 0 12px;
    font-size: 0.85rem;
  }

  #jevents #jevents_body .jev_toprow .jev_header2 {
    flex-direction: column;
    gap: 8px;
    overflow: visible;
    border-radius: 0;
  }

  #jevents #jevents_body .jev_toprow div.previousmonth,
  #jevents #jevents_body .jev_toprow div.currentmonth,
  #jevents #jevents_body .jev_toprow div.nextmonth {
    width: 100%;
    border-radius: 10px;
  }

  #jevents #jevents_body .cal_cell_rows,
  #jevents #jevents_body .cal_daysoutofmonth,
  #jevents #jevents_body .cal_daysnoevents,
  #jevents #jevents_body .cal_dayshasevents,
  #jevents #jevents_body .cal_today {
    height: 68px;
    padding: 24px 6px 6px;
  }

  #jevents #jevents_body a.cal_daylink,
  #jevents #jevents_body a.cal_daylink:visited,
  #jevents #jevents_body a.cal_daylink:hover {
    top: 4px;
    right: 6px;
    font-size: 0.98rem;
  }
}