.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a 
{ 
font-size: 11px; 
padding-top: 0px; 
padding-bottom: 0px; 
}

.camera_bar { 
display: none; 
}

/* SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
border-right: none;
max-width: 0px;
padding-right: 40px;
display: none;
}

/* MEMBER SOCIAL LOGIN BUTTONS HIDE */
#socialLoginContainer, #idSocialLoginContainer {
display: none;
}

/* Blog */
.WaGadgetRecentBlogPosts .itemAuthor
{ display: none; }

.WaGadgetRecentBlogPosts div.Date
{ display: none; }



.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel{
display:none;
}

.consultant .boxInfoContainer h5
{ display: none;}

.consultant.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    color: #760c2c;
    font: normal 26px / normal Roboto Condensed;
    text-decoration: none;
}

/*
.WaGadgetBlog ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    overflow: hidden;
    max-height: 100%;
    position: relative;
}
*/




/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  margin: 8px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 16px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.acc-text {
  font-size: 16px;
  color: #770d2c;
}
.presenter {
  font-size: 16px;
  font-weight: bold;
}
.session {
  color: #770d2c;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
  color: #770d2c
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
/* Style the new horizontal menu */
.menu-container {
    position: relative;
    overflow: hidden; /* Ensure it expands to fit the content */
}

.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: auto;
    width: 100%;
    flex-direction: row; /* Horizontal layout for desktop */
    transition: max-height 0.3s ease-in-out;
    max-height: none; /* No height restriction on desktop */
}

.menu li {
    width: 100%;
}

.menu a {
    background-color: #760c2c; /* Initial background color */
    color: goldenrod;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold; /* Bold text */
    font-style: normal; /* Ensure text is not italicized */
    padding: 15px 20px;
    text-align: center;
    display: block;
    transition: color 0.3s ease, background-color 0.3s ease;
    line-height: 75px; /* Vertically center text */
}

/* Hover styles */
.menu a:hover {
    color: white;
    background-color: black;
}

/* Hamburger button */
.hamburger {
    display: none; /* Hidden on desktop */
    font-size: 30px;
    background: none;
    border: none;
    color: goldenrod;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .menu {
        flex-direction: column; /* Stack items vertically */
        max-height: 0; /* Initially hidden */
        overflow: hidden; /* Hide items when not expanded */
    }

    .menu.show {
        max-height: 500px; /* Expands when showing (adjust height as needed) */
    }

    .hamburger {
        display: block; /* Show hamburger button on mobile */
    }

    .menu a {
        font-size: 20px; /* Slightly smaller font for mobile */
        padding: 10px; /* Adjust padding for smaller screens */
    }
}
/* Circle Images for Board */
.img-circle {
  border-radius: 50%;
}

iframe {
    box-shadow: none;
    width: 100%;
  aspect-ratio: 16 / 9;
}

/* ICLCA Google Sheet */
/* --- Webinar cards (responsive) --- */
#iclca-webinars{
  max-width: 1100px;
  margin: 0 auto;
}

#iclca-webinars .iclca-webinars-loading,
#iclca-webinars .iclca-webinars-empty,
#iclca-webinars .iclca-webinars-error{
  padding: 14px 0;
  opacity: .85;
}

/* Responsive grid: 1 col on mobile, 2+ as space allows */
#iclca-webinars .iclca-webinars-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 680px){
  #iclca-webinars .iclca-webinars-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  #iclca-webinars .iclca-webinars-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Card base */
#iclca-webinars .iclca-webinar-card{
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
  background: #fff;

  display: flex;
  flex-direction: column;
  height: 100%;

  box-sizing: border-box;
  overflow: hidden;

  /* Smooth transitions */
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Hover + keyboard focus */
#iclca-webinars .iclca-webinar-card:hover,
#iclca-webinars .iclca-webinar-card:focus-within{
  border-color: #111827;
}


/* Date/time pill row */
#iclca-webinars .iclca-webinar-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

#iclca-webinars .iclca-webinar-meta span{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f3f4f6;
  font-size: 13px;
  line-height: 1;
  opacity: .95;
}

/* Title + presenter */
#iclca-webinars .iclca-webinar-title{
  font-size: 18px;
  font-weight: 750;
  line-height: 1.2;
  margin: 0 0 6px 0;
}

#iclca-webinars .iclca-webinar-presenter{
  font-size: 14px;
  opacity: .85;
  margin-bottom: 10px;
}

/* Description (clamped) */
#iclca-webinars .iclca-webinar-desc{
  font-size: 14px;
  line-height: 1.45;
  opacity: .92;
  margin: 0 0 12px 0;

  /* clamp to keep cards even-ish */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Actions pinned to bottom */
#iclca-webinars .iclca-webinar-actions{
  margin-top: auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

#iclca-webinars .iclca-webinar-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #111827;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
}

#iclca-webinars .iclca-webinar-btn:hover{
  opacity: .9;
}

#iclca-webinars .iclca-webinar-tags{
  font-size: 12px;
  opacity: .75;
}

/* Mobile: make the button full width */
@media (max-width: 420px){
  #iclca-webinars .iclca-webinar-btn{
    width: 100%;
  }
}

/* Register button pinned to bottom */
#iclca-webinars .iclca-webinar-actions{
  margin-top: auto;          /* pushes to bottom */
  display: flex;
  flex-direction: column;
  gap: 10px;

  /* CRITICAL FIX */
  width: 100%;
  box-sizing: border-box;
}

/* Primary CTA button */
#iclca-webinars .iclca-webinar-btn{
  width: 100%;
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 14px;
  border-radius: 14px;
  border: 2px solid #111827;
  background: #111827;
  color: #fff !important;

  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;

  cursor: pointer;
}


#iclca-webinars .iclca-webinar-btn:hover{
  background: #000;
  transform: translateY(-1px);
}

/* Disabled state */
#iclca-webinars .iclca-webinar-btn--disabled{
  background: #e5e7eb;
  border-color: #e5e7eb;
  color: #6b7280 !important;
  cursor: not-allowed;
}

/* Tags above button */
#iclca-webinars .iclca-webinar-tags{
  font-size: 12px;
  opacity: .7;
}


<style>
  :root{
    --iclca-bg:#0b1f3a;
    --iclca-fg:#ffffff;
    --iclca-accent:#d29b3f;
    --iclca-shadow: 0 10px 30px rgba(0,0,0,.25);
    --iclca-radius: 14px;
  }

  .iclca-nav{
    position: sticky; top: 0; z-index: 9999;
    background: var(--iclca-bg);
    color: var(--iclca-fg);
  }
  .iclca-nav__inner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 16px;
    display:flex; align-items:center; justify-content:space-between;
    gap: 12px;
  }
  .iclca-nav__brand{
    color: var(--iclca-fg);
    text-decoration:none;
    font-weight: 800;
    letter-spacing: .5px;
    font-size: 18px;
    white-space: nowrap;
  }

  /* Desktop links */
  .iclca-nav__links{
    display:flex; align-items:center; gap: 16px;
  }
  .iclca-nav__links a{
    color: var(--iclca-fg);
    text-decoration:none;
    font-weight: 600;
    opacity: .95;
    padding: 8px 10px;
    border-radius: 10px;
  }
  .iclca-nav__links a:hover{
    background: rgba(255,255,255,.10);
  }
  .iclca-nav__cta{
    background: var(--iclca-accent);
    color: #111 !important;
    font-weight: 800 !important;
  }
  .iclca-nav__cta:hover{
    filter: brightness(1.05);
  }

  /* Mobile toggle */
  .iclca-nav__toggle{
    display:none;
    background: transparent;
    border: 0;
    color: var(--iclca-fg);
    width: 44px; height: 44px;
    border-radius: 12px;
    cursor: pointer;
  }
  .iclca-nav__toggle:hover{ background: rgba(255,255,255,.10); }

  .iclca-nav__bars{
    display:block;
    width: 22px; height: 2px;
    background: var(--iclca-fg);
    position: relative;
    margin: 0 auto;
    border-radius: 2px;
  }
  .iclca-nav__bars::before,
  .iclca-nav__bars::after{
    content:"";
    position:absolute; left:0;
    width: 22px; height: 2px;
    background: var(--iclca-fg);
    border-radius: 2px;
  }
  .iclca-nav__bars::before{ top: -7px; }
  .iclca-nav__bars::after{ top: 7px; }

  /* Mobile drawer */
  .iclca-mobile{
    position: fixed; inset: 0;
    display:block;
  }
  .iclca-mobile__overlay{
    position:absolute; inset:0;
    background: rgba(0,0,0,.45);
  }
  .iclca-mobile__drawer{
    position:absolute; right: 10px; top: 10px;
    width: min(88vw, 360px);
    background: #fff;
    color: #111;
    border-radius: var(--iclca-radius);
    box-shadow: var(--iclca-shadow);
    overflow:hidden;
    transform: translateY(0);
  }
  .iclca-mobile__top{
    display:flex; align-items:center; justify-content:space-between;
    padding: 14px 14px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  .iclca-mobile__title{ font-weight: 900; }
  .iclca-mobile__close{
    border: 0;
    background: rgba(0,0,0,.06);
    width: 40px; height: 40px;
    border-radius: 12px;
    cursor: pointer;
  }
  .iclca-mobile__links{
    display:flex; flex-direction:column;
    padding: 10px;
    gap: 6px;
  }
  .iclca-mobile__links a{
    text-decoration:none;
    color:#111;
    font-weight: 700;
    padding: 12px 12px;
    border-radius: 12px;
  }
  .iclca-mobile__links a:hover{
    background: rgba(0,0,0,.06);
  }
  .iclca-mobile__cta{
    margin-top: 6px;
    background: var(--iclca-accent);
    color:#111 !important;
    font-weight: 900 !important;
    text-align:center;
  }

  /* Responsive behavior */
  @media (max-width: 900px){
    .iclca-nav__links{ display:none; }
    .iclca-nav__toggle{ display:inline-flex; align-items:center; justify-content:center; }
  }

  /* Prevent background scroll when menu open */
  body.iclca-menu-open{ overflow:hidden; }

  .iclca-mobile[hidden]{ display:none !important; }
</style>