header {
    display: flex;
	display: -webkit-flex;
    flex-direction: column;
    position: sticky;
	position: -webkit-sticky;
    top: 0;
    z-index: 200;
}

header > nav button.navbar-toggler {
    display: none;
}


#tbm-main {
	width: 100%;
}
.navbar-brand {
	padding: 0;
}

header .navbar-brand img {
    height: 40px;
}

.region-nav-branding{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  justify-content: space-between;
}

header .navbar.navbar-expand-lg{
  border-bottom: 1px solid #B3B1B0;
  transform: translateZ(0);
}

.tbm-menu-desc{
	font-weight: 400;
}

.tbm-block .block-inner .contextual-region.row.block-content.block-content--type-basic.block-content--view-mode-full.ds-1col.clearfix {
    width: 350px;
}

.tbm-no-arrows .tbm-item--has-flyout>.tbm-link-container .tbm-link:before {
	display: none;
}

/* Remove mobile collapse for main menu. Mega Menu has its own. */
.region-nav-branding .navbar-toggler, .region-nav-branding .navbar-collapse{
 	display: none;
}

/* Mobile Hamburger Menu. */
.region-nav-branding .tbm.tbm--mobile .tbm-button {
    display: block;
    position: relative;
    top: 15px;
    color: white;
}

.tbm.tbm--mobile .tbm-item {
  border-top: none;
}

.tbm.tbm--mobile .tbm-collapse {
  display: none;
  position: absolute;
  top: 4.25rem;
  width: 100vw;
  z-index: 999;
  right: 0px;
  height: 100vh;
}

.region-nav-branding .tbm.tbm--mobile .tbm-collapse{
	background-color: var(--primary-navy);
	border-top: 1px solid var(--primary-gray);
}

.block-tb-megamenu-menu-blockmain, header nav{
	height: 100%;
}


/* Main Nav Menu Icons */
.tbm-no-arrows .tbm-item--has-flyout>.tbm-link-container .tbm-link:before {
	display: none;
}

.tbm-lvl-1-arrow .tbm-link {
	position: relative;
}

/* -------------- SEARCH ICON ------------- */
.nav-search-btn {
	text-transform: uppercase;
	display: flex;
}

.tbm-item.level-1.nav-search-btn:hover {
	border-bottom: 7px solid transparent;
}

.nav-search-btn span.tbm-link.level-1,
.nav-search-btn a.tbm-link.level-1 {
	cursor: pointer !important;
	border: 1px solid #FFFF;
    border-radius: 100px;
	padding: 0.5rem 1.25rem;
	height: 48px;
    width: 138px;
}

.nav-search-btn span.tbm-link.level-1:hover,
.tbm-nav li.tbm-item.level-1 span.tbm-link.level-1:focus:hover,
.nav-search-btn a.tbm-link.level-1:hover,
.tbm-nav li.tbm-item.level-1 a.tbm-link.level-1:focus:hover {
	border-color: var(--primary-gold);
	color: var(--primary-gold) !important;
}

.tbm-nav li.tbm-item.level-1 span.tbm-link.level-1:focus,
.tbm-nav li.tbm-item.level-1 a.tbm-link.level-1:focus {
	color: var(--white) !important;
}

.nav-search-btn span::before,
.nav-search-btn a::before {
	content: '';
	background-image: url('/sites/default/files/2022-11/search_white-02.png');
	background-size: 20px 20px;
	display: flex;
	align-self: center;
	margin-right: .3rem;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.nav-search-btn span:hover::before,
.nav-search-btn a:hover::before {
	content: '';
	background-image: url('/sites/default/files/2022-11/search_yellow-02.png');
	background-size: 20px 20px;
	display: flex;
	align-self: center;
	margin-right: .3rem;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

#block-searchicon {
    display: none;
	cursor: pointer;
    height: 32px;
    width: 32px;
    background-image: url(/sites/default/files/2022-11/search_white-02.png);
    background-size: 32px 32px;
    position: relative;
    top: 6px;
}

@media (min-width: 1025px) and (max-width: 1124px) {
	ul.tbm-nav.level-0 {
		justify-content: space-between;
		width: auto;
	}
}

@media (min-width: 1125px) {
	ul.tbm-nav.level-0 {
		justify-content: space-between;
		width: 95%;
	}
}
@media (min-width: 1025px) {
	.tbm-collapse {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 1024px) {
	#block-fbijobs-branding {
		flex-basis: 80%;
	}

	#block-searchicon {
		display: flex;
	}
}
@media (min-width: 1000px) and (max-width: 1024px) {
	#block-fbijobs-branding {
		flex-basis: 80%;
	}

	#block-searchicon {
		top: 4px;
	}

	.region-nav-branding .tbm.tbm--mobile .tbm-button {
		top: 12px !important;
	}
}

@media (min-width: 600px) and (max-width: 849px) {
	#block-fbijobs-branding {
		flex-basis: 75%;
	}
}
@media (max-width: 599px) {
	#block-fbijobs-branding {
		flex-basis: 70%;
	}
}
/* ----------- END SEARCH ICON ------------ */

.tbm-menu-arrow .tbm-link-container .tbm-link{
  position: relative;
  letter-spacing: 1px;
}

.tbm-menu-arrow .tbm-link.no-link.tbm-toggle::after {
	font-family: 'Material Icons', sans-serif;
	content: '\e5e1';
	display: inline-flex;
	position: relative;
	vertical-align: middle;
	left: 20px;
  }

.tbm-menu-download .tbm-link-container .tbm-link {
 	position: relative;
}

.tbm-menu-download .tbm-link-container .tbm-link::after {
  font-family: 'Material Icons', sans-serif;
  content: '\e89e';
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

.tbm.tbm--mobile .tbm-nav {
  background: var(--primary-navy);
}

#block-applytodaysasubmenu, #block-aboutfbijobs, #block-intelligencecareers, #block-specialagents, #block-careers, #block-jointhefbi{
	display: none;
}

header .navbar{
	background-color: var(--primary-navy);
	padding: 0;
	position: relative;
}

.tbm {
  background-color: var(--primary-navy);
}

.open .tbm-submenu.tbm-item-child {
	height: 535px;
}


.level-3-submenu > .tbm-row{
   margin: auto;
}

.tbm-submenu {
  width: 33%;
}

/* nav content block */
.tbm-row .span5.sub-desc {
    border-right: 2px solid var(--sec-space-gray);
    height: 534px;
	grid-column-start: 3;
	padding-right: 3rem;
	padding-left: 3rem;
}

/*viewjobs icon*/
.view-jobs-button a{
	position: relative;
	display: block;
	width: 215px;
}

.tbm-remove-arrow{
	position: relative;
}

.tbm-remove-arrow .tbm-link:after{
	position: relative;
	display: none!important;
}

.tbm-item.level-1.view-jobs-button:hover{
	color: var(--primary-navy) !important;
}


/*Top level menu items.*/
.tbm-item.level-1 {
  border-right: 1px solid var(--primary-navy);
  font-weight: 700;
  background: var(--primary-navy);
  border-bottom: 7px solid transparent;
  margin-right: .75rem;
}

/* overwrites border-right which removes angled border bottom */

ul.tbm-nav li.tbm-item.level-1 {
	border-right: 0px;
}


/*pseudo class highlight menu items*/
.tbm-item.level-1:hover{
	color: var(--primary-gold) !important;
	border-bottom: var(--primary-gold) 7px solid;
}

.tbm-link.level-1:hover, .tbm-link.level-1:focus {
    background: none !important;
}
.tbm-link-container > a:hover {
  text-decoration: none;
  color: var(--primary-gold)!important;
}

/*Top level links.*/
.tbm-link.level-1 {
  color: var(--white);
  padding: .75rem 1.25rem;
	text-decoration: none;
	letter-spacing: 1px;
	margin-top: 9px;
}

.tbm--mobile .tbm-link.level-1 {
	margin-top: 0px;
	padding-left: 1.65rem;
}

/* change font-weight 400 to 700 nov15-22 */
.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
    color: var(--white);
    font-weight: 500;
}

.primary-sub-nav {
	padding-top: 48px;
	grid-column-start: span 9;
}


.tbm-item.level-1.tbm-item--has-dropdown.open > .tbm-link-container > .tbm-link.no-link, .tbm-link-container > .tbm-link:focus{
	color: var(--primary-gold);
}

.tbm-item.level-2.tbm-item--has-flyout.open > .tbm-link-container > .tbm-link.no-link, .tbm-link-container > .tbm-link:focus {
	color: var(--primary-gold);
  }

/*The button that toggles the visibility of the submenu on mobile.*/
.tbm-submenu-toggle {
  background-color: var(--primary-navy);
  color: var(--white);
}

/*The caption that can appear below any <li>.*/
.tbm-caption {
  color: var(--white);
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

/*The <div> around any submenu dropdown. This is a direct descendent child of
the <li>.*/
.tbm-submenu {
  background-color: var(--primary-navy);
  border-radius: 0;
  border: 1px solid var(--primary-navy);
  box-shadow: 0 5px 10px var(--primary-navy);
  padding: 1rem;
}

/*increase dropdown level*/
.tbm-item.level-1.open>.tbm-submenu {
	position: fixed;
	top: 83px;
	right: 0px;
	left: 0px;
    height: 535px;
	width: 100vw !important;
    padding: 0px 50px 0px 50px;

}


.tbm-item.level-1 .block-inner h2{
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 2rem;
	letter-spacing: 1px;
}

.tbm-link.level-2.no-link.tbm-toggle {
	font-weight: 500;
  }

.level-2 .tbm-submenu.tbm-item-child {
    height: auto;
    border-left: 2px solid var(--primary-gold);
    padding: 0px 0px 0px 2rem;
}

.tbm-link.level-2:hover {
	color: var(--primary-gold) !important;
}

.tbm-link-container > a.tbm-link {
	text-decoration: none;
	color: var(--white);
}


.tbm-block {
	color: var(--white);
}

/*The mobile show/hide button.*/
.tbm-button {
  appearance: none;
  background-color: var(--primary-navy);
  border: 1px solid var(--primary-navy);
}

.tbm-button-container span {
	height: .25em;
	border-radius: 0px;
}

/* A .tbm-group is any <li> that has been designated as a "group" item, where
// the content within is not contained within a dropdown/submenu, but is instead
// always visible.

// The group container.*/
.tbm-group-container {
  border-top: 1px solid var(--primary-navy);
}

/* The group title.*/
.tbm-group-title {
  font-weight: bold;
  text-transform: uppercase;
}

.tbm-item.level-2 .arrow-link-button.text-white.text-decoration-none {
  padding: 1rem 1.25rem;
}


.sub-desc p {
	width: 350px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25rem;
	padding-right: 2rem;
	letter-spacing: 1px;
}

.tbm-item--has-flyout.open .tbm-link {
	color: var(--white);
    padding: 0.75rem .5rem;
    text-decoration: none;
    letter-spacing: 1px;
}
@media (max-width: 1024px) {

	.tbm-menu-arrow .tbm-link.no-link.tbm-toggle::after {
		display: inline-flex !important;
	  }
	.primary-sub-nav {
	padding-top: 0;
	grid-column-start: span 9;
}

	.sub-menu-col {
		padding-left: .15rem;
	}
	.level-2 .tbm-submenu.tbm-item-child {
		padding-left: 0rem;
		border-left: none;
	}
	.tbm-subnav.level-1 {
		padding-left: 0rem;
	}
	.tbm-item.level-1.tbm-right.tbm-item--has-dropdown.open {
		border-left: 3px solid var(--primary-gold);
		border-bottom: 0px;
	}
	header .navbar{
		height: 75px;
	}
	#block-fbijobs-branding {
		position: relative;
		bottom: 5px;
	}

	.tbm-item.level-2.sa-nav-menu.tbm-menu-arrow.tbm-right.tbm-item--has-flyout.active.open {
		color: var(--primary-gold);
	}
	tbm-item.level-1.view-jobs-button .tbm-link {
		padding-left: 1.15rem;
	}
	.tbm-item.level-1:last-child {
		padding-left: 0rem;
	}

	.tbm-item.level-1:last-child .tbm-link.level-1 {
		padding-left: 1.15rem;
	}

	.tbm-menu-arrow .tbm-link-container .tbm-link{
		position: relative;
		letter-spacing: 1px;
	  }

	.nav-search-btn {
		display: none;
	}

}

/* Mobile */
@media (max-width: 768px) {
	.sub-menu-col {
		padding-top: 0rem !important;
	}
	.tbm.tbm--mobile .tbm-submenu-toggle {
		border-left: 0px;
		display: none;
	  }
	.tbm-item.level-1.open > .tbm-submenu {
		height: auto;
		padding: 0px 0px 0px 0px;
		border-top: none;
	  }
	.tbm-item.level-1:hover{
		border-bottom: 7px solid transparent;
	}
	/*block menu */
	.tbm.tbm--mobile .tbm-collapse {
		height: 525px;
		max-height: 700px;
	}
	.tbm-item.level-1:last-child {
	  width: 95%;
	  height: 60px;
	  margin: 0 auto 2rem auto;
	}

	.footer-background-socials{
		border-bottom: none;
	}

	.navbar.navbar-expand-lg .container.d-flex {
  /* max-width: 1295px; */
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

header .navbar-brand img {
    height: 35px;
}


}

@media screen and (max-width: 992px) {
	header .navbar.navbar-expand-lg {
		transition: top 300ms ease-in-out;
	}
}

@media (max-width: 1024px) {
	.tbm-item.level-1.open>.tbm-submenu {
		position: sticky
	}
	.tbm-item.level-2 {
		padding-left: 1.25rem;
	}
	.tbm-link.level-1.no-link.tbm-toggle::after {
		font-family: 'Material Icons', sans-serif ;
		content: '\e5e1';
		display: inline-flex;
		position: relative;
		left: 20px;
	}
}
@media (min-width: 769px) and (max-width:1024px) {
	.sub-menu-col {
		padding-top: 0rem !important;
	}
	.tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
		top: 4.35rem;
	}
	.tbm.tbm--mobile .tbm-submenu-toggle {
		border-left: 0px;
		display: none;
	  }
	  .tbm-item.level-1.open > .tbm-submenu {
		  height: auto;
		padding: 15px 0px 40px 0px;
		border-top: none;
	  }
	  .tbm-item.level-1:hover{
		border-bottom: 7px solid transparent
	}

	  .tbm-submenu.tbm-item-child .tbm-row .tbm-column.pt-5 {
		  padding-top: 0rem !important;
	  }
	  .tbm-item.level-1:last-child a {
		padding-left: 0px;
	  }

	  .footer-background-menu{
		  border: none;
		  padding-left: 40px;
	  }

	  .footer-background-socials{
		  border-right: 2px solid var(--white);
	  }

	  .footer-bottom-caption{
		background: var(--primary-navy);
		border-top: 2px solid var(--white);
		padding: 10px 40px;
	  }
	.tbm.tbm--mobile .tbm-collapse {
  		min-height: 550px;
		max-height: 700px;
	}
	.tbm-item.level-1:last-child {
	  width: 350px;
	  margin-left: 1rem;
	  margin-bottom: 1rem;
	}

	.tbm-item.level-1:last-child a {
	  padding-left: 0px;
	}

	.region-nav-branding .tbm.tbm--mobile .tbm-button {
    	top: 15px;
	}

	.navbar.navbar-expand-lg .container.d-flex {
   max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
 }

 header .navbar-brand img {
    height: 30px;
 }


}
@media (min-width: 1025px) {
	#block-mainnavigation-2 {
		display: flex;
		flex: 0 0 auto;
		width: 73%;
	}
	#block-mainnavigation-2 #tbm-main{
		display: flex;
		justify-content: center;
		width: 100%;
	}

	#block-fbijobs-branding {
		display: flex;
		flex: 0 0 auto;
		justify-content: end;
	}

	span.tbm-link.level-2.no-link.tbm-toggle {
		margin-bottom: 0px;

	}

	.tbm-item.level-2.tbm-item--has-flyout.open .pro-careers-submenu {
		position: absolute;
		top: -103px;
	}

}
@media (min-width: 1025px) and (max-width: 1199px) {
	.tbm-row .span5 {
  	padding-right: 2rem;
	}
	.tbm-subnav.level-1 {
  	padding-left: 1rem;
	}
	.level-2-submenu {
		width: 240px !important;
	}

	.tbm-item.level-1.open > .tbm-submenu {
		height: 590px !important;
	}
}

@media (min-width: 1025px) and (max-width: 1123px) {
	#block-mainnavigation-2 {
		width: auto;
	}
}

@media (min-width: 1251px) and (max-width: 1700px) {
	.tbm-row .span5.sub-desc {
		grid-column-start: 2;
	}
}

@media (min-width: 1701px) and (max-width: 2150px) {
	.tbm-row .span5.sub-desc {
		grid-column-start: 3;
	}
}

@media (min-width: 2151px) {
	.tbm-row .span5.sub-desc {
		grid-column-start: 4;
	}
}

@media (min-width: 1251px) {
	.level-2 .tbm-submenu.tbm-item-child {
		width: 83% !important;
	}
	.tbm-row .span5.sub-desc {
		padding-right: 3rem;
		padding-left: 0rem;
	  }

	  .sub-menu-col {
		width: 450px;
	  }
	  .tbm-item.level-1.open > .tbm-submenu {
		height: 590px !important;
	}
}

@media (min-width: 1025px) and (max-width: 1250px) {
	.tbm-row .span5.sub-desc {
		border-right: 2px solid var(--sec-space-gray);
		height: 534px;
		grid-column-start: 2;
		padding-right: 0px;
		padding-left: 0px;
	}

	.tbm-row .span7.sub-menu-col {
		grid-column-start: span 4;
	  }

	  .sub-menu-col {
		padding-left: 1rem;
		width: 530px;
	  }
	  .level-2 .tbm-submenu.tbm-item-child {
		padding-left: 1rem;
	  }
	  .level-2-submenu {
		width: 220px !important;
	  }
}

@media (min-width: 1161px) {
	.tbm-item.level-1 {
		margin-right: 2rem;
	  }
}

@media (min-width: 1025px) {
	.nav-jobs-btn {
		display: none;
	}
}

ul.tbm-nav li.tbm-item.level-1.nav-jobs-btn > .tbm-link-container {
	background-color: var(--primary-gold);
	margin-left: 0.75rem;
	max-width: 350px;
}

ul.tbm-nav li.tbm-item.level-1.nav-jobs-btn .tbm-link-container > a.tbm-link {
	color: var(--primary-navy);
}