
/*
    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;
}*/

/* Removes non-functional email button from AddThis share options */
li.at3winsvc_email.top-service {
    display: none !important;
}

.skin-social-header {
    display: none !important;
}

/***********Top Navigation Adjustments - All Pages***********/

/*
    Aligns top navigation menu to left of page by site logo
*/
.allHands-navbar .navbar>.container-fluid .navbar-collapse {
    justify-content: flex-start !important;
}

/*
    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;
}

/*
    Below centers navigation links within the navigation pane and centers horizontally to keep text aligned; adjusts spaciing around nav-link
*/
#main-nav .nav-item #search, #main-nav .nav-item{
    margin:auto;
}
/*
    Below keeps default Mobile nav layout; left align to page
*/
#main-nav.sm-collapsible .nav-item #search, #main-nav.sm-collapsible .nav-item{
    margin:0px;
}

/*
    Below horizontally centers logo with links in the top navigation; also adjusts width of logo to take full width
*/
.allHands-navbar .navbar-brand{
    width:100%;
    height:auto !important;
}
/*
    Below adjusts width of submenus in top navigation
    1. Set width to auto to expand to width of text
    2. set max width of submenu to 640 pixels
    3. set min width of submenu to 160 pixels
*/
#main-nav .nav-item.dropdown.show .dropdown-menu {
    width: auto !important;
    min-width: 10em !important;
    max-width: 40em !important;

}

/*
    Below adjsuts the mobile navigation button (displays on smaller screen resolutions below 991px)
    1. make background color transparent to blend in with top nav
    2. add border and color to border
    3. Set mobile menu height to auto to expand behind all menu options
*/
.allHands-navbar .navbar-dark .navbar-toggler {
    background-color: transparent !important;
    border: solid #000036 !important;
    border-radius: 0.25rem;
    filter: brightness(0.75);
}
#navbarNavDropdown.navbar-collapse.collapse.show {
    height:auto !important;
}


/***********Breadcrumb adjustments - Mainly for page with inner Layout (i.e. About Page) ***********/
/*
    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
    3. text color is default from afpims layout

*/
div#breadcrumb {
    background-color: #004990!important;
}



/***********Page Footer Updates - ALl Pages ***********/
/*
    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 the padding for content in area
*/
#dnn_BottomPane {
    background-color: #003f7c !important;
    padding: 40px 0px 40px 0px;
}

/*
    Below Sets the size and weight of bolder or ephasized strong text in the Top Footer on NAVFAC
*/
#dnn_BottomPane b,#dnn_BottomPane strong{
    color:#fff !important;
    font-size: 16px;
    font-weight: bolder;
}
/*
    Below sets the default text and link text in Top Footer Module to white on Page; default text formate within RTE
*/
#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 Footer Top Module on page
*/
#dnn_BottomPane h4 {
    color:#ffd400;
    font-size:16px;
    font-weight: 600;
}

/*
    Below adjusts the color of the social media icons in Top Footer Module to White for the svg social media images
    images need to have class associated with it to pickup i.e. <img class="socialMediaIcon">
*/
#dnn_BottomPane img.socialMediaIcon {
    filter:invert(1);
    margin: 0px 10px 10px 0px;
    width: 24px;
}
/*
    Below adjusts the background of the Footer Bottom Module to white and text to default #212529 color
*/
#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 ***********/
/*
    Removed border from DDR Menu (Side Nav)
*/
.ModDDRMenuC ul.dropdown-menu {
    border: none;
}

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

/*
    Hide Search field from DDR Menu as it is already visible in Top Navigation
*/
.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 Style ***********/
/*
    Adjusted the colors of the buttons for the Article list Pagination and color of contained text  (Next/Previous)
*/
div.pagination a.btn{
    width:90px;
    background-color:#004990!important;
    border-color:#004990!important;
    color:#f8ba01;
}
/*
    Adjusted the colors of text to white for when button is disabled (i.e. user is at end of pages or beginning of pages)
*/
div.pagination a.btn.disabled{
    color:#fff;
}
/*
    Below Adjust buttons and links of pagination to flex across page instead of stacked and center in content; by default it expands to width of parent container
*/
div.pagination ul.pages{
    display: flex;
    flex-direction: row;
    margin:auto;

}
/*
    Below removes bullet points from list of pages for pagination
*/
div.pagination ul.pages li {
    list-style: none;
}
/*
    Below adjusts color for the list of pages in the pagination and provides spacing for links
*/
div.pagination ul.pages li a{
    color:#004990!important;
    margin-left:1rem;
}
/*
    Below adjusts color of the current or active page in the pagination list and underlines.
*/
div.pagination ul.pages li.active a{
    margin-left:1rem;
    text-decoration: underline;
    color:#f8ba01 !important;
}
/*
    Below adjusts color of pagination link upon hover over with mouse
*/
div.pagination ul.pages li.active a:hover{
    color: #004990!important;
}
/*
    Below adds spacing between the pagination and the Footer Modules
*/
div.pagination {
    margin-bottom: 1rem;
}


/*********** Mobile Query that will affect page content for larger screens( screen size 991 pixels and above)***********/
@media screen and (min-width:991px) {



    /***********DDR MENU Updates for mobile***********/
    /*
        Below adds padding to the left of DDR Menu
    */
    .ModDDRMenuC {
        padding-left: 1.5rem;
    }














