#id_IOTD79t > div > a.loginBoxChangePassword, #id_IOTD79t > div > a.loginBoxLogout, .WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton {
color: white;
}

HTML > BODY 

a, a:link, a:active, a:visited {
color:#056da3;
text-decoration:none;
font-weight: bold;
}

a:hover {
text-decoration:underline;
}

.cnMainContainer .cnTopArea {
background-image: none}

.cnMainContainer .cnContentContainer {
background-image:none}


.cnMainContainer .cnTopArea .cnTopAreaContent .mainMenuContainer {
background-image: url("/Resources/Pictures/menu-background.jpg");
background-repeat: repeat-x;
text-transform:uppercase;
font-size: 11px;
width:1023px; /* 965 */
}

ul.dropdown li span {
padding-left: 20px;
padding-right: 20px;
}

.cnMainContainer .cnTopArea .cnTopAreaContent .mainMenuContainer {
padding-left:0;
padding-right:0px;
}


/* STYLES FOR ON-PAGE LOGIN BOX

#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxLoginInput,#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxPasswordInput {
border-top-color: #1d5781;
border-right-color-value: #1d5781;
border-bottom-color: #1d5781;
border-left-color-value: #1d5781;
height: 23px;
background-color: #ffffff;
color: #ffffff;
font-size: 14px;
float:none;
width:95%
}

#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxLoginButton {
float:left;
margin-right:50px;
margin-top:10px;
}

#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxForgotPassword {
float:none;
margin-top:10px;
}

#id_LoginBoxGadget.WaGadgetLoginForm {
font-size:11px;
top:30px;
left:850px
} */

#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxLoginInput,#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxPasswordInput {
border-top-color: #1d5781;
border-right-color-value: #1d5781;
border-bottom-color: #1d5781;
border-left-color-value: #1d5781;
height: 23px;
background-color: #fff;
color: #fff;
font-size: 14px;
float:none;
width:95%
}

#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxLoginButton {
float:left;
margin-right:50px;
margin-top:10px;
}

#id_LoginBoxGadget.WaGadgetLoginForm .loginBoxForgotPassword {
float:none;
margin-top:10px;
}

#id_LoginBoxGadget.WaGadgetLoginForm {
font-size:14px;
top:30px;
left:825px;
width:300px;
color:#FFF }

#id_LoginBoxGadget.WaGadgetLoginForm #members-login {
float:left;
margin-right:3px;
}

#id_LoginBoxGadget.WaGadgetLoginForm a {
color: #fbb160;
}

A IMG, A:hover IMG {
  border-top-color: transparent;
  border-right-color:transparent;
  border-right-color-value:transparent;
  border-bottom-color: transparent;
  border-left-color-value: transparent;
  border-left-color:transparent;
}

#id_LoginBoxGadget.loginbox a,#id_LoginBoxGadget.loginbox a:link,#id_LoginBoxGadget.loginbox a:visited,#id_LoginBoxGadget.loginbox a:active {
color: #FFF;
}

#search-box {
clear:both;
margin-top:50px;
margin-left:0px;
}

#logged-in-options {
padding-bottom:30px
}

.WaGadgetBreadcrumbs {
display:none
}

.cnMainContainer .cnContentContainer {
padding-top:0px;
}

.cnMainContainer .cnContentContainer .cnContentTopShadow .inner {
height:0;
}

.cnFooterPoweredByContainer {
display:none;
}

.cnFooterContainer {
color:#000;
text-align:left;
font-size:12px;
background-color:none;
width:1023px;
/*background-color:#708894;*/
}

.cnContent {
width: 1015px;
}

.cnContentLeftShadow .cnContentRightShadow {
background-image:none;
}

.cnContentBottom {
width:1015px;
}

/* ============================================================ */
/* MLC UPCOMING EVENTS GADGET — CSS OVERRIDE                     */
/* ============================================================ */
/*
   WHERE TO PASTE THIS:
   WildApricot Admin → Website → CSS customization
   
   PREREQUISITE:
   In the Upcoming Events gadget settings panel (left side),
   scroll to ADVANCED section and type into the CSS class field:
   mlc-styled-events
   
   Then click Save (top-left green button).
*/


/* ---- Container: remove default gadget chrome ---- */
.mlc-styled-events {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 0 32px 48px 32px !important;
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
}

/* ---- Hide the default brown/orange "Upcoming Events" title bar ---- */
/* (We use our own header from Part A instead) */
.mlc-styled-events .artBoxTitle,
.mlc-styled-events .artBoxTitleText,
.mlc-styled-events .gadgetTitle,
.mlc-styled-events > .artBox > .artBoxTitle,
.mlc-styled-events h2.artBoxTitleText {
  display: none !important;
}

/* ---- Remove body wrapper chrome ---- */
.mlc-styled-events .artBoxBody,
.mlc-styled-events .artBoxBodyInner,
.mlc-styled-events .artBox,
.mlc-styled-events .artBoxBody .artBoxBodyInner {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* ---- Event list ---- */
.mlc-styled-events ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* ---- Individual event items ---- */
.mlc-styled-events li {
  display: block !important;
  background: #FAFAFA !important;
  border-radius: 8px !important;
  padding: 18px 20px !important;
  border-left: 4px solid #E87722 !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  margin: 0 !important;
  list-style: none !important;
  transition: box-shadow 0.2s ease !important;
}
.mlc-styled-events li:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important;
}

/* ---- Event title links ---- */
/* Current site renders these as ALL-CAPS orange links. */
/* We change to: normal case, Michigan Blue, no underline */
.mlc-styled-events li a {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #00274C !important;
  text-decoration: none !important;
  text-transform: none !important;
  line-height: 1.35 !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.mlc-styled-events li a:hover {
  color: #E87722 !important;
}

/* ---- Date, time, location line ---- */
/* Currently renders as italic text like: */
/* Friday, February 13, 2026 8:30 AM • Virtual */
.mlc-styled-events li > div,
.mlc-styled-events li > span,
.mlc-styled-events li .date,
.mlc-styled-events li .location,
.mlc-styled-events li .eventDetail,
.mlc-styled-events li em,
.mlc-styled-events li i {
  font-size: 13px !important;
  font-style: normal !important;
  color: #777777 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ---- Bullet separator between date and location ---- */
/* The • character between date and location - keep as is */

/* ---- "No upcoming events" message ---- */
.mlc-styled-events .noEvents {
  font-size: 15px !important;
  color: #999999 !important;
  text-align: center !important;
  padding: 40px 20px !important;
  font-style: italic !important;
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
  .mlc-styled-events {
    padding: 0 20px 36px 20px !important;
  }
  .mlc-styled-events li {
    padding: 16px !important;
  }
}