/* CUSTOM STYLING

Add your custom styling here. Note that styling in the source is loaded AFTER this sheet, and has higher priority. Make sure your styles here don't collide with source styles.

*/
.ui.inverted.menu{
    background-color: white !important;
}
.ui.inverted.menu .item, .ui.inverted.menu .item>a:not(.ui){
    color: black !important;
}
.ui.inverted.menu .menu a.item:hover{
    color: black !important;
}
.ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.link.inverted.menu .item:hover{
    background: hsla(0,0%,100%,.08);
    color: black !important;
}
h1.ui.header{
  color: black !important;
}
.ui.vertical.center.aligned.segment
{
    color: black !important;
    background-color: #ffc629 !important;
    padding: 40px 0px;
}
.ui.positive.button, .ui.positive.buttons .button{
    background-color: #00b5ad !important;
}
.ui.positive.button:hover, .ui.positive.buttons .button:hover{
    background-color: #03a9f4 !important;
}
.ui.positive.button:active, .ui.positive.buttons .button:active{
    background-color: #00bcd4 !important;
}
.ui.positive.button:focus, .ui.positive.buttons .button:focus{
    background-color: #03a9f4 !important;
}

.ui.inverted.menu .active.item {
    background: hsl(44deg 100% 46%)!important;
    color: #000000!important;
	font-weight: 900!important;
}

.ui.borderless.inverted.vertical.attached.menu > .header {
    padding: 13px 5px 13px 16px;
    color: #f77201 !important;
    font-weight: 900 !important;
}

.ui.inverted.menu .active.item:hover {
    background: hsl(44deg 100% 46%)!important;
    color: #ffffff!important;
	font-weight: 900!important;
}
.ui.vertical.center.aligned.segment a[data-testid="apiListLink"]
{
    padding: 0.6em 1.4em !important;
    color: #043f69 !important;
    font-weight: 900 !important;
    background-color: white !important;
    border-radius: 4px !important;
}
.ui.vertical.center.aligned.segment a[data-testid="apiListLink"]:hover 
{
    padding: 0.6em 1.4em !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    background-color: #03a9f4 !important;
    border-radius: 4px !important;
}

.ui.borderless.inverted.vertical.attached.menu > .header.item {
    padding: 13px 5px 13px 16px;
    color: #000000 !important;
    font-weight: 900 !important;
}