/*this is the main colors for HelpMaster (you can change these to theme to your site)*/
:root {
    --hm-primary: #0d6efd;
    --hm-secondary: #0d6efd;
    --hm-text: #676a6c;
    --hm-mainTitlebackgroundColor: #e6e6e6;
    --pagebackground: #f3f3f4;
}

/* Change navbar background color */

.nav {
    background-color: #0d1f3c;
}

.nav-second-level {
    background-color: #0d1f3c;
}

/* Align and tile items below home-welcome */

div#home_kb_featured div.panel-body {
    display: flex !important;
    align-items: center !important;
    font-size: 18px !important;
}

div#FeatureGrid div.panel-body {
    display: flex !important;
    align-items: center !important;
    font-size: 18px !important;
}

div#home_news_latest.col-8 {
    padding-left: 24px !important;
    padding-right: 12px !important;
}

div#home_news_latest.col-12.pl-0 {
    padding-left: 24px !important;
    padding-right: 12px !important;
}

div#home_jobs_updated.col-12.pl-0 {
    padding-left: 24px !important;
    padding-right: 12px !important;
}

div#home_job_goto.col-12.col-md-4.col-lg-3 {
    padding-right: 12px !important;
    padding-left: 6px !important;
}

div#home_news_latest div.panel-body {
    padding-left: 12px !important;
}

div#home_kb_search.col-12.col-md-8.col-lg-9.pl-0 {
    padding-left: 12px !important;
}

div#home_welcome.col-8 {
    padding-left: 24px !important;
}

/* Gradually remove titlebar objects as screen size decreases */

@media (max-width: 1100px) {
    div.titlebar div.input-group {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    div#RecentActions {
        display: none !important;
    }
}

@media (max-width: 900px) {
    div#RecentJobs {
        display: none !important;
    }
}

@media (max-width: 800px) {
    div#Notifications {
        display: none !important;
    }
}

/* Remove navbar below 1000px for both Staff and Clients. Clients: never show navbar */

@media (min-width: 1000px) {
    div.page:has(#hmMenu_Clients) div.sidebar {
        display: block !important;
    }

    div.page:has(#hmMenu_LogNew):not(:has(#hmMenu_Clients)) div.sidebar {
        display: block !important;
    }
}

/* Remove home_Welcome but add NAV table below 1000px for Staff but always add for Clients*/

@media (min-width: 1000px) {
    div.page:has(#hmMenu_LogNew) div#home_welcome.row div.panel-body.mce-content-body > div:first-child {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    div#home_welcome.row div.panel-body.mce-content-body > div:first-child table td:last-child div {
        justify-content: center !important;
    }
}

div.page:has(#hmMenu_LogNew) div#home_welcome.row div.panel-body.mce-content-body > div:nth-child(n+2) {
    display: none !important;
}

div.page:has(#hmMenu_LogNew):not(:has(#hmMenu_Clients)) div#home_welcome.row div.panel-body.mce-content-body > div:nth-child(n+2) {
    display: none !important;
}

/* home_job_goto and home_kb_search */

    div:has(> #home_kb_search) {
        margin-left: 0px !important;
    }

    div#home_kb_search.col-12 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    div.page:has(#hmMenu_LogNew) div#home_kb_search.col-12 {
        padding-top: 6px !important;
        padding-right: 12px !important;
    }

@media (min-width: 544px) {
    div.page:has(#hmMenu_LogNew) div#home_job_goto.col-12.col-md-4.col-lg-3 {
        padding-top: 6px !important;
        padding-right: 12px !important;
        padding-left: 0px !important;
    }
}

@media (max-width: 1000px) and (min-width: 544px) {
    div#home_job_goto.col-12.col-md-4.col-lg-3 {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        width: 33.333% !important;
    }
    
    div#home_kb_search.col-12.col-md-8.col-lg-9 {
        flex: 0 0 66.667% !important;
        max-width: 66.667% !important;
        width: 66.667% !important;
    }
}

@media (max-width: 543px) {
    div#home_job_goto.col-12.col-md-4.col-lg-3 {
        padding-top: 0px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-left: 0px !important;
    }
    div#home_kb_search.col-12 {
        padding-right: 12px !important;
        padding-top: 0px !important;
    }
}

/* Pre-login FeatureGrid.row */

div.page:not(:has(#hmMenu_LogNew)) div#home_kb_featured div#FeatureGrid.row {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    margin-inline: 0px !important;
    max-width: 100% !important;
}

div.page:not(:has(#hmMenu_LogNew)) div.animated.fadeIn div#FeatureGrid.row {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    margin-inline: -10px !important;
    max-width: calc(100% + 20px) !important;
}

/* FeatureGrid.row (post login kb_featured) */

div#FeatureGrid.row > .col-12.col-md-4 {
    flex: 1 1 30% !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    padding-right: calc(var(--bs-gutter-x) * -.5) !important;
}

div.animated.fadeIn div#FeatureGrid.row {
    margin-left: -12px !important;
    max-width: calc(100% + 20px) !important;
}

@media (max-width: 600px) {
    div#FeatureGrid.row > .col-12.col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
}

/*Remove Knowledge Base Metadata*/

div#divMetadata {
    display:none !important;
}