body .ui.menu.main-menu {
      padding-top: 5px;
      padding-bottom: 5px;
      background: #ffffff;
      border-bottom: 1px solid #ffffff;      
    }

    .notifications-dropdown {
      margin-top: 10px !important;
    }
  
        body .ui.primary.button:hover {
          background-color: hsl(302.70000000000005, 100%, 32.8%)
        }   


        body .ui.primary.buttons .button,
        body .ui.primary.button {
          background-color: #B000A8;
          color: #fff;
        }

        body .ui.primary.buttons .button:hover,
        body .ui.primary.button:hover {
          background-color: hsl(302.70000000000005, 100%, 32.8%);
          color: #fff;
        }
        body .ui.primary.buttons .button:focus,
        body .ui.primary.button:focus {
          background-color: hsl(302.70000000000005, 100%, 31.7%);
          color: #fff;
        }
        body .ui.primary.buttons .button:active,
        body .ui.primary.button:active {
          background-color: hsl(302.70000000000005, 100%, 31.1%);
          color: #fff;
        }
        body .ui.primary.buttons .active.button,
        body .ui.primary.buttons .active.button:active,
        body .ui.primary.active.button,
        body .ui.primary.button .active.button:active {
          background-color: hsl(302.70000000000005, 100%, 32.8%);
          color: #fff;
        }


        body .ui.basic.primary.buttons .button,
        body .ui.basic.primary.button {
          box-shadow: 0px 0px 0px 1px #B000A8 inset !important;
          color: #B000A8 !important;
        }
        body .ui.basic.primary.buttons .button:hover,
        body .ui.basic.primary.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(302.70000000000005, 100%, 32.8%) inset !important;
          color: hsl(302.70000000000005, 100%, 32.8%) !important;
        }
        body .ui.basic.primary.buttons .button:focus,
        body .ui.basic.primary.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(302.70000000000005, 100%, 31.7%) inset !important;
          color: hsl(302.70000000000005, 100%, 32.8%) !important;
        }
        body .ui.basic.primary.buttons .active.button,
        body .ui.basic.primary.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(302.70000000000005, 100%, 32.8%) inset !important;
          color: hsl(302.70000000000005, 100%, 31.1%) !important;
        }
        body .ui.basic.primary.buttons .button:active,
        body .ui.basic.primary.button:active {
          box-shadow: 0px 0px 0px 1px hsl(302.70000000000005, 100%, 31.1%) inset !important;
          color: hsl(302.70000000000005, 100%, 31.1%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.primary.button>.label {
          border-color: #B000A8
        }     

        body i.blue.icon {
          color: #B000A8 !important;
        }    

        body i.blue.icon.inverted {
          color: #ffffff !important;
        }

      
        body a {
          color: #5530eb
        }

        body a:hover {
          color: hsl(251.89999999999998, 82.4%, 44.4%)
        }
      
    .main-sidebar .emoji, .vertical.menu .item .emoji {
    display: none !important;
}
header > nav > div > a:nth-child(2) { display:none !important; }

/* Hide the filter bar */
body.is-embed .topic-page .feed-list-container .filter-bar-wrapper {
  display: none;
}

.ui.column.grid>[class*="five wide"].column, .ui.grid>.column.row>[class*="five wide"].column, .ui.grid>.row>[class*="five wide"].column, .ui.grid>[class*="five wide"].column {
    display: none;
}

/* Add flex to the feed list */
body.is-embed .topic-page .feed-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

/* Remove the cards' margin top and bottom */
body.is-embed .topic-page .feed-list .post-item {
  margin-top: 0;
  margin-bottom: 0;
}