/* Logo */
div.branding {
	position: relative;
	width: 21%;
}

div.navbar-brand {
	position: relative;
	width: 79%;
}

a.navbar-brand {
	/* padding-left: .5rem; standard logo */
	padding-left: .25rem;
	width: 100%;
}

a.navbar-brand img {
	/*width: 80%; standard logo*/
	width: 100%;
}

/* Menu */

.tb-megamenu .field--name-body {
	white-space: normal;
}

.row.region-navigation {
	display: block;
	margin-top: 5px;
}

nav.menu--top-menu {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
	margin-top: -10px;
    text-transform: uppercase;
}

nav.menu--top-menu ul.nav {
	float: right !important;
}

nav.menu--top-menu li a {
	color: #444 !important;
}

nav.menu--top-menu li a:hover {
	color: #000 !important;
}

.tb-megamenu,
nav.menu--main {
	background-color: unset;
    float: right;	
    font-size: 20px;
    font-weight: 700;
	margin-top: 45px;
    text-align: right;
}

.tb-megamenu.tb-megamenu-main li a,
.navbar-light .navbar-nav .nav-link,
nav.menu--main li a {
	color: #000;
}

.tb-megamenu-submenu {
	z-index: 5;
}

header.navbar-light.bg-light {
	background: #f9f9f9 !important;
}

.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus,
.tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .active > a, 
.tb-megamenu .dropdown-menu .active > a:hover, 
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link, 
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, 
.tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav > .active > span.tb-megamenu-no-link, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover, 
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus, 
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
.tb-megamenu .nav > li.dropdown.open.active > a:hover, 
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover,
.tb-megamenu li a:hover, 
.tb-megamenu li a.active,
.navbar-light .navbar-nav a.nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
nav.menu--main li a:hover, 
nav.menu--main li a.active {
	background: none !important;
	background-color: unset !important;
	color: #3f9cbc !important;
}

.tb-megamenu .nav > li > a, 
.tb-megamenu .nav > li > span.tb-megamenu-no-link {
	border-right: none;
}

.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, 
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
	display: none;
}

.tb-megamenu .mega > .mega-dropdown-menu {
    min-width: 850px;
    left: -244px;
    top: 73px;
}

.tb-megamenu .about-dropdown.mega > .mega-dropdown-menu {
	left: -53px;
}

.tb-megamenu .dropdown-menu {
	background: #C8E0E9;
	border-bottom: none;
	border-top: 6px solid #6fb1c8;
}

.tb-megamenu-column {
	float: right !important;
}

.tb-megamenu .mega-inner {
    padding: 20px 0 15px;
}

#tb-megamenu-column-4,
#tb-megamenu-column-1 {
	width: 28.5%;
}

#tb-megamenu-column-5,
#tb-megamenu-column-2 {
	padding-right: 20px;
	width: 28.5%;
}

#tb-megamenu-column-6,
#tb-megamenu-column-3 {
	margin-left: 0;
	width: 38%;
}

.tb-megamenu .dropdown-menu li > a {
	border: none;
	color: #444;
	font-size: 19px;
	font-weight: 700;
	line-height: 120%;
	margin: 0;
	padding: 15px 5px !important;
}

.tb-megamenu-block {
	border-right: 1px solid #3f9cbc;
	padding-right: 25px;
}

.tb-megamenu-block p {
	font-size: 17px;
	margin: 0;
	padding: 10px 0;
}

.tb-megamenu .dropdown-menu li > a:before {
	color: #3f9cbc;
	float: left;
	font: var(--fa-font-solid);			
	font-size: 24px;
	font-weight: 500;
	height: 32px;
	margin: 0 10px 0 0;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;		
	width: 30px;
}

li.about-overview a:before {
	content: "\f05a";
}

li.about-people a:before {
	content: "\f500";
}

li.about-dei a:before {
	content: "\e15a";
}

li.about-careers a:before {
	content: "\f135";
}

li.about-supporters a:before {
	content: "\f06c";
}

li.about-financial a:before {
	content: "\f200";
}

li.work-publications a:before {
	content: "\f15b";
}

li.work-projects a:before {
	content: "\e473";
}

li.work-blogs a:before {
	content: "\f075";
}

li.work-podcast a:before {
	content: "\f2ce";
}

li.work-videos a:before {
	content: "\f144";
}

li.work-tools a:before {
	content: "\f1ec";
}

.dropdown-toggle::after {
	border: none !important;
	content: "\f107";
	font: var(--fa-font-solid);		
	font-weight: 900;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;		
	vertical-align: unset;
}

/* Search */
button.search-form-showhide {
	background: none;
	border: none;
	color: #929292;
	float: right;
    margin: 1px 15px 0 20px;
}

button.search-form-showhide:hover {
	color: #3f9cbc;
}

#navbar-collapse {
	position: relative;
}

.block-google-cse {
	position: absolute;	
    right: 0;
	top: 40px;
    width: 60%;
}

.gsc-completion-container td {
	padding: 5px;	
	text-transform: capitalize;
}

.block-google-cse .gsc-search-button button {
    border-color: #ccc;
	padding: 9px;	
}

.block-google-cse .gsc-search-button button svg {
	height: 15;
	width: 15;
}

.block-google-cse table.gsc-search-box td.gsc-input {
	padding-right: 0;
}

.block-google-cse input[type="text"] {
	background-image: none !important;
}

.path-search .gsst_a .gscb_a,
.block-google-cse .gsst_a .gscb_a {
	color: #3f9cbc;
	margin-top: 4px;
}

.gsc-control-cse {
	padding: 0 !important;
}

/* Content top */

header.mb-4 {
	margin-bottom: 0 !important;
}

.page-header {
	background: #00558c;
	color: #fff;
	/*margin-bottom: 2.75rem;*/
    padding: 3rem 1.5rem;
}

.page-header .breadcrumb-item.active {
	color: #fff;
}

.breadcrumb {
	background-color: transparent;
	margin-bottom: .75rem;
	padding: 0;
}

.breadcrumb a {
	color: #fff;
}

.breadcrumb a:hover {
	color: #F0F0F0;
	text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
}

h1.title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 0;
	max-width: 980px;
}


/* ----- RESPONSIVE STYLES ----- */

.menu--responsive-menu {
	padding: 0 1rem;
}

.menu--responsive-menu li.nav-item {
	line-height: 1.2;	
	margin-right: 5%;
	width: 45%;
}

.menu--responsive-menu li.nav-item li.nav-item {
	width: 100%;
}

.menu--responsive-menu li.nav-item > a,
.menu--responsive-menu li.menu-item--expanded > a {
	font-family: "Work Sans";
    font-size: 15px;	
    font-weight: 700;
    text-transform: uppercase;
}

.menu--responsive-menu li.nav-item ul  {
	list-style: none;
	padding: 0;
}

.menu--responsive-menu li.nav-item li.nav-item > a {
	font-family: "Public Sans";
	font-weight: 500;
	padding: 4px 0;
	text-transform: none;
}

@media screen and (min-width:992px) {

	.navbar-expand-md .navbar-collapse {
		display: none !important;
	}
	
}


@media screen and (max-width:1200px) {
	a.navbar-brand img {
		width: 100%;
	}
	
}


@media screen and (max-width:1100px) {

	.tb-megamenu, nav.menu--main {
		font-size: 95%;
	}
	
	.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
		padding: 15px;
	}
	
	.page-header {
		padding: 2rem 1.5rem;
	}
}

@media screen and (max-width:991px) {
	div.navbar-brand,
	#block-topmenu, 
	#block-mainnavigation {
		display: none;
	}
	
	.navbar-expand-md .navbar-toggler {
		display: block !important;
	}
	
	.responsive-search {
		margin-left: 62%;
	}
	
	.block-google-cse {
		top: 120px;
		width: 100%;
	}
	
	.block-google-cse .gsc-search-button button {
		padding: 14px 9px;
	}
}

@media screen and (max-width:767px) {
	.responsive-search {
		margin-left: 43%;
	}
	
	#block-responsive-search .gsc-input-box {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		box-shadow: 0 4px 7px #aaa;
	}
	
	#block-responsive-search .gsc-search-button-v2 {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		box-shadow: 0 4px 7px #aaa;
	}
}

@media screen and (max-width:499px) {
	.responsive-search {
		margin-left: 35%;
	}
	
	.block-google-cse {
		top: 100px;
		width: 100%;
	}
}