/* Convert Events font sizes to accessible em values */
:root {
    --tec-font-size-0: 0.647em!important;
    --tec-font-size-1: 0.706em!important;
    --tec-font-size-2: 0.824em!important;
    --tec-font-size-3: 0.941em!important; /* This is the base font for Events */
    --tec-font-size-4: 1.059em!important;
    --tec-font-size-5: 1.176em!important;
    --tec-font-size-6: 1.294em!important;
    --tec-font-size-7: 1.412em!important;
    --tec-font-size-8: 1.647em!important;
    --tec-font-size-9: 1.882em!important;
    --tec-font-size-10: 2.471em!important;
}

table, table th, table td { color: #4f4f4f!important; } /* Set the font color for all tables*/

footer.content-info { background-color: #13294B!important; padding-bottom:20px; } /* Set background color of footer */

/* Set website font */
html, body { font-family: 'Poppins', sans-serif!important; font-weight: 400; background-color: #fff; font-size: 17px; line-height:1.5!important; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.osp-footer-link { color:white!important;  } /* Set link color for footers */

body { overflow-x:hidden!important; margin-left:-15px!important; margin-right:-15px!important; margin-bottom:-25px!important;  margin-top:15px!important; } /* Hide horizontal scroll bar for website */

.content { padding-bottom:0px!important; } /* This will remove the gap between the bottom of the content container and the footer */

/* All page formatting */
#abovefold, .breadcrumbs, .osp-container { width:90%; margin:auto; border-bottom:none; }
#nav { width:100%; margin:auto; border-bottom:none; }

@media screen and (min-width: 768px) {
    #btnDiv { display:block; }
    #btnMobile { display:none; }
}

@media screen and (max-width: 767px) {
    .main-banner .caption h6 { font-weight: 500; }
    .main-banner .caption h2 { font-size: 2.059em; }

    #navDesktop { display:none; } /* Turn off Business Units images on small screens */
    #navMobile { display:block; } /* Turn on mobile menu for Business Units on small screens */
    #bg-video, #mainTitle { display:none; } /* Turn off the home page video on small screens */
    #nbrDesktop { display:none; } /* Hide egobox on mobile screens */
    #nbrMobile { display:block; } /* Turn on mobile egobox on mobile screens */
    #nbrMobile h2 { font-size: 1.059em; } /* Adjust font size of the h2 element for mobile egobox */
    #top { padding-bottom:10px; } /* Pad the bottom of the title on mobile pages */

    body { overflow-x:scroll!important; } /* Turn on horizontal scroll */

    div.osp-landing-opacity-layer { margin:0; background-color:none;  border-radius: 0; width:auto!important; padding: 0!important; }

    section.osp-landing-page h1 { font-size: 1.882em!important; font-weight: 600!important; letter-spacing: 0.5px!important; }

    /* Hide org chart and instructions box on mobile screens */
    #deskOrg { display:none; }
    #orgGuide { display:none; }

    .header-text { padding-bottom:0px; }
    .header-text-med { padding-bottom:0px; }
    .header-text-lg { padding-bottom:0px; }
    .header-text-xl { padding-bottom:0px; }
    .header-text-xxl { padding-bottom:0px; }

    #bioText { padding-top:60px; } /* On Biosketch, pad the top of the body to accommodate the long page title */

    div.osp-train-landing-opacity-layer { width:500px; } /* Adjust the opacity layer for the Training & Events page */

    #news div { border: 0!important; padding: 0px; }
    
    .dataTables_filter { display:none; } /* Hide TablePress search option on mobile */

    section.osp-roles .dataTables_wrapper { margin-top:0px!important; } /* Restore the TablePress top padding  */

    /* Hide buttons and unhide replacement links */
    #btnDiv { display:none; }
    #btnMobile { display:block; }
}


/* Set Right / Left borders for sections on main page */
section.osp-main .border-left { border-left: 40px solid #4B9CD3; margin-bottom:-10px; }
section.osp-main .border-right { border-left: 40px solid #13294B; margin-bottom:-10px; }

section.osp-mainosp-main .border-left-foot { border-left: 40px solid #4B9CD3; margin-bottom:-10px; min-height:255px; } /* Set border for section right above footer (fixes error caused by no events to display) */

section.osp-meetings-page {background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: 0px;  } /* upcoming osp-meetings page */

section.osp-meetings-page .filters {	text-align: center; }

section.osp-meetings-page .filters li { font-size: 1em; color: #13294B; background-color: #fff; padding: 11px; display: inline-block; border: 1px transparent #4B9CD3;  border-radius: 22px; font-weight: 600; text-transform: uppercase; transition: all .3s; cursor: pointer; }

section.osp-meetings-page .filters ul li.active,
section.osp-meetings-page .filters ul li:hover { color: #fff; border: 1px solid #4B9CD3; }

.osp-filter-img { border-radius: 22px; }

section.osp-meetings-page p {	padding-left:0px; }

section.osp-meetings-page ul li {  font-size: 1em; padding: 2px; }

section.osp-meetings-page td { padding-bottom:25px; font-size:1em; }


/* Format OSP Posts */
.osp-post-box {  border:1px solid #767676; }
.osp-post { padding-left:15px; padding-right:15px; padding-top:15px; }


#meetings { padding-top: 20px; padding-bottom: 20px; } /* Pad the section between the border and date */

header { width: 90%!important; margin: auto!important; } /* Align post date with content */

.alert-warning { display:none; } /* Turn off comments closed message */


/* Format for converted TablePress table hovering */
.ospHighlight { background-color: #f3f3f3; }

/* Format TablePress on Roles & Responsibilities */
section.osp-roles th { background-color:#D9EDF7!important; color:black!important; }

.tablepress-id-67 thead th:not(:last-child),
.tablepress-id-67 tbody td:not(:last-child) { border-right: 1px solid #d3d3d3; }

/* Reduce the TablePress top padding to align table with header */
section.osp-roles .dataTables_wrapper { margin-top:-40px; }

/* Image Formatting */
img.osp-right { float:right; margin-top:4px; margin-right:4px; width:10%; height:10%; padding-left:8px; padding-top:30px; }
img.osp-left { float:left; margin-top:4px; margin-left:4px; width:10%; height:10%; padding-right:8px; }
img.osp-center { width:50%; height:50%; display: block; margin-left: auto; margin-right: auto; }
img.osp-img-center { width:65%; height:65%; display: block; margin-left: auto; margin-right: auto; }
img.osp-img-xxs {width:15%!important; padding-top:5px!important; padding-bottom:5px!important; align:right!important; }
img.osp-img-xs { width:25%!important; padding-top:5px!important; padding-bottom:5px!important; align:right!important; }
img.osp-img-sm { width:45%!important; padding-top:5px!important; padding-bottom:5px!important; align:right!important; }
img.osp-img-med { width:65%!important; padding-top:5px!important; padding-bottom:5px!important; align:right!important; }
img.osp-img-lg { width:70%!important; padding-top:5px!important; padding-bottom:5px!important; align:right!important; }
img.osp-img-xl { width:80%!important; padding-top:5px!important; padding-bottom:5px!important; align:right!important; }


/* Format Accordions */
summary { font-size: 1.412em!important; color:#13294B!important; font-weight: bold; display:list-item; cursor:pointer; }
details div { padding-left: 25px; } /* Format div containers in details accordions to have a 25px left pad (this aligns the content with the accordion title) */
ul.ul-details { margin-left:-40px!important; } /* Format bulleted lists to align with the accordion title */
ul.ul-details-tab { margin-left:-25px!important; } /* Format bulleted lists on tabs to align with the accordion title */


/* Style TablePress objects */
table caption { display:none; }

/* Set column widths for business units */
.tablepress-id-25 .column-1 { width: 200px!important; }
.tablepress-id-25 .column-2 { width: 250px!important; }
.tablepress-id-25 .column-3 { width: 150px!important; }
.tablepress-id-25 .column-4 { width: 100px!important; }

/* Set column widths for F&A Guidance */
.tablepress-id-69 .column-1 { width: 100px!important; }

.tablepress-id-70 .column-1 { width: 100px!important; }

.tablepress-id-78 td, th { text-align: center!important; }
#tablepress-78 .row-2 .column-1 { text-align: left!important; }

/* Set column widths for directory */
.tablepress-id-59 .column-1 { width: 200px!important; }
.tablepress-id-59 .column-2 { width: 200px!important; }
.tablepress-id-59 .column-3 { width: 200px!important; }
.tablepress-id-59 .column-4 { width: 150px!important; }
.tablepress-id-59 .column-5 { width: 175px!important; }

.tablepress-id-26 .column-1 { width: 390px!important; }
.tablepress-id-26 .column-2 { width: 840px!important; }

.tablepress-id-27 .column-1 { width: 390px!important; }
.tablepress-id-27 .column-2 { width: 840px!important; }

.tablepress-id-31 .column-1 { width: 439px!important; }
.tablepress-id-31 .column-2 { width: 49px!important; }
.tablepress-id-31 .column-3 { width: 439px!important; }
.tablepress-id-31 .column-4 { width: 306px!important; }

.tablepress-id-43 .column-2,
.tablepress-id-43 .column-3,
.tablepress-id-43 .column-4,
.tablepress-id-43 .column-5,
.tablepress-id-43 .column-6 { text-align: center; }


/* Set column widths for Resources/Guidance & FAQs ServiceNow tables */
.tablepress-id-66 .column-1 { width: 200px!important; }
.tablepress-id-66 .column-2 { width: 400px!important; }
.tablepress-id-66 .column-3 { width: 500px!important; }

th.column-1, th.column-2, th.column-3, th.column-4, th.column-5, th.column-6, th.column-7 { background-color:#13294B!important; color:white!important; }


/* This formats the iframe object used on the Org Chart */
.osp-iframe { border:none!important; }


/* Header Formatting */
h1.osp-title { font-family: 'Poppins', sans-serif!important; font-size:2.353em!important; color:#32796D; word-wrap:break-word;  overflow-wrap:break-word; }
h2 { font-family: 'Poppins', sans-serif!important; margin-bottom:5px; font-size:1.412em; color:#4F758B; font-weight: bold; }
h3 { font-family: 'Poppins', sans-serif!important; font-size:1.294em; color:#13294B; }
h4 { font-family: 'Poppins', sans-serif!important; font-size:1.1765em; color:#4B9CD3; }


.osp-title-container { min-height:75px; height:auto; margin-bottom:25px } /* Format Header section */

.osp-heading-page { margin-top:-25px; } /* Adjust spacing above title */


/* Formatting for FAQs */
h3.osp-guide-faq { font-size: 1.103em!important; font-weight: bold; color:#13294B!important; margin-bottom:-20px; }

ul.osp-light-table-ul { padding-left: 35px!important; margin-top: -40px!important; }


/* Manage br element in TablePress */
.osp-br { display:block!important; }
.tablepress ul br { display: none; }
.tablepress ol br { display: none; }


.osp-button4 { margin-top:5px; color:white!important; background-color:#00594C; text-align:center; border:none; text-decoration:none; transition-duration:0.4s; cursor:pointer; padding: 9px 15px; display: inline-block; border-radius: 22px; font-weight: 500; text-transform: uppercase; font-size:0.941em; }
.osp-button5:hover { background-color:white; color:#00594C!important; border: 1px solid #00594C; }
.osp-button6 { margin-top:5px; color:white!important; background-color:#13294B; text-align:center; border:none; text-decoration:none; transition-duration:0.4s; cursor:pointer; padding: 9px 15px; display: inline-block; border-radius: 22px; font-weight: 500; text-transform: uppercase; font-size:0.941em; }
.osp-button7:hover { background-color:white; color:#13294B!important; border: 1px solid #13294B; }


/* MegaMenu formatting */
#mega-menu-item-listcategorypostswidget-3 h3{ margin-left:10px; margin-top:-5px; margin-bottom:-2px; } /* Adjust formatting for Recent Spotlight News About Menu */
#mega-menu-item-listcategorypostswidget-3 > a { color:#13294B; padding-top:25px!important; } /* Align the View All Spotlight News Items text with Recent Spotlight */
#lcp_instance_listcategorypostswidget-3 a:hover { text-decoration: underline; } /* Set a hover underline for the View All Spotlight New Items text */
#mega-menu-item-listcategorypostswidget-3 > a:hover { text-decoration: underline; } /* Set a hover underline for Recent Spotlight News links */
#lcp_instance_listcategorypostswidget-3 { padding-bottom: 10px; } /* Add padding between the Recent Spotlight News list and the View All Spotlight News Items link text */
.osp-mega-block-title { color: #555; font-family: inherit; font-size: 1em; text-transform: uppercase!important; text-decoration: none!important; font-weight: bold!important; text-align: left!important; margin-left: -25px!important; vertical-align: top!important; display: block!important; visibility: inherit!important; border: 0!important; } /* Adjust formatting of the Most Recent Event under the Training Mega-Menu */
.lcp_catlist { padding:0px!important; } /* Set Recent Spotlight News items to no padding */
.mega-menu-logo { padding-bottom:15px; } /* Pad the bottom of Quick Info dropdown */
ul.osp-li-none { list-style: none; } /* Turn off bullet point on Quick Info IDC section */
.osp-responsive-img { width: 100%; aspect-ratio: 410.99 / 224.5; height: auto; display: block; object-fit: cover; } /* Set aspect ratio for MegaMenu images */
p.copyright { display:none; } /* Hide the copyright content section from appearing */
#copyright { background-color:#13294B!important; border-style:none!important; display:none; } /* Set the background color of the copyright element */
.tribe-common-l-container, .tribe-events-l-container { margin-top:-75px!important; } /* Events Page:  Shrink gap between Active Events title and events element */
h2.osp-megamenu-h2 { color:#32796D!important; padding-bottom:10px; padding-top:15px; font-size: 1.412em; } /* Format headers in MegaMenu */


/*Format News & Newsletters */
#newsPosts .thumbnail, .thumbnail img { height:80px!important; width:110px; } /* Format image height on News items */
#newsPosts .caption, .caption p { font-size:0.882em!important; } /* Format font size in News items summary text */


/* Hide header tags but allow them to be visible to screen readers */
.hide-element { border: 0; clip: rect(1px 1px 1px 1px); clip; rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;  }


/* In bulleted lists, format certain li elements to have no bullet point */
li.osp-no-type { list-style-type: none!important; }

/* Add padding for notes entries in SPARC guidance tab */
li.osp-notes-pad { padding-top:15px; }


/* On WordPress tabs, set the active background and font color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { color: white!important; background-color: #4f758b!important; border: 1px solid #ddd;   border-bottom-color: transparent; cursor: default; text-decoration: underline; }
.nav-tabs>li.active>a:focus { border: 1px solid black!important; cursor: default; text-decoration: underline; }

/* Adjust focus indicator for Firefox */
@-moz-document url-prefix() {
  :focus {
    border: 1px solid black!important;
  }
}


/* Format appearance of search results page */
.blogdate { width: 90%!important; margin-left: 75px; }
.entry-summary, .published { width: 90%!important; margin: auto!important; }
.published { width: 90%!important; margin: auto!important; }


/* Format the external website indicator */
#btnOff::after { display:none!important; } /* Turn off the indicator for the button on the iLab page */
#btnRAM::after { display:none!important; } /* Turn off the indicator for the buttons on the RAM Reports page */
footer a::after { display:none!important; } /* Turn off the indicator in the footer */

/* Format the location of the external website indicator */
img.osp-img-indicator { padding-bottom:6px; padding-left:2px; }


/* Format separator line on Business Units page */
div.osp-split { border-top: 1px solid #393939!important; padding-bottom:20px; }


/* Format MegaMenu so that external links display an underline on hover */
.mega-menu-item a { text-decoration: none; }
.mega-menu-item a:hover { text-decoration: underline; }


/* Adjust Spotlight News padding */
.media li.media-listitem { padding:25px 0 10px!important; }

/*Adjust the bottom margin for the thumbnail images */
.media-listitem .pull-left .thumbnail { margin-bottom: 0px; }


/* Format Outgoing Subagreement Requests Matrix */
td.osp-col-format { border-top-style:solid; border-top-width:1px; border-left-style:solid; border-left-width:1px; border-bottom-style:solid; border-bottom-width:1px; border-right-style:solid; border-right-width:1px; }
.rotate-text { transform: rotate(-90deg); transform-origin: center center; vwhite-space: nowrap; }
#divMatrix { display: flex; justify-content: center; align-items: center; }
#tblMatrix { width: 80%; text-align: center; }
#tblMatrix tr:first-child { vertical-align: bottom; }
#tblMatrix td { text-align: center; vertical-align: middle; }


/* TablePress Replacement Formatting */
.osp-table { position: relative; padding-bottom: 20px; }
.osp-table:after { content: ""; display: block; height: 1px; width: 100%; background-color: #e1e1e1; position: relative; }
.osp-table:after { bottom: -10px; }
.osp-table-container { margin-bottom:20px; }


/* This section will deal with formatting the on page links sections */
/* Format border around on page navigation menus */
.border-with-text { border: 1px solid lightgray; position: relative; padding: 10px; margin: 0px; }
.border-text { position: absolute; top: -10px; left: 10px; background: white; padding: 0 5px; font-weight: bold; border: 1px solid lightgray; border-radius: 5px; }

.horizontal-links { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; } /* Format manual list of links on pages ... as a replacement for Gravity Forms */
.horizontal-links li { margin: 0; } /* Removes default list item margin */
.horizontal-links a { white-space: nowrap; text-decoration: none; color: inherit; position: relative; padding: 5px 10px; border-radius: 5px; }
.horizontal-links a::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #4B9CD3; transition: width 0.3s ease-in-out; }
.horizontal-links a:hover::after { width: 100%; /* Expand underline outward to full width */ }


/* This section will format the Accessibility tooltip pop up in the footer */
.tooltip-container { position: relative; display: inline-block; cursor: pointer; color: #0073e6; } /* Style for the container */
.tooltip-message { visibility: hidden; opacity: 0; width: 300px; background-color: #f9f9f9; color: #000; text-align: left; padding: 10px; border: 1px solid #ccc; border-radius: 5px; position: absolute; z-index: 9999; bottom: 125%; left: 50%; transform: translateX(-50%); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } 
.tooltip-message::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: #ccc transparent transparent transparent; } /* Arrow pointing to the element */
.tooltip-message.visible { visibility: visible; opacity: 1; } /* When the tooltip is visible */


.restricted { margin-left:100px; padding-bottom:25px; text-align:center; } /* Modify the appearance of the Onyen prompt */


h2.osp-guidance { font-size: 1.103em!important; font-weight: bold; color:#13294B!important; margin-bottom:-20px; }


main > .page-header { width: 90% !important; margin: auto !important; } /* Modify formatting on search results pages */
main > .search-form { width: 90% !important; margin: auto !important; } /* Modify formatting on admin form pages */
main > .post-password-form { width: 90% !important; margin: auto !important; } /* Modify formatting on admin login pages */

.blogdate { display:block!important; margin:auto!important; }


#tablepress-84 { border-left: 1px solid lightgray; border-right: 1px solid lightgray; border-bottom: 1px solid lightgray; border-collapse: collapse; } /* Add outer borders to the table on the Sub & Info Security page */

/*
.page-id-15156 * {	
    all: unset;
}
*/