:root {
  --theme-blue: #254295;
  --theme-green: #8bc34d;
  --theme-backgound: #f7f7f7;
  --theme-light-text: #d8d8d8;
  --theme-light-subtext: #dfdfdf;
  --default-font-color: #000000;
}


.cta3col {
  border-top: 10px solid var(--theme-blue);
}
.cta3col * {
  color: #fff !important;
}

body {
  background: var(--theme-backgound);
}

a {
  text-decoration: none !important;
}

.topBar,
#id_Footer2,
.zoneWAbranding {
  background: var(--theme-blue);
  color: var(--theme-light-text);
}

.topBar .WaLayoutItem {
  vertical-align: middle;
}

.noticebar {
  position: absolute;
  bottom: 200px;
  transform: translateY(100%);
  z-index: 999999;
}

.noticebar .WaGadgetContent {
  background-color: var(--theme-blue);
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  margin: 1rem;
  font-size: 18px;
}

.noticebar .WaGadgetContent a {
  color: #fff;
  text-decoration: underline !important;
}

.noticebar .WaGadgetContent p {
  padding: 0;
  margin: 0;
}

.noticebar .WaGadgetContent p:first-of-type {
  font-weight: bold;
  font-size: 22px;
}

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink {
  color: var(--theme-light-text);
  text-transform: capitalize !important;
  background: none !important;
}

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink:hover {
    color: white !important;
  text-decoration: none !important;
}

.topBar .WaGadgetCustomMenu ul li a,
#id_Footer2 .WaGadgetCustomMenu ul li a {
  color: var(--theme-light-text) !important;
  text-transform: capitalize !important;
  font-weight: normal;
}

.topBar
  .WaGadgetCustomMenu
  ul
  li
  a:hover
  #id_Footer2
  .WaGadgetCustomMenu
  ul
  li
  a:hover {
  color: white !important;
  text-decoration: none !important;
}
.loginPanel {
  z-index: 5000 !important;
  color: var(--theme-blue) !important;
}

.WaGadgetLoginButton
  .loginContainer.authenticated.loginContainer.authenticated
  .loginLink {
  height: 30px !important;
    color: var(--theme-light-text) !important;
}

.WaGadgetLoginButton
  .loginContainer.authenticated.loginContainer.authenticated
  .loginLink:before {
  font: normal 20px / 31px "WA-theme-icons" !important;
}




/* Ensure the header takes up the full viewport */
.video-header {
  position: relative !important;
  width: 100%;
  height: 100vh; /* Full viewport height */
  overflow: hidden; /* Prevents unwanted scrolling */
}

/* Ensure the first gadget (holding the video) fills the header */
.video-header .WaGadgetFirst {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Make the video behave like a background */
.video-bg {
  position: absolute; /* Stays inside .video-header */
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures full coverage */
  transform: translate(-50%, -50%);
  z-index: -1 !important; /* Pushes video behind content */
}

/* Ensure content stays above the video */
.video-content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
}

.mainMenu {
  position: relative;
  float: right !important;
  background: transparent !important;
  padding: 0;
  padding-left: 30px;
  overflow: visible; /* make sure dropdowns can overflow */
}

.mainMenu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
}

/* ensure menu content stays above the pseudo background */
.mainMenu .menuInner {
  position: relative;
  z-index: 1;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul.firstLevel
  > li
  > .item:first-child
  > a {
  padding: 20px 20px;
  color: var(--theme-blue);
  font-size: 18px !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul.firstLevel
  > li
  > .item:first-child
  > a:hover {
  color: var(--theme-green);
}

.mainMenu .menuInner ul.firstLevel > li > .item > a {
  font-size: 18px !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul.firstLevel
  > li:first-child {
  display: none !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul.firstLevel
  > li:last-child {
  background: var(--theme-green) !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul.firstLevel
  > li:last-child
  a {
  color: #fff !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul
  > li.last-child
  > div
  > a {
  color: #fff !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001
  .menuInner
  ul
  > li.last-child
  > div
  > a:hover {
  color: var(--theme-blue) !important;
}

.cta3col .WaLayoutItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  padding: 150px 20px;
  position: relative;
  overflow: hidden;
}

.cta3col .WaGadgetContent {
  color: #fff !important;
  font-weight: bold;
  font-size: 30px;
}

#id_Footer2 {
  padding: 50px 0;
}

.footerEvents .title {
  margin: 0;
}

.footerEvents .date {
  color: var(--theme-light-subtext) !important;
}

.footerEvents .title a {
  color: var(--theme-light-text) !important;
}

.footerEvents .title a:hover {
  color: #fff !important;
}

.footerEvents .location {
  display: none;
}

.headerPageTitle {
  clear: both;
  text-align: center;
  font-size: 40px;
  padding: 45px 0;
  left: -10%;
}

.headerPageTitle li,
.headerPageTitle li:before {
  display: none !important;
}

.headerPageTitle li.last {
  display: block !important;
  color: #fff;
  font-weight: bold;
  width: max-content;
  margin: 0 auto;
  background: #33333399;
  padding: 5px 10px;
  border-radius: 10px;
}

.zoneWAbranding {
  margin: 0;
}
/*hide the switch to calendar view*/
#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventListViewSwitcher_calendarModeLink {
  visibility: hidden;
}
/*removed 'back' from the contact us form page 8*/
#FunctionalBlock1_ctl00_hlBackToProfile {
  visibility: hidden;
}




.cta3col .WaLayoutItem > * {
  position: relative;
  z-index: 2;
}

.cta3col .WaLayoutItem a {
    color: #fff;
    font-weight: bold;
    width: max-content;
    margin: 0 auto;
    background: #33333399;
    padding: 5px 10px;
    border-radius: 10px;
}

.accordion-header, .accordion-content {
  border: 1px solid #ccc;
}

.accordion-header {
  background-color: #f1f1f1;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
  font-size: 19px;
  font-weight: bold;
}

.accordion-header p {
  padding: 0;
  margin: 0;
}

.accordion-content {
  display: none;
  padding: 10px;
  border-top: none;
}


.accordion-content.active {
  display: block;
}


.adminContentView .accordion-content {
  display: block!important;
}


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

  /* reset the list */
  #id_qClnLv8 .boxesList {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* each card becomes a horizontal flex container */
  #id_qClnLv8 .boxesListItem {
    display: flex;
    align-items: stretch;           /* stretch image to full row height */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 24px;
  }

  /* left-hand image panel */
  #id_qClnLv8 .event-image {
    flex: 0 0 200px;                 /* fixed width, auto height */
    overflow: hidden;
  }
  #id_qClnLv8 .event-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;               /* cover the full container */
  }

  /* right-hand content panel */
  #id_qClnLv8 .event-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  /* title styling */
  #id_qClnLv8 .event-title {
    font-size: 1.5rem;
    margin: 0 0 8px;
    color: #333;
  }

  /* date + time styling */
  #id_qClnLv8 .event-date {
    font-size: 1rem;
    margin: 0 0 4px;
    color: #666;
  }

  /* location styling */
  #id_qClnLv8 .event-location {
    font-size: 1rem;
    margin: 0 0 12px;
    color: #666;
  }

  /* description styling */
  #id_qClnLv8 .event-description {
    font-size: 1rem;
    margin: 0;
    flex-grow: 1;
    color: #444;
  }

  /*change bullet points to white */
  #id_W1jHMAR > div > ul > li::marker

{color: #ffffff;}

/*change font size on sponsor event title, date, location */
#id_9jguuuF > div > ul > li > div.title > a {font-size: 24px;}
#id_9jguuuF > div > ul > li > div.date {font-size: 18px;}
#id_9jguuuF > div > ul > li > div.location > span {font-size: 18px;}






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

#id_UjKy74r ul:before {display:none;}

/* Gadget container border radius */
#id_UjKy74r .gadgetStyleBody {
  border-radius: 10px;
  padding: 0;
}

/* LayoutList: always two columns via CSS Grid */
#id_UjKy74r .layoutList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  grid-auto-flow: row;
}

/* Each member item */
#id_UjKy74r .layoutList li {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  width: auto !important;
  min-width: 0 !important;
}

/* Lift on hover for emphasis */
#id_UjKy74r .layoutList li:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Image container */
#id_UjKy74r .img {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  position: relative;
}

/* Actual member photo */
#id_UjKy74r .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

/* Placeholder “no image” icon */
#id_UjKy74r .no-image {
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
}

/* Right-hand text block */
#id_UjKy74r .rightPart {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Member name link */
#id_UjKy74r .label_1 a {
  font-weight: 700;
  font-size: 1.1rem;
  color: #222;
  text-decoration: none;
  margin-bottom: 4px;
}

#id_UjKy74r .label_1 a:hover {
  text-decoration: underline;
}

/* Subtitle text */
#id_UjKy74r .subtitle {
  font-size: 0.9rem;
  color: #555;
  margin-top: 2px;
  text-transform: uppercase;
}

/* Action button link */
#id_UjKy74r .action {
  text-align: center;
  margin-top: 15px;
}

#id_UjKy74r .action a {
  display: inline-block;
  padding: 8px 12px;
  background-color: transparent;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

#id_UjKy74r .action a:hover {
  background-color: rgba(0,0,0,0.05);
}

/* Error message */
#id_UjKy74r .loadingError {
  color: #e74c3c;
  font-size: 0.9rem;
  margin-top: 10px;
}


.WaGadgetFeaturedMember ul.layoutList li {
  margin: 0;
}



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

/* Gadget container border radius */
#id_73oLYpZ .gadgetStyleBody {
  border-radius: 10px;
  padding: 0;
}

/* Event list: single column via CSS Grid */
#id_73oLYpZ .gadgetStyleBody ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

/* Each event item */
#id_73oLYpZ .gadgetStyleBody ul li {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

/* Hover effect to lift item */
#id_73oLYpZ .gadgetStyleBody ul li:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Event title link */
#id_73oLYpZ .gadgetStyleBody .title a {
  font-size: 1.1rem;
  font-weight: 700;
  color: #222222;
  text-decoration: none;
  margin-bottom: 8px;
}

#id_73oLYpZ .gadgetStyleBody .title a:hover {
  text-decoration: underline;
}

/* Event date */
#id_73oLYpZ .gadgetStyleBody .date {
  font-size: 0.9rem;
  color: #555555;
  margin-bottom: 6px;
  font-style: italic;
}

/* Event location */
#id_73oLYpZ .gadgetStyleBody .location {
  font-size: 0.9rem;
  color: #555555;
}

/* Center any direct-action links if needed */
#id_73oLYpZ .gadgetStyleBody .action {
  text-align: center;
  margin-top: 12px;
}
/*hidding the date on Farmers Market */
#idUpcomingEvent_6187406 > div.event-content > div.event-date
{visibility: hidden;}
/*Move third level menu to stack on the left eg vendor events 
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul ul {
    position: relative;
    top: -12px;
    left: auto;
    right: 100%;
    margin: 0;
} */

/* hide the date on Farmers' Market event only upcoming events gadget About Us page */

#id_73oLYpZ > div > ul > li:nth-child(1) > div.date > span
{
visibility: hidden;
}