/* Header/navbar styles - extracted from viewanswersn.php for reuse */
/* Remove all stray borders from navbar area */
.header-container,
.header-container *,
.header *:not(header),
.header .container,
.header .container *,
.header .row,
.header .row *,
.header .col-md-3,
.header .col-md-3 *,
.header .col-md-9,
.header .col-md-9 *,
.header-left,
.header-left *,
.header-right,
.header-right *,
.main-navigation,
.main-navigation *,
.navbar-header,
.navbar-header *,
.navbar-collapse,
.navbar-collapse *,
.navbar-default .container-fluid,
.navbar-default .container-fluid *,
.navbar-default .row,
.navbar-default .row *,
.navbar-nav,
.navbar-nav *,
.navbar-nav li,
.site-slogan,
.logo,
.logo *,
.logo a,
.header-dropdown-buttons,
.header-dropdown-buttons *,
.header-dropdown-buttons a,
.header-dropdown-buttons div {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}
/* But allow bottom border only on .navbar-default itself - exclude .navbar-default from border removal */
.header-container *:not(.navbar-default):not(nav),
.header *:not(.navbar-default):not(nav),
.header .container *:not(.navbar-default):not(nav),
.header .row *:not(.navbar-default):not(nav),
.header .col-md-3 *:not(.navbar-default):not(nav),
.header .col-md-9 *:not(.navbar-default):not(nav),
.header-left *:not(.navbar-default):not(nav),
.header-right *:not(.navbar-default):not(nav),
.main-navigation *:not(.navbar-default):not(nav),
.navbar-header *:not(.navbar-default):not(nav),
.navbar-collapse *:not(.navbar-default):not(nav),
.navbar-default .container-fluid *:not(.navbar-default):not(nav),
.navbar-default .row *:not(.navbar-default):not(nav),
.navbar-nav *:not(.navbar-default):not(nav),
.site-slogan:not(.navbar-default),
.logo *:not(.navbar-default):not(nav),
.header-dropdown-buttons *:not(.navbar-default):not(nav) {
    border-bottom: none !important;
}
/* No navbar border - single divider is #navbar-bottom-line (injected by JS) */
nav.navbar.navbar-default,
.navbar.navbar-default,
.navbar-default {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
/* Navbar divider line - injected by JS (#navbar-bottom-line), offset 2in from left */
/* Ensure header and header-container - no border (divider is JS-injected div) */
.header-container {
    border-bottom: none !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
header.header {
    border-bottom: none !important;
}
/* Move logo down slightly to center between bars */
.header .logo,
.header .logo img,
#logo,
#logo_img {
    margin-top: -4px !important;
    vertical-align: middle;
}
/* Constrain logo size - high-res image scales down, stays sharp on retina */
#logo,
.logo,
#logo_img,
img#logo_img,
#logo img#logo_img,
.logo img#logo_img,
.header .logo,
.header .logo img#logo_img,
.header.fixed .logo img#logo_img,
.fixed-header-on .header .logo img#logo_img,
header:not(.full-width) .logo img#logo_img,
.header-left .logo img#logo_img {
    max-width: 240px !important;
    width: auto !important;
    height: auto !important;
    max-height: 50px !important;
    min-height: auto !important;
    z-index: 999 !important;
    position: relative !important;
    overflow: visible !important;
}

/* White background behind logo so it blends with navbar */
#logo,
.logo,
.header-left .logo,
#logo a,
.logo a {
    background-color: #ffffff !important;
}

/* Logo shifted 2in left - .header-container #logo overrides with margin-left: -2in */
.header-left,
.logo a,
#logo_img {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.header-container #logo,
.header-container .logo {
    margin-left: -1in !important;
}

/* Remove site-slogan display */
.site-slogan {
    display: none !important;
}

/* Center Support and Log Off buttons vertically in navbar - use flex center so they sit higher */
.header-dropdown-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 50px !important;
    height: auto !important;
    vertical-align: middle !important;
    overflow: visible !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

#support_logoff_container {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-self: center !important;
    left: 90px !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    vertical-align: middle !important;
    align-items: center !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Ensure navbar has proper height for centering */
.navbar,
.navbar-default,
.navbar-collapse {
    min-height: 60px !important;
    overflow: visible !important;
}

.main-navigation {
    min-height: 60px !important;
    overflow: visible !important;
}

/* Give header content left padding so logo is not cut off - match index.html Bootstrap container */
.header .container,
.header-container .header .container {
    padding-left: 15px !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}

/* Prevent Bootstrap row negative margin from pulling logo off-screen */
.header .row,
.header-container .header .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.header .col-md-3:first-child,
.header-container .header .col-md-3:first-child {
    padding-left: 15px !important;
    margin-left: 0 !important;
}

body,
.page-wrapper {
    margin-left: 0 !important;
}

/* On smaller screens, scale logo down to fit */
@media (max-width: 768px) {
    #logo_img,
    img#logo_img,
    #logo img#logo_img,
    .logo img#logo_img {
        max-width: 180px !important;
        max-height: 40px !important;
        width: auto !important;
        height: auto !important;
    }
}
/* Make page title softer looking */
.page-title,
h1.page-title {
    color: #888 !important;
    font-weight: 400 !important;
}