/* Header
----------*/

div#header {
  position:fixed;
  top:0;
  width:100%;
  margin:0;
  padding:10px 0 0 0;
  z-index:200;
  background:#fff;
  border-bottom:1px solid #ccc7b8;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}

.shadow {
  -webkit-box-shadow:0 4px 0 0 rgb(204,204,204);
  -moz-box-shadow:0 4px 0 0 rgb(204,204,204);
  box-shadow: 0 4px 0 0 rgb(204,204,204);
  -webkit-box-shadow:0 4px 0 0 rgba(0,0,0,0.2);
  -moz-box-shadow:0 4px 0 0 rgba(0,0,0,0.2);
  box-shadow:0 4px 0 0 rgba(0,0,0,0.2);  
}

a#logo {
  float: left;
	margin: 0 0 0 3.0303%;
	display: block;
	position: relative;
	max-width: 296px;
	width: 100%;
}
a#logo img {
  float:left;
  width:96px;
  padding:0 0 10px 0;
}
a#logo span.slogan {
	color: #595347;
	max-width: 180px;
	display: inline-block;
	float: left;
	margin-left: 20px;
	margin-top: 16.2%;
	position: relative;
}

a#logo span.slogan #slogan-region {
  margin-left: -12px;
  padding-left: 8px;
  border-left: 4px solid #ef7c00;
  font-size: 15px;
  color: #808080;
}

a#logo span.slogan #slogan-title {
  text-transform: uppercase;
  font-size: 39px;
  line-height: 41px;
}

div#header a.button {
  display:none;
}

div#header span.button {
  display:block;
}

/* Main menu */
div#header div.block-menu-block ul {
  margin:0;
  padding:0;
  line-height:26px;
  font-size:19px;
}
div#header div.block-menu-block ul li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  border-right:1px solid #ccc7b8;
}
div#header div.block-menu-block ul li.last {
  margin-right:0;
  border-right:none;
}

div#header div.block-menu-block ul li a {
  float:left;
  padding:10px 12px;
  color:#595347;
}
div#header div.block-menu-block ul li.active-trail a,
div#header div.block-menu-block ul li a.active,
div#header div.block-menu-block ul li a:hover {
  background-color:#f7f6f1;
}
div#header div.block-menu-block ul li a {
  float:left;
  padding:10px;
  color:#595347;
}
div#header div.block-menu-block ul li a.innovations {
  color:#00afbc;
}
div#header div.block-menu-block ul li a.resources {
  color:#bc69b8;
}
div#header div.block-menu-block ul li a.community {
  color:#ef7c00;
}
div#header div.block-menu-block ul li a.collaborations {
    color:#3d5a9e;
}
div#header div.block-menu-block ul li a.blue-button {
  background: #3a5795;
  color: #fff;
}
div#header div.block-menu-block ul li a.blue-button:hover {
  background: #34456a;
}
div#header div.block-menu-block ul li a.orange-button {
	background: #ef7c00;
	color: #fff;
}
div#header div.block-menu-block ul li a.orange-button:hover {
	background: #be6618;
}
div#header div#block-menu_block-1 {
	position:relative;
	top:1px;
	float:right;
	margin:20px 3.0303% 0 1.5151%;
	padding:0;
	border:1px solid #ccc7b8;
}
div#header div#block-menu_block-4,
div#header div#block-menu_block-5 {
	position:relative;
	width:100%;
	clear:right;
}
div#header div#block-menu_block-4 ul.menu,
div#header div#block-menu_block-5 ul.menu {
	position:absolute;
	right:30px;
	top:0;
	margin:0;
	padding:5px;
	font-size: 12px;
	line-height: 16px;
	background:#fff;
	border:1px solid #ccc7b8;
}
div#header div#block-menu_block-5 ul.menu {
  top:37px;
}
div#header div#block-menu_block-4 ul.menu li,
div#header div#block-menu_block-5 ul.menu li {
	border-right-color: #f0eeea;
	border-right-color: rgba(204, 199, 184, 0.45);
}
div#header div#block-menu_block-4 ul.menu li a,
div#header div#block-menu_block-5 ul.menu li a {
  padding:5px 7px;
}
.region-hubs div#header div#block-menu_block-4 ul.menu li a {
  color: #3a5795;
}

div#header div.block-menu-block ul li a.search {
/*  padding-right:70px; Search panel */
	padding-right:45px;
  display:block;
  width:auto;
  height:26px;
/*  background-image:url('../images/icon-search-closed.png'); Search panel */
  background-image:url('../images/icon-search.png');
	background-repeat:no-repeat;
	background-position:90% center;
}
div#header div.block-menu-block ul li a.search:hover {
  background-color:#f7f6f1;
}
div#header div.block-menu-block ul li a.search.panel {
  background-image:url('../images/icon-search-open.png');
}

/* Mini menu */

div#header div.block-menu {
  clear:none;
  float:right;
  margin:27px 1.5151% 0 1.5151%;
}
div#header div.block-menu ul {
  margin:0;
  padding:0;
  line-height:18px;
  font-size:14px;
}
div#header div.block-menu ul li {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  list-style:none;
}
div#header div.block-menu ul li.last {
  margin:0;
}
div#header div.block-menu ul li a {
  color:#595347;
}
div#header div.block-menu ul li a:hover,
div#header div.block-menu ul li a.active {
  text-decoration:underline;
}
div#header div.block-menu ul li a.register-button {
	display: inline-block;
	padding: 5px 10px;
	background: #ef7c00;
	margin-top: -10px;
	color: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
div#header div.block-menu ul li a.register-button:hover {
	color: #fff;
	background: #ca6900;
	text-decoration: none;
}

body.front div#header div.block-views {
  margin:0;
}

html.js div#header div#block-views--exp-search-header_search {
  height:0;
  opacity:0;
  visibility:hidden;
	overflow:hidden;
}
div#header div#block-views--exp-search-header_search { 
  clear:both;
  width:100%;
  padding:0;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
html.js div#header div#block-views--exp-search-header_search.search-open { 
  height:500px;
  opacity:1;
  visibility:visible;
}

div#header div#block-views--exp-search-header_search div.views-exposed-widgets {
  margin:0;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-content {
	float:left;
	width:45%;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-content h2 {
  margin:0 0 5px 0;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-content p {
  margin:0 0 10px 0;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-bar {
	float:right;
	width:50%;
	max-width:440px;
	margin:15px 0 0 0;
	padding:5px;
  background:#fff;
  border:1px solid #ccc7b8;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-bar div.views-exposed-widget {
	padding:0;
}

div#header div#block-views--exp-search-header_search form {
  padding:3.0303%;
  margin:0 auto;  
  max-width:930px;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-bar input[type="text"] {
  padding:4px 0 0 0;
  margin:0;
  font-size:24px;
  line-height:34px;
  border-color:#fff;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-bar input[type="submit"] {
  width:34px;
  height:34px;
  padding:0;
  margin:2px;  
  background:#fff url('../images/icon-search.png') no-repeat center center;
  text-indent:-888em;
}
div#header div#block-views--exp-search-header_search div.views-exposed-form div.search-bar input[type="submit"]:hover {
  background-image:url('../images/icon-search-hover.png');
}

div#header div.views-exposed-form div.openfilters {
	display:none;
	clear:both;
	margin:5px 0 0 0;
	padding:10px;
}
div#header div.views-exposed-form div.filters-wrapper {
	clear:both;
	position:relative;
}
div#header div.views-exposed-form div.filters-wrapper div.views-exposed-search-filters {
  width:22%;
  padding:10px 1.5%;
}
div#header div.views-exposed-form div.filters-wrapper div.views-exposed-search-filters input[type="checkbox"] + label {
  padding:2px 15px 3px 3px;
	font-size:14px;
}
div#header div.views-exposed-form div.filters-wrapper div.views-exposed-search-filters input[type="checkbox"]:checked + label {
  padding:2px 3px 3px 15px;
  background:url('../images/icon-filter-tick.png') no-repeat 2px 5px;
}
div#header div.views-exposed-form div.filters-wrapper div.views-submit-button {
	position:absolute;
	float:none;
	right:0;
	bottom:0;
	padding:1.5%;
}


div#header div.block-block {
  float:right;
  margin:21px 1.5151% 0 0;
}
div#header div.block-block div.social ul {
  float:right;
  margin:0;
}
div#header div.block-block div.social ul li {
  list-style:none;
  float:right;
  padding:0 2px;
}
div#header div.block-block div.social ul li a {
  display:block;
  width:26px;
  height:26px;
  -webkit-border-radius:13px;
  -moz-border-radius:13px;
  border-radius:13px;
  background:#ccc7b8;
}
div#header div.block-block div.social ul li a:hover {
  background-color:#595347;
}
div#header div.block-block div.social ul li a.rss {
	background-color: #fe9927;
}
div#header div.block-block div.social ul li a.rss:hover {
	background-color: #be6618;
}
div#header div.block-block div.social ul li a.facebook {
	background-color: #3d5a9e;
}
div#header div.block-block div.social ul li a.facebook:hover {
	background-color: #1f2d57;
}
div#header div.block-block div.social ul li a.googleplus {
	background-color: #f44032;
}
div#header div.block-block div.social ul li a.googleplus:hover {
	background-color: #b21d1d;
}
div#header div.block-block div.social ul li a.twitter {
	background-color: #2fbafd;
}
div#header div.block-block div.social ul li a.twitter:hover {
	background-color: #217fbd;
}
div#header div.block-block div.social ul li a.youtube {
	background-color: #e62117;
}
div#header div.block-block div.social ul li a.youtube:hover {
	background-color: #cc181e;
}

/* Search */

div#header div#block-views--exp-monkey_search-page_1 {
	float: right;
	margin:21px 3.0303% 0 0;
}
div#header div#block-views--exp-monkey_search-page_1 .views-exposed-widget {
	float:left;
	padding:0;
}
div#header div#block-views--exp-monkey_search-page_1 .views-widget-sort-by,
div#header div#block-views--exp-monkey_search-page_1 .views-widget-sort-order {
	display:none;
}
div#header div#block-views--exp-monkey_search-page_1 .form-item {
	margin: 0;
}
div#header div#block-views--exp-monkey_search-page_1 input[type='text'] {
	margin: 0;
	display: block;
	width: 100%;
	max-width: 130px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div#header div#block-views--exp-monkey_search-page_1 input[type='submit'] {
	background: #fff;
	border: 1px solid #ccc7b8;
	border-left: 0;
	background-image: url('../images/icon-search-x2.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px 20px;
	margin: 0;
	color: transparent;
	padding:3px 5px;
}
div#header div#block-views--exp-monkey_search-page_1 div.views-reset-button {
	display:none;
}
