.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.nav > li.disabled > a,
.nav > li.disabled > button {
  color: #777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus,
.nav > li.disabled > button:hover,
.nav > li.disabled > button:focus {
  color: #777;
}

.navbar-brand {
	min-height: 78px !important;
	line-height: 25px;
	border-left: 2px dotted #fff;
	padding-left: 10px;
	text-transform: upppercase;
}

.navbar-fixed-top {
	z-index: 2000;
}

#block-toolbox-sitebranding {
	color: #fff;
}

#block-toolbox-sitebranding .main-title {
	display: block;
	font-size: 23px;
	margin-bottom: -7px;
	text-transform: uppercase;
	line-height: 26px !important;
}

#block-toolbox-sitebranding .main-title em {
	font-style:normal;
	font-weight: bold;
}

#block-toolbox-sitebranding .sub-title {
	text-transform: uppercase;
	font-size: 12px;
letter-spacing: 3.3px;
}

.navbar-default .navbar-nav > .open > a {
	background-color: transparent !important;
}

.navbar-secondary {
	background-color: transparent !important;
	height: auto !important;
	padding: 0px !important;
	box-shadow: none !important;
	margin-bottom: 30px;
}

.navbar-secondary .nav > li {
	font-size: 0.8em;
	font-weight: 800;
}

.navbar-secondary .nav > li a{
	font-size: 1.4em;
	padding: 19px 20px;
	font-weight: 400;
	text-transform: none;
}

.navbar-secondary .navbar-nav {
	border-bottom: 1px solid #ccc;
	justify-content: left;
}

.navbar-secondary .navbar-nav > li:not(:first-child) {
    margin-left: 0px !important;
}

.navbar-secondary .navbar-nav li.active a {
	border-bottom: 4px solid currentcolor;
}

.path-group .navbar-secondary .nav > li.active::after{
	border-top-color: #00aeef !important;
}



.header-img {
	width: 100%;
	left: 0px;
	top: -10px;
	overflow: hidden;
	position: absolute;
}

.header-img svg {
	position: relative;
}

@media only screen and (max-width: 1580px) {
	.header-img svg {
		top: -20px;
		left: -620px
	}
}

@media only screen and (max-width: 900px) {
	.header-img svg {
	  top: -20px;
	  left: -720px;

	}
}

@media only screen and (min-width: 1700px) and (max-width:2099px) {
	.header-img svg {
		top: -20px;
		left: -500px;
	}
}

@media only screen and (min-width: 2100px) {
        .header-img svg {
		top: -20px;
                left: -270px;
        }
}

.navbar-brand > img {
	min-height: 70px;
	max-width: 414px;
}

.navbar-brand {
	min-width: 500px;
	height: auto !important;
}

.block-system-branding-block {
	display: inline-block;
}

.navbar-default {
    position: relative;
    box-shadow: 0 5px 3px rgba(0,0,0,0.2);
	background: transparent !important;
}

.page-node-edit .main-container, .page-user-login .main-container, .page-user-register .main-container, body[class^="page-user-reset"] .main-container {
	padding-top: 0px !important;
}
.path-group .region--title {
	padding-top: 65px !important;
}

.page-group .main-container {
	padding-top: 0px !important;
}
.path-group .region--title {
	text-align: center;
	font-size: 3em;
	font-weight: 300;
	color: #00aeef;
}


#sub-header {
	margin-left: auto;
	margin-right: auto;
	
}

.region--hero {
	width: 100% !important;
	padding: 0px;
}

 .path-group .section-title {
    margin-top: 100px;
    margin-bottom: -240px;
}

.page-node-edit #sub-header h1 em {
	font-size: 0.5em;
	display: block;
	margin-bottom: 10px;
	color: #686868;
	font-style: normal;
	font-weight: 500;
}

.page-node-edit .breadcrumb li.active {
	display:none;
}

/*.page-node-edit #sub-header * {
	background-color:transparent;
	color: #686868 !important;
	fill: #686868 !important;
}*/

#sub-header.no-hero h1 {
	text-shadow: none !important;
	color: #118E91 !important;
	text-align: center !important;
	padding-top: 50px;
	padding-bottom: 50px;
}

body[class$="-add"].path-group .region--title, body[class$="-edit"].path-group .region--title {
    padding-top: 0 !important;
    padding-bottom: 0px;
}

body[class$="-add"].path-group #sub-header h1, body[class$="-edit"].path-group #sub-header h1{
	padding-top: 0 !important;
	padding-bottom: 100px !important;
	color: #00AEEF !important;
}

.page-node-edit .region--title, .page-user-login .region--title, .page-user-register .region--title, body[class^="page-user-reset"] .region--title {
	max-width: calc(1200px - 2rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
/*.path-node .navbar-default, .path-feed .navbar-default, .path-frontpage .navbar-default, .path-group .navbar-default, .page-user-login .navbar-default, .page-user-register
 .navbar-default{
	background: #F3F6F7 url('../img/header.svg');
    background-repeat: no-repeat !important;
    background-position: top 0% center !important;
    background-size: auto 145px !important;
}*/

.navbar-default .header-fill {
	fill: #21b5b9;
}

.page-learn-resource-library .navbar-default .header-fill, .page-node-type-resource  .navbar-default .header-fill{
  fill: #118E91;
}

.page-explore-case-studies .navbar-default .header-fill, .page-node-type-case-study  .navbar-default .header-fill, .page-node-178  .navbar-default .header-fill, .path-compare .navbar-default .header-fill, .page-node-add-case-study .navbar-default .header-fill{
  fill: #A2B863;
}

.page-learn-learning-opportunities .navbar-default .header-fill, .page-node-type-event .navbar-default .header-fill{
  fill: #233D4D;
}

.page-connect-engage .navbar-default .header-fill, .page-node-type-topic .navbar-default .header-fill{
  fill: #6898BE;
}

.page-node-type-tool  .navbar-default .header-fill{
  fill: #FB9A4A;
}

.section-title {
	font-weight: 100 !important;
	font-size: 62px !important;
}


.page-node-edit .block-social-page-title-block h1 {
	text-align:center;
	color: #00ABF1;
}

.page-about .main-container, .page-learn .main-container, .page-connect .main-container {
	background: #F3F6F7 url('../img/landing-header.svg') !important;
    background-size: auto 600px !important;
    background-repeat: no-repeat !important;
    background-position: top 0% center !important;
	min-height: 460px;
}


.page-explore .main-container {
	background: url('../img/landing-header.svg'), url('../img/explore-subheader.svg') !important;
	background-color: #F3F6F7;
    background-size: auto 600px, auto !important;
	background-repeat: no-repeat, no-repeat !important;
	background-position: top 0% center, top 300px center !important;
	min-height: 460px;
}
.page-explore .paragraph--section:nth-child(3) {
	margin-top: -60px !important;
}

.page-explore .paragraph--section:nth-child(2) {
}

.page-explore .paragraph--section:nth-child(2) .field--item:nth-child(2) {
	margin-top: -50px;
}

.page-explore .paragraph--section:nth-child(2) .paragraph--type--featured-item {
	display: block;
	padding: 20px;
	justify-content: center;
	flex-direction: row;
	flex-grow: 1;
	background-image: none;
	background-size: auto;
	margin: 20px;
	border-radius: 5px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: left;
}

.page-explore .paragraph--section:nth-child(2) .paragraph--type--featured-item .teaser__title {
	text-align: left;
	font-size: 25px !important;
	font-weight: 700 !important;
	color: #21b5b9;
}

.page-explore .paragraph--section:nth-child(2) .field--item:first-child .paragraph--type--featured-item .teaser__title {
	color: #118e91;
}

.page-explore .paragraph--section:nth-child(2) .paragraph--type--featured-item .teaser__body > p{
	display: none !important;
}

.page-explore .paragraph--section:nth-child(2) .paragraph--type--featured-item .teaser__image {
    max-height: 200px !important;
	float: left;
	height: auto !important;
}

.page-explore .paragraph--section:nth-child(2) .paragraph--type--featured-item .teaser__image img{
	width: 100px !important;
	height: 100px;
}

.page-explore .paragraph--section:nth-child(2) .paragraph--type--featured-item .card__link {
	font-size: 24px !important;
}

.page-about .main-container, .page-learn .main-container, .page-connect .main-container, .page-explore .main-container {
    min-height: 100%;
    min-height: calc(100vh - 145px);
    padding-top: 100px;
}


.page-about .cover-small, .page-learn .cover-small, .page-connect .cover-small, .page-explore .cover-small {
	max-width: 100% !important;
}

.page-about .region--secondary-navigation, .page-learn .region--secondary-navigation, .page-connect .region--secondary-navigation, .page-explore .region--secondary-navigation {
    margin-top: 50px;
	position: absolute;
	left: 35%;
	z-index: 1000;
}

#main-navigation {
	margin: -5px 35px 0px 0px;
	justify-content: flex-end;
    flex-direction: row;
    width: 100%;
}

.container--navbar {
	padding: 0px;
	display: flex;
}

nav#block-unccd {
	float:right;
}

.container--navbar .navbar {
	min-height: none;
}


.navbar-user {
	position: relative;
}

.navbar-user > li {
	height: 20px;
}

.navbar-user > li > a{
	padding: 0px;
	height: 20px;
}
.navbar-user > li > a > svg{
height: 15px;
width: 15px;
margin-right: 5px;
}

.navbar-user > li > a {
	display: flex;
}

.navbar-user .icon-txt {
	color: #fff;
    text-transform: none;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 400; 
	margin-top: -3px;
}
/*
.hosted-on-disclaimer {
	display: none;
	position: absolute;
    background: #fff;
    padding: 20px;
    text-transform: none;
    font-weight: 500;
    font-size: 12px;
    width: 320px;
    right: 0px;
    z-index: 5000;
    border-radius: 5px;
    top: 30px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}


.navbar-user .profile a:hover + .hosted-on-disclaimer {
	display:block;
}
*/
.navbar-nav > li {
    font: normal normal bold 15px/18px Roboto;
    letter-spacing: 1.8px;
    line-height: 15px;
    text-transform: uppercase;
    font-size: 0.9em;
}

.user-nav .navbar-nav > li a {
    padding-top: 0px !important;
}


@media only screen and (min-width: 900px) {
	.navbar-nav > li:not(:first-child) {
		margin-left: 10px;
	}  
}

@media only screen and (max-width: 899px) {
	.navbar-user.nav > li {
		margin-left: 35px !important;
	}  

	.navbar-user ul.nav > li {
		margin-left: 15px !important;
	}
}

.navbar__open-search-control, .navbar__open-search-block {
	background-color: transparent !important;
	top: -14px;
margin-left: 10px;
}

.mode-search .navbar__open-search-block {
	background-color: #21B5B9 !important;
}

.view-activity-stream-notifications {
	color: #333;
}

.notification-bell li.dropdown-header a {
	font-size: 10px; 
}

.notification-bell li.dropdown-header a svg {
	height: 15px;
width: 15px;
}

#header #block-toolbox-sitebranding {
	position: absolute !important; 
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    color: rgb(0, 171, 241);
    background-color: transparent !important;
}
  
  .navbar-default .blob{
	  fill: #21B5B9;
  }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > button {
  	font-size: 15px;
	font-weight: 400 !important;
	text-transform: none;
	font-weight: 700;
	text-decoration-color: transparent;
	text-underline-offset: 0px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > button:hover,
.navbar-default .navbar-nav > li > button:focus {
}

.navbar-default .navbar-nav > li > a:hover {
	color: #000000 !important;
    background-color: transparent !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 7px;
    text-decoration-color: #00abf1;
	transition: 0.3s;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > button,
.navbar-default .navbar-nav > .active > button:hover,
.navbar-default .navbar-nav > .active > button:focus,
.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav > li > a.is-active:hover,
.navbar-default .navbar-nav > li > a.is-active:focus,
.navbar-default .navbar-nav > li > button.is-active,
.navbar-default .navbar-nav > li > button.is-active:hover,
.navbar-default .navbar-nav > li > button.is-active:focus {
  color: #f3f3f3;
  fill: #f3f3f3;
  background-color: transparent !important;
}


.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav > li > a.is-active:hover,
.navbar-default .navbar-nav > li > a.is-active:focus {
	color: #000 !important;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > button,
.navbar-default .navbar-nav > .disabled > button:hover,
.navbar-default .navbar-nav > .disabled > button:focus {
  color: #ccc;
  fill: #ccc;
  background-color: transparent !important;
}

.navbar-default .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > button:hover,
.navbar-default .dropdown-menu > li > button:focus {
  background-color: #f5f5f5;
}

.navbar-default .dropdown-menu > li > a.is-active,
.navbar-default .dropdown-menu > li > button.is-active {
  background-color: #e6e6e6;
  color: #4d4d4d;
  font-weight: 500;
}

.navbar-default .dropdown-menu > li > a.is-active:hover, .navbar-default .dropdown-menu > li > a.is-active:focus,
.navbar-default .dropdown-menu > li > button.is-active:hover,
.navbar-default .dropdown-menu > li > button.is-active:focus {
  cursor: default;
}

.navbar-default .navbar-toggle {
  border-radius: 0;
  color: #000 !important;
  min-width: 100px;
    line-height: 20px;
    height: 35px;
    right: 0px;
    position: absolute;
}

@media only screen and (min-width: 48em) {
.container--navbar {
    width: 100% !important;
}
}

@media only screen and (max-width: 556px) {
	.navbar-brand {
		min-width: 220px;
		height: auto !important;
		min-height: 20px !important;
	}
	.navbar-brand img {
		min-height: 36px !important;
		height: auto;
	}
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #222222;
}

.navbar-default .navbar-collapse {
  border-color: #ffffff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > button,
.navbar-default .navbar-nav > .open > button:hover,
.navbar-default .navbar-nav > .open > button:focus {
  background-color: #1f1f1f;
  color: #f3f3f3;
}

.navbar-default .dropdown img {
  border-radius: 50%;
}

.navbar-default .profile img {
  border: 2px solid white;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.navbar-search .form-group {
  border-radius: 5px;
}

.navbar-search .form-submit {
  border-radius: 0 5px 5px 0;
}

.navbar__open-search-block {
  background: rgba(51, 51, 51, 0.95);
}

.navbar-nav__icon {
  fill: #ffffff;
}

.navbar-secondary .navbar-nav a, .navbar-secondary .navbar-nav button {
    color: #000 !important;
}

.navbar-secondary .navbar-nav li.active a.is-active,
.navbar-secondary .navbar-nav li:not(.active) a:hover,
.navbar-secondary .navbar-nav li:not(.active) button:hover,
.navbar-secondary .navbar-nav li:not(.active) a:focus,
.navbar-secondary .navbar-nav li:not(.active) button:focus {
  outline: none;
  border-bottom: 4px solid currentcolor;
  color: rgb(0, 150, 195) !important;
}

@media (min-width: 900px) {
  .search-take-over .form-text {
    color: #ffffff;
  }
  .search-take-over .form-text:focus {
    border-color: #ffffff;
    box-shadow: 0 2px 0 0 #ffffff;
  }
}

@media (max-width: 599px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > button {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
    color: #e6e6e6;
    background-color: #1a8dbe;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > button,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
    color: #000;
	  background-color: #fafdff;
	  box-shadow: none !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
    color: #ccc;
    background-color: transparent;
  }
}

@media (max-width: 899px) {
  .navbar-collapse .dropdown-menu li a,
  .navbar-collapse .dropdown-menu li button {
    color: #ffffff;
  }
  .navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a:focus,
  .navbar-collapse .dropdown-menu li button:hover,
  .navbar-collapse .dropdown-menu li button:focus {
    background-color: #1f80aa;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > button {
    color: #4d4d4d;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
    color: #404040;
    background-color: #f5f5f5;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > button,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
    color: #ffffff;
    background-color: #1f80aa;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
    color: #4d4d4d;
    background-color: #777;
  }
  
  .navbar-nav.main {
	  text-align: center;
  }
  
  .navbar-nav.main ul {
	  text-align: center;
  }
  
  .navbar-nav.main ul li a {
	  color: #fff !important;
  }
  
  #main-navigation {
	background-color: #fff;
  }
  .translate.dropdown .dropdown-menu {
	height: 45px !important;
  }
  
  .navbar-search #search-content-form {
	width: 280px;
	margin: auto;
  }
  
  .navbar-collapse {
	  max-height: 540px !important;
  }
  
  .navbar-search #search-content-form svg{
	fill: #686868;
  }
  
  .navbar-search #search-content-form input{
	border-radius: 5px !important;
	border-color: transparent !important;
  }
  
  #notice #block-toolbox-sitebranding {
    left: 140px;
    width: 180px;
    text-align: left;
  }
  
  .profile.not-logged-in {
	  right: 20px;
  }
  
  .translate.dropdown {
	  top: 2px;
  }
}

.navbar-nav__icon {
  width: 20px;
  height: 20px;
}

.navbar-nav__icon + .badge {
	padding-right: 2px !important;
	  min-width: 17px !important;
	  border-radius: 50%;
	  min-height: 15px;
	  letter-spacing: 0px;
	  position: absolute;
	  right: 0px;
}

#block-toolbox-sitebranding .beta {
	background: #fff;
	color: #f68121 !important;
	padding: 2px;
	border-radius: 5px;
	font-size: 10px;
	position: absolute;
	top: 32px;
	font-family: Roboto;
	font-weight: 600;
}

.profile.has-alert.dropdown .has-messages {
	position: relative;
}

.profile.has-alert.dropdown .has-messages::before {
	height: 8px;
	width: 8px;
	background-color: #f68121;
	content: ' ';
	border-radius: 50%;
	float: left;
	position: absolute;
	top: 10px;
	left: 5px;
}


.profile.has-alert.dropdown::after {
  height: 8px;
  width: 8px;
  background-color: #f68121;
  content: ' ';
  border-radius: 50%;
  float: left;
  position: absolute;
  top: 17px;
  right: 10px;
  z-index: 5000;
}

.page-node-2371 .navbar-default .header-fill, .page-user-register-un2023 .navbar-default .header-fill, body[class*=' page-group-49'] .navbar-default .header-fill, body[class*=' page-group-50'] .navbar-default .header-fill, body[class*=' page-group-51'] .navbar-default .header-fill, body[class*=' page-group-52'] .navbar-default .header-fill, body[class*=' page-group-53'] .navbar-default .header-fill {
  fill: #1A3668;
}

body[class*=' page-group-49'] .navbar-secondary .nav > li.active a, body[class*=' page-group-50'] .navbar-secondary .nav > li.active a, body[class*=' page-group-51'] .navbar-secondary .nav > li.active a, body[class*=' page-group-52'] .navbar-secondary .nav > li.active a, body[class*=' page-group-53'] .navbar-secondary .nav > li.active a {
  background-color: #1A3668 !important;
  border-bottom: 1px solid #1A3668 !important;
}

body[class*=' page-group-49'] .navbar-secondary .nav > li.active::after, body[class*=' page-group-50'] .navbar-secondary .nav > li.active::after, body[class*=' page-group-51'] .navbar-secondary .nav > li.active::after, body[class*=' page-group-52'] .navbar-secondary .nav > li.active::after, body[class*=' page-group-53'] .navbar-secondary .nav > li.active::after {
  border-top-color: #1A3668 !important;
}

.region--secondary-navigation {
	padding-left: 0px;
}


.header__top {
  display:block;
  padding: 7px 0;
  background-color: rgb(0, 171, 241);
  min-height: 30px;
}

.header__top-content {
  display: flex;
  justify-content: flex-end;
  height: 20px;
}

.header__top i.fa-language {
fill: #fff;
color: #fff;
font-size: 1.4em !important;
margin-right: 5px;
margin-top: 3px;
}

.header__top .translate .dropdown-menu {
	z-index: 5000;
}

.header__top .dropdown-toggle {
	height: 20px;
	width: auto;
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	z-index: 5000;
	position: relative;
	padding: 2px 10px;
	display: flex;
	height: 20px;
	pointer-events: all !important;
	cursor: pointer;
	font-size: 0.8em;
	padding: 0px 10px !important;
	margin-top: -3px;
}

#iah-blob {
position: absolute;
}

.navbar.navbar-default {
	margin-top:19px;
}

.navbar.menu-unccd {
	margin-top:30px;
}

#blob-txt {
	position: absolute;
	left: -210px;
	display: flex;
	z-index: 3000;
	top: -8px;
}

#blob-txt span {
	color: #fff;
	text-align: right;
	padding-right: 10px;
	line-height: 12px;
	font-size: 12px;
	margin-top: 20px;
}

#blob-txt a {
	line-height: 20px !important;
	min-height: 60px !important;
	margin-top: 3px;
	color: #fff;
	z-index:2000;
	min-width: 120px !important;
}

#iah-blob .navbar-brand span {
	font-size: 16px !important;
}

#blob-txt .hosted-on {
text-transform: uppercase;
width: 60px;
font-style: italic;
}

.navbar-default .navbar-nav > li > a:hover {
	background-color: rgb(253,174,59);
}

#block-unccd-accountheaderblock .nav > li:first-child, #block-unccd-accountheaderblock .translate.dropdown{
	display: none;
}

#block-unccd-accountheaderblock .nav > li {
	padding: 0px !important;
}

#block-unccd-accountheaderblock .nav > li > a{
	padding: 0px !important;
	height: 20px !important;
}

#block-unccd-accountheaderblock .nav > li svg{
	width: 20px;
	height: 20px;
}

.notification-bell.dropdown.open .dropdown-menu, .profile.dropdown.open .dropdown-menu{
	right: 0px !important;
	left: auto;
	top: 24px;
	font-family: 'Roboto', sans-serif;
}

.profile.dropdown .field-base .img-responsive {
	border: 2px solid #fff;
	border-radius: 50%;
	margin-top: -2px;
}

#notice {
	z-index: 5;
  position: absolute;
  top: -36px;
  right: -100px;
  overflow-x: hidden;
  list-style: none;
  line-height: 2em;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in; 
  height: 170px;
  width: 440px;
  background: url('/themes/custom/unccd/assets/img/wave-pattern.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;

}

.header__top-content:hover #notice {
	max-height: 170px !important;
  color: #fff;
  display: block;
}

#notice #block-toolbox-sitebranding {
	position: absolute !important;
  left: 140px;
  top: 20px;
  width: 180px;
}

#notice .hosted-on {
    display: inline-block;
  padding: 50px 10px 10px 10px;
  width: 80px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0px;
  line-height: 15px;
}

.header__top-content #block-toolbox-sitebranding .main-title {
	display: block;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 15px !important;
  margin-top: 8px;
  width: 100px;
}

.header__top-content a.navbar-brand {
	z-index: 5000;
  position: relative;
  top: -50px;
  left: 77px;
  min-width: 100px !important;
  min-height: 60px !important;
	width: 100px;
}

.translate.dropdown, .user-nav {
	z-index: 6;
    font-size: 17px;
}

#block-wefe4med-accountheaderblock .nav > li:first-child, #block-wefe4med-accountheaderblock .translate.dropdown {
  display: none;
}

@media (max-width: 599px) {
  .navbar-scrollable::after {
    content: '\f061';
    display: block;
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 21px 7px;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
  }
  
   .navbar-scrollable {
    height: 65px !important;
  }
  
}