/* Define the header style */
.header {
  background-color: white; /* Set the background color to white */
  display: flex; /* Use flex layout to align the items */
  justify-content: space-between; /* Distribute the items evenly */
  align-items: center; /* Center the items vertically */
  padding: 10px; /* Add some padding */
}

/* Define the logo style */
.logo {
  height: 50px; /* Set the logo height */
}

/* Define the menu style */
.menu {
  list-style: none; /* Remove the list bullets */
  display: flex; /* Use flex layout to align the items */
}

/* Define the menu item style */
.menu li {
  margin: 0 10px; /* Add some margin between the items */
}

/* Define the menu link style */
.menu a {
  color: black; /* Set the link color to black */
  text-decoration: none; /* Remove the underline */
  font-weight: bold; /* Make the text bold */
}

/* Define the menu link hover style */
.menu a:hover {
  color: gray; /* Change the link color to gray on hover */
}

/* Hide 'Media' tab on Gallery page (ensure Channels is set as first tab to load in Gallery > firstTabLoad > channelcategories) */
ul#galleryTabs li#media {
    visibility: hidden;
    display: none;
}


/* Hide 'Delete' button on Channel details, members, and playlist page  */

.delete-channel-v2ui .btn.btn-danger {
    display: none;
    visibility: hidden;
	color: white;
}

/*Theming Header Adjustments*/

/*Header default Text Color change from white to black.  Selects all children in the parent div*/
div.kms-ds-header-menu-navbar * a { 
  color: black !important;
}

div[id^=HorizontalMenuToggleBtn]:hover { 
    color: #AF172B !important;
  }

/*Events menu item lable from white to black*/

.__private__-button-label {
    color: black;
}

/*Create button backround color and text color change*/
#addNewMenuToggleBtn {
  background-color: white;
  color: white;
}

/*Login Icon Change from white to black*/

.__private__-icon-root-User24Icon {
    color: black;
}