/* Style and alignment for your custom navigation links */
$theme-color: "snowwhite";
$brand-color: "#903fff";

/* Dark Light Them Toggle */
.theme-toggle-btn {
    vertical-align: middle;
    display: inline;
}
#top {
    min-height: 63.84px!important;
    height: 63.84px!important;
}

#titlearea {
    flex-grow: 5!important;
    margin-left: 60px!important;
    margin-right: 60px!important;
    padding-left: 0px!important;
}

#main-nav {
    flex-grow: 0!important;
}

#projectname {
    flex-grow: 5!important;
    padding: 0px!important;
}

#projectname a img{
    transform: translateY(-4px);
    display: inline-block;
  height: 42.56px;
  margin-right: 5px;
  vertical-align: middle;
}


#projectname a, #projectname a:link, #projectname a:active, #projectname a:visited, #projectname a:focus, #projectname a:hover{
    text-transform: uppercase;
    font-size: 23.1px;
    font-family: Helvetica, Arial, Oswald, sans-serif!important;
    font-weight: 600!important;
    letter-spacing: -1px!important;
    color: $brand-color!important;
    text-decoration: none;
}
/* Style and alignment for your custom navigation links */
.custom-top-links {
    gap: 15px;
    margin-right: 20px; /* Spacing from the very right edge */
    align-items: center;
}

.custom-top-links a, .custom-top-links a:link, .custom-top-links a:visited, .custom-top-links a:hover, .custom-top-links a:focus, .custom-top-links a:active {
    color: black!important;
    font-family: Helvetica, Arial, Oswald, sans-serif!important;
    font-size: 15.75px!important;
    line-height: 25.2px!important;
    font-weight: 500!important;
    transition: color 0.2s ease-in-out;
    margin-right: 24px!important;
}

.custom-top-links a:hover {
    text-decoration: underline;
}

/* Target only the horizontal top nav bar (not the mobile hamburger or tree) */
#main-nav > ul > li {
    /* Step A: Hide the first 6 children (the stock tabs) from the horizontal row */
    &:nth-child(-n+6) {
        display: none !important;
    }
}

/* Ensure your custom links remain fully visible at all times */
#main-nav > ul > li:nth-child(n+5) {
    display: inline-block !important;
}

/* Ensure custom links look correct in the top navbar navbar */
.sm-dox a.custom-top-link {
    font-weight: 600;
}

/* Hide the custom top links from the left-side treeview menu if they get generated there */
#nav-tree .custom-top-link,
#nav-tree-contents .custom-top-link,
.ui-resizable-side .custom-top-link {
    display: none !important;
}

#MSearchBox {
    float: left;
}

#main-nav {
  background-color: white;
}

/* Footer */
#footer {
    border-top: 1px solid #dedede;
}

.footer-content {
    margin: 0 60px;
}

.footer-content *{
    font-size: 11px;
    line-height: 13px
}

.footer-content ul{
    margin: 0px;
}

.footer-icon {
    width: 12px;
}

.footer-links {
    font-size: 10px;
}

.footer-doxygen {
    font-size: 9px;
}

#side-nav {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    float: left;
    margin-bottom: 31px;
}

/* Content Area Left and Right Margin */
#nav-tree-contents {
    margin-left: 60px;
}

#doc-content {
    height: auto!important;
}

#doc-content div.contents {
    margin-right: 60px;
}

/* Top Nav List */
ul.top-nav-list {
    display: inline-flex;
    gap: 10px;
    list-style: none;
    padding: 0 12px 0 0;
}