/* Theme Name: Egovt Child Theme
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Description: This is child theme of egovt
Author: Ovatheme
Author URI: https://themeforest.net/user/ovatheme
Template: egovt
Version: 1.0.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain:  egovt-child
*/

/* Calendar Colors */
:root {
  --evt-city-council:   #f6c93b; /* Yellow */
  --evt-finance:        #1f8b4c; /* Green */
  --evt-library:        #d55023; /* Orange */
  --evt-planning:       #1f5f9b; /* Blue */
  --evt-closure:        #7d3e96; /* Purple */
  --evt-special:        #990000; /* Red */
  --evt-today: 			#9B9C9D; /* Grey */
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

/* Home Page Quick Link Buttons */
.custom-icon-button {
  width: 180px;
  height: 180px;
  padding: 16px;
  border-radius: 50%;
  background: #012c4f;
  color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  box-sizing: border-box;
  overflow: hidden;

  cursor: pointer;
  transition: background 0.3s ease;

  font-family: Roboto, sans-serif;
  box-shadow: 0px 1px 3px rgba(0,0,0,.35);
}

/* Hover */
.custom-icon-button:hover {
  background: #800000 !important;
  color: #fff;
}

/* Icon */
.custom-icon-button i {
  font-size: 48px;
  margin-bottom: 8px;
  line-height: 1;
}

/* Text */
.custom-icon-button .btn-text {
  font-size: 22px;
  line-height: 1.14;
  width: 100%;
}

/* Responsive text */
@media (max-width: 1024px){
  .custom-icon-button .btn-text { font-size: 22px; }
}

@media (max-width: 767px){
  .custom-icon-button .btn-text { font-size: 20px; }
}

.quick-link-anchor {
  display: flex;
  justify-content: center;
}


/* Header Fixed Position */
.elementor-3720{
	position: sticky;
	top: 0px;
	z-index: 5;
}

.layout_1c{
	z-index: 3;
}

.elementor-element-9dc571d{
	z-index: 3;
}

.wrap_site,
.layout_1c{
	width: 100%;
}

/* Search and Events Results Page Styling from default theme style */
h2 a.post-title{
	color: #012c4f !important;
}

h2 a.post-title:hover{
	color: #800000 !important;
}

/*.btn-readmore{
	background-color: #800000!important;
	border-radius: 5px;
	box-shadow: 0px 1px 2px black;
}

.btn-readmore:hover{
	background-color: #012c4f !important;
	border-radius: 5px;
	box-shadow: 0px 1px 2px black;
}
*/
.page-title{
	color: #012c4f !important;
	font-size: 36px;
}

div.post-excerpt{
	color: #343a40!important;
}

.second-font{
	background-color: white !important;
}
.comment{
	display: none;
}


/* Table remove edit text */
ntb_edit_table_class_7724 __mPS2id{
	display: none; 
}


/* Search bar in Header responsive */ 
input{
	width:86%;
}

input.search-submit{
	width:30%;
}

input.search-field{
	width:82%;
}


/* Search & Events pages more styling */ 
.evgovt-content,
.odd,
.eve{
	border-radius: 5px;
	box-shadow: 0px 1px 3px  black;
}

.readmore{
	border-radius: 5px;
	
}


/* List bulletpoint */
/*li{
	color: black;
}
*/
/* Content lists only (don’t touch menus/widgets) */
.entry-content li,
.evgovt-content li,
.elementor-widget-text-editor li {
  color: #000;
}


/* Instagram Logo Style  */ 
.e-fab-instagram{
	background: radial-gradient(circle at 30% 110%,
            #ffdb8b 0%,
            #ee653d 25%,
            #d42e81 50%,
            #a237b6 75%,
            #3e57bc 100%);
	border-radius: 18px;
	
}

.ova-framework-social-icon-instagram{
	background: radial-gradient(circle at 30% 110%,
            #ffdb8b 0%,
            #ee653d 25%,
            #d42e81 50%,
            #a237b6 75%,
            #3e57bc 100%) !important;
}

/* Images slider for Library about us */
.swiper-slide-image{
	box-shadow: 0px 1px 2px black !important;
}

.widget-image-caption,
.wp-caption-text{
	color: black;
}

/* Library Collections discriptions */
.widget-image-caption,
.wp-caption-text{
	color: black;
}

.second_font{
	border-radius: 5px !important;
}

/* Document Library Plugin additions */
.col-image{
	text-align: center !important;
}

span.col-doc_categories{
	color: black !important;
}

.dlp-table-document-link-wrap{
	justify-content: center !important;
}

.dataTables_wrapper .dataTables_filter input[type="search"]
{
  border: 1px solid #ccc !important; /* light grey border */
  background-color: #d8d8d8 !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.30) !important; /* inset look */
  border: 2px black !important;
}

/* ===== Meeting Page ===== */
.meetings-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Meeting Card */
.meeting-card {
  display: grid;
  grid-template-columns: 1.2fr 1fr 350px;
  gap: 2rem;
  align-items: center;
  justify-items: center;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: box-shadow .25s ease, transform .25s ease;
}
.meeting-card:nth-child(even){background:#fafafa}
.meeting-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.2);transform:translateY(-2px)}

/* Left Column */
.meeting-info {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  width:100%;text-align:left;position:relative;top:-.5rem;
}
.meeting-date {
  font-weight:700;color:#2c3e50;font-size:1.05rem;margin-bottom:.4rem;letter-spacing:.2px;
}
.meeting-info h3 {
  margin:0 0 .25rem 0;font-size:1.65rem;font-weight:700;color:#1a1a1a;line-height:1.3;
}

/* Middle Column (Documents) */
.meeting-docs {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  width:100%;text-align:left;
}
.meeting-docs .doc-header {
  margin:1rem 0 .2rem;font-weight:700;font-size:.95rem;color:#111;text-transform:uppercase;
  letter-spacing:.3px;border-bottom:2px solid #e2e2e2;padding-bottom:.2rem;width:100%;
}
.meeting-docs .file-link {
  width:100%;padding:.3rem 0;margin:0;border-bottom:1px solid #ddd;
  display:flex;align-items:center;line-height:1.35;
}
.meeting-docs .file-link:last-of-type{border-bottom:none}
.meeting-docs .file-link a {
  color:#000;font-size:.87rem;font-weight:500;text-decoration:none;transition:color .2s ease;
}
.meeting-docs .file-link a:hover{color:#444;text-decoration:underline}
.meeting-docs.empty-docs{min-height:80px}

/* Video Column */
.meeting-video{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
.meeting-video iframe{width:100%;height:220px;border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.3)}

/* File Icons */
.file-icon{margin-right:6px;font-size:1.1rem;vertical-align:middle}
.file-icon.pdf{color:#d32f2f}.file-icon.word{color:#1976d2}.file-icon.excel{color:#2e7d32}
.file-icon.audio{color:#8e24aa}.file-icon.video{color:#ef6c00}.file-icon.link{color:#555}
.meeting-docs strong i{color:#777;margin-right:4px}

/* ===== Meeting Status Labels ===== */
.meeting-status {
  display:inline-block;margin-top:.4rem;font-size:.9rem;font-weight:600;
  letter-spacing:.4px;text-transform:uppercase;padding-left:.5rem;
  border-left:3px solid transparent;
}
.meeting-status.upcoming{color:#1b6e29;border-color:#a6d8b1}
.meeting-status.current{color:#145da0;border-color:#9fc3e6}
.meeting-status.current:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;cursor:pointer}
.meeting-status.past{color:#7b1e2b;border-color:#e3b2b6}

/* Pagination */
.pagination{text-align:center;margin-top:2rem}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .meeting-card{grid-template-columns:1fr 1fr}
  .meeting-docs,.meeting-video{text-align:center;align-items:center}
  .meeting-video iframe{height:200px}
}
@media(max-width:768px){
  .meeting-card{grid-template-columns:1fr;text-align:center;padding:1.5rem}
  .meeting-info,.meeting-docs,.meeting-video{align-items:center;text-align:center}
  .meeting-docs .doc-header{margin-top:.75rem}
  .meeting-video iframe{height:200px;max-width:100%}
}

/* ===== Single Event: Docs + Video ===== */
.single-meeting-docs {
  margin-top:2rem;padding:2rem;background:#fff;border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid #ddd;
  display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:flex-start;
}
.single-meeting-docs .docs-title {
  font-size:1.4rem;font-weight:700;margin-bottom:1rem;border-bottom:2px solid #e5e5e5;
  padding-bottom:.4rem;color:#222;
}
.single-meeting-docs .single-doc-section{margin-bottom:1.8rem}
.single-meeting-docs h4 {
  font-size:1rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid #e2e2e2;
  padding-bottom:.25rem;margin-bottom:.4rem;color:#111;letter-spacing:.3px;
}
.single-meeting-docs .file-item {
  margin:.2rem 0;padding:.3rem 0;border-bottom:1px solid #ddd;
  display:flex;align-items:center;line-height:1.4;
}
.single-meeting-docs .file-item:last-child{border-bottom:none}
.single-meeting-docs a {
  color:#000;font-size:.9rem;font-weight:500;text-decoration:none;
}
.single-meeting-docs a:hover{text-decoration:underline}
.single-meeting-docs .empty-docs {
  border:2px dashed #ccc;border-radius:8px;padding:1.5rem;background:#fafafa;
  text-align:center;color:#777;font-style:italic;min-height:100px;
}

/* Video column */
.single-meeting-docs .meeting-video {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
}
.single-meeting-docs .meeting-video h3 {
  font-size:1.3rem;font-weight:700;color:#222;margin-bottom:1rem;
  border-bottom:2px solid #e5e5e5;padding-bottom:.4rem;width:100%;text-align:left;
}
.single-meeting-docs iframe {
  width:100%;height:250px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.3);
}
.single-meeting-docs .empty-video {
  height:250px;display:flex;align-items:center;justify-content:center;
  border:2px dashed #ccc;border-radius:8px;background:#fafafa;color:#777;font-style:italic;
}

/* Responsive */
@media(max-width:992px){
  .single-meeting-docs{grid-template-columns:1fr}
  .single-meeting-docs .meeting-video,.single-meeting-docs .single-doc-section{
    text-align:center;align-items:center
  }
  .single-meeting-docs iframe{height:220px}
}

/* 🎧 Podbean iframe fix – removes bottom white gap and stays responsive */
.meeting-video.podbean-audio iframe {
  width: 100%;
  height: 140px !important; /* snug fit on desktop */
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #fff; /* blends with card background */
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

/* 🖐 Slightly taller on mobile/tablet for easier control access */
@media (max-width: 768px) {
  .meeting-video.podbean-audio iframe {
    height: 165px !important; /* gives more tap room */
  }
}

/* Blog Post Slider Styling */ 
.post-media a {
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
  display: inline-block;
}

/* Submit Button for Front page */
.ova_mcwp_submit input.second_font[type="submit"]{
	box-shadow: 0 2px 5px black;
	border-color: #800000 !important;
}

.ova_mcwp_submit input.second_font[type="submit"]:hover {
  	background-color: #800000 !important; /* maroon hover */
	border-color: #800000 !important;
	box-shadow: 0 4px 10px black;
}

.podbean-audio iframe { display: block; margin-bottom: 0; }

.single-meeting-docs {
  margin-top: 2rem;
  padding: 2rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  border: 1px solid #ddd;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 2rem;
  align-items: flex-start;
}

.download-all-btn {
  display: inline-block;
  margin-top: 0.6rem;
  color: #145da0;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  border: none;
  background: none;
  padding: 0;
  transition: color 0.2s, text-decoration 0.2s;
}

.download-all-btn:hover {
  color: #0d4b84;
  text-decoration: underline;
  cursor: pointer;
}


/* Embedded video/audio tweaks */
.meeting-video iframe {
  width: 100%;
  height: 250px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  display: block;
}

/* Trim bottom gap on podbean */
.podbean-audio iframe {
  height: 160px !important;
  overflow: hidden;
  margin-bottom: -5px; /* removes white space at bottom */
}

/* ===========================
   Meeting Media & Documents – Final Styles
   =========================== */
.meeting-video iframe,
.meeting-video audio {
  width: 100%;
  border-radius: 8px;
  display: block;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.meeting-video iframe {
  height: 250px;
}

.podbean-audio iframe {
  height: 160px !important;
  overflow: hidden;
  margin-bottom: -5px; /* trims the Podbean bottom gap */
  box-shadow: 0 1px 5px rgba(0,0,0,0.25);
}

.download-all {
  margin-top: 0.5rem;
}

.download-all-btn {
  color: #145da0;
  font-weight: 600;
  text-decoration: none;
}

.download-all-btn:hover {
  text-decoration: underline;
}

/* Make the meeting layout responsive */
@media (max-width: 768px) {
  .single-meeting-docs,
  .meeting-card {
    display: block;
  }

  .meeting-video iframe {
    height: 200px;
  }

  .podbean-audio iframe {
    height: 140px !important;
  }
}

/* ===========================
   Tighter Document Spacing – Single Event
   =========================== */
.single-meeting-docs .single-doc-section {
  margin-bottom: 0.75rem; /* smaller section gap */
}

.single-meeting-docs .single-doc-section h4 {
  margin-bottom: 0.3rem;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  padding-bottom: 0.2rem;
}

.single-meeting-docs .file-item {
  padding: 0.2rem 0;
  margin: 0;
  line-height: 1.3;
}

.single-meeting-docs .file-item a {
  font-size: 0.85rem;
  color: #222;
  font-weight: 500;
}

.single-meeting-docs .file-item a:hover {
  color: #145da0;
  text-decoration: underline;
}

/* Add light divider between groups for clarity */
.single-meeting-docs .single-doc-section:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 0.5rem;
}

/* Slightly tighten top and bottom around “Meeting Documents” title */
.single-meeting-docs .docs-title {
  margin-bottom: 0.75rem;
  padding-bottom: 0.3rem;
}

.single-meeting-docs {
  align-items: start;
}
.single-meeting-docs .meeting-video {
  margin-top: 0.25rem;
}

/*add_action('admin_enqueue_scripts', function() {
  wp_enqueue_script('datepicker-guard', get_stylesheet_directory_uri() . '/js/datepicker-guard.js', ['jquery-ui-datepicker'], null, true);
});

add_action('wp_enqueue_scripts', function() {
  wp_enqueue_script('datepicker-guard', get_stylesheet_directory_uri() . '/js/datepicker-guard.js', ['jquery-ui-datepicker'], null, true);
}); */

/* ==========================
   HOME: History cards title shadow (all 3)
   ========================== */
.home .history-card .ova_feature2 .content_1 h3.title > a.second_font{
  font-weight: 800;
  text-shadow:  3px 3px 2px black;
}


.evgovt-content p {
  color: black !important;
}

/* ==========================
   HOME: History cards — FORCE CENTER on tablet/mobile
   ========================== */

/* Always keep text centered inside the OVA Feature2 card */
.home .history-card .ova_feature2 .box,
.home .history-card .ova_feature2 .content_1,
.home .history-card .ova_feature2 .content_2,
.home .history-card .ova_feature2 .title,
.home .history-card .ova_feature2 .excerpt{
  text-align: center !important;
}

/* Some theme breakpoints switch these blocks to flex with left alignment.
   This re-centers everything reliably. */
.home .history-card .ova_feature2 .content_1,
.home .history-card .ova_feature2 .content_2{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Center the "Learn More" row + icon */
.home .history-card .ova_feature2 a.readmore{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
}

/* Optional: prevent mobile padding from visually shifting center */
@media (max-width: 1024px){
  .home .history-card .ova_feature2 .box{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* === Meetings pagination === */
.meetings-wrapper .pagination {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.meetings-wrapper .pagination ul.page-numbers {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.meetings-wrapper .pagination .page-numbers li { list-style: none; }

/* base pill */
.meetings-wrapper .pagination a.page-numbers,
.meetings-wrapper .pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 .6rem;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #cfd6df;
  background: #ffffff;
  color: #0d3559; /* deep blue text for inactive links */
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .05s ease;
}

/* current page = dark blue pill with white text */
.meetings-wrapper .pagination span.page-numbers.current {
  background: #0d3559;
  border-color: #0d3559;
  color: #ffffff;
}

/* hover/focus = maroon pill (#800000) with white text */
.meetings-wrapper .pagination a.page-numbers:hover,
.meetings-wrapper .pagination a.page-numbers:focus {
  background: #800000;
  border-color: #800000;
  color: #ffffff;
  outline: none;
}

/* prev/next look like pills too but a bit wider */
.meetings-wrapper .pagination a.prev,
.meetings-wrapper .pagination a.next {
  min-width: auto;
  padding: 0 .75rem;
}

/* dots/ellipses */
.meetings-wrapper .pagination .page-numbers.dots {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #666;
}

/* Meeting list spacing */
.meeting-card{
	margin-top: 20px;

}

/* === Equal Sized Buttons with Breathing Room === */
#btn-city,
#btn-finance,
#btn-library,
#btn-planning {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 90% !important;              /* reduced from 100% — gives breathing room */
  height: 60px !important;
  margin: 0 auto !important;          /* centers each button in its column */
  padding: 0 1.4rem !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;

  background: #0d3559 !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-align: center !important;
  transition: transform .2s ease, background .2s ease !important;
}

/* === Hover: Maroon color === */
#btn-city:hover,
#btn-finance:hover,
#btn-library:hover,
#btn-planning:hover {
  background: #800000 !important;   /* Maroon hover */
  color: #fff !important;           /* Keep text white for contrast */
  transform: translateY(-2px);      /* Subtle lift */
}

/* Optional: Slightly smaller on phones for better proportion */
@media (max-width: 768px) {
  #btn-city,
  #btn-finance,
  #btn-library,
  #btn-planning {
    width: 95% !important;           /* fill a bit more on smaller screens */
    height: 56px !important;
	}
}

/* === Meetings LIST page responsive fixes (with centered docs) === */

/* 1) At 1024px and down: stack card vertically, center docs & video */
@media (max-width: 1024px) {
  .meetings-wrapper .meeting-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1.5rem !important;
  }

  .meetings-wrapper .meeting-card .meeting-info {
    align-items: center !important;
    text-align: center !important;
  }

  .meetings-wrapper .meeting-card .meeting-docs {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .meetings-wrapper .meeting-card .meeting-docs .doc-header {
    text-align: center !important;
    width: 100%;
  }

  .meetings-wrapper .meeting-card .meeting-docs .file-link {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100%;
  }

  .meetings-wrapper .meeting-card .meeting-video {
    width: 100% !important;
    max-width: 600px;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* 2) At 768px and down: tighter centering and stacking */
@media (max-width: 768px) {
  .meetings-wrapper .meeting-card .meeting-docs,
  .meetings-wrapper .meeting-card .meeting-docs .single-doc-section,
  .meetings-wrapper .meeting-card .meeting-docs .file-link {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .meetings-wrapper .meeting-card .meeting-docs .file-link a {
    text-align: center !important;
  }
}

.post-media{
	border-radius: 5px;
}


.willows-single-datetime {
  margin: 0.75rem 0 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #0d3559; /* same dark blue you use elsewhere */
}

/* ============================
   Clean, Even, Responsive Legend
   ============================ */

.calendar-legend {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 clean equal-width columns */
  gap: 14px 24px;
  max-width: 720px;
  margin: 1.25rem auto;
  padding: 0 10px;
  font-size: 0.95rem;
  color: #000 !important;
}

.calendar-legend .legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  justify-content: flex-start; /* makes alignment consistent */
}

.calendar-legend .legend-item span {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-block;
  flex-shrink: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
}

/* Color squares */
.legend-item.city-council span { background: var(--evt-city-council); }
.legend-item.finance span      { background: var(--evt-finance); }
.legend-item.library span      { background: var(--evt-library); }
.legend-item.planning span     { background: var(--evt-planning); }
.legend-item.closure span      { background: var(--evt-closure); }
.legend-item.special span      { background: var(--evt-special); }

/* Tablet: 2 columns */
@media (max-width: 780px) {
  .calendar-legend {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Phone: 1 column */
@media (max-width: 480px) {
  .calendar-legend {
    grid-template-columns: 1fr;
    text-align: left;
  }
}


/* ==========================================
   FullCalendar – color events by meeting TYPE
   ========================================== */

/* City Council (slug: city-council-meetings) */
.ovaev_full_calendar .fc-event.event_type-city-council-meetings,
.ovaev_full_calendar .fc-daygrid-event.event_type-city-council-meetings,
.ovaev_full_calendar .fc-list-event.event_type-city-council-meetings {
  background-color: var(--evt-city-council) !important;
  border-color: var(--evt-city-council) !important;
  color: #ffffff !important;
}

/* City Hall Closed / Holiday (slug: city-hall-closed-holiday) */
.ovaev_full_calendar .fc-event.event_type-city-hall-closed-holiday,
.ovaev_full_calendar .fc-daygrid-event.event_type-city-hall-closed-holiday,
.ovaev_full_calendar .fc-list-event.event_type-city-hall-closed-holiday {
  background-color: var(--evt-closure) !important;
  border-color: var(--evt-closure) !important;
  color: #ffffff !important;
}

/* Finance & Measure I Committee (slug: finance-measure-i-committee-meetings) */
.ovaev_full_calendar .fc-event.event_type-finance-measure-i-committee-meetings,
.ovaev_full_calendar .fc-daygrid-event.event_type-finance-measure-i-committee-meetings,
.ovaev_full_calendar .fc-list-event.event_type-finance-measure-i-committee-meetings {
  background-color: var(--evt-finance) !important;
  border-color: var(--evt-finance) !important;
  color: #ffffff !important;
}

/* Library Board of Trustees (slug: library-board-of-trustees-meetings) */
.ovaev_full_calendar .fc-event.event_type-library-board-of-trustees-meetings,
.ovaev_full_calendar .fc-daygrid-event.event_type-library-board-of-trustees-meetings,
.ovaev_full_calendar .fc-list-event.event_type-library-board-of-trustees-meetings {
  background-color: var(--evt-library) !important;
  border-color: var(--evt-library) !important;
  color: #ffffff !important;
}

/* Planning Commission (slug: planning-commission-meetings) */
.ovaev_full_calendar .fc-event.event_type-planning-commission-meetings,
.ovaev_full_calendar .fc-daygrid-event.event_type-planning-commission-meetings,
.ovaev_full_calendar .fc-list-event.event_type-planning-commission-meetings {
  background-color: var(--evt-planning) !important;
  border-color: var(--evt-planning) !important;
  color: #ffffff !important;
}

/* Special Events (slug: special-events) */
.ovaev_full_calendar .fc-event.event_type-special-events,
.ovaev_full_calendar .fc-daygrid-event.event_type-special-events,
.ovaev_full_calendar .fc-list-event.event_type-special-events {
  background-color: var(--evt-special) !important;
  border-color: var(--evt-special) !important;
  color: #ffffff !important;
}

/* Generic reusable style */
.ovaev_full_calendar .fc-daygrid-day-number {
  border-radius: 4px;
  padding: 2px 4px;
}

/* City Council day tint */
.ovaev_full_calendar .fc-daygrid-day:has(.event_type-city-council-meetings)
  .fc-daygrid-day-number {
  background-color: color-mix(in srgb, var(--evt-city-council) 18%, transparent);
}

/* City Hall Closed / Holiday */
.ovaev_full_calendar .fc-daygrid-day:has(.event_type-city-hall-closed-holiday)
  .fc-daygrid-day-number {
  background-color: color-mix(in srgb, var(--evt-closure) 20%, transparent);
}

/* Finance & Measure I */
.ovaev_full_calendar .fc-daygrid-day:has(.event_type-finance-measure-i-committee-meetings)
  .fc-daygrid-day-number {
  background-color: color-mix(in srgb, var(--evt-finance) 20%, transparent);
}

/* Library */
.ovaev_full_calendar .fc-daygrid-day:has(.event_type-library-board-of-trustees-meetings)
  .fc-daygrid-day-number {
  background-color: color-mix(in srgb, var(--evt-library) 20%, transparent);
}

/* Planning Commission */
.ovaev_full_calendar .fc-daygrid-day:has(.event_type-planning-commission-meetings)
  .fc-daygrid-day-number {
  background-color: color-mix(in srgb, var(--evt-planning) 20%, transparent);
}

/* Day tint for Special Events */
.ovaev_full_calendar .fc-daygrid-day:has(.event_type-special-events)
  .fc-daygrid-day-number {
  background-color: color-mix(in srgb, var(--evt-special) 20%, transparent);
}

/* ============================
   CLNDR MINI CALENDAR STYLING
   ============================ */

/* Day cell */
.cal1 .clndr .clndr-table td.day {
  text-align: center;
  vertical-align: middle;
  padding: 2px !important;           /* small breathing room */
  height: 42px;                      /* mini calendar height */
  border: 1px solid #e2e2e2;         /* grid lines */
  box-sizing: border-box;
}

/* Inner contents should fill the whole cell */
.cal1 .clndr .clndr-table td.day .day-contents {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  font-weight: 600;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Remove the generic "event day" background on the <td> */
.cal1 .clndr .clndr-table td.day.event,
.cal1 .clndr .clndr-table td.day.my-event {
  background-color: transparent !important;
}

/* ================
   TYPE-BASED COLORS
   (1 meeting on a day)
   ================ */

/* City Council */
.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings .day-contents {
  background-color: var(--evt-city-council) !important;
  color: #fff !important;
}

/* Finance & Measure I */
.cal1 .clndr .clndr-table td.day.event_type-finance-measure-i-committee-meetings .day-contents {
  background-color: var(--evt-finance) !important;
  color: #fff !important;
}

/* Library Board of Trustees */
.cal1 .clndr .clndr-table td.day.event_type-library-board-of-trustees-meetings .day-contents {
  background-color: var(--evt-library) !important;
  color: #fff !important;
}

/* Planning Commission */
.cal1 .clndr .clndr-table td.day.event_type-planning-commission-meetings .day-contents {
  background-color: var(--evt-planning) !important;
  color: #fff !important;
}

/* City Hall Closed / Holiday */
.cal1 .clndr .clndr-table td.day.event_type-city-hall-closed-holiday .day-contents {
  background-color: var(--evt-closure) !important;
  color: #fff !important;
}

/* Special Events */
.cal1 .clndr .clndr-table td.day.event_type-special-events .day-contents {
  background-color: var(--evt-special) !important;
  color: #fff !important;
}

/* =====================================
   Two-meeting days – diagonal stripes
   (always 2 different meeting types)
   ===================================== */

/* City Council + Finance */
.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings.event_type-finance-measure-i-committee-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-city-council) 0,
    var(--evt-city-council) 6px,
    var(--evt-finance) 6px,
    var(--evt-finance) 12px
  );
}

/* City Council + Library */
.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings.event_type-library-board-of-trustees-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-city-council) 0,
    var(--evt-city-council) 6px,
    var(--evt-library) 6px,
    var(--evt-library) 12px
  );
}

/* City Council + Planning */
.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings.event_type-planning-commission-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-city-council) 0,
    var(--evt-city-council) 6px,
    var(--evt-planning) 6px,
    var(--evt-planning) 12px
  );
}

/* City Council + City Hall Closed */
.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings.event_type-city-hall-closed-holiday .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-city-council) 0,
    var(--evt-city-council) 6px,
    var(--evt-closure) 6px,
    var(--evt-closure) 12px
  );
}

/* Finance + Library */
.cal1 .clndr .clndr-table td.day.event_type-finance-measure-i-committee-meetings.event_type-library-board-of-trustees-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-finance) 0,
    var(--evt-finance) 6px,
    var(--evt-library) 6px,
    var(--evt-library) 12px
  );
}

/* Finance + Planning */
.cal1 .clndr .clndr-table td.day.event_type-finance-measure-i-committee-meetings.event_type-planning-commission-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-finance) 0,
    var(--evt-finance) 6px,
    var(--evt-planning) 6px,
    var(--evt-planning) 12px
  );
}

/* Finance + City Hall Closed */
.cal1 .clndr .clndr-table td.day.event_type-finance-measure-i-committee-meetings.event_type-city-hall-closed-holiday .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-finance) 0,
    var(--evt-finance) 6px,
    var(--evt-closure) 6px,
    var(--evt-closure) 12px
  );
}

/* Library + Planning */
.cal1 .clndr .clndr-table td.day.event_type-library-board-of-trustees-meetings.event_type-planning-commission-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-library) 0,
    var(--evt-library) 6px,
    var(--evt-planning) 6px,
    var(--evt-planning) 12px
  );
}

/* Library + City Hall Closed */
.cal1 .clndr .clndr-table td.day.event_type-library-board-of-trustees-meetings.event_type-city-hall-closed-holiday .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-library) 0,
    var(--evt-library) 6px,
    var(--evt-closure) 6px,
    var(--evt-closure) 12px
  );
}

/* Planning + City Hall Closed */
.cal1 .clndr .clndr-table td.day.event_type-planning-commission-meetings.event_type-city-hall-closed-holiday .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-planning) 0,
    var(--evt-planning) 6px,
    var(--evt-closure) 6px,
    var(--evt-closure) 12px
  );
}

/* Special Events + City Council */
.cal1 .clndr .clndr-table td.day.event_type-special-events.event_type-city-council-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-special) 0,
    var(--evt-special) 6px,
    var(--evt-city-council) 6px,
    var(--evt-city-council) 12px
  );
}

/* Special Events + Finance & Measure I */
.cal1 .clndr .clndr-table td.day.event_type-special-events.event_type-finance-measure-i-committee-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-special) 0,
    var(--evt-special) 6px,
    var(--evt-finance) 6px,
    var(--evt-finance) 12px
  );
}

/* Special Events + Library Board */
.cal1 .clndr .clndr-table td.day.event_type-special-events.event_type-library-board-of-trustees-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-special) 0,
    var(--evt-special) 6px,
    var(--evt-library) 6px,
    var(--evt-library) 12px
  );
}

/* Special Events + Planning Commission */
.cal1 .clndr .clndr-table td.day.event_type-special-events.event_type-planning-commission-meetings .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-special) 0,
    var(--evt-special) 6px,
    var(--evt-planning) 6px,
    var(--evt-planning) 12px
  );
}

/* Special Events + City Hall Closed / Holiday */
.cal1 .clndr .clndr-table td.day.event_type-special-events.event_type-city-hall-closed-holiday .day-contents {
  background-image: repeating-linear-gradient(
    45deg,
    var(--evt-special) 0,
    var(--evt-special) 6px,
    var(--evt-closure) 6px,
    var(--evt-closure) 12px
  );
}

/* ==========================================
   TODAY RING – no events vs 1–2 events
   ========================================== */

/* Today with NO meetings — no ring (plugin's own today background) */
.cal1 .clndr .clndr-table td.day.today:not(.event) .day-contents,
.cal1 .clndr .clndr-table td.day.my-today:not(.event) .day-contents {
  outline: none !important;
}

/* Today WITH at least one event (1 or 2 meetings): show ring in today color */
.cal1 .clndr .clndr-table td.day.today.event .day-contents,
.cal1 .clndr .clndr-table td.day.my-today.event .day-contents {
  outline: 3px solid var(--evt-today) !important;
  outline-offset: 1px;
  border-radius: 6px;
}

/* Kill any extra date/time meta blocks on single event pages */
.single-event .wrap-date-time-loc,
.single-event .time-event,
.single-event .event_intro .date,
.single-event .event_intro .time {
  display: none !important;
}

/* Hide ONLY the meeting docs/media card on Special + Closed/Holiday */
body.willows-special-event .single-meeting-docs{
  display: none !important;
}



/* =========================================
   PDF Poster Buttons – Make Both Match EXACTLY
   ========================================= */

/* Target BOTH buttons via shared .button class */
.pdfp_download_btn.button,
a.button.__mPS2id {
  font-family: inherit !important;
  background: #0d3559 !important;          /* navy */
  color: #ffffff !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;           /* match the nicer rounding on button 2 */
  border: none !important;
  display: inline-flex !important;         /* ensures identical alignment */
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;             /* makes width consistent */
  text-decoration: none !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  margin-right: 12px !important;
  margin-top: 10px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20) !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}

/* Hover → maroon */
.pdfp_download_btn.button:hover,
a.button.__mPS2id:hover {
  background: #800000 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* Pressed */
.pdfp_download_btn.button:active,
a.button.__mPS2id:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18) !important;
}


/* ✅ Mobile/Tablet baseline stability */
@media (max-width: 1024px) {
  html, body { overflow-x: hidden !important; }

  /* Elementor rows should wrap instead of acting like rigid two-column grids */
  .elementor-section .elementor-container,
  .elementor-container {
    flex-wrap: wrap !important;
    max-width: 100% !important;
  }

  /* Columns/widgets must not force widths */
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-widget {
    max-width: 100% !important;
  }

  /* Images/iframes should never exceed container width */
  img, iframe, video {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* =========================================================
   HOME — TABLET FIX PACK (portrait + landscape)
   Targets: overflow-x, Elementor columns, calendar toolbar,
            Owl carousel, meeting cards
   ========================================================= */

/* Tablet landscape-ish (iPad, etc) */
@media (max-width: 1024px) and (min-width: 769px) {

  /* kill sideways scroll + “ghost space” */
  html, body { overflow-x: hidden !important; }
  .home { overflow-x: hidden !important; }

  /* Elementor columns should wrap instead of forcing widths */
  .home .elementor-section .elementor-container,
  .home .elementor-container {
    flex-wrap: wrap !important;
    max-width: 100% !important;
  }

  .home .elementor-column,
  .home .elementor-widget-wrap {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* FullCalendar toolbar: wrap + allow title to break */
  .home .ovaev_full_calendar .fc-header-toolbar,
  .home .ovaev_full_calendar .fc-toolbar {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
  }
  .home .ovaev_full_calendar .fc-toolbar-chunk { min-width: 0 !important; }
  .home .ovaev_full_calendar .fc-toolbar-title {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
  }
  .home .ovaev_full_calendar .fc-button-group { flex-wrap: wrap !important; }

  /* Owl Carousel: prevent huge stage width when it gets “wonky” */
  /*.home .owl-carousel,
  .home .owl-stage-outer {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .home .owl-stage {
    max-width: 100% !important;
    width: 100% !important;
  }
  .home .owl-item { max-width: 100% !important; } */
	
/* Owl Carousel (tablet-safe): keep viewport masked, don't override Owl widths */
.home .owl-stage-outer{
  overflow: hidden !important;
  max-width: 100% !important;
}

/* IMPORTANT: do NOT set width/max-width on .owl-stage or .owl-item */

	
  /* Meeting cards: switch from 3-column grid to 1-column on tablet */
  .home .meetings-wrapper .meeting-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1.25rem !important;
  }
  .home .meetings-wrapper .meeting-info,
  .home .meetings-wrapper .meeting-docs,
  .home .meetings-wrapper .meeting-video {
    width: 100% !important;
    max-width: 720px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Tablet portrait + big phones */
@media (max-width: 768px) {

  html, body { overflow-x: hidden !important; }
  .home { overflow-x: hidden !important; }

  /* Anything with long text that pushes width */
  .home h1, .home h2, .home h3, .home p, .home a, .home th, .home td {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* Calendar title/buttons wrap tighter */
  .home .ovaev_full_calendar .fc-toolbar-title { font-size: 1.1rem !important; }
}

.e-con-inner{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Stop dropdown submenu animation */
ul.dropdown-menu {
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

/* Hide "Back to Top" button on tablet and mobile */
@media (max-width: 1024px) {
  #scrollUp {
    display: none !important;
  }
}

/* Fix white gap under images in the comparison slider */
img-comparison-slider {
  display: block;
  line-height: 0;
  background: transparent !important;
}

/* Make slotted images block-level (kills baseline whitespace) */
img-comparison-slider img[slot] {
  display: block;
  vertical-align: top;
}

/* If the component uses a shadow DOM wrapper, this still helps the outer box */
img-comparison-slider.rendered {
  overflow: hidden; /* trims any tiny rounding/background artifacts */
}

img-comparison-slider {
  display: block;
  line-height: 0;
  background: transparent;
  border-radius: 5px;   /* ← adjust to taste */
  overflow: hidden;      /* ← REQUIRED to clip images */
}

/* =========================================================
   DEPARTMENT SIDEBAR (clean final — NO BULLETS, styling kept)
   Scope: only pages with body class .dept-left-sidebar
   ========================================================= */

/* Menu title link (clickable widget title) */
.dept-sidebar-title-link{
  color: #012C4F !important;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
}
.dept-sidebar-title-link:hover{
  text-decoration: underline;
}

/* Nudge layout left (more room for content) */
.dept-left-sidebar .ova-wrap,
.dept-left-sidebar .wrap_site{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* LEFT sidebar layout using GRID (stable, no wrapping) */
.dept-left-sidebar .wrap_site.layout_2{
  display: grid !important;
  grid-template-columns: 280px 1fr;
  grid-template-rows: auto;
  grid-auto-flow: row;
  gap: 15px;
  align-items: start;
  padding-top: 0 !important;
}

/* Sidebar placement + kill float/clear */
.dept-left-sidebar .wrap_site.layout_2 #sidebar,
.dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;

  width: 100%;
  max-width: 280px;

  float: none !important;
  clear: none !important;

  margin-top: 0 !important;
  padding-top: 0 !important;
  align-self: start;
}

/* Content placement */
.dept-left-sidebar .wrap_site.layout_2 #main-content.main{
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
  min-width: 0;

  width: auto !important;
  max-width: 100% !important;
}

/* Sticky sidebar + scroll inside sidebar on desktop */
@media (min-width: 769px){
  .dept-left-sidebar .wrap_site.layout_2 #sidebar,
  .dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
    position: sticky;
    top: 110px;
    height: fit-content;

    max-height: calc(100vh - 140px);
    overflow: auto;
    padding-right: 6px;
  }
}

/* NAV MENU wrapper */
.dept-left-sidebar #sidebar .widget_nav_menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu{
  margin: 0;
}

/* =========================================================
   ✅ REMOVE BULLETS (SAFE)
   - remove normal list bullets
   - remove theme red-dot bullet on LI::before only
   - DO NOT touch a::before / a::after (prevents “menu disappears”)
   ========================================================= */

/* Kill default bullets */
.dept-left-sidebar #sidebar .widget_nav_menu ul,
.dept-left-sidebar #sidebar-woo .widget_nav_menu ul,
.dept-left-sidebar #sidebar .widget_nav_menu li,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li{
  list-style: none !important;
}

/* Remove any theme “dot” injected on LI pseudo-elements */
.dept-left-sidebar #sidebar .widget_nav_menu li::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li::before,
.dept-left-sidebar #sidebar .widget_nav_menu li::after,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Some themes use background-image on the <li> as the dot */
.dept-left-sidebar #sidebar .widget_nav_menu li,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li{
  background-image: none !important;
}

/* Keep indentation WITHOUT bullets */
.dept-left-sidebar #sidebar .widget_nav_menu .menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .menu{
  margin: 0;
  padding-left: 0; /* since bullets are gone */
}

/* Submenu indentation (still clean) */
.dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
  margin-top: 6px;
  padding-left: 16px; /* indent children */
}

/* List item spacing */
.dept-left-sidebar #sidebar .widget_nav_menu li,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li{
  margin: 4px 0;
  position: relative;
}

/* Big click area */
.dept-left-sidebar #sidebar .widget_nav_menu a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu a{
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  text-decoration: none;
  line-height: 1.2;

  color: #2c2c2c; /* menu item color */
}

/* Hover */
.dept-left-sidebar #sidebar .widget_nav_menu a:hover,
.dept-left-sidebar #sidebar-woo .widget_nav_menu a:hover{
  background: rgba(13,53,89,0.08);
  text-decoration: none;
  color: #012C4F;
}

/* Current page highlight */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a{
  background: rgba(13,53,89,0.12);
  font-weight: 700;
  border-left: 4px solid #0d3559;
  padding-left: 12px; /* compensate for border */
  color: #012C4F;
}

/* Ancestor highlight */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > a{
  font-weight: 700;
}

/* Tablet tweaks */
@media (max-width: 1024px){
  .dept-left-sidebar #sidebar .widget-title,
  .dept-left-sidebar #sidebar-woo .widget-title{
    margin: 0 0 8px 0;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu a{
    padding: 7px 9px;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li{
    margin: 3px 0;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li + li,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li + li{
    padding-top: 5px;
    margin-top: 5px;
  }
}

/* Mobile: stack and remove internal scrolling */
@media (max-width: 768px){
  .dept-left-sidebar .wrap_site.layout_2{
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .dept-left-sidebar .wrap_site.layout_2 #sidebar,
  .dept-left-sidebar .wrap_site.layout_2 #sidebar-woo,
  .dept-left-sidebar .wrap_site.layout_2 #main-content.main{
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
    max-width: 100% !important;
  }

  .dept-left-sidebar .wrap_site.layout_2 #sidebar,
  .dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
    position: static;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
}

/* Departments pages: widen the whole content area */
@media (min-width: 1025px){
  .dept-left-sidebar .wrap_site.layout_2{
    max-width: 1500px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* =========================================================
   ✅ BULLET NUKER (theme red-dot bullets + native bullets)
   Scope: ONLY dept sidebar nav menu
   ========================================================= */

/* 1) Kill native bullets AND the new ::marker bullets */
body.dept-left-sidebar aside#sidebar .widget_nav_menu ul,
body.dept-left-sidebar aside#sidebar .widget_nav_menu ol,
body.dept-left-sidebar aside#sidebar .widget_nav_menu li,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu ul,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu ol,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu li{
  list-style: none !important;
  list-style-type: none !important;
}

/* Some browsers still show markers unless explicitly killed */
body.dept-left-sidebar aside#sidebar .widget_nav_menu li::marker,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu li::marker{
  content: "" !important;
}

/* 2) Remove ANY dot injected via pseudo elements on LI or A */
body.dept-left-sidebar aside#sidebar .widget_nav_menu li::before,
body.dept-left-sidebar aside#sidebar .widget_nav_menu li::after,
body.dept-left-sidebar aside#sidebar .widget_nav_menu a::before,
body.dept-left-sidebar aside#sidebar .widget_nav_menu a::after,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu li::before,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu li::after,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu a::before,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu a::after{
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 3) Remove ANY dot injected via background images */
body.dept-left-sidebar aside#sidebar .widget_nav_menu li,
body.dept-left-sidebar aside#sidebar .widget_nav_menu a,
body.dept-left-sidebar aside#sidebar .widget_nav_menu ul,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu li,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu a,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu ul{
  background-image: none !important;
}

/* 4) Reset left spacing so dots don’t “reserve space” */
body.dept-left-sidebar aside#sidebar .widget_nav_menu ul,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu ul{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Keep submenu indent (since we removed UL padding) */
body.dept-left-sidebar aside#sidebar .widget_nav_menu .sub-menu,
body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu .sub-menu{
  padding-left: 16px !important;
  margin-left: 0 !important;
}

/* =========================================================
   LIBRARY SIDEBAR: Desktop stays on side (1 column menu)
   Tablet/Mobile (1024↓): sidebar moves BELOW content + menu goes 2 columns
   Targets only the Library menu widget/container
   ========================================================= */

/* Tablet + Mobile (1024 and lower) */
@media (max-width: 1024px){

  /* 1) Make the layout stack: content first, sidebar second */
  body.dept-left-sidebar .wrap_site.layout_2{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.dept-left-sidebar .wrap_site.layout_2 #main-content.main{
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    max-width: 100% !important;
  }

  body.dept-left-sidebar .wrap_site.layout_2 #sidebar,
  body.dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;

    position: static !important;   /* kill sticky on tablet/mobile */
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;

    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) ONLY the Library menu becomes 2 columns */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul.menu,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul#menu-library,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 12px !important;      /* row gap | column gap */
    padding-left: 0 !important;
    margin: 0 !important;
  }

  /* Library menu items behave like “cells” */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul > li{
    margin: 0 !important;
    border-top: 0 !important;      /* prevents li+li divider weirdness */
    padding-top: 0 !important;
  }

  /* Keep your nice big clickable rows */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul > li > a{
    display: block;
    width: 100%;
  }

  /* If submenus exist, keep them readable */
  body.dept-left-sidebar aside#sidebar .menu-library-container .sub-menu{
    grid-column: 1 / -1 !important;
    display: block !important;
    padding-left: 16px !important;
    margin-top: 6px !important;
  }
}

/* Phones: keep 2 columns, but tighten spacing + text so it fits cleanly */
@media (max-width: 520px){

  /* Still 2 columns (don’t change grid-template-columns) */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul.menu,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul#menu-library,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul{
    gap: 6px 8px !important;      /* tighter row/column gaps */
  }

  /* Make the tap targets fit without looking like bricks */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul > li > a{
    padding: 7px 8px !important;  /* tighter than tablet */
    font-size: 14px !important;   /* adjust if needed */
    line-height: 1.15 !important;
  }

  /* If anything is still long, let it wrap nicely */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul > li > a{
    white-space: normal !important;
    word-break: break-word;
  }
}

/* =========================================================
   DEPT SIDEBAR (<=1024): clean dividers when stacked
   ========================================================= */
@media (max-width: 1024px){

  /* Remove the full-width "li + li" divider */
  body.dept-left-sidebar aside#sidebar .widget_nav_menu li + li,
  body.dept-left-sidebar aside#sidebar-woo .widget_nav_menu li + li{
    border-top: none !important;
  }

  /* Add controlled divider inside each item */
  body.dept-left-sidebar aside#sidebar .widget_nav_menu ul.menu > li{
    border-top: 1px solid rgba(0,0,0,0.10);
  }

  /* Remove divider from first item */
  body.dept-left-sidebar aside#sidebar .widget_nav_menu ul.menu > li:first-child{
    border-top: none;
  }

}

/* ==========================================
   Sidebar: remove ALL divider lines (every level)
   ========================================== */

.dept-left-sidebar #sidebar .widget_nav_menu li,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li{
  border-top: none !important;
}

.dept-left-sidebar #sidebar .widget_nav_menu li::before,
.dept-left-sidebar #sidebar .widget_nav_menu li::after,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li::after{
  content: none !important;
  display: none !important;
}

/* Also ensure no borders on sub-menus */
.dept-left-sidebar #sidebar .widget_nav_menu .sub-menu li,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu li{
  border: none !important;
}

/* Responsive Google Calendar embed */
.gcal-embed{
  width: 100%;
  height: clamp(520px, 85vh, 900px); /* grows on bigger screens, tall on phones */
  overflow: hidden;
  border-radius: 12px; /* optional */
}

/* Make the iframe actually fill the box */
.gcal-embed iframe{
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
}

@media (max-width: 767px){
  .gcal-embed{ height: 85vh; }
}

@media (min-width: 768px) and (max-width: 1024px){
  .gcal-embed{ height: 75vh; }
}

/* =========================================================
   SideBar Menu Top of Page (Tablet + Phone) + breathing room
   ========================================================= */
@media (max-width: 1024px){

  .dept-left-sidebar .wrap_site.layout_2{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    /* breathing room ONLY on tablet/phone */
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Sidebar first (below header, above title/content) */
  .dept-left-sidebar .wrap_site.layout_2 #sidebar,
  .dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
    order: 1 !important;
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  /* Content second (includes the page title) */
  .dept-left-sidebar .wrap_site.layout_2 #main-content.main{
    order: 2 !important;
    margin: 0 !important;
  }
}


/* =========================================================
   Tablet: horizontal chips + keep children, DISPLAY as same level
   ========================================================= */
@media (min-width: 769px) and (max-width: 1024px){

  /* Make the top menu a wrapping chip row */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 7px;                 /* tighter */
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }

  /* Flatten parent LI that contains submenu so children can flow as peers */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li.menu-item-has-children,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li.menu-item-has-children{
    display: contents;
  }

  /* Flatten submenu wrapper */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li > ul.sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li > ul.sub-menu{
    display: contents;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* All items (parents + children) */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu li,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu li{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Style all links as chips */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu a{
    display: inline-block;
    padding: 6px 8px !important;   /* tighter chip */
    border-radius: 999px;
    background: rgba(1,44,79,0.08);
    white-space: nowrap;
    line-height: 1.05;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu a:hover,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu a:hover{
    background: rgba(1,44,79,0.14);
  }

  /* Current page chip */
  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a{
    background: rgba(1,44,79,0.18);
    font-weight: 700;
  }
}


/* =========================================================
   Phone: keep vertical menu, much tighter spacing (keep bullets)
   ========================================================= */
@media (max-width: 768px){

  .dept-left-sidebar #sidebar .widget_nav_menu ul,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul{
    padding-left: 16px;
    margin: 0;
    list-style: disc;              /* ensure bullets */
    list-style-position: outside;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li{
    margin: 1px 0;
    line-height: 1.2;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li > a{
    padding: 1px 0 !important;
    display: inline;               /* keeps bullet alignment */
  }

  .dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
    padding-left: 12px;
    margin-top: 1px;
  }
}

/* Phone: ultra-compact vertical spacing (for long menus like Library) */
@media (max-width: 768px){

  .dept-left-sidebar #sidebar .widget_nav_menu li,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li{
    margin: 0 !important;          /* tighter */
    line-height: 1.15 !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li > a{
    padding: 0 !important;         /* tightest */
  }

  .dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
    margin-top: 0 !important;
  }
}

/* Tablet: tighter chips + tighter gaps when the menu wraps a lot */
@media (min-width: 769px) and (max-width: 1024px){

  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu{
    gap: 4px 6px !important;       /* tighter */
  }

  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu a{
    padding: 5px 7px !important;   /* smaller chips */
    line-height: 1.0 !important;
  }
}

/* Tablet + Phone: cap menu height & scroll inside (great for Library) */
@media (max-width: 1024px){
  .dept-left-sidebar #sidebar .widget_nav_menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu{
    max-height: 40vh;
    overflow: auto;
    padding-right: 6px;
  }
}


/* =========================================================
   Accessibility Code (safe)
   - Desktop only for dropdown-open rules
   - Scoped to PRIMARY menu only
   ========================================================= */

/* Visible focus in the main menu (safe everywhere) */
#menu-primary-menu a:focus-visible,
#menu-primary-menu button:focus-visible{
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Global visible focus for menu links (SAFE – does not change layout) */
ul.menu a:focus-visible{
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Sidebar menu: inset focus ring so it never gets clipped */
.dept-left-sidebar #sidebar .widget_nav_menu a:focus-visible,
.dept-left-sidebar #sidebar-woo .widget_nav_menu a:focus-visible{
  outline: none !important;
  box-shadow: inset 0 0 0 3px currentColor !important;
  border-radius: 10px;
}

/* Home quick links: circular focus ring on the card */
.quick-link-anchor{ display:inline-block; }
.quick-link-anchor:focus-visible .quick-link-card{
  outline: none !important;
  box-shadow: 0 0 0 4px #fff, 0 0 0 7px #012c4f !important;
  border-radius: 50% !important;
}

/* ------------------------------
   Desktop dropdown behavior ONLY
   ------------------------------ */
@media (min-width: 1025px){

  /* Open dropdown when toggle button receives focus */
  #menu-primary-menu li.menu-item-has-children > button.dropdown-toggle:focus + ul.dropdown-menu,
  #menu-primary-menu li.menu-item-has-children > button.dropdown-toggle:focus-visible + ul.dropdown-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Keep dropdown open while tabbing inside it */
  #menu-primary-menu li.menu-item-has-children:focus-within > ul.dropdown-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* If JS toggles .is-kb-open, keep it */
  #menu-primary-menu li.menu-item-has-children.is-kb-open > ul.dropdown-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Stacking ONLY on desktop so dropdown sits above */
  #menu-primary-menu li.menu-item-has-children:focus-within{
    position: relative;
    z-index: 100000 !important;
  }
  #menu-primary-menu ul.dropdown-menu{
    z-index: 100001 !important;
  }

  /* Prevent header wrappers from clipping dropdowns (desktop only) */
  .ova_menu_clasic,
  .ova_wrap_nav,
  .ova_nav{
    overflow: visible !important;
    position: relative;
    z-index: 9999;
  }
}
/* ===============================
   Zoom Webinar Info Centering
   =============================== */

/* Center the webinar info block */
.zoom_info {
  text-align: center;
}

/* Center the blue date line */
.zoom_info .date {
  text-align: center;
}

/* Center the Add to calendar line */
.zoom_info .stm-calendar-links {
  text-align: center;
}

/* Keep links inline but centered */
.zoom_info .stm-calendar-links a {
  display: inline-block;
}

/* Center the buttons and keep spacing nice */
.zoom_info .stm-join-btn {
  display: inline-block;
  float: none !important;
  margin: 10px 8px 0;
}

/* Ensure buttons sit centered on their own row */
.zoom_info .stm-join-btn:first-of-type {
  margin-left: 0;
}

/* Optional: wrap buttons nicely on mobile */
@media (max-width:600px){

  a.join_in_menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:280px !important;
    margin:12px auto !important;

    padding:14px 18px !important;
    text-align:center !important;
    line-height:1.2 !important;
  }

}
/* =========================================================
   ACCESSIBILITY — FINAL (place at VERY BOTTOM of style.css)
   ========================================================= */

/* 1) Skip Link */
.skip-link{
  position: absolute;
  top: -60px;
  left: 12px;
  z-index: 999999;
  background: #000;
  color: #fff;
  padding: 10px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
}
.skip-link:focus,
.skip-link:focus-visible{
  top: 12px;
}

/* 2) Global visible focus (WCAG 2.4.7)
   Use focus-visible so mouse clicks don't show rings everywhere */
:focus{ outline: none; }
:focus-visible{
  outline: 3px solid #ffbf47;
  outline-offset: 2px;
}

/* 4) Keyboard-friendly dropdowns (desktop only) */
@media (min-width: 1025px){
  #menu-primary-menu li.menu-item-has-children:focus-within > ul.dropdown-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* 5) Sidebar menu focus: inset ring so it never gets clipped */
.dept-left-sidebar #sidebar .widget_nav_menu a:focus-visible,
.dept-left-sidebar #sidebar-woo .widget_nav_menu a:focus-visible{
  outline: none !important;
  box-shadow: inset 0 0 0 3px currentColor !important;
  border-radius: 10px;
}

/* Link styling without underlines */
a {
  text-decoration: none;
  color: #0d3559;
}

a:hover,
a:focus-visible {
  color: #800000; /* accent color */
}

.skip-link {
  position: absolute;
  left: -999px;
  top: auto;
}

.skip-link:focus {
  left: 20px;
  top: 20px;
  background: #000;
  color: #fff;
  padding: 10px 14px;
  z-index: 9999;
}

/* =========================================================
   HOME ONLY — Featured News Owl Carousel
   Equal Height Cards + Image Crop + Title Clamp
   + Bold Tight Card Shadow
   ========================================================= */

/* make carousel items equal height */
.home .ova-wrap-grid.owl-carousel .owl-stage {
  display: flex;
}

.home .ova-wrap-grid.owl-carousel .owl-item {
  display: flex;
  height: auto !important;
}

/* card structure */
.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap,
.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap .wrap-article{
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;

  /* ⭐ bold tight shadow */
  box-shadow:
    0 6px 12px rgba(0,0,0,.35),
    0 0 0 1px rgba(0,0,0,.15);

  transition: transform .15s ease, box-shadow .15s ease;
}

/* hover depth */
.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap:hover .wrap-article{
  transform: translateY(-3px);
  box-shadow:
    0 10px 18px rgba(0,0,0,.45),
    0 0 0 1px rgba(0,0,0,.20);
}

/* Fixed image window */
.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap .post-media{
  height: 170px; /* adjust if needed */
  overflow: hidden;
  flex-shrink: 0;
}

.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap .post-media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* content fills remaining space */
.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap .evgovt-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 14px;
}

/* clamp title height */
.home .ova-wrap-grid.owl-carousel .owl-item article.post-wrap h2.post-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  line-height: 1.2;
  min-height: calc(1.2em * 2);
  margin-top: 10px;
}

/* =========================================
   Explore cards — contrast fix WITHOUT darkening image
   (puts a subtle dark backdrop behind text only)
   ========================================= */

.history-card .elementor-cta__content{
  z-index: 2;
}

/* Title: add a readable backdrop */
.history-card .elementor-cta__title{
  display: inline-block;
  padding: .25em .45em;
  border-radius: .35em;
  background: rgba(0,0,0,.55);  /* tweak .45–.70 */
  color: #fff !important;
  text-shadow: none !important; /* backdrop replaces it */
  line-height: 1.2;
}

/* If you also have description text on image */
.history-card .elementor-cta__description{
  display: inline-block;
  margin-top: .35em;
  padding: .2em .4em;
  border-radius: .35em;
  background: rgba(0,0,0,.45);
  color: #fff !important;
}

/* =========================================================
   HISTORY CARDS — blur plate behind the TITLE LINK
   (Targets: h3.title a.second_font)
   ========================================================= */

/* Make sure the card doesn’t clip the blur plate */
.history-card,
.history-card *{
  /* only matters if something is clipping; harmless otherwise */
}

/* Apply the plate to the clickable title text */
.history-card h3.title a.second_font{
  display: inline-block !important;      /* hug the text */
  position: relative !important;
  z-index: 5 !important;

  padding: 4px 10px !important;
  border-radius: 10px !important;

  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.10),
    rgba(0,0,0,0.22)
  ) !important;

  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;

  /* soft “halo” without changing your text color */
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.35)) !important;

  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;

  text-decoration: none !important;
}

/* If the card background layer is sitting above the text, force order */
.history-card h3.title{
  position: relative !important;
  z-index: 5 !important;
}

/* Tighter on tablet + mobile like you asked */
@media (max-width:1024px){
  .history-card h3.title a.second_font{
    padding: 3px 8px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
  }
}

@media (max-width:767px){
  .history-card h3.title a.second_font{
    padding: 2px 6px !important;
    border-radius: 6px !important;
  }
}
/* FOOTER spacer: force 40px gap on all pages */
.elementor-3677 .elementor-element.elementor-element-fa4be11 .elementor-spacer-inner{
  height: 40px !important;
  min-height: 40px !important;
}

/* =========================================================
   Tablet + down: make YouTube/Vimeo embeds truly responsive
   Fixes "tiny centered video with huge empty/black area"
   ========================================================= */
@media (max-width: 1024px){

  /* Elementor video widget wrapper */
  .elementor-widget-video .elementor-wrapper{
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Elementor iframe */
  .elementor-widget-video .elementor-wrapper iframe,
  .elementor-widget-video iframe.elementor-video{
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  /* If something is forcing a fixed height, this restores proper 16:9 */
  .elementor-widget-video .elementor-wrapper{
    aspect-ratio: 16 / 9;
  }

  /* Catch “manual” embeds too */
  .elementor-widget-container iframe[src*="youtube"],
  .elementor-widget-container iframe[src*="youtu.be"],
  .elementor-widget-container iframe[src*="vimeo"]{
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    display: block !important;
  }
}

/* =========================================================
   SINGLE POSTS — featured image polish
   ========================================================= */

.single-post article.post-wrap .post-media{
  margin-top: 28px;
}

.single-post .single-post-egovt{
  padding-top: 28px;
}

/* Featured image shadow — single post pages only */
.single-post article.post-wrap .post-media img.wp-post-image{
  border-radius: 6px;
  box-shadow: 0px 1px 3px 1px black;
  display: block;
}

.single-post article.post-wrap .post-media{
  overflow: visible !important;
}

/* SR7 — softened contrast overlay */
sr7-module#SR7_6_1 sr7-txt.sr7-layer{
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.10),
    rgba(0,0,0,0.14)
  ) !important;

  padding: 6px 10px !important;
  border-radius: 12px !important;

  /* softer glow */
  filter: drop-shadow(0 6px 12px rgba(0,0,0,0.35)) !important;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);

  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

span.clndr-next-button,
span.clndr-previous-button{
  font-weight: 700 !important;
  letter-spacing: .3px;
}

.clndr-next-button,
.clndr-previous-button{
  color: #fff !important;
}

@media (max-width: 767px) {
  .clndr-controls .clndr-previous-button,
  .clndr-controls .clndr-next-button {
    color: transparent !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
  }
}

/* Social icon halo for visibility */
/*.ova_social .ova-framework-icon{

  /* thin dark border ring */
 /* box-shadow:
    0 2px 6px rgba(0,0,0,.45),   /* depth shadow */
/*    0 0 0 1.5px rgba(0,0,0,.70); /* thin dark border */

  /* crisp near-black text shadow */
/*  text-shadow:
    0 1px 1px rgba(0,0,0,.85),
    0 2px 2px rgba(0,0,0,.65);
}

.ova_social .ova-framework-icon i,
.ova_social .ova-framework-icon svg {

  text-shadow:
    0 1px 1px rgba(0,0,0,.95),
    0 2px 2px rgba(0,0,0,.85),
    0 0 1px rgba(0,0,0,1);
	color: #ffffff;
    fill: #ffffff;
}

.ova-framework-screen-only{
  color: #000 !important;
}
*/
#insta-icon .elementor-icon {
  font-size: 36px; /* increase this */
}
/* =========================================================
   OVA social icon screen-reader text — hide visually only
   (fixes contrast errors without affecting accessibility)
   ========================================================= */
/* HARD stop: prevent screen-only text inside social icons from being “painted” */
.ova-framework-social-icon .ova-framework-screen-only{
  position: absolute !important;
  left: -9999px !important;

  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;

  /* KEY: scanners still see contrast if it inherits bg */
  background: transparent !important;
  background-color: transparent !important;
  color: transparent !important;

  /* extra: prevent any accidental rendering box */
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* =========================================================
   CLNDR MINI CALENDAR — Contrast fix (bright colors)
   Keep background colors, adjust day number color
   ========================================================= */

:root{
  --clndr-dark-text: #0b1f2a; /* deep navy */
  --clndr-light-text: #ffffff;
}

/* Bright backgrounds -> DARK number */
.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings .day-contents, /* yellow */
.cal1 .clndr .clndr-table td.day.event_type-finance-measure-i-committee-meetings .day-contents, /* green */
.cal1 .clndr .clndr-table td.day.event_type-library-board-of-trustees-meetings .day-contents /* orange */
{
  color: var(--clndr-dark-text) !important;
  text-shadow: none !important;
}

/* Darker backgrounds -> WHITE number (explicit, so nothing “inherits” wrong) */
.cal1 .clndr .clndr-table td.day.event_type-planning-commission-meetings .day-contents, /* blue */
.cal1 .clndr .clndr-table td.day.event_type-city-hall-closed-holiday .day-contents,     /* purple */
.cal1 .clndr .clndr-table td.day.event_type-special-events .day-contents                /* red */
{
  color: var(--clndr-light-text) !important;
  text-shadow: none !important;
}

/* =========================================================
   CLNDR MINI CALENDAR — Contrast fix (ONLY bright colors)
   Yellow + Green + Orange -> dark number text
   ========================================================= */

.cal1 .clndr .clndr-table td.day.event_type-city-council-meetings .day-contents, /* yellow */
.cal1 .clndr .clndr-table td.day.event_type-finance-measure-i-committee-meetings .day-contents, /* green */
.cal1 .clndr .clndr-table td.day.event_type-library-board-of-trustees-meetings .day-contents /* orange */
{
  color: #0b1f2a !important;   /* deep navy (not black) */
  text-shadow: none !important;
}


/* =========================================
   Constant Contact — FINAL STABLE VERSION
   ========================================= */

/* Outer wrapper */
.ctct-inline-form {
  max-width: 1100px;
  margin: 0 auto;
  overflow: visible !important;
  background: transparent !important;
}

/* Kill ALL widget container styling (THIS was missing) */
.ctct-inline-form,
.ctct-inline-form .ctct-form-container,
.ctct-inline-form .ctct-form-defaults,
.ctct-inline-form .ctct-form-custom,
.ctct-inline-form form,
.ctct-inline-form p {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide all CC junk */
.ctct-inline-form .ctct-form-header,
.ctct-inline-form .ctct-form-text,
.ctct-inline-form .ctct-text-block,
.ctct-inline-form label,
.ctct-inline-form .ctct-required,
.ctct-inline-form .ctct-label-required,
.ctct-inline-form .ctct-disclosure,
.ctct-inline-form .ctct-form-footer,
.ctct-inline-form .ctct-branding,
.ctct-inline-form .ctct-form-branding,
.ctct-inline-form small,
.ctct-inline-form #gdpr_text,
.ctct-inline-form #success_message_0,
.ctct-inline-form #error_message_0,
.ctct-inline-form #network_error_message_0,
.ctct-inline-form .ctct-form-errorMessage {
  display: none !important;
}

/* Inputs */
.ctct-inline-form input[type="text"],
.ctct-inline-form input[type="email"] {
  padding: 0 16px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-size: 17px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  box-sizing: border-box !important;
}

/* Button */
.ctct-inline-form .ctct-form-button,
.ctct-inline-form input[type="submit"] {
  background: #800000 !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.3) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* Hover */
.ctct-inline-form .ctct-form-button:hover,
.ctct-inline-form input[type="submit"]:hover {
  background: #ffa415 !important;
  color: #012c4f !important;
}

/* Click */
.ctct-inline-form .ctct-form-button:active,
.ctct-inline-form input[type="submit"]:active {
  background: #ffa415 !important;
  color: #012c4f !important;
  transform: scale(0.98);
}

/* =========================================
   DESKTOP — GRID (fixes button forever)
   ========================================= */
@media (min-width: 1025px) {

  .ctct-inline-form form#ctct_form_0 {
    display: grid !important;
    grid-template-columns: 150px 150px 150px 150px !important;
    column-gap: 16px !important;
  }

  .ctct-inline-form #email_address_0,
  .ctct-inline-form #first_name_0,
  .ctct-inline-form #last_name_0,
  .ctct-inline-form .ctct-form-button {
    width: 150px !important;
    height: 50px !important;
  }
}

/* =========================================
   TABLET + MOBILE
   ========================================= */
@media (max-width: 1024px) {

  .ctct-inline-form form#ctct_form_0 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  div.ctct-inline-form form#ctct_form_0 input,
  div.ctct-inline-form form#ctct_form_0 .ctct-form-button {
    width: 300px !important;
    height: 46px !important;
  }
}

@media (max-width: 767px) {

  div.ctct-inline-form form#ctct_form_0 input,
  div.ctct-inline-form form#ctct_form_0 .ctct-form-button {
    width: 260px !important;
  }
}

/* KILL CONSTANT CONTACT BACKGROUND WRAPPER */
.ctct-inline-form .ctct-form-defaults[data-qe-id="form-background"] {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Desktop — drop the form slightly lower */
@media (min-width: 1025px) {
  .elementor-element-5dfa19e .elementor-widget-wrap {
    padding-top: 14px !important;
  }
}

/* Sidebar-menu collapse */

/* Hide submenus by default */
.dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
  display: none;
  margin-top: 6px;
}

/* Open state */
.dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu{
  display: block;
}

/* Parent item */
.dept-left-sidebar #sidebar .widget_nav_menu li.menu-item-has-children,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li.menu-item-has-children{
  position: relative;
}

/* Row that holds text + caret */
.dept-menu-row{
  display: flex;
  align-items: center;
  justify-content: flex-start; /* key change */
  gap: 4px;
}

/* Parent link */
.dept-left-sidebar #sidebar .widget_nav_menu li.menu-item-has-children > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li.menu-item-has-children > .dept-menu-row > a{
  flex: 0 1 auto;
  display: inline-block;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* Caret button */
.dept-sidebar-toggle{
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  margin-left: 2;
  z-index: 3;
  font-size: 0;
  line-height: 0;
}

/* Draw caret */
.dept-sidebar-toggle::before{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  border-right: 2px solid #012C4F;
  border-bottom: 2px solid #012C4F;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

/* Rotate when open */
li.is-open > .dept-menu-row > .dept-sidebar-toggle::before{
  transform: rotate(45deg);
}

/* Tablet/mobile */
@media (max-width: 1024px){
  .dept-menu-row{
    gap: 1px;
  }

  .dept-sidebar-toggle{
    width: 12px;
    height: 12px;
  }

  .dept-sidebar-toggle::before{
    width: 5px;
    height: 5px;
  }
}

/* =========================================================
   FINAL OVERRIDE — tablet/phone keep collapsible submenus
   while allowing big menus (like Library) to stay 2 columns
   ========================================================= */

/* =========================
   TABLET
   ========================= */
@media (min-width: 769px) and (max-width: 1024px){

  /* Undo any flattening */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li.menu-item-has-children,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li.menu-item-has-children,
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li > ul.sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li > ul.sub-menu{
    display: block !important;
  }

  /* Keep arrows visible */
  .dept-sidebar-toggle{
    display: inline-block !important;
  }

  /* Keep Library (and similar large menus) in 2 columns */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul.menu,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul#menu-library,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 24px !important;
    row-gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide submenus by default */
  body.dept-left-sidebar aside#sidebar .menu-library-container .sub-menu{
    display: none !important;
    padding-left: 12px !important;
    margin-top: 4px !important;
  }

  /* Open when clicked */
  body.dept-left-sidebar aside#sidebar li.is-open > .sub-menu{
    display: block !important;
  }
}


/* =========================
   PHONE
   ========================= */
@media (max-width: 768px){

  /* Keep arrows visible */
  .dept-sidebar-toggle{
    display: inline-block !important;
  }

  /* Hide submenus by default */
  .dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
    display: none !important;
  }

  /* Open when clicked */
  .dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu{
    display: block !important;
  }
}

/* Force collapsed submenus on tablet/mobile */
@media (max-width: 1024px){
  .dept-left-sidebar #sidebar .widget_nav_menu li.menu-item-has-children > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li.menu-item-has-children > .sub-menu{
    display: none !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li.menu-item-has-children.is-open > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li.menu-item-has-children.is-open > .sub-menu{
    display: block !important;
  }
}

/* =========================================================
   FINAL FIX — Library/tablet/mobile submenus stay hidden
   until arrow click opens them
   Put this at the VERY BOTTOM of style.css
   ========================================================= */

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px){

  /* Undo the old flattening rules */
  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li.menu-item-has-children,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li.menu-item-has-children{
    display: block !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li > ul.sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li > ul.sub-menu{
    display: none !important;
    padding-left: 12px !important;
    margin-top: 4px !important;
    list-style: none !important;
  }

  /* Open only when JS adds .is-open */
  .dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu{
    display: block !important;
  }

  /* Keep arrows visible on tablet */
  .dept-sidebar-toggle{
    display: inline-block !important;
  }

  /* Library menu can still stay 2 columns */
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul.menu,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul#menu-library,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 24px !important;
    row-gap: 8px !important;
  }

  /* But submenus inside Library stay hidden until opened */
  body.dept-left-sidebar aside#sidebar .menu-library-container .sub-menu{
    display: none !important;
    grid-column: auto !important;
    padding-left: 12px !important;
    margin-top: 4px !important;
  }

  body.dept-left-sidebar aside#sidebar .menu-library-container li.is-open > .sub-menu{
    display: block !important;
  }
}


/* Phone */
@media (max-width: 768px){

  .dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
    display: none !important;
    padding-left: 12px !important;
    margin-top: 4px !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu{
    display: block !important;
  }

  .dept-sidebar-toggle{
    display: inline-block !important;
  }
}

/* =========================================================
   FINAL ACTIVE STATE FIX — tablet + mobile
   Put this at the VERY BOTTOM of style.css
   ========================================================= */

/* Exact current page = blue/grey highlight
   Works for both normal items and wrapped parent items */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > .dept-menu-row > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > .dept-menu-row > a{
  background: rgba(13,53,89,0.12) !important;
  border-left: 4px solid #0d3559 !important;
  color: #012C4F !important;
  font-weight: 700 !important;
  padding-left: 12px !important;
  border-radius: 8px !important;
}

/* Parent item when viewing a child page */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > a{
  color: #012C4F !important;
  font-weight: 700 !important;
}

/* Keep parent caret blue too */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before{
  border-right-color: #012C4F !important;
  border-bottom-color: #012C4F !important;
}

/* Re-assert the same behavior on tablet/mobile because those rules override earlier ones */
@media (max-width: 1024px){

  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > .dept-menu-row > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > .dept-menu-row > a{
    background: rgba(13,53,89,0.12) !important;
    border-left: 4px solid #0d3559 !important;
    color: #012C4F !important;
    font-weight: 700 !important;
    padding-left: 12px !important;
    border-radius: 8px !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > a{
    color: #012C4F !important;
    font-weight: 700 !important;
    background: transparent !important;
    border-left: none !important;
    padding-left: 0 !important;
  }
}

/* Keep current/open submenu visible */
.dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu{
  display: block !important;
}

/* =========================================================
   FINAL ACTIVE + STAY-OPEN FIX
   Put this at the VERY BOTTOM of style.css
   ========================================================= */

/* Current page highlight — works for wrapped parent items too */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > .dept-menu-row > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > .dept-menu-row > a{
  background: rgba(13,53,89,0.12) !important;
  border-left: 4px solid #0d3559 !important;
  color: #012C4F !important;
  font-weight: 700 !important;
  padding-left: 12px !important;
  border-radius: 8px !important;
}

/* Parent item when on a child page */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > a{
  color: #012C4F !important;
  font-weight: 700 !important;
}

/* Keep current parent section OPEN */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .sub-menu,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .sub-menu,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .sub-menu,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .sub-menu{
  display: block !important;
}

/* Make parent caret stay in "open" position */
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before{
  transform: rotate(45deg) !important;
  border-right-color: #012C4F !important;
  border-bottom-color: #012C4F !important;
}

/* Re-assert on tablet/mobile because those rules are overriding earlier ones */
@media (max-width: 1024px){
  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > .dept-menu-row > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > .dept-menu-row > a{
    background: rgba(13,53,89,0.12) !important;
    border-left: 4px solid #0d3559 !important;
    color: #012C4F !important;
    font-weight: 700 !important;
    padding-left: 12px !important;
    border-radius: 8px !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > a{
    color: #012C4F !important;
    font-weight: 700 !important;
  }

  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .sub-menu,
  .dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .sub-menu,
  .dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .sub-menu,
  .dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .sub-menu{
    display: block !important;
  }
}


/* =========================================================
   FINAL OVERRIDE — DEPT/LIBRARY SIDEBAR
   Force desktop-style layout + menu behavior on all devices
   Put this at the VERY BOTTOM of style.css
   ========================================================= */

/* Keep the same left-sidebar layout everywhere */
body.dept-left-sidebar .wrap_site.layout_2{
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  grid-template-rows: auto !important;
  gap: 15px !important;
  align-items: start !important;
  padding-top: 0 !important;
}

/* Sidebar stays left everywhere */
body.dept-left-sidebar .wrap_site.layout_2 #sidebar,
body.dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  order: initial !important;

  width: 100% !important;
  max-width: 280px !important;

  float: none !important;
  clear: none !important;

  margin: 0 !important;
  padding-top: 0 !important;
  padding-right: 6px !important;

  position: sticky !important;
  top: 110px !important;
  max-height: calc(100vh - 140px) !important;
  overflow: auto !important;
  align-self: start !important;
}

/* Content stays right everywhere */
body.dept-left-sidebar .wrap_site.layout_2 #main-content.main{
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
  order: initial !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Kill all alternate tablet/mobile menu layouts */
body.dept-left-sidebar #sidebar .widget_nav_menu ul.menu,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu,
body.dept-left-sidebar aside#sidebar .menu-library-container > ul.menu,
body.dept-left-sidebar aside#sidebar .menu-library-container > ul#menu-library,
body.dept-left-sidebar aside#sidebar .menu-library-container > ul,
body.dept-left-sidebar aside#sidebar-woo .menu-library-container > ul.menu,
body.dept-left-sidebar aside#sidebar-woo .menu-library-container > ul#menu-library,
body.dept-left-sidebar aside#sidebar-woo .menu-library-container > ul{
  display: block !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep normal vertical menu items */
body.dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li,
body.dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li.menu-item-has-children,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li.menu-item-has-children{
  display: block !important;
  margin: 4px 0 !important;
  padding: 0 !important;
}

/* Keep desktop-style submenu collapse everywhere */
body.dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
  display: none !important;
  padding-left: 16px !important;
  margin-top: 6px !important;
  list-style: none !important;
}

body.dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu,
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .sub-menu,
body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .sub-menu,
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .sub-menu,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .sub-menu,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .sub-menu,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .sub-menu{
  display: block !important;
}

/* Keep desktop-style links everywhere */
body.dept-left-sidebar #sidebar .widget_nav_menu a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu a{
  display: block !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  font-size: 1rem !important;
}

/* Keep caret visible and same size everywhere */
.dept-sidebar-toggle{
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
}

.dept-sidebar-toggle::before{
  width: 6px !important;
  height: 6px !important;
}

/* Re-assert current page style for wrapped parent rows */
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > .dept-menu-row > a,
body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > .dept-menu-row > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > .dept-menu-row > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > .dept-menu-row > a{
  background: rgba(13,53,89,0.12) !important;
  border-left: 4px solid #0d3559 !important;
  color: #012C4F !important;
  font-weight: 700 !important;
  padding-left: 12px !important;
  border-radius: 8px !important;
}

/* Re-assert parent/ancestor styling */
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > a{
  color: #012C4F !important;
  font-weight: 700 !important;
}

/* Keep open parent caret rotated */
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before{
  transform: rotate(45deg) !important;
  border-right-color: #012C4F !important;
  border-bottom-color: #012C4F !important;
}

/* =========================================================
   FINAL OVERRIDE — DEPT/LIBRARY SIDEBAR
   Desktop stays left sidebar
   Tablet + mobile = menu at top, but same desktop menu styling/behavior
   Put this at the VERY BOTTOM of style.css
   ========================================================= */

/* -------------------------
   DESKTOP (1025+)
   Keep normal left sidebar
   ------------------------- */
@media (min-width: 1025px){
  body.dept-left-sidebar .wrap_site.layout_2{
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    grid-template-rows: auto !important;
    gap: 15px !important;
    align-items: start !important;
  }

  body.dept-left-sidebar .wrap_site.layout_2 #sidebar,
  body.dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    order: initial !important;
    width: 100% !important;
    max-width: 280px !important;
    position: sticky !important;
    top: 110px !important;
    max-height: calc(100vh - 140px) !important;
    overflow: auto !important;
    padding-right: 6px !important;
    margin: 0 !important;
  }

  body.dept-left-sidebar .wrap_site.layout_2 #main-content.main{
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    order: initial !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

/* -----------------------------------------
   TABLET + MOBILE (1024 and down)
   Menu at top, content below
   BUT keep desktop-style vertical menu
   ----------------------------------------- */
@media (max-width: 1024px){

  body.dept-left-sidebar .wrap_site.layout_2{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Sidebar/menu first */
  body.dept-left-sidebar .wrap_site.layout_2 #sidebar,
  body.dept-left-sidebar .wrap_site.layout_2 #sidebar-woo{
    order: 1 !important;
    position: static !important;
    max-width: 100% !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  /* Content second */
  body.dept-left-sidebar .wrap_site.layout_2 #main-content.main{
    order: 2 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Kill all alternate tablet/mobile library layouts */
  body.dept-left-sidebar #sidebar .widget_nav_menu ul.menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul.menu,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul#menu-library,
  body.dept-left-sidebar aside#sidebar .menu-library-container > ul,
  body.dept-left-sidebar aside#sidebar-woo .menu-library-container > ul.menu,
  body.dept-left-sidebar aside#sidebar-woo .menu-library-container > ul#menu-library,
  body.dept-left-sidebar aside#sidebar-woo .menu-library-container > ul{
    display: block !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep vertical menu items */
  body.dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li,
  body.dept-left-sidebar #sidebar .widget_nav_menu ul.menu > li.menu-item-has-children,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu ul.menu > li.menu-item-has-children{
    display: block !important;
    margin: 4px 0 !important;
    padding: 0 !important;
  }

  /* Keep desktop-style links */
  body.dept-left-sidebar #sidebar .widget_nav_menu a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu a{
    display: block !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    background: transparent !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    font-size: 1rem !important;
  }

  /* Keep desktop-style submenu behavior */
  body.dept-left-sidebar #sidebar .widget_nav_menu .sub-menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .sub-menu{
    display: none !important;
    padding-left: 16px !important;
    margin-top: 6px !important;
    list-style: none !important;
  }

  body.dept-left-sidebar #sidebar .widget_nav_menu li.is-open > .sub-menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu li.is-open > .sub-menu,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .sub-menu,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .sub-menu,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .sub-menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .sub-menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .sub-menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .sub-menu{
    display: block !important;
  }

  /* Keep caret visible and same size */
  .dept-sidebar-toggle{
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
  }

  .dept-sidebar-toggle::before{
    width: 6px !important;
    height: 6px !important;
  }

  /* Re-assert current page highlight */
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-item > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_item > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-item > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_item > .dept-menu-row > a{
    background: rgba(13,53,89,0.12) !important;
    border-left: 4px solid #0d3559 !important;
    color: #012C4F !important;
    font-weight: 700 !important;
    padding-left: 12px !important;
    border-radius: 8px !important;
  }

  /* Re-assert parent/ancestor styling */
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > a{
    color: #012C4F !important;
    font-weight: 700 !important;
  }

  /* Keep open parent caret rotated */
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
  body.dept-left-sidebar #sidebar .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current_page_ancestor > .dept-menu-row > .dept-sidebar-toggle::before,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .current-menu-parent > .dept-menu-row > .dept-sidebar-toggle::before{
    transform: rotate(45deg) !important;
    border-right-color: #012C4F !important;
    border-bottom-color: #012C4F !important;
  }
}
/* Force consistent phone menu text sizing */
@media (max-width: 768px){
  body.dept-left-sidebar #sidebar .widget_nav_menu li > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu li > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu .dept-menu-row > a{
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
}

/* =========================================================
   LIBRARY MENU POLISH — phone/tablet
   Fix odd single-item sizing + indent menu + push carets right
   ========================================================= */
@media (max-width: 1024px){

  /* bring whole menu in from the left a bit */
  body.dept-left-sidebar #sidebar .widget_nav_menu,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu{
    padding-left: 18px !important;
    padding-right: 8px !important;
  }

  /* all top-level links use the same text sizing */
  body.dept-left-sidebar #sidebar .widget_nav_menu > div > ul.menu > li > a,
  body.dept-left-sidebar #sidebar .widget_nav_menu > div > ul.menu > li > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu > div > ul.menu > li > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu > div > ul.menu > li > .dept-menu-row > a{
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* make parent rows behave like a full-width row */
  .dept-menu-row{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* parent link fills row so caret can sit farther right */
  body.dept-left-sidebar #sidebar .widget_nav_menu li.menu-item-has-children > .dept-menu-row > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu li.menu-item-has-children > .dept-menu-row > a{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    padding-right: 8px !important;
  }

  /* push caret area to the right and make it easier to tap */
  .dept-sidebar-toggle{
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .dept-sidebar-toggle::before{
    width: 7px !important;
    height: 7px !important;
  }

  /* normal non-parent items should visually align with parent rows */
  body.dept-left-sidebar #sidebar .widget_nav_menu > div > ul.menu > li:not(.menu-item-has-children) > a,
  body.dept-left-sidebar #sidebar-woo .widget_nav_menu > div > ul.menu > li:not(.menu-item-has-children) > a{
    display: block !important;
    width: 100% !important;
  }
}

/* Library Updates */
.wrap-left,
.wrap-right {
  width: 250px;
}

.wrap-left {
  float: left;
  margin: 0 20px 10px 0;
}

.wrap-right {
  float: right;
  margin: 0 0 10px 20px;
}

img.wrap-left,
img.wrap-right {
  display: block;
  border-radius: 4px !important;
  box-shadow: 0 2px 4px black !important;
  transform: translateY(15px) !important;
}

/* Tablet + Mobile */
@media (max-width: 1024px) {
  img.wrap-left,
  img.wrap-right {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto 20px auto !important;
    transform: none !important;
  }

  .elementor-widget-text-editor p {
    display: block !important;
    width: 100% !important;
  }
}

  footer p {
    text-align: center !important;
  }
}

.library-hours {
  background: #efefef;
  padding: 16px 20px;
  box-sizing: border-box;
}

.library-hours .hours-title {
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  color: #012c4f;
}

.library-hours .hours-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 4px 0;
}

.library-hours .hours-row:last-child {
  margin-bottom: 0;
}

.library-hours .day,
.library-hours .time {
  font-size: 16px;
  line-height: 1.15;
  color: #4a4a4a;
  margin: 0;
  padding: 0;
}

.library-hours .day {
  font-weight: 900;
  min-width: 110px;
}

.library-hours .time {
  font-weight: 500;
  white-space: nowrap;
}

/* Zoom effect */
.kenburns {
  overflow: hidden;
}

.kenburns img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transform-origin: center center;
  animation: kenburnsZoom 3s ease-out forwards;
}

@keyframes kenburnsZoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.10);
  }
}

/* OUTER — keeps shadow */
.kenburns {
  border-radius: 5px;
  box-shadow: 0 2px 4px black;
}

/* INNER — clips the zoom */
.kenburns .elementor-widget-container {
  overflow: hidden;
  border-radius: 5px;
}

/* Clip slides properly */
.kenburns-carousel .swiper-slide {
  overflow: hidden;
}

/* Base image setup */
.kenburns-carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
}

/* Animate ONLY the active slide */
.kenburns-carousel .swiper-slide-active img {
  animation: kenburnsZoom 7s ease-out forwards;
}

/* Ken Burns animation */
@keyframes kenburnsZoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.06);
  }
}