/*
    Below CSS is used to keep the look and feel of the branding for all NAVFAC AFPIMS Domains consistent
    And all adjustments were made in mind with pages utilizing the All Hands Themes/Templates provided
    in AFPIMS. 
    
    Note that using any other template on AFPIMS might NOT reflect below CSS adjustments
*/

/* If needed below will remove Upper Nav of Page Default NAVY and NAVY Image logo/
/*.upperNavBar{
    display:none;
}*/

/*Page Navbar Adjustments*/

/*
    Adjust color of navigation text to navy-blue color
*/
a.navlink{
    color: #004990;
}

.allHands-navbar .navbar-dark .navbar-nav{
    position:initial;
    right:0px;
    top:auto;
}

.allHands-navbar .navbar-dark {
    background-color: #f8f9fa!important;
}
/*
    Below adjsuts the color of text and background under drop downof the top navigation when hovered over
*/
.allHands-navbar .navbar-dark .navbar-nav .dropdown-item:hover{
    background-color: #f8f9fa;
    color: #f8ba01;
}
/*
    Below adjsuts color of visited links in top nav
*/
.allHands-navbar .navbar-dark .navbar-nav a:link, .allHands-navbar .navbar-dark .navbar-nav a:visited {
    color: #004990;
}
/*
    Below adjsuts the default background color of the dropdown for the top navigation and sets border around subnav
*/
.allHands-navbar .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.allHands-navbar .navbar-dark .navbar-toggler {
    background-color: transparent !important;
    border: solid #00000036 !important;
    border-radius: 0.25rem;
    filter: brightness(0.75);
}


/*Page Breadcrumb adjustments */
/*
    Bread Crumb Updates mainly for Content Pages; pages other than Site Landing pages
    1. Set the background color of the breadcrumb to navy-blue color
    2. Adjust the alignment of breadcrumb to center of area

*/
div#breadcrumb {
    background-color: #004990!important;
}
#main-nav .nav-item #search, #main-nav .nav-item{
    margin:auto;
}

nav#navbar_container.navbar.navbar-dark.navbar-expand-lg #main-nav .nav-item, nav#navbar_container.navbar.navbar-dark.navbar-expand-lg #main-nav .nav-item #search {
    margin:auto;
}

#main-nav .nav-link {
    padding-bottom:0;
    padding-top:0;
}

.allHands-navbar .navbar-brand{
    width:100%;
    height:auto !important;
}

#navbarNavDropdown.navbar-collapse.collapse.show {
    height:auto !important;
}

#main-nav .nav-item.dropdown.show .dropdown-menu {
    width: auto !important;
    min-width: 10em !important;
    max-width: 40em !important;

}


/*Page Footer Updates*/
/*
    Removes the bottom most footers from the All Hands Template on AFPIMS (both footer-above and footer-below panes)
    Based from discussions with DMA these don't function appropriately and recommended to remove from template
*/
footer .footer-above {
    display:none;
}

footer .footer-below {
    display:none;
}

/*
    Below Sets the top footer pane on NAVFAC to the NAVY-blue color and adjust teh padding for content in area
*/
#dnn_BottomPane {
    background-color: #003f7c !important;
    padding: 40px 0px 40px 0px;
}

/*
    Below Sets the size and weight of text in the navy-blue footer on NAVFAC
*/
#dnn_BottomPane b,#dnn_BottomPane strong{
    color:#fff !important;
    font-size: 16px;
    font-weight: bolder;
}
/*
    Below Sets the size, weight, and color of the normal text in the navy-blue footer on NAVFAC to standardize
*/
#dnn_BottomPane a,#dnn_BottomPane p, #dnn_BottomPane .Normal{
    color:#fff !important;
    font-size: 16px;
    font-weight: 400;
}
/*
    Below Sets the size, weight, and color of the h4 headers in the navy-blue footer on NAVFAC to standardize
*/
#dnn_BottomPane h4 {
    color:#ffd400;
    font-size:16px;
    font-weight: 600;
}

/*
    Below adjusts the color of the social media icons in the footer (default images are black)
    created custom class (socialMediaIcon) that needs to be added to the image in order for css to pickup
*/
#dnn_BottomPane img.socialMediaIcon {
    filter:invert(1);
    margin: 0px 10px 10px 0px;
    width: 24px;
}
/*
    Below adjusts the background of the bottom footer pane on NAVFAC to white
*/
#dnn_FooterPane {
    background-color: #fff !important;
    color: #212529 !important;
}



/*Article CS Module Adjustments*/
/*
    Updates to Aritlce CS and Article CS dashboard for adjusting 
    background color behind images on page (default background color on the Article cs template was black)
*/
main section.biography-listing, main section.navy-thumb-listing {
    background-color:#fff;
}



/*DDR MENU Module Adjustments */

.ModDDRMenuC ul.dropdown-menu {
    border: none;
}

.ModDDRMenuC .navbar-nav.sm-collapsible a {
    padding-right: 3em;
    padding-left: .25em;
}

/*DDR MENU : remove search from option */
.ModDDRMenuC #search {
    display: none;
}



/*HTML/ Live HTML Module Adjustments */
/*
    By default AFPIMS tables; 
    Below adjusts default table to bordered on AFPIMS with border= 1px solid with 5px spacing in table cell
    Add Borders to Table in all html/livehtml modules and corresponding rte
        NOTE: If users want to overrid this in AFPIMS on their own elements then they will need to incorporate 
    !important value within their attribute tag for table and table child elements

*/

.DNNModuleContent.ModDNNHTMLC div.Normal table,
.DNNModuleContent.ModDNNHTMLC div.Normal tbody,
.DNNModuleContent.ModDNNHTMLC div.Normal td,
.DNNModuleContent.ModDNNHTMLC div.Normal tfoot,
.DNNModuleContent.ModDNNHTMLC div.Normal th,
.DNNModuleContent.ModDNNHTMLC div.Normal thead,
.DNNModuleContent.ModDNNHTMLC div.Normal tr,
.DNNModuleContent.ModDNNHTMLC div.Normal tt,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table,
.DNNModuleContent.ModDNNHTMLC div.PreviewView tbody,
.DNNModuleContent.ModDNNHTMLC div.PreviewView td,
.DNNModuleContent.ModDNNHTMLC div.PreviewView tfoot,
.DNNModuleContent.ModDNNHTMLC div.PreviewView th,
.DNNModuleContent.ModDNNHTMLC div.PreviewView thead,
.DNNModuleContent.ModDNNHTMLC div.PreviewView tr,
.DNNModuleContent.ModDNNHTMLC div.PreviewView tt,
.DNNModuleContent.ModLiveHTMLC div.livehtml table,
.DNNModuleContent.ModLiveHTMLC div.livehtml tbody,
.DNNModuleContent.ModLiveHTMLC div.livehtml td,
.DNNModuleContent.ModLiveHTMLC div.livehtml tfoot,
.DNNModuleContent.ModLiveHTMLC div.livehtml th,
.DNNModuleContent.ModLiveHTMLC div.livehtml thead,
.DNNModuleContent.ModLiveHTMLC div.livehtml tr,
.DNNModuleContent.ModLiveHTMLC div.livehtml tt,
.DNNModuleContent .previewPanelContainer table,
.DNNModuleContent .previewPanelContainer tbody,
.DNNModuleContent .previewPanelContainer td,
.DNNModuleContent .previewPanelContainer tfoot,
.DNNModuleContent .previewPanelContainer th,
.DNNModuleContent .previewPanelContainer thead,
.DNNModuleContent .previewPanelContainer tr,
.DNNModuleContent .previewPanelContainer tt,
.cke_editable table,
.cke_editable tbody,
.cke_editable td,
.cke_editable tfoot,
.cke_editable th,
.cke_editable thead,
.cke_editable tr,
.cke_editable tt

{
    margin: 1px !important;
    padding: 5px !important;
    border: 1px solid !important;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border-collapse: collapse;
}


/*
    Remove Borders from table ; requires users to add id=borderlessTable to table element
    Note that id will also need to be added to any nested table to remove borders
    i.e. 
        <table id="borderlessTable>
            <table id="borderlessTable">
            <table>
        <table>
*/
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable tbody,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable td,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable tfoot,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable th,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable thead,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable tr,
.DNNModuleContent.ModDNNHTMLC div.Normal table#borderlessTable tt,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable tbody,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable td,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable tfoot,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable th,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable thead,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable tr,
.DNNModuleContent.ModDNNHTMLC div.PreviewView table#borderlessTable tt,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable tbody,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable td,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable tfoot,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable th,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable thead,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable tr,
.DNNModuleContent.ModLiveHTMLC div.livehtml table#borderlessTable tt,
.DNNModuleContent .previewPanelContainer table#borderlessTable,
.DNNModuleContent .previewPanelContainer table#borderlessTable tbody,
.DNNModuleContent .previewPanelContainer table#borderlessTable td,
.DNNModuleContent .previewPanelContainer table#borderlessTable tfoot,
.DNNModuleContent .previewPanelContainer table#borderlessTable th,
.DNNModuleContent .previewPanelContainer table#borderlessTable thead,
.DNNModuleContent .previewPanelContainer table#borderlessTable tr,
.DNNModuleContent .previewPanelContainer table#borderlessTable tt,
.cke_editable table#borderlessTable,
.cke_editable table#borderlessTable tbody,
.cke_editable table#borderlessTable td,
.cke_editable table#borderlessTable tfoot,
.cke_editable table#borderlessTable th,
.cke_editable table#borderlessTable thead,
.cke_editable table#borderlessTable tr,
.cke_editable table#borderlessTable tt

{
    border: 0px !important;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border-collapse: collapse;
}

/*
    Article List Module Adjustments - Pagination
*/

div.pagination a.btn{
    width:90px;
    background-color:#004990!important;
    border-color:#004990!important;
    color:#f8ba01;
}

div.pagination a.btn.disabled{
    color:#fff;
}

div.pagination ul.pages{
    display: flex;
    flex-direction: row;
    margin:auto;

}

div.pagination ul.pages li {
    /*margin-left:1rem;*/
    list-style: none;
}

div.pagination ul.pages li a{
    color:#004990!important;
}

div.pagination ul.pages li.active a{
    margin-left:1rem;
    text-decoration: underline;
    color:#f8ba01 !important;
}

div.pagination ul.pages li.active a:hover{
    color: #004990!important;
}


/*
    Below are Media Queries for Site
    Accounts for when screen size is 991 pixels 
    and above then apply below and falls inline
    with mobile first approach
*/
@media screen and (min-width:991px) {



    /*DDR MENU Updates for mobile*/

    .ModDDRMenuC {
        padding-left: 1.5rem;
    }

    /*
        Adjust Top Page margin for home-layout page w/ respect to below scenarios:
        1. When AFPIMS edit shell is present
        2. When In preview mode in AFPIMS
        3. When in published view or on logoout screen of site
    */
    body#Body.personabar-visible.hide-afpims div#siteWrapper.home-layout{
        padding-top:156px;

    }

    body#Body.personabar-visible div#siteWrapper.home-layout{
        padding-top:0px;

    }

    body#Body div#siteWrapper.home-layout{
        padding-top: 156px;
    }


    /*
        Adjust Top Page margin for inner-layout page w/ respect to below scenarios:
        1. When AFPIMS edit shell is present
        2. When In preview mode in AFPIMS
        3. When in published view or on logoout screen of site
    */

    body#Body.personabar-visible.hide-afpims div#siteWrapper.inner-layout{
        padding-top:28px;

    }

    body#Body.personabar-visible div#siteWrapper.inner-layout{
        padding-top:0px;

    }

    body#Body div#siteWrapper.inner-layout{
        padding-top: 28px;
    }

}
/*
    Below Media query is for widow sizes below 991px and is used to hide the map on map page 
    that was created and custom ID for that MAP as images do not scale on a smaller window size
*/
@media screen and (max-width:991px) {

    #mapTest{
        display: none !important;
    }

}