/* Acessibility */
.pojo-a11y-visible-desktop {
  display: inherit !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open {
  right: auto !important;
  left: 0 !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-left {
  right: auto !important;
  left: -180px !important;
  -webkit-transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  -moz-transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  -o-transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  top: calc(100vh - 440px) !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
  left: 80px !important;
  right: auto !important;
  bottom: 28px !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg {
  visibility: hidden;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
  border-radius: 100vw;
  margin-right: 1rem;
  background-image: url("https://d11ixze0kvt635.cloudfront.net/wp-content/uploads/2024/04/12053737/accessibility.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
  position: fixed;
}

/* ------------------------------  Op Theme css  --------------------------------------------- */
.op_page_default {
  margin-block: 40px;
}
.op_static_page_banner {
  position: relative;
  min-height: 280px;
  /* background-image: url("https://cor-dev.greatsolutionsatwork.com/wp-content/uploads/2025/02/event_banner.webp"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: var(--color-primary-blue);
  margin-bottom: 85px;
  --banner-width: 900px;
  display: flex;
  align-items: end;
}

.op_static_page_banner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #36403ab2;
}

.op_static_page_banner .op_static_page_banner_box {
  background-color: var(--color-primary-white);
  max-width: var(--banner-width);
  width: var(--banner-width);
  margin-inline: auto;
  text-align: center;
  padding: 1.875rem;
  border-radius: 10px 10px 0 0;
  margin-bottom: -45px;
  position: relative;
  z-index: 1;
}

.op_static_page_banner .op_static_page_banner_box h1 {
  color: var(--color-primary-500);
  font-family: var(--main-font);
}
.fst_login_wrapper input#wp-submit {
  background: var(--color-primary-500);
}

/*------------------------------Parks & Facilities Css-------------------------------*/
:is(.mapplic-fullscreen, .parks-map) input.mapplic-search-input,
.parks-map input::placeholder {
  font-family: var(--main-font);
  font-size: 24px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0px;
  text-align: left;
}
:is(.mapplic-fullscreen, .parks-map) input::placeholder {
  color: #a4adac !important;
}
:is(.mapplic-fullscreen, .parks-map) input.mapplic-search-input {
  color: #000 !important;
  background: #fff !important;
  padding: 4px 30px !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-sidebar {
  width: 22%;
  border-radius: 20px !important;
  border: solid 1px #e0e0e0;
  padding: 0;
  background-color: #3a596c;
}
:is(.mapplic-fullscreen, .parks-map) button.mapplic-search-toggle {
  position: relative;
  left: 0;
  top: 0;
  margin-left: 23px;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-sidebar.mapplic-sidebar-filterable.mapplic-sidebar-header-opened
  button.mapplic-search-toggle:before {
  content: "HIDE FILTERS";
  position: absolute !important;
  width: 135px;
  top: 10px;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #3a596c;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-sidebar.mapplic-sidebar-filterable
  button.mapplic-search-toggle:before {
  content: "SHOW FILTERS";
  position: absolute !important;
  width: 135px;
  top: 10px;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #3a596c;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-sidebar-header > .mapplic-icon {
  padding: 16px;
  right: 0px !important;
  left: auto;
  background: var(--color-primary-500);
  margin: 0;
  fill: #fff !important;
  border-radius: 0 20px 0 0;
  margin-left: 0px !important;
  margin-top: 0px !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-sidebar-header {
  padding: 0;
  box-shadow: none;
  background: #d0ebe8;
  max-height: 84px;
  width: 100%;
  left: 0;
  right: 0;
  border-radius: 19px 0 0 0 !important;
}
:is(.mapplic-fullscreen, .parks-map) button.mapplic-search-clear {
  right: 0px !important;
  left: auto;
  top: 0;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-search-clear
  .mapplic-icon-cross {
  padding: 16px !important;
  right: 18px !important;
  left: auto !important;
  background: #ff5354;
  margin: 0;
  fill: #fff !important;
  border-radius: 0 20px 0 0;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-sidebar-header-opened.mapplic-sidebar-filterable
  .mapplic-search-toggle {
  background-color: #d0ebe8;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-filter > ul li {
  padding: 0 32px !important;
  margin: 0 !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-filter {
  margin: 0;
}
:is(.mapplic-fullscreen, .parks-map) :is(.mapplic-list-category) > a {
  margin: 0;
  padding: 6px 0;
}
:is(.mapplic-fullscreen, .parks-map) :is(.mapplic-list-container > li) > a {
  margin: 5px 0 !important;
  padding: 15px 30px !important;
  position: relative;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-list-container > li)
  > a::after {
  content: " ";
  position: absolute !important;
  width: 80%;
  height: 1px;
  border-bottom: 1px solid #4f7c77 !important;
  bottom: -4px;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-list-category, .mapplic-list-container > li)
  .mapplic-thumbnail-placeholder {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 20px !important;
  background: none !important;
  opacity: 1 !important;
  border: none !important;
  margin-top: 10px;
  position: relative;
  padding: 0;
  z-index: 1;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-sidebar
  .mapplic-dir-item:hover
  > a,
.mapplic-sidebar .mapplic-dir-item > a:focus,
.mapplic-sidebar .mapplic-dir-item.mapplic-active > a {
  background-color: #41b6a9 !important;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-list-container > li)
  .mapplic-thumbnail-placeholder {
  margin-top: 0 !important;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-list-category, .mapplic-list-container > li)
  .mapplic-thumbnail-placeholder::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2022/12/chat-box.png) center center;
  width: 22px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -2;
  left: 1px;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-list-category, .mapplic-list-container > li)
  .mapplic-thumbnail {
  width: 24px !important;
  height: 24px !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-list-category > a:hover,
:is(.mapplic-fullscreen, .parks-map) .mapplic-list-category > a:focus {
  background: none;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-filter h4,
:is(.mapplic-fullscreen, .parks-map) .mapplic-filter h4 span {
  font-family: var(--main-font);
  font-size: 14px !important;
  font-weight: normal !important;
  letter-spacing: 0px !important;
  color: #3a596c !important;
  opacity: 1;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-dir-item h4 {
  font-family: var(--main-font);
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0px !important;
  color: #fff !important;
  display: inline !important;
}

:is(.mapplic-fullscreen, .parks-map)
  .mapplic-sidebar.mapplic-sidebar-tagsrow
  .mapplic-sidebar-header {
  max-height: 130px;
}
:is(.mapplic-fullscreen, .parks-map) button.mapplic-tag {
  background: none !important;
  border: 1px solid #ff5354;
  color: #ff5354;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-transform: capitalize;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-tag > span {
  background-image: none !important;
  display: inline-block;
  margin-left: 5px;
  width: 11px;
  height: 10px;
  opacity: 1;
  position: relative;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-tag > span::before {
  content: "×";
  position: absolute !important;
  color: #ff5354;
  font-family: var(--main-font);
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-transform: none;
  top: -4px;
  left: 5px;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-filter-tags {
  margin-left: 30px;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-sidebar-dim,
:is(.mapplic-fullscreen, .parks-map) ul.mapplic-list-container {
  width: 100%;
  top: 83px;
  left: 0;
  box-shadow: none !important;
  background: none !important;
  height: 80%;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-button.mapplic-sidebar-toggle {
  position: absolute;
  left: -11.5%;
  width: 50px;
  height: 60px;
  border-radius: 0;
  background: #d0ebe8;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-hidden-sidebar
  button.mapplic-button.mapplic-sidebar-toggle {
  left: 2.5% !important;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-button.mapplic-sidebar-toggle
  .mapplic-icon-sidebar {
  position: relative !important;
  right: 1px !important;
  bottom: -10px !important;
  fill: #3a596c !important;
  top: initial;
  left: initial;
  width: 18px;
  height: 18px;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-button.mapplic-sidebar-toggle::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2023/01/map_hide_arrow.png) center center;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-size: contain;
  right: 20px;
  bottom: 13px;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-button.mapplic-sidebar-toggle::after {
  content: "HIDE";
  position: absolute !important;
  width: fit-content;
  top: 12px;
  font-family: var(--main-font);
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #3a596c;
  right: 10px;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-hidden-sidebar
  button.mapplic-button.mapplic-sidebar-toggle::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2023/01/map_show_arrow.png) center center;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-size: contain;
  right: 20px;
  bottom: 13px;
}
:is(.mapplic-fullscreen, .parks-map)
  .mapplic-hidden-sidebar
  button.mapplic-button.mapplic-sidebar-toggle::after {
  content: "SHOW";
  position: absolute !important;
  width: fit-content;
  top: 12px;
  font-family: var(--main-font);
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #3a596c;
  right: 6px;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-hovertip > .mapplic-tooltip-wrap {
  min-width: 20px !important;
  padding: 7px 14px;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%) !important;
  border: solid 2px #41b6a9 !important;
  background-color: #fff !important;
  height: 32px !important;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-hovertip)
  .mapplic-tooltip-title {
  margin: 0 !important;
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.91;
  letter-spacing: 0px;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-tooltip-wrap)
  .mapplic-tooltip-title {
  margin: 0 !important;
  font-family: var(--main-font);
  font-size: 20px;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.91;
  letter-spacing: 0px;
}
:is(.mapplic-fullscreen, .parks-map)
  :is(.mapplic-hovertip)
  .mapplic-tooltip-title {
  margin: 0 !important;
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.91;
  letter-spacing: 0px;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-tooltip-wrap {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%) !important;
  border: solid 2px #41b6a9;
  background-color: #fff !important;
  padding: 15px 10px 0;
  min-width: 350px !important;
  max-width: 400px !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-tooltip-body {
  padding: 16px 10px 10px !important;
}
:is(.mapplic-fullscreen, .parks-map) a.mapplic-popup-link {
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: bold !important;
  letter-spacing: 0px;
  text-align: right;
  color: #000 !important;
  padding: 0;
  background: transparent !important;
  position: relative;
  float: left;
  box-shadow: none !important;
  text-decoration: underline !important;
}
:is(.mapplic-fullscreen, .parks-map) a.mapplic-popup-link:hover {
  color: #ff5354 !important;
}
:is(.mapplic-fullscreen, .parks-map) a.mapplic-popup-link:hover::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2022/12/hover-svg.png) center center;
  width: 14px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  right: -9px;
  top: -8px;
}
:is(.mapplic-fullscreen, .parks-map) .location {
  position: relative;
  box-sizing: border-box;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-left: 15px;
}
:is(.mapplic-fullscreen, .parks-map) .location::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2022/12/Pin.webp) center center;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 4px;
  left: -15px;
}
:is(.mapplic-fullscreen, .parks-map) .amenities {
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.6px;
  text-align: left;
  color: #3a596c;
  margin-top: 15px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
:is(.mapplic-fullscreen, .parks-map) ul.amenities-list {
  margin: 5px 14px 10px;
}
:is(.mapplic-fullscreen, .parks-map) ul.amenities-list li {
  text-shadow: 0px 25px 30px rgb(0 0 0 / 10%);
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  list-style: none;
  position: relative !important;
}
:is(.mapplic-fullscreen, .parks-map) ul.amenities-list li::before {
  content: "\2022";
  color: #41b6a9;
  font-weight: bold;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  left: -15px;
  top: -3px;
}
:is(.mapplic-fullscreen, .parks-map) .images {
  display: grid;
  grid-column-gap: 2%;
  justify-items: start;
  grid-auto-flow: column;
  margin-top: 10px;
}
:is(.mapplic-fullscreen, .parks-map) .image-1,
.image-2,
.image-3 {
  width: 130px !important;
  height: 80px !important;
  object-fit: contain !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-tooltip-content {
  max-height: 220px;
}
:is(.mapplic-fullscreen, .parks-map) button.mapplic-tooltip-close {
  background: none;
  opacity: 1 !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-icon.mapplic-icon-cross {
  width: 10px !important;
  height: 10px !important;
  padding: 4px !important;
  position: relative !important;
  left: 35px !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-tooltip-close::before {
  content: "Back to Map";
  position: absolute !important;
  width: max-content;
  top: 8px;
  font-family: var(--main-font);
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0px;
  text-align: right;
  color: #000;
  right: -8px;
  text-decoration: underline;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-zoom-buttons {
  border-radius: 5px !important;
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 16%) !important;
  outline: solid 2px #d6d6d6 !important;
  background-color: #fff;
  top: 30px;
  bottom: initial;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-button.mapplic-zoomin-button {
  border-bottom: 2px solid #d6d6d6 !important;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-clear-button {
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 16%) !important;
  outline: solid 2px #d6d6d6 !important;
  background-color: #fff;
  top: 0;
}
:is(.mapplic-fullscreen, .parks-map)
  button.mapplic-button.mapplic-fullscreen-button {
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 16%) !important;
  outline: solid 2px #d6d6d6 !important;
  background-color: #fff;
}
:is(.mapplic-fullscreen, .parks-map) .mapplic-icon {
  fill: #3a596c !important;
}
/* .mapplic-tooltip:after{
	display:none;
} */
/*------------------------------Ends Here-------------------------------*/
/* ------------------------------he-sidebar--------------------------------------------- */
.op_sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 75px;
  height: 100vh;
  background: var(--color-primary-blue); /* Blue color from the image */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px 10px;
  color: white;
  text-align: center;
  z-index: 999;
}
.op_sidebar_date {
  font-size: var(--fs-14);
  font-weight: 700;
}
.op_sidebar_day {
  font-size: var(--fs-20);
  text-transform: uppercase;
}
.weather_section hr {
  background: #9fc4d8;
  height: 1px;
  opacity: 1;
}
.backg_hover:hover {
  border-radius: 6px;
  background: #198fcf;
}
.navigation_text {
  font-size: var(--fs-14);
  /* font-weight: 700; */
  color: #fff;
}
.volunteer_text {
  margin-top: -20px;
  font-size: 11px;
}
.navigation_sidebar_content {
  gap: 20px;
}
.search_modal .modal-dialog .modal-content {
  border-radius: 0px 30px 30px 0px;
  background: #fff;
  padding: 40px 40px 40px 110px;
}
/* Custom slide-in animation */
.modal.fade .modal-dialog {
  /*transform: translateX(-100%);*/
  /*transition: transform 0.8s ease-in-out;*/
  /*margin-left: 90px;*/
}

.modal.show .modal-dialog {
  /*transform: translateX(0);*/
}
.modal_frm_search input {
  border: 0;
  font-size: 25px;
}
.search_modal_body hr {
  height: 2px;
  background: var(--color-primary-blue);
  opacity: 1;
  margin-top: 0;
}
.view_faq_link {
  font-size: var(--fs-14);
}
.question_and_keywords {
  gap: 60px;
  padding-top: 50px;
}
.frequent_questions {
  padding-right: 30px;
  border-right: 1px solid #bfbfbf;
}
.questions_heading {
  font-size: var(--p-heading);
}
.questions_container {
  padding-top: 30px;
}
.question {
  padding-bottom: 25px;
}
.keywords_container {
  padding-top: 30px;
  gap: 22px 20px;
}
.keywords {
  border-radius: 10px;
  background-color: #cff1ff;
  padding: 10px 20px;
  color: #213e9a;
  font-weight: 500;
}
.search_modal .modal-footer {
  border: 0;
}
.poppular_links {
  padding-top: 90px;
}
.plink {
  font-size: var(--p-heading);
  padding: 24px 40px;
  border-radius: 10px;
  background: #fff3e4;
  width: 100%;
}
.links_popular {
  gap: 20px;
  padding-top: 15px;
}
.weather-atlas-header {
  display: none;
}
.weather-atlas-footer {
  display: none;
}
.weather-atlas-body {
  padding: 0 !important;
  background-color: var(--color-primary-blue) !important;
}
.weather-atlas-wrapper {
  text-shadow: none;
  border: none !important;
}
.current_temp {
  margin: 0 !important;
  display: grid;
}
.current_temp .temp,
.current_temp .current_text {
  font-size: var(--fs-14) !important;
  order: 1;
}
.wi-fw {
  order: 2;
}
.weather-atlas-wrapper .current_temp .wi {
  font-size: 2.5em;
  padding-top: 10px;
}
.modal_frm_search .form-control:focus {
  box-shadow: none;
}

/* ------------------------------------------------------------ Search Page CSS ------------------------------------------- */

/* General Page Styling */
.bahrasearch-page {
  /*     background-color: #fefaf4; */
  /* padding: 0px 9vw; */
}

.bahrasearch-box:hover {
  box-shadow: -5px 7px 0px 0px var(--color-primary-blue);
  border-color: var(--color-primary-blue);
}

.bahrasearch-box:hover h2 {
  color: var(--color-primary-red);
}

/* Header Styles */
.bahrasearch-header {
  background: #f7952287;
  padding: 85px;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

.bahrasearch-title {
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
  color: #222;
  line-height: inherit;
}

.bahrasearch-title span {
  font-weight: bold;
  font-style: italic;
  color: var(--color-primary-blue);
}

/* Results Wrapper */
.bahrasearch-results-wrapper {
  padding: 0 20px;
}

/* Search Result Item Styling */
.bahrasearch-result-item {
  margin-bottom: 30px;
}

.bahrasearch-box {
  padding: 25px 80px 15px 20px;
  border: 1px solid var(--color-primary-blue);
  border-radius: 20px;
  position: relative;
  min-height: 120px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bahrasearch-entry-header h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.bahrasearch-entry-summary {
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
}

.bahrasearch-link-icon {
  position: absolute;
  right: 0;
  text-decoration: none;
  font-size: 30px;
  top: 0;
  background: #e2ffe3;
  border-radius: 0px 0px 0px 35px;
}

.bahrasearch-link-icon svg {
  width: 24px;
  height: 24px;
  margin: 12px;
}

.bahrasearch-link-icon:hover {
  color: #008b77;
}

/* Pagination */
.bahrasearch-pagination-wrapper {
  margin-block: 30px 6rem;
}

/* No Results Styling */
.bahrasearch-no-results {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bahrasearch-no-results img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.bahrasearch-no-results h2 {
  font-size: 28px;
  color: #333;
}

.bahrasearch-no-results p {
  font-size: 16px;
  color: #777;
}

.bahrasearch-pagination-wrapper ul.page-numbers {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.bahrasearch-pagination-wrapper ul.page-numbers li :is(span, a) {
  padding: 5px 10px;
  background-color: var(--color-gif);
  border-radius: 4px;
  font-weight: 500;
}

.bahrasearch-pagination-wrapper ul.page-numbers li span.current {
  color: var(--color-primary-red);
}
.op_search_page_btn .op_primary_btn {
  background-color: var(--color-primary-darkblue);
  color: #fff;
}
/* -------------------------------------Events------------------------------------------- */
.archive .right_col a {
  display: none;
}
ul.tribe-events-sub-nav {
  align-items: center;
}
.site-content .ast-container {
  display: block;
}
.ast-container {
  max-width: 100% !important;
  display: block;
  padding: 0px;
}
.container-custom {
  padding: 0px;
}
.row-custom {
  display: flex;
  height: 210.8px;
}
.left_col {
  width: 7%;
  float: left;
  background: #ff5354;
}

.right_col {
  width: 93%;
  float: left;
  background-image: url(/wp-content/uploads/2022/11/wilmette-banner-img.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 70px 60px 70px;
}
h1.header_title {
  /* font-family: "var(--main-font)", Sans-serif; */
  font-size: 50px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  line-height: 1.4em;
  letter-spacing: 0em;
  color: #000000;
}
.back-to-events,
.ways-play {
  /* font-family: var(--main-font); */
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
  text-transform: uppercase;
}
.back-to-events > span {
  font-size: 22px;
  font-weight: normal;
  position: relative;
  top: 3px;
}
main#tribe-events-pg-template {
  max-width: 100%;
}
p.tribe-events-back {
  display: none;
}
h2.tribe-events-single-event-title {
  /* font-family: var(--main-font); */
  font-size: 32px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0px;
  text-align: left;
  color: #000;
  position: relative;
  left: 35px;
}
h2.tribe-events-single-event-title::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/event-1.png) center center;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -35px;
  top: 10px;
}
div#tribe-events-footer {
  border-top: 1px solid #41b6a9;
}
li.tribe-events-nav-previous a,
li.tribe-events-nav-next a {
  /* font-family: var(--main-font); */
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: 0px;
  text-align: left;
  color: #000 !important;
}
/* .tribe-events-schedule.tribe-clearfix h2 {
    width: 14ch;
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: normal;
    line-height: 1.18;
    letter-spacing: 0px;
    text-align: left;
    color: #000;
    background: #ffca50;
    padding: 8px 31px;
    border-radius: 22px;
	position:relative !important;
} */
.tribe-events-schedule.tribe-clearfix h2 {
  width: max-content !important;
  overflow: hidden;
  white-space: nowrap;
  /* font-family: var(--main-font); */
  font-size: 18px;
  font-weight: normal;
  line-height: 1.18;
  letter-spacing: 0px;
  text-align: left;
  color: #000;
  background: #ffca50;
  padding: 8px 8px 8px 35px;
  border-radius: 22px;
  position: relative !important;
}

.tribe-events-schedule.tribe-clearfix h2::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/calendar-2.png) center center;
  width: 18px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  left: 10px;
  bottom: 9.5px;
}
.tribe-events-schedule.tribe-clearfix {
  margin: 12px 0;
}
.tribe-events-event-image {
  margin: 15px 0;
}
.tribe-events-event-image img {
  display: block;
  width: 100%;
  border-radius: 0 0 60px 0;
}
.tribe-events-event-image {
  width: 45% !important;
  float: left;
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  /* font-family: "var(--main-font)", Sans-serif; */
  font-size: 14px;
  font-weight: 500;
  /* text-transform: none;
	letter-spacing: 0px;
	fill: #ffffff;
	color: #ffffff;
	background-color: #ff5354;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ff5354;
	border-radius: 0px 16px 0px 0px;
	padding: 8px 15px;
	width: 240px;
	position: relative !important; */
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2022/12/hover-svg.png) center center;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  right: -10px;
  top: -10px;
}
.tribe-events-c-subscribe-dropdown__content {
  width: 220px !important;
  top: 45px !important;
  color: #000 !important;
  font-size: 15px !important;
}
a.show-all-event {
  max-height: 43px;
  width: 200px;
  text-align: center !important;
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #41b6a9 !important;
  padding: 8px 10px;
  border-radius: 0 16px 0 0;
  border: solid 1px #41b6a9;
  background-color: #fff;
  position: relative;
}
a.show-all-event:hover::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2022/12/hover-svg-cyan.png) center center;
  width: 1.2vw;
  height: 1.2vw;
  background-repeat: no-repeat;
  background-size: contain;
  right: -12px;
  top: -10px;
}
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus-within,
.single-tribe_events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:hover {
  background-color: #ff5354;
}
.tribe-events-venue-map {
  display: none;
}
.tribe-events-single-section {
  width: 50% !important;
}
.tribe-events-meta-group .tribe-events-single-section-title {
  text-shadow: 0px 25px 30px rgb(0 0 0 / 10%);
  /* font-family: var(--main-font); */
  font-size: 22px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.tribe-events-meta-group {
  padding-left: 25px;
  position: relative;
}
.tribe-events-meta-group::after {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2022/12/Ellipse-2950.png) center center;
  width: 16px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 28px;
  left: 3px;
}
.tribe-events-meta-group:nth-child(1)::before {
  content: "";
  position: absolute !important;
  width: 1px;
  height: 200px;
  border-right: 1px solid #ffc746;
  left: 10px;
  bottom: 25px;
}
.tribe-events-meta-group:nth-child(2)::before {
  content: "";
  position: absolute !important;
  width: 1px;
  height: 103px;
  border-right: 1px solid #ffc746;
  left: 10px;
  top: 43px;
}

.tribe-events-c-subscribe-dropdown {
  margin: 0 !important;
}
.events-main-container {
  display: grid;
  grid-template-columns: 48% 48%;
  column-gap: 4%;
  grid-auto-flow: column;
}
.events-main-section {
  padding: 45px 70px;
  margin: 0 0 40px 0;
  border-radius: 40px;
  background-color: #effffd;
  position: relative;
}
span.age-title {
  position: absolute;
  top: 0;
  left: -14px;
  /* font-family: var(--main-font); */
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.18px;
  text-align: left;
  color: #fff;
  padding: 5px 12px 4px 20px;
  border-radius: 4px;
  background-color: #41b6a9;
}
span.age-title::before {
  content: "";
  position: absolute;
  bottom: -13px;
  left: -15px;
  border: 15px solid;
  border-color: transparent #37a599 transparent transparent;
  z-index: -1;
}
.tribe-events-single-event-description.tribe-events-content p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #000;
  margin: 15px 50px 15px 0;
  /* font-family: "var(--main-font)"; */
}
.events-main-section-2 {
  width: 70%;
  margin: auto;
  margin-bottom: 50px !important;
}
h2.more-details {
  /* font-family: var(--main-font); */
  font-size: 40px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding-bottom: 5px;
}
.details-container {
  display: grid;
  grid-template-columns: 48% 48%;
  column-gap: 4%;
  grid-auto-flow: column;
  padding: 20px 50px;
  border-radius: 20px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
}
h4.details-title {
  text-shadow: 0px 25px 30px rgb(0 0 0 / 10%);
  /* font-family: var(--main-font); */
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  color: #000;
  text-transform: capitalize;
}
.box-before {
  padding-left: 15px;
  position: relative;
}
.box-before::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2022/12/Ellipse-2950.png) center center;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 10px;
  left: -7px;
}
.box-before::after {
  content: "";
  position: absolute !important;
  width: 1px;
  height: 85%;
  border-right: 1px solid #ffc746;
  left: -1px;
  top: 14px;
}
.details-box ul li {
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  color: #000;
}
.details-box ul {
  margin: 0 20px;
}
.details-box ul li::marker {
  color: #41b6a9;
}
.details-box {
  margin-top: 7px;
}
.events-date-inline span img {
  width: 18px !important;
  margin-bottom: 3px;
}
.events-date-inline {
  width: max-content !important;
  /* font-family: var(--main-font); */
  font-size: 18px;
  font-weight: normal;
  line-height: 1.18;
  letter-spacing: 0px;
  text-align: left;
  color: #000;
  background: #ffca50;
  padding: 6px 12px 6px 12px;
  border-radius: 22px;
  position: relative !important;
  margin: 12px 0px;
}
.events-time,
.events-month {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.events-time img,
.events-venue img {
  margin-bottom: 2px;
}
.single-tribe_events .for-archive {
  display: none;
}
.archive .for-details {
  display: none;
}
.tribe-events-c-search__input-group {
  position: relative;
}
.tribe-events-c-search__input-group::before {
  content: "What are you looking for?";
  position: absolute !important;
  width: 100%;
  /* font-family: var(--main-font) !important; */
  font-size: 18px !important;
  font-weight: 600 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #3a596c !important;
  top: -35px;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
  border-radius: 10px;
  border: solid 1px #41b6a9;
  background-color: #fff !important;
  min-height: 7vh !important;
  margin-bottom: 50px;
}

svg.tribe-common-c-svgicon.tribe-common-c-svgicon--search.tribe-events-c-search__input-control-icon-svg {
  display: none;
}
div#tribe-events-view-selector-content {
  background: transparent;
}
div#tribe-events-search-container {
  background: transparent;
}
input#tribe-events-events-bar-keyword {
  padding: 10px 15px;
  /* font-family: var(--main-font); */
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  color: #000000 !important;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border
  input::placeholder {
  color: #a5a5a5 !important;
}
button.tribe-common-c-btn.tribe-events-c-search__button {
  padding: 8px 20px 8px 35px !important;
  border-radius: 6px;
  background-color: #41b6a9 !important;
  /* font-family: var(--main-font); */
  font-size: 15px;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff !important;
  position: relative;
}
button.tribe-common-c-btn.tribe-events-c-search__button::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/search-outline-1.png) center
    center;
  width: 16px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 14px;
}
span.tribe-events-c-view-selector__list-item-text {
  /* font-family: var(--main-font) !important; */
  font-size: 18px !important;
  font-weight: normal !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px !important;
  letter-spacing: normal;
  text-align: left;
  color: #3a596c !important;
}
.tribe-events-c-view-selector__list-item--active
  span.tribe-events-c-view-selector__list-item-text {
  font-weight: bold !important;
}
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-view-selector--tabs
  .tribe-events-c-view-selector__list-item--active
  .tribe-events-c-view-selector__list-item-link:after {
  background-color: #3a596c !important;
  bottom: -1px;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  width: 100%;
}
.tribe-events-c-top-bar.tribe-events-header__top-bar {
  position: relative;
}
a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
  position: absolute;
  right: 0;
  border-radius: 4px;
  border: solid 1px #3a596c;
  background-color: #fff;
  /* font-family: var(--main-font) !important; */
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  color: #344e5e;
  margin: 0;
}
.tribe-events .tribe-events-c-top-bar__datepicker {
  position: absolute;
  left: 4%;
  border-radius: 6px;
  background-color: #d0ebe8;
  padding: 10px 15px 9px 40px !important;
  min-width: 350px !important;
}
.tribe-events-c-top-bar__datepicker-time::before {
  content: "" !important;
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/calendar-2.png) center center;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1 !important;
  top: 3px;
  right: 103%;
}
.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-right.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--next {
  position: absolute;
  top: -7px;
  left: 35%;
}
.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev {
  position: absolute !important;
  left: 0;
  top: -7px;
}
p.tribe-events-promo.tribe-common-b1.tribe-events-c-promo {
  display: none;
}
span.tribe-events-c-top-bar__datepicker-desktop,
span.tribe-events-c-top-bar__datepicker-mobile {
  /* font-family: var(--main-font); */
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  color: #3a596c;
}
.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-right.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--next
  svg,
.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev
  svg {
  visibility: hidden;
}
.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev::before {
  content: "" !important;
  position: absolute;
  background: url(/wp-content/uploads/2025/02/Prev_Arrow.png) center center;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1 !important;
  top: -5px;
}
.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-right.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--next::before {
  content: "" !important;
  position: absolute;
  background: url(/wp-content/uploads/2025/02/Next_Arrow.png) center center;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1 !important;
  top: -5px;
}
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice {
  padding: 30px 50px 30px 40px !important;
  border-radius: 20px;
  background-color: #effffd;
  justify-content: start !important;
  margin: 25px 0 0;
  position: relative;
}
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice
  > svg {
  visibility: hidden;
}
li.tribe-events-c-messages__message-list-item {
  /* font-family: var(--main-font); */
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
}
li.tribe-events-c-messages__message-list-item::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/event-1.png) center center;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -40px;
  bottom: 3px;
}
.archive .tribe-events-c-subscribe-dropdown__container {
  display: none;
}
.archive nav.tribe-events-calendar-day-nav.tribe-events-c-nav {
  display: none;
}
time.tribe-events-calendar-list__month-separator-text,
span.tribe-events-calendar-day__type-separator-text {
  /* font-family: var(--main-font) !important; */
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  text-align: left;
  color: #000 !important;
}
.tribe-events .tribe-events-calendar-list__month-separator:after,
.tribe-events .tribe-events-calendar-day__type-separator:after {
  background-color: #000 !important;
}
a.tribe-events-calendar-list__event-featured-image-link img,
a.tribe-events-calendar-day__event-featured-image-link img {
  border-radius: 20px;
  float: right;
}
.tribe-events-calendar-list__event-date-tag.tribe-common-g-col {
  width: 5% !important;
  min-width: 90px !important;
  padding-left: 10px !important;
}
button.tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
  display: flex !important;
  justify-content: space-between !important;
  width: 100%;
}
span.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
  /* font-family: var(--main-font) !important; */
  font-size: 30px !important;
  font-weight: bold !important;
  line-height: 40px !important;
  letter-spacing: 1.5px !important;
  text-align: center !important;
  color: #000 !important;
}
span.tribe-events-calendar-list__event-date-tag-weekday {
  /* font-family: var(--main-font) !important; */
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 28px !important;
  letter-spacing: 0px !important;
  text-align: center;
  color: #5d5d5d !important;
}
a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin,
a.tribe-events-calendar-day__event-title-link.tribe-common-anchor-thin {
  /* font-family: var(--main-font); */
  font-size: 28px;
  font-weight: 500 !important;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  color: #000;
}
h2.tribe-events-calendar-list__month-separator,
.tribe-events-calendar-day__type-separator {
  margin-top: 15px !important;
}
.tribe-events
  .tribe-events-calendar-list__event-row--featured
  .tribe-events-calendar-list__event-date-tag-datetime:after {
  background-color: #ff5354;
  border-radius: 0;
}
address.tribe-events-calendar-list__event-venue.tribe-common-b2 {
  /* font-family: var(--main-font) !important; */
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 2.29 !important;
  letter-spacing: 0px !important;
  text-align: left;
  color: #000;
  position: relative;
  margin-left: 20px;
}
address.tribe-events-calendar-list__event-venue.tribe-common-b2::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/Location-pin.svg) center center;
  width: 15px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -18px;
  bottom: 8px;
}
.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden
  > p,
.tribe-events-calendar-day__event-description.tribe-common-b2.tribe-common-a11y-hidden
  > p {
  text-shadow: 0px 25px 30px rgb(0 0 0 / 10%) !important;
  /* font-family: var(--main-font); */
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1.5;
  letter-spacing: 0px !important;
  text-align: left;
  color: #000;
}
p.read-more a {
  /* font-family: var(--main-font); */
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 30px;
  letter-spacing: 0px !important;
  text-align: right;
  color: #000 !important;
  text-decoration: underline !important;
  margin-top: 10px !important;
  display: inline-block;
  position: relative;
}
p.read-more a:hover {
  color: #ff5354 !important;
}
p.read-more a:hover::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2022/12/hover-svg.png) center center;
  width: 14px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  right: -9px;
  top: -2px;
}
.tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col,
.tribe-events-calendar-day__event-content.tribe-common-g-col {
  padding: 0 !important;
}
span.tribe-events-calendar-list__event-datetime-featured-text.tribe-common-a11y-visual-hide,
.tribe-events-calendar-day__event-datetime-featured-text.tribe-common-a11y-visual-hide {
  /* font-family: var(--main-font); */
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 2.17 !important;
  letter-spacing: 0.6px !important;
  text-align: left;
  color: #ff5354 !important;
  text-transform: uppercase !important;
}
.tribe-common-l-container.tribe-events-l-container {
  min-width: 82% !important;
}
.tribe-events-calendar-month {
  border: 8px solid #d0ebe8 !important;
  border-radius: 20px;
  margin-top: 20px !important;
}
.tribe-events-calendar-month__header-column {
  padding-bottom: 0 !important;
}
span.tribe-events-calendar-month__header-column-title-desktop.tribe-common-a11y-hidden {
  /* font-family: var(--main-font); */
  font-size: 18px;
  font-weight: normal !important;
  letter-spacing: 0px !important;
  text-align: center !important;
  color: #000 !important;
  padding: 10px 0;
}
time.tribe-events-calendar-month__day-date-daynum {
  font-size: 18px;
  font-weight: 600 !important;
  letter-spacing: 0.9px !important;
  text-align: left;
  color: #3a596c !important;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
  border-radius: 10px !important;
  box-shadow: 0 6px 12px 0 rgb(0 0 0 / 20%) !important;
  border: solid 2px #41b6a9 !important;
  background-color: #fff !important;
  z-index: 9999 !important;
}
a.tribe-events-calendar-month__calendar-event-title-link {
  /* font-family: var(--main-font); */
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #3a596c !important;
}
.tribe-events-calendar-month__calendar-event-datetime time {
  /* font-family: var(--main-font); */
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left;
  color: #73797c !important;
}
.tribe-events-calendar-month__calendar-event-datetime {
  margin: 0 10px !important;
  position: relative;
}
em.tribe-events-calendar-month__calendar-event-datetime-featured-icon {
  display: none !important;
}
.tribe-events-calendar-month__calendar-event-datetime::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #41b6a9;
  border-radius: 25px;
  top: 8px;
  left: -10px;
}
.tooltipster-base {
  border-radius: 10px !important;
  box-shadow: 0 6px 12px 0 rgb(0 0 0 / 20%) !important;
  border: solid 2px #41b6a9 !important;
  background-color: #fff !important;
  padding: 20px 16px !important;
  max-width: 350px !important;
}
h3.tribe-events-calendar-month__calendar-event-tooltip-title {
  /* font-family: var(--main-font); */
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  letter-spacing: 0px !important;
  text-align: left;
  color: #000 !important;
}
.tribe-events-calendar-month__calendar-event-tooltip-description > p {
  text-shadow: 0px 25px 30px rgb(0 0 0 / 10%) !important;
  /* font-family: var(--main-font) !important; */
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 22px !important;
  letter-spacing: 0px !important;
  text-align: left !important;
  color: #000 !important;
}
.tribe-events-calendar-month__calendar-event-tooltip-datetime time {
  /* font-family: var(--main-font); */
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
a.tribe-events-c-messages__message-list-item-link {
  position: relative;
  right: -30%;
  /* font-family: var(--main-font); */
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0px !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 20px 10px 40px;
  background: #ff5354;
  border: 0 !important;
  border-radius: 0px 16px 0px 0px;
  text-transform: capitalize;
}
a.tribe-events-c-messages__message-list-item-link::after {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2025/02/calendar-2.svg) center center;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 15px;
  top: 13px;
}
a.tribe-events-c-messages__message-list-item-link:hover::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2022/12/hover-svg.png) center center;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  right: -9px;
  top: -9px;
}
a.tribe-events-calendar-month__more-events-link.tribe-common-h8 {
  /* font-family: var(--main-font); */
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px;
  text-align: left;
  color: #ff5354 !important;
}
.featured-tag {
  display: inline-block;
  border-radius: 6px;
  background-color: #ffe8e8;
  padding-left: 9px !important;
}
.events-date-inline-list-view {
  display: inline-block;
  border-radius: 18px;
  background-color: #ffca50;
  padding: 4px 10px 4px 32px !important;
  position: relative;
  margin-top: 10px !important;
}
.events-date-inline-list-view::before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2025/02/calendar-1.svg) center center;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 10px;
  top: 8px;
}
.events-date-inline-list-view span {
  /* font-family: var(--main-font); */
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0px !important;
  text-align: left;
  color: #000;
}
span.event-time-list-view {
  /* font-family: var(--main-font); */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.29;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-left: 20px;
}
span.event-time-list-view {
  /* font-family: var(--main-font); */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0px !important;
  text-align: left;
  color: #000;
  margin-left: 20px;
  position: relative;
}
span.event-time-list-view::before {
  content: "";
  position: absolute !important;
  background: url(/wp-content/uploads/2025/02/Icon-ionic-ios-time.svg) center
    center;
  width: 15px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -18px;
  bottom: 2px;
}
time.tribe-events-calendar-list__event-datetime {
  display: block;
}
button.tribe-events-c-nav__next,
button.tribe-events-c-nav__prev {
  /* font-family: var(--main-font); */
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.27 !important;
  letter-spacing: 0px;
  text-align: left;
  color: #000 !important;
}
.tribe-common .tribe-common-h8 {
  width: 142px;
}
li.tribe-events-nav-next {
  width: 42%;
  text-align: end;
}
li.tribe-events-nav-previous {
  width: 42%;
  text-align: left;
}
/* -------------------------------Department--------------------------------------------- */
:root {
  --sidebar_mobile: 13px;
}
.departement_page_grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 60px;
}
.op_bot_container {
  padding-bottom: 60px;
}
.op_department_content_container {
  padding-top: 60px;
}

/* ------------------------------Health Department---------------------------------------- */
.department-grid {
  display: grid;
  /* grid-template-columns: 3fr 1fr; */
}
/* ------------------------banner Section------------------------------------------------- */

.department_banner_grid {
  display: grid;
  gap: 40px;
  background: var(--color-secondary-blue);
}
.department_banner_grid_2_col {
  grid-template-columns: 2fr 0.8fr;
}
.department_banner_grid_1_col {
  grid-template-columns: 1fr;
}
.department_banner {
  height: 450px;
  overflow: hidden;
}
.department_banner video {
  object-fit: cover;
}
.trending_links_col {
  /* background: var(--color-secondary-blue); */
  padding: 30px 7vw 30px 0px;
  height: 100%;
}
.trending_links_mobile_col {
  background: var(--color-secondary-blue);
  padding: 35px;
  height: 100%;
  border-radius: 0px 0px 10px 10px;
}

.single_trending_link {
  border-radius: 5px;
  border: 1px solid #a7c8db;
  padding: 10px 18px;
}

.trending_links_head {
  color: #188ec1;
  font-weight: 700;
}
.color_secondary {
  color: var(--color-primary-blue);
}
.color_primary_blue {
  color: var(--color-primary-blue);
}
.banner_card {
  border-radius: 10px 10px 0px 0px;
  background: #fff;
  max-width: 750px;
  margin-left: 7vw;
  padding: 40px 50px;
  margin-top: -214px;
  z-index: 0;
  position: relative;
}
.banner_card p {
  font-size: 16px;
}
.banner_card .banner_sub_heading {
  font-size: var(--fs-20);
}
.trending_links_mobile {
  display: none;
}
.department_banner_img {
  display: none;
}
/* -----------------------Tabs Section ----------------------------------------------------------*/

.department_tabs {
  position: sticky;
  top: 6rem;
  background: #fff;
  z-index: 2;
}
.tab_container {
  border-radius: 6px;
  border: 1px solid #f4f4f4;
  background: #fff;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.11);
}

.tab_container .nav-pills .nav-link.mPS2id-highlight-last,
.tab_container .nav-pills .show > .nav-link {
  background-color: var(--color-primary-blue);
  color: #fff;
}
.tab_container .nav-pills .nav-link:hover,
.tab_container .nav-pills > .nav-link:hover {
  background-color: var(--color-primary-blue);
  color: #fff;
}

.tab_container .nav-pills .nav-link {
  color: var(--color-primary-blue);
  padding: 10px 38px;
}

.departement_breadcrumbs {
  padding-bottom: 20px;
  padding-top: 17px;
}
.departement_breadcrumbs span a {
  color: #5d5d5d;
}
.departement_breadcrumbs .breadcrumb_last {
  color: #000;
}
.departement_breadcrumbs span {
  font-size: var(--fs-14);
}
.departement_breadcrumbs span a {
  font-size: var(--fs-14);
}

/* -----------------------------------------Announcements Section ----------------------------------*/

.light_blue_container {
  border-radius: 10px;
  background: #e8f7ff;
  /* padding: 30px; */
}
.font14 {
  font-size: 14px;
}
.p_30 {
  padding: 30px;
}
.color_grey {
  color: #5d5d5d;
}

.annoucment_description a {
  color: #5d5d5d;
  text-decoration: underline;
}
.green_highlight {
  font-weight: 600;
  color: #15a959;
}
.underline_link {
  text-decoration-line: underline;
  text-underline-position: from-font;
}

/* --------------------------------------------Service Section --------------------------------------- */

.service_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  /* row-gap: 65px; */
}

.service_content {
  background-color: #fff;
  min-height: 55px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.service_card {
  position: relative;
  z-index: 0;
}

.service_card > img {
  border-top-right-radius: 6px;
}
.service_card > svg {
  margin-bottom: -8px;
}
/* .service_card::before { */
/* content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 75%; */
/* height: 35px; Adjust height as needed */
/* background: #fff; Match the background color */
/* clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%); */
/* } */

/* ------------------------------Events & News----------------------------------------------- */

.departement_news_events .nav-pills .nav-link.active,
.departement_news_events .nav-pills .show > .nav-link {
  border-radius: 6px;
  background: #0db26f;
  color: #fff;
  border-color: #0db26f;
}
.departement_news_events .nav-pills .nav-link {
  color: var(--color-btn-blue);
}
.departement_news_events .nav-pills {
  border-radius: 6px;
  border: 1px solid var(--color-btn-blue);
  color: var(--color-btn-blue);
}
.font12 {
  font-size: 12px;
}
.event_slide {
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.event_content_div {
  background-color: #fff;
  padding: 30px 25px;
  flex-grow: 1;
  position: relative;
}

.op_homepage_upcoming_events_fe_container .event_content_div {
  background-color: #e8f7ee;
}

.event_content_div::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="57" height="53" viewBox="0 0 57 53" fill="none"><path d="M22.3931 19.3401C22.3931 19.0695 22.5005 18.81 22.6919 18.6186C22.8832 18.4273 23.1427 18.3198 23.4133 18.3198C23.6838 18.3198 23.9433 18.4273 24.1346 18.6186C24.326 18.81 24.4335 19.0695 24.4335 19.3401V26.4651H32.5779V19.3401C32.5779 19.0695 32.6854 18.81 32.8767 18.6186C33.0681 18.4273 33.3276 18.3198 33.5981 18.3198C33.8687 18.3198 34.1282 18.4273 34.3195 18.6186C34.5109 18.81 34.6183 19.0695 34.6183 19.3401V26.4651H36.653V19.3401C36.6508 17.9908 36.1138 16.6974 35.1598 15.7434C34.2058 14.7893 32.9126 14.2523 31.5634 14.25H25.4594C24.1102 14.2523 22.817 14.7893 21.863 15.7434C20.909 16.6974 20.372 17.9908 20.3698 19.3401V26.4651H22.4045L22.3931 19.3401ZM28.4971 0C29.7044 0 30.8846 0.358035 31.8884 1.02883C32.8922 1.69962 33.6746 2.65305 34.1366 3.76854C34.5986 4.88402 34.7195 6.11148 34.4839 7.29567C34.2484 8.47987 33.6671 9.56762 32.8134 10.4214C31.9597 11.2751 30.8721 11.8565 29.688 12.0921C28.5039 12.3276 27.2766 12.2068 26.1612 11.7447C25.0458 11.2827 24.0925 10.5002 23.4218 9.49629C22.7511 8.49238 22.3931 7.3121 22.3931 6.1047C22.3931 4.48564 23.0362 2.93288 24.1809 1.78803C25.3256 0.643172 26.8782 0 28.4971 0ZM49.9726 37.9848L54.515 45.8622C54.972 45.4835 55.3402 45.0089 55.5933 44.4721C55.8464 43.9352 55.9784 43.3493 55.9798 42.7557V28.5057C55.9798 27.1557 55.4436 25.861 54.4891 24.9065C53.5346 23.9519 52.2401 23.4156 50.8902 23.4156C49.5404 23.4156 48.2458 23.9519 47.2913 24.9065C46.3368 25.861 45.8006 27.1557 45.8006 28.5057V30.7458L45.8576 30.8427L47.3281 28.2663C47.4637 28.0356 47.6847 27.8675 47.9433 27.7987C48.2019 27.7298 48.4772 27.7655 48.7096 27.8982C48.942 28.0309 49.1128 28.2499 49.1849 28.5076C49.257 28.7654 49.2247 29.0411 49.0949 29.2752L46.0514 34.6047C45.8729 34.9158 45.6157 35.1744 45.3055 35.3546C44.9953 35.5347 44.6432 35.6299 44.2846 35.6307H38.8644C38.4684 35.6147 38.0802 35.7445 37.7735 35.9956C37.4668 36.2467 37.2628 36.6016 37.2002 36.993C37.1777 37.2068 37.2006 37.4229 37.2674 37.6272C37.3342 37.8315 37.4433 38.0194 37.5877 38.1786C37.7293 38.3392 37.904 38.4672 38.0998 38.5538C38.2956 38.6404 38.5079 38.6835 38.7219 38.6802H45.869C46.2863 38.6793 46.6959 38.5687 47.057 38.3597C47.4181 38.1506 47.7179 37.8503 47.9265 37.4889L51.6824 30.9111C51.818 30.6804 52.039 30.5124 52.2976 30.4435C52.5562 30.3746 52.8316 30.4103 53.064 30.543C53.2963 30.6757 53.4671 30.8947 53.5392 31.1524C53.6113 31.4102 53.579 31.6859 53.4492 31.92L49.9726 37.9848ZM18.1356 33.5901C19.0353 33.5784 19.908 33.8977 20.5878 34.4872C21.2676 35.0767 21.7072 35.8954 21.8231 36.7878C21.8741 37.2839 21.8204 37.7852 21.6654 38.2592C21.5105 38.7332 21.2577 39.1694 20.9236 39.5396C20.5894 39.9098 20.1813 40.2057 19.7256 40.4082C19.2699 40.6107 18.7767 40.7152 18.2781 40.7151H11.131C10.121 40.7135 9.14257 40.3631 8.36106 39.7233L0.746624 52.9302H56.2477L48.6332 39.7233C47.8504 40.3608 46.8728 40.7108 45.8633 40.7151H38.7162C38.2176 40.7152 37.7244 40.6107 37.2687 40.4082C36.813 40.2057 36.4049 39.9098 36.0707 39.5396C35.7366 39.1694 35.4838 38.7332 35.3289 38.2592C35.1739 37.7852 35.1202 37.2839 35.1712 36.7878C35.2861 35.895 35.7255 35.0757 36.4055 34.486C37.0855 33.8963 37.9587 33.5774 38.8587 33.5901H44.2789L44.6835 32.8776L42.455 29.0073C42.3657 28.851 42.2361 28.7215 42.0797 28.6323C41.9233 28.5431 41.7459 28.4974 41.5659 28.5H15.4284C15.2484 28.4974 15.0709 28.543 14.9145 28.6323C14.7582 28.7215 14.6286 28.851 14.5392 29.0073L12.3108 32.8776L12.7154 33.5901H18.1356ZM1.02019 57H55.9798C56.1138 57.0001 56.2465 56.9739 56.3704 56.9226C56.4942 56.8714 56.6068 56.7963 56.7015 56.7015C56.7963 56.6067 56.8714 56.4942 56.9226 56.3703C56.9739 56.2465 57.0001 56.1137 57 55.9797V54.9594H6.38192e-07V55.9797C-0.000149352 56.1137 0.0261406 56.2465 0.0773572 56.3703C0.128574 56.4942 0.203714 56.6067 0.298478 56.7015C0.393242 56.7963 0.505767 56.8714 0.629611 56.9226C0.753455 56.9739 0.886178 57.0001 1.02019 57ZM6.10409 9.1599C7.31137 9.1599 8.49153 9.51793 9.49534 10.1887C10.4992 10.8595 11.2815 11.8129 11.7435 12.9284C12.2055 14.0439 12.3264 15.2714 12.0909 16.4556C11.8554 17.6398 11.274 18.7275 10.4203 19.5813C9.56666 20.435 8.47902 21.0164 7.29494 21.252C6.11086 21.4876 4.88353 21.3667 3.76816 20.9046C2.65278 20.4426 1.69945 19.6601 1.02873 18.6562C0.358 17.6523 6.38193e-07 16.472 6.38192e-07 15.2646C6.38193e-07 13.6455 0.643108 12.0928 1.78785 10.9479C2.93259 9.80308 4.48519 9.1599 6.10409 9.1599ZM50.8902 9.1599C52.0975 9.1599 53.2776 9.51793 54.2814 10.1887C55.2853 10.8595 56.0676 11.8129 56.5297 12.9284C56.9917 14.0439 57.1125 15.2714 56.877 16.4556C56.6415 17.6398 56.0601 18.7275 55.2065 19.5813C54.3528 20.435 53.2651 21.0164 52.0811 21.252C50.897 21.4876 49.6697 21.3667 48.5543 20.9046C47.4389 20.4426 46.4856 19.6601 45.8148 18.6562C45.1441 17.6523 44.7861 16.472 44.7861 15.2646C44.7861 13.6455 45.4292 12.0928 46.574 10.9479C47.7187 9.80308 49.2713 9.1599 50.8902 9.1599ZM8.28127 27.8787C8.51576 27.745 8.79361 27.7096 9.05416 27.78C9.31471 27.8505 9.5368 28.0212 9.67193 28.2549L11.1424 30.8256L11.1994 30.7344V28.5C11.1994 27.15 10.6632 25.8553 9.70868 24.9008C8.75419 23.9462 7.45963 23.4099 6.10979 23.4099C4.75995 23.4099 3.46539 23.9462 2.5109 24.9008C1.55642 25.8553 1.02019 27.15 1.02019 28.5V42.75C1.01991 43.3433 1.15053 43.9293 1.40273 44.4663C1.65494 45.0032 2.02252 45.4779 2.47926 45.8565L7.0274 37.9791L3.56214 31.92C3.43237 31.6859 3.40005 31.4102 3.47217 31.1524C3.54429 30.8947 3.71504 30.6757 3.94744 30.543C4.17984 30.4103 4.45515 30.3746 4.71374 30.4435C4.97234 30.5124 5.19338 30.6804 5.32897 30.9111L9.08489 37.4889C9.29174 37.8505 9.5904 38.1512 9.95068 38.3604C10.311 38.5695 10.7201 38.6799 11.1367 38.6802H18.2838C18.498 38.6806 18.71 38.6358 18.9059 38.5489C19.1017 38.462 19.2771 38.3349 19.4206 38.1758C19.5641 38.0167 19.6726 37.8291 19.7389 37.6253C19.8052 37.4216 19.8279 37.2061 19.8055 36.993C19.7429 36.6016 19.5389 36.2467 19.2322 35.9956C18.9255 35.7445 18.5373 35.6147 18.1413 35.6307H12.7211C12.3625 35.6299 12.0104 35.5347 11.7002 35.3546C11.39 35.1744 11.1328 34.9158 10.9543 34.6047L7.91081 29.2752C7.84327 29.1592 7.79928 29.0311 7.78134 28.8981C7.76341 28.765 7.77189 28.6298 7.8063 28.5001C7.84072 28.3703 7.90039 28.2487 7.98189 28.1421C8.06339 28.0354 8.16513 27.9459 8.28127 27.8787Z" fill="url(%23paint0_linear_2272_12751)"/><defs><linearGradient id="paint0_linear_2272_12751" x1="4.845" y1="10.089" x2="57.912" y2="46.227" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF7E4"/><stop offset="1" stop-color="%23E6F4FF"/></linearGradient></defs></svg>');
  width: 100px;
  height: 80px;
  right: 15px;
  bottom: 0;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}
.event_img img {
  width: 100%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}
.event_date {
  border-radius: 10px;
  background: var(--color-btn-blue);
  /* position: relative; */
  /* left: 0; */
  /* bottom: 90%; */
  color: #fff;
  /* z-index: 99; */
  width: max-content;
  padding: 10px 16px;
}

.op_homepage_upcoming_events_fe_container .event_date {
  border-radius: 50px;
}

.event_view_details a {
  /* font-size: 14px; */
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

.new_slide_container {
  position: relative;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}
.new_slide_container img {
  object-fit: cover;
  width: 100%;
}

.new_slider_content {
  position: absolute;
  z-index: 10;
  border-radius: 30px 30px 0px 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) -16.6%, #000 84.93%);
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.font30 {
  font-size: 30px;
}
.news_slider_title {
  font-family: "Primary Font", sans-serif;
  font-weight: 600;
  font-size: var(--p-heading);
}
.new_slider_date {
  font-weight: 400;
  font-family: "Primary Font", sans-serif;
}
.line_clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.color_white {
  color: #fff;
}
.read_more {
  color: #0db26f;
  font-weight: 700;
  text-decoration-line: underline;
  text-underline-position: from-font;
}
.about_counter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.about-image img {
  border-radius: 6px;
}
.op_swiper {
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  min-height: 0;
  min-width: 0;
  z-index: 0;
}
.event_content_heading {
  font-size: var(--fs-20);
}
.event_date_size {
  font-size: var(--fs-14);
}
.event_slide_department {
  font-size: var(--p-size);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.event_swiper_navigation {
  position: inherit;
}
/* .op_news_swiper */
/* .event_swiper_prev {
  background-image: ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path d="M1 25C1 38.2548 11.7452 49 25 49C38.2548 49 49 38.2548 49 25C49 11.7452 38.2548 1 25 1C11.7452 1 1 11.7452 1 25Z" stroke="%231A2B5D" stroke-width="2"/></svg>');

} */

/*-----------------------------------no Events--------------------------------------------------------------  */
.no_events_desc {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-primary-blue);
}
.alert_text {
  font-size: var(--fs-20);
  font-weight: 600;
  color: var(--color-primary-blue);
}

/* -----------------------------------About Department section------------------------------------------------- */
.about_department_heading {
  font-size: var(--p-heading);
}
.about_department_description {
  font-size: var(--fs-14);
}
.about_department_grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
}
/* ----------------------------------Despartment Sidebar-------------------------------------------------------- */
.sidebar_container {
  position: sticky;
  top: 10rem;
  /* transition: transform 0.3s ease-in-out; */
}
.department-sidebar {
  max-width: 330px;
}
.sidebar_mobile_btn {
  display: none;
  border-radius: 10px 10px 0px 0px;
  background: var(--Bright-Green, #0db26f);
  box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.18);
}
.sidebar_mobile_btn_close {
  display: none;
}
.sidebar_mobile_btn_head {
  font-size: var(--sidebar_mobile);
  font-weight: 600;
}
.sidebar_mobile_btn_description {
  font-size: var(--p-size);
}

/* ------------------------------------------contact info ----------------------------------------------------- */

.contact_container {
  border-radius: 10px;
  background: var(--color-primary-green);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.contact_head {
  font-size: var(--main-heading);
  font-weight: 500;
  color: #fff;
  font-family: var(--secondary-font);
}

.contact_container hr {
  background-color: #fff;
  opacity: 1;
}
.op_white_btn {
  background-color: #fff;
  color: #000;
  font-weight: 700;
}
.sidebar_contact_department {
  font-size: var(--p-size);
}
.sidebar_department_address {
  font-size: var(--fs-16);
}
/* ---------------------------------point of contact--------------------------------------------- */

.point_of_contact_container {
  border-radius: 10px;
  background: #f3f3f3;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.point_contact_head {
  color: var(--color-primary-blue);
  font-family: var(--secondary-font);
  font-size: var(--main-heading);
  font-weight: 500;
}

.color_light_grey {
  color: #434343;
}

.view_staff_link {
  text-decoration-line: underline;
  text-underline-position: from-font;
  color: #1c77c7;
}

/* -----------------------------air quality index---------------------------------------------- */

/* ---------------------------mobile sidebar---------------------------------------------------- */
.sidebar_mobile_cont {
  display: none;
}
.mobile-sidebar .nav-pills .nav-link.active,
.mobile-sidebar .nav-pills .show > .nav-link {
  color: var(--color-primary-green);
  background-color: #fff;
}
.mobile-sidebar .nav-pills .nav-link,
.mobile-sidebar .nav-pills > .nav-link {
  color: #fff;
}
.mobile-sidebar .nav-pills {
  border: 1px solid #fff;
  border-radius: 6px;
}
.mobile_sidebar_cont {
  padding: 20px 16px;
}
.mobile-sidebar_tab_content {
  height: 590px;
  overflow-y: scroll;
}
.air_quality_btn {
  border-radius: 100vw;
  padding: 8px;
  background: #68e143;
  color: #000;
  border-color: var(--color-btn-green);
  cursor: pointer;
  height: 80px;
  width: 80px;
}
.air_quality_btn_div {
  background-color: #fff;
  padding: 5px;
  color: #000;
  border-radius: 100vw;
  width: 65px;
  height: 65px;
  font-weight: 600;
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content {
  border-radius: 10px;
  background: #64d0ff;
}
.modal-cls-btn {
  position: absolute;
  right: 0;
  z-index: 2;
}
.sidebar_mobile_btn::before {
  display: none !important;
}
.sidebar_mobile_btn:hover {
  background-color: var(--color-btn-green);
}
/* --------------------------- */
/* Style for the scrollbar */
.mobile-sidebar_tab_content::-webkit-scrollbar {
  width: 3px; /* width of the scrollbar */
}

/* Style for the track of the scrollbar */
.mobile-sidebar_tab_content::-webkit-scrollbar-track {
  background: var(--color-btn-green); /* light background for the track */
}

/* Style for the thumb (the draggable part) of the scrollbar */
.mobile-sidebar_tab_content::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #d9d9d9;
}

/* Hover effect for the thumb */
.mobile-sidebar_tab_content::-webkit-scrollbar-thumb:hover {
  background: #d9d9d9; /* color of the scrollbar thumb on hover */
}

/* ---------------------------------------------internal links and pdf section ------------------------------------------  */
.transparent_container {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  /* padding: 30px; */
  gap: 13px;
  margin-bottom: 30px;
}
.transparent_cont_title {
  font-size: var(--fs-20);
  font-weight: 600;
  color: #1c77c7;
}
.pdf_link_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.pdf_link_card {
  padding: 11px 6px 11px 10px;
  align-items: flex-start;
  gap: 6px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}
.pdf_link_text {
  font-size: var(--fs-14);
}
.pdf_link_sub_text {
  font-size: 10px;
}

/* ------------------------------------standard Application section------------------------------------------ */
.cost_card {
  background: var(--color-primary-yellow);
  border-radius: 10px;
  padding: 8px 13px 5px 20px;
}
.cost_crd_title {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.bordered_btn {
  border-radius: 10px;
  border: 1px solid var(--color-btn-blue);
  background: var(--color-secondary-blue);
  color: var(--color-btn-blue);
  gap: 10px;
}
.bordered_btn:hover {
  border-radius: 10px;
  color: var(--color-primary-white);
}
.bordered_btn p {
  color: var(--color-btn-blue);
}
.bordered_btn:hover p {
  color: var(--color-primary-white);
}
.bordered_btn:hover svg path {
  fill: var(--color-primary-white);
}
.filled_btn {
  border-radius: 10px;
  color: var(--color-primary-white);
  gap: 10px;
}
.filled_btn p {
  color: var(--color-primary-white);
}
.form_btn_grp {
  gap: 30px;
}

/* -------------------------------------Banner and Sponsor Section--------------------------------------- */
.sub_banner_img {
  overflow: hidden;
  border-radius: 10px;
}
.sub_banner_img img {
  object-fit: cover;
  width: 100%;
}
.sponsors_section {
  padding: 20xp auto;
}
.sponsors_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  column-gap: 50px;
  align-items: center;
}


.page-template-form-page .op_gform_wrapper {
    border-radius: 10px;
}

.page-template-form-page .op_gform_wrapper {
    padding: 2rem;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

.op_sidebar_contact {
    background-color: var(--color-secondary-500);
    border-radius: 10px;
    padding: 2rem;
    color: #fff;
    position: sticky;
    top: 7rem;
}

.contact_content h5 {
    color: #fff;
}

.op_gform.op_gform .op_gf_section_title {
    padding: 0;
    border: 0;
    background-color: var(--color-primary-darkblue);
    text-align: center;
    padding-block: 4px;
}

.op_gf_section_title h3 {
    margin: 0;
    font-size: 20px;
    color: var(--color-primary-500);
}

.page-template-form-page .op_gform .gform_footer.gform_footer {
    display: flex;
    justify-content: center;
}


.op_press_release_page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem;
    padding-bottom: 2rem;
}

.op_press_release_page .op_newsroom_cards {
    height: auto;
    padding: 1rem;
}

.op_press_release_page .op_newsroom_cards img {
    border-radius: 6px;
}

.op_press_release_page .op_newsroom_cards h6 {
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}

.op_press_release_page .op_newsroom_cards time {
    margin-top: 12px;
}

.op_video_page_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.op_video_page_container :is(video, iframe) {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 1rem;
}

.op_gallery_page {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.op_gallery_page img {
    border-radius: 6px;
    cursor: pointer;
}

.modal-backdrop {
    --bs-backdrop-opacity: 0.75;
}

#imageModal .btn-close {
    top: -25px;
    right: -25px;
    background-color: #fff;
    border-radius: 50px;
}



/* ------------------------------------Media Query---------------------------------------------- */

@media (min-width: 1920px) {
  .departement_page_grid {
    gap: 80px;
  }
  /* .event_content_div {
    padding: 50px 30px;
  } */
}
@media (min-width: 1550px) {
  .modal-xl {
    --bs-modal-width: 1360px;
  }
  .op_sidebar {
    width: 90px;
  }
}
@media (max-width: 1550px) {
  .volunteer_section {
    display: none;
  }
  .navigation_text {
    font-size: 12px;
  }
  .navigation_sidebar_content svg {
    width: 20px;
  }
  .navigation_sidebar_content {
    gap: 10px;
  }
}
@media (max-width: 1300px) {
  .service_grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .banner_card {
    max-width: 560px;
  }
  .department_tabs {
    top: 5rem;
  }
}
@media (min-width: 1180px) {
  .sidebar_container {
    display: block !important;
  }
}
@media (max-width: 1180px) {
  .departement_page_grid {
    grid-template-columns: 1fr;
  }
  .sidebar_container {
    display: none;
    position: fixed;
    bottom: 0; /* Initially hidden at the bottom */
    left: 0;
    width: 100%;
    z-index: 9999; /* Ensure it stays on top */
    top: 11rem;
  }

  .sidebar_contact_info {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sidebar_container.collapse.show {
    /* display: block; */
    bottom: 100%;
  }

  .sidebar_mobile_btn_close {
    display: block;
    position: static !important;
  }

  .sidebar_mobile_btn {
    position: fixed;
    bottom: 0; /* Fixed to the bottom */
    left: 0; /* Full width */
    width: 100%;
    z-index: 10; /* Make sure it's above other elements */
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .op_department_content_container {
    order: 2;
  }
  .department-sidebar {
    order: 1;
  }
  .contact_container {
    border-radius: 0;
    box-shadow: none;
  }
  .sidebar_mobile_btn_close svg {
    scale: -1;
  }
  .sidebar_mobile_btn:active,
  .sidebar_mobile_btn:hover {
    background-color: var(--color-btn-green);
  }
  .sidebar_mobile_btn_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40vw;
  }
  .point_of_contact {
    /* display: none; */
  }
  .air_index {
    display: none;
  }
  .sidebar_mobile_cont {
    display: block;
    overflow-y: scroll;
  }
  .contact_head {
    display: none;
  }
  .mobile_sidebar {
    position: fixed;
    bottom: 0; /* Initially hidden at the bottom */
    left: 0;
    width: 100%;
    z-index: 9999; /* Ensure it stays on top */
    /* top: 1rem; */
    transform: translateY(-3.5rem);
  }
  .mobile_sidebar_cont {
    border-radius: 10px 10px 0 0;
    /* height: 400px; */
    /* overflow-y: scroll; */
    background-color: var(--color-btn-green);
  }
  .point_of_contact_container {
    border-radius: 0;
    /* padding: 20px 10px !important; */
    background: none;
    box-shadow: none;
    color: white;
  }
  .point_contact_head {
    display: none;
  }
  .mobile_color,
  .mobile_color svg path {
    color: var(--color-primary-white);
    stroke: var(--color-primary-white);
  }
  .ifram_section {
    display: flex;
    gap: 20px;
  }
  .pdf_link_grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .op_press_release_page {
      grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1024px) {
  .department_banner_grid {
    grid-template-columns: 1fr;
  }
  .trending_links_container {
    display: none;
  }
  .trending_links_mobile {
    display: block;
    margin: 0 7vw;
    border-radius: 0px 0px 10px 10px;
  }
  .banner_card {
    max-width: 100%;
    margin-right: 7vw;
  }
  /* .sidebar_mobile_btn {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
  } */

  /* .department_tabs {
    top: 0rem;
  } */
  .sidebar_mobile_btn_grid {
    gap: 30vw;
  }
  .mobile-sidebar_tab_content {
    height: 385px;
  }
  .mobile_sidebar {
    transform: translateY(-2.5rem);
  }
  .op_department_content_container {
    padding-top: 30px;
  }
  .departement_page_grid {
    gap: 10px;
  }
  .op_bot_container {
    padding-bottom: 40px;
  }
  .departement_breadcrumbs {
    padding-left: 20px;
  }
  .op_sidebar {
    display: none;
  }

  .tribe-events .tribe-events-c-top-bar__datepicker {
    min-width: 280px !important;
  }
}

@media (max-width: 880px) {
  a.show-all-event:hover::before {
    content: none;
  }
  a.show-all-event::before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/12/hover-svg-cyan.png) center
      center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -12px;
    top: -10px;
  }
  .events-slider .details-btn a {
    color: #ff5354;
  }
  .events-slider .details-btn a:hover::before {
    content: none;
  }
  .events-slider .details-btn a::before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/12/hover-svg.png) center center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -8px;
    top: -6px;
  }
  .btn-wraper a {
    color: #ff5354 !important;
  }
  .btn-wraper a:hover::before,
  a.bdpp-rdmr-btn:hover::before {
    content: none;
  }
  .btn-wraper a::before,
  a.bdpp-rdmr-btn::before {
    content: "" !important;
    position: absolute !important;
    background: url(/wp-content/uploads/2022/12/hover-svg.png) center center !important;
    width: 13px !important;
    height: 13px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    right: -8px !important;
    top: -6px !important;
    z-index: 1 !important;
    left: initial !important;
    border-radius: 0 !important;
    transition: none !important;
    opacity: 1 !important;
  }
  .bulletin-news-display-new a.bdpp-rdmr-btn {
    color: #ff5354 !important;
  }

  .bulletin-image img {
    opacity: 0.5;
  }
  .bdpp-post-content {
    margin-top: 10px;
  }
  .bulletin-news-display-new .bdpp-post-list-left.bdpp-col-2.bdpp-columns {
    width: 45%;
  }
  .bulletin-news-display-new h2.bdpp-post-title {
    font-size: 18px;
  }
  .bulletin-news-display-new {
    max-height: 52vw;
  }
  .twae-wrapper .twae-content {
    top: 0;
  }
  .project-pages-slider .elementor-swiper-button {
    left: 40% !important;
  }
  .project-planning.bdpp-post-grid {
    margin-bottom: 40px !important;
  }
  h4.porject-listing-title a {
    font-size: 20px;
    line-height: 30px;
  }
  .project-planning .project-image img {
    margin-top: -15px;
  }
  .rectrac-section-two {
    width: 75%;
    padding-left: 40px;
  }
  .rectrac-section-one {
    width: 25%;
  }
  .svg-hover-two .elementor-button-link:hover::after {
    background: none;
  }
  .svg-hover-two .elementor-button-link::after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/12/hover-svg-cyan.png) center
      center;
    width: 16.8px;
    height: 15.6px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -12px;
    top: -10px;
  }
  div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    margin-top: 5px;
  }
  .save-as-pdf-pdfcrowd-button::before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/12/hover-svg-cyan.png) center
      center;
    width: 2.2vw;
    height: 2.2vw;
    background-repeat: no-repeat;
    background-size: contain;
    right: -15px;
    top: -10px;
  }
  div#eael-advance-tabs-8ff4958 ul {
    width: 100%;
  }
  .membership-btn {
    display: inline;
    width: max-content !important;
    position: initial !important;
    margin-top: 15px !important;
  }
  .membership-btn a {
    background: #41b6a9 !important;
    color: #fff !important;
  }
  h2.tabs-h2-custom-style {
    font-size: 28px;
  }
  #first-common-section
    > div
    > div
    > div
    > div.elementor-element.elementor-element-1e3f467.para.elementor-widget.elementor-widget-text-editor {
    columns: 1;
  }
  #first-common-section > div > div > div {
    padding: 25px;
  }
  #second-blue-section
    > div
    > div
    > div
    > section
    > div
    > div.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-b509f9d {
    width: 100%;
  }
  #first-common-section
    > div
    > div
    > div
    > div.elementor-element.elementor-element-5517d23.para.tab_board_meeting.elementor-widget.elementor-widget-text-editor
    > div
    p {
    font-size: 22px !important;
  }
  /* 	#second-blue-section > div > div.elementor-column.elementor-col-50.elementor-inner-column.elementor-element > div {
    margin: 0;
} */
  #second-blue-section
    > div
    > div.elementor-column.elementor-col-50.elementor-inner-column {
    padding-bottom: 20px;
  }
  /* 	#first-common-section > div > div > div > section > div > div.elementor-column.elementor-col-50.elementor-inner-column > div {
    padding: 0 14px 20px;
}
	#first-common-section > div > div > div > section > div > div.elementor-column.elementor-col-50.elementor-inner-column > div {
    padding: 0 14px 20px;
} */
  .tennis-price-table .elementor-widget-container {
    width: 100% !important;
    overflow-x: scroll;
  }
  a.tribe-events-c-messages__message-list-item-link {
    position: relative;
    right: -5%;
    margin-top: 10px;
  }
  li.tribe-events-c-messages__message-list-item {
    font-size: 18px;
  }
  .staff-main-tab #eael-advance-tabs-06108f4 > .eael-tabs-nav {
    width: auto;
    margin-right: 0;
    transform: translateY(30px);
    overflow-y: scroll;
  }
  div#community-recreation-center-tab,
  div#mallinckrodt-community-center-tab,
  div#wilmette-beaches-sailing-operations-tab,
  div#wilmette-golf-club-tab,
  div#centennial-recreation-complex-tab,
  div#wilmette-platform-tennis-club-tab {
    padding: 0;
  }
  div#community-recreation-center-tab
    section.elementor-section.elementor-top-section,
  div#wilmette-beaches-sailing-operations-tab
    section.elementor-section.elementor-top-section,
  div#wilmette-golf-club-tab section.elementor-section.elementor-top-section,
  div#centennial-recreation-complex-tab
    section.elementor-section.elementor-top-section,
  div#mallinckrodt-community-center-tab
    section.elementor-section.elementor-top-section,
  div#wilmette-platform-tennis-club-tab
    section.elementor-section.elementor-top-section {
    padding: 30px 20px;
  }
  :is(
      div#community-recreation-center-tab
        section.elementor-section.elementor-top-section,
      div#wilmette-beaches-sailing-operations-tab
        section.elementor-section.elementor-top-section,
      div#wilmette-golf-club-tab
        section.elementor-section.elementor-top-section,
      div#centennial-recreation-complex-tab
        section.elementor-section.elementor-top-section,
      div#mallinckrodt-community-center-tab
        section.elementor-section.elementor-top-section,
      div#wilmette-platform-tennis-club-tab
        section.elementor-section.elementor-top-section
    )
    .elementor-widget-wrap.elementor-element-populated {
    border: 0;
  }
  /* 	.dot-column::before {
    left: -4px;
	top: -4px;
} */
  .childhood-center h6 {
    width: 300px !important;
  }
  .staff-tab-titles h6.elementor-heading-title.elementor-size-default {
    margin-left: 18px;
  }

  div#facility-managers-program-supervisors-tab .eael-tab-item-trigger span {
    width: max-content;
    display: inline-block;
  }
  .staff-main-tab
    #eael-advance-tabs-06108f4
    > .eael-tabs-nav
    > ul
    > .active
    > span.eael-tab-title {
    padding-bottom: 0px;
  }

  .staff-page-main-title h2.elementor-heading-title.elementor-size-default {
    font-size: 30px !important;
  }
  div#administrative-staff-tab,
  div#facility-managers-program-supervisors-tab {
    padding: 20px 15px;
  }
  .tribe-common-l-container.tribe-events-l-container {
    padding: 40px 15px;
  }
  .tribe-events .tribe-events-c-top-bar__datepicker-container {
    width: 90%;
  }

  .bulletin-news-display .bdpp-post-img-bg img {
    width: 400px !important;
    margin-bottom: 12px;
  }
  .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    z-index: 99999999 !important;
  }
  .tribe-events-c-top-bar__datepicker-time::before {
    top: 19px;
  }
  .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
    padding: 0 !important;
  }
  .tribe-events .tribe-events-c-top-bar__datepicker {
    padding: 6px 15px 9px 40px !important;
  }
  .bulletin-news-display .bdpp-post-list-left {
    width: 20% !important;
  }
  .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    left: -4px !important;
    margin-top: 10px;
  }
  a.tribe-events-calendar-month-mobile-events__mobile-event-title-link.tribe-common-anchor {
    /* font-family: var(--main-font); */
    font-size: 22px;
    font-weight: 500 !important;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #000;
  }
  .events-date-inline-list-view span {
    font-size: 14px;
  }
  .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
    min-height: initial !important;
    padding: 10px;
  }
  .events-main-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
  }
  h1.header_title {
    font-size: 38px;
  }
  li.tribe-events-nav-previous a,
  li.tribe-events-nav-next a {
    font-size: 0px !important;
  }
  h4.details-title {
    font-size: 22px;
  }
  .details-box ul li {
    font-size: 15px;
    line-height: 22px;
  }
  h2.more-details {
    /* font-family: var(--main-font); */
    font-size: 36px;
  }
  .event-image {
    text-align: center;
  }
  main#tribe-events-pg-template {
    max-width: 100%;
    padding: 40px 40px 0;
  }
  .tribe-events-single-event-description.tribe-events-content p {
    margin: 15px 0 15px 0;
  }
  .page-template-page-agenda div#primary {
    margin: 30px 0 !important;
    padding: 0 7vw !important;
  }
  .tribe-events .tribe-events-c-top-bar__datepicker {
    min-width: 208px !important;
  }
  .op_video_page_container :is(video, iframe){
      height: 300px;
  }
  .op_gallery_page {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .department_banner_video {
    display: none !important;
  }
  .department_banner_img {
    display: block;
    object-fit: cover;
    width: 100%;
  }
  .sidebar_mobile_btn_grid {
    gap: 20vw;
  }
  .mobile-sidebar_tab_content {
    height: 390px;
  }
  .tab_container .nav-pills .nav-link {
    position: relative;
  }
  .tab_container .nav-pills .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background: #808080;
    top: 8px;
    bottom: 8px;
  }
  .service_grid {
    grid-template-columns: 1fr 1fr;
  }
  .department_tabs {
    padding-inline: 0;
  }
  .pdf_link_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  table#rectrac-data-table {
    border: 0;
    margin: 0;
    padding: 50px 0px 0px 15px;
  }

  .bulletin-featured-post
    .elementskit-post-image-card
    .elementskit-entry-header::before {
    font-size: 11px;
    letter-spacing: 3.8px;
    top: 165px;
    transform-origin: -15px;
    left: -10px;
  }
  li.tribe-events-c-messages__message-list-item::before {
    left: -40px;
    bottom: inherit;
    top: 0;
  }
  .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    left: 0px !important;
  }
  .tribe-events-c-top-bar__datepicker-time::before {
    top: 14px;
  }
  div#tribe-events-view-selector-content {
    border-radius: 10px;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 20%);
    border: solid 2px #41b6a9;
    background-color: #fff;
  }
  .tribe-events .tribe-events-c-top-bar__datepicker {
    /* right: 22%; */
  }
  div#tribe-events-events-bar-search {
    border-radius: 10px;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 20%);
    border: solid 2px #41b6a9;
    background-color: #fff;
    padding: 40px 10px 10px 10px;
  }
  button.tribe-common-c-btn.tribe-events-c-search__button {
    width: initial;
  }
  .search-feild .elementor-lightbox::before {
    content: "What are you looking for?";
    position: absolute !important;
    width: 100%;
    color: #ff5354 !important;
    font-size: 20px;
    font-weight: 300 !important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    transform: translateY(-65px);
  }
  .search-feild button.search-btn i {
    font-size: 24px !important;
  }
  .search-feild input.elementor-search-form__input {
    flex-basis: 100% !important;
    width: 100%;
  }
  .staff-main-tab #eael-advance-tabs-b4cfbd6 > .eael-tabs-nav ul {
    width: 100% !important;
    margin: auto !important;
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    -webkit-overflow-scrolling: touch;
  }
  .staff-main-tab .eael-advance-tabs > .eael-tabs-nav ul li {
    display: inline-block;
  }
  .submit-btn:hover::after {
    right: 75px;
    top: 295px;
  }
  .header_mobile_menu .elementor-icon-box-icon {
    margin-top: 1px;
  }
  .home.page-id-12260 header#masthead:hover {
    background: transparent;
    transition: all 0.3s;
  }
  .events-container::before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/12/Layer-1-1.png) center center;
    width: 135px;
    height: 150px;
    background-repeat: no-repeat;
    left: 0;
    top: -12px;
    background-size: contain;
  }
  h2.tribe-events-single-event-title {
    font-size: 24px;
    line-height: 30px;
  }
  h2.tribe-events-single-event-title::before {
    top: 4px;
  }
  .details-container {
    display: flex;
    padding: 15px 30px 20px;
    flex-direction: column;
    gap: 20px;
  }
  .right_col {
    display: inline-grid;
    align-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
  }
  .back-to-events,
  .ways-play {
    /* font-family: var(--main-font); */
    font-size: 14px;
  }
  h1.header_title {
    font-size: 28px;
  }
  a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin,
  a.tribe-events-calendar-day__event-title-link.tribe-common-anchor-thin {
    /* font-size: 22px; */
  }
  .tribe-events .tribe-events-c-top-bar__datepicker {
    /* right: 2%; */
  }
  a.tribe-events-c-nav__today.tribe-common-b2 {
    border-radius: 4px;
    border: solid 1px #3a596c;
    background-color: #fff;
    /* font-family: var(--main-font) !important; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    color: #344e5e;
    margin: 0;
    padding: 2px 10px;
  }

  .page-template-page-agenda span.result_label {
    /* font-family: var(--main-font); */
    font-size: 22px;
  }
  .page-template-page-agenda h3#tab-titile {
    /* font-family: var(--main-font); */
    font-size: 32px;
  }
  .mapplic-portrait.mapplic-element {
    width: 100% !important;
  }
  main#tribe-events-pg-template {
    max-width: 100%;
    padding: 40px 20px 0;
  }
  .events-main-section {
    padding: 35px 35px;
  }
  div#tribe-events-footer {
    border-top: 1px solid #41b6a9;
    padding-bottom: 0;
  }
  a.show-all-event {
    width: 45%;
    display: block;
    margin: auto;
  }
  a.tribe-events-c-messages__message-list-item-link {
    position: relative;
    right: 7%;
    margin-top: 10px;
    display: inline-block;
  }
}

@media (max-width: 520px) {
  .op_static_page_banner {
    --banner-width: 300px;
    min-height: 180px;
  }
  .service_grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
  }
  .sidebar_mobile_btn_grid {
    gap: 10vw;
  }
  .about_department_grid {
    grid-template-columns: 1fr;
  }
  .mobile-sidebar_tab_content {
    height: 370px;
  }
  .trending_links_mobile_col {
    padding: 20px;
  }
  .light_blue_container {
    padding: 20px;
  }
  .mobile_sidebar {
    transform: translateY(-3.5rem);
  }
  .banner_card {
    margin-left: 3vw;
    margin-right: 3vw;
    padding: 24px 20px;
  }
  .service_card > svg {
    width: 110px;
  }
  .pdf_link_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  li.tribe-events-c-messages__message-list-item::before {
    left: -40px;
    bottom: inherit;
    top: 0;
  }
  div#programs-icon-box-location,
  div#programs-icon-box-email,
  div#programs-icon-box-email-2 {
    width: 100% !important;
  }
  li.tribe-events-c-messages__message-list-item {
    font-size: 18px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
  }
  a.tribe-events-c-messages__message-list-item-link {
    position: relative;
    right: 7%;
    margin-top: 10px;
  }
  .tribe-events .tribe-events-c-top-bar__datepicker {
    min-width: 250px !important;
  }
  .bulletin-news-display .bdpp-post-list-left {
    width: 32% !important;
  }
  .faq_container {
      grid-template-columns: 1fr;
  }
  .faq_contact_box {
      grid-row: 2;
      position: static;
  }
  .op_press_release_page {
      gap: 1rem;
      grid-template-columns: 1fr 1fr;
  }
  .op_video_page_container {
      grid-template-columns: 1fr;
  }
  .op_gallery_page {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.5rem;
  }
}
@media (max-width: 420px) {
  /* .service_grid {
    grid-template-columns: 1fr;
  } */

  .service_card::before {
    height: 25px;
  }
  .service_card_head {
    font-size: 11px;
  }
  .service_card_icon svg {
    width: 20px;
  }
}
@media (max-width: 375px) {
  .service_grid {
    grid-template-columns: 146px 146px;
  }
  a.show-all-event {
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .service_grid {
    grid-template-columns: 1fr;
  }
  .service_card_head {
    font-size: inherit;
  }
  .service_card_icon svg {
    width: auto;
  }
  .service_card::before {
    height: 35px;
  }
  .service_card svg {
    width: fit-content;
  }
}