Fix side navigation 1.1.1

/* side nav fixes */
.Box.SideNav .SideNav-header {
    background: #3d5686;
    border-radius: 0px 0px 0px 0px;
    padding: 14px;
    text-align: center;
    vertical-align: middle!important;
    color: rgb(235, 255, 255);
    /* announcement width = width: 300px!important; */
}


/* disappear unnecessary drop drown arrow explanation */
.Box.SideNav .SideNav-header .small-text {
    display: none;
}

.Panel.Panel-main {
    margin: 0 10px !important;
    top: -14px;
}

/* Catergories side panel navigation */
.Panel .Box a:not(.Button):not(.Tag),
.Panel .BoxFilter a:not(.Button):not(.Tag),
body.Section-EditProfile .Box .PanelCategories li.Depth3 a,
body.Section-EditProfile .Box .PanelCategories li.Depth4 a,
body.Section-EditProfile .Box .PanelCategories li.Depth5 a,
.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth3 a,
.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth4 a,
.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth5 a,
.BoxCategories.BoxCategories .PanelCategories li.Depth3 a,
.BoxCategories.BoxCategories .PanelCategories li.Depth4 a,
.BoxCategories.BoxCategories .PanelCategories li.Depth5 a {
    font-size: 12.5px!important;
    font-weight: bold!important;
    line-height: 1.05;
    color: #3d5686;
}


/* font stlye */
.Panel .BoxCategories.SideNav li {
    font-style: oblique;
}
/* hack dodgey code */
.Panel .BoxCategories.SideNav a {
    padding: 5px;
}

/* force category box to be one with announment box && the rest of the page */
.Panel .Box.SideNav {
    width: 300px!important;
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 1px;
}
.Box.BoxCategories.SideNav {
    border-bottom: 1px solid #dbdbdb!important;
    border-top: 1px solid #dbdbdb;
}
.Box.BoxCategories.SideNav {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
/* change colour of nasty blue button and distract from the fact that it doesn't really belong on the page in the first place with some weird transition to orange */
.Box.BoxCategories.SideNav .toggle-dropdown {
    display: inline-block;
    filter: saturate(48%) hue-rotate(20deg);
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0, 0.99, 1, 2.74);;;
    transition-property: filter;
    font-style: normal!important; /* very important! */
}
/* transition on hover */
.Box.BoxCategories.SideNav .toggle-dropdown:hover {
    filter: saturate(200%) hue-rotate(180deg);
}

/* announcments margin */
.Panel > * + * {
    margin-top: -20px;
}