.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;
}