/* Primary CSS file for layout.  Styles are loaded by Mobile, Tablet and Desktop sizes */

/* HTML5 display-role reset for older browsers --------------------------------------------------------------------------- */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* GENERAL --------------------------------------------------------------------------------------------------------------- */

.grid-0, .hidden {
	display: none;
}


/* LAYOUT ---------------------------------------------------------------------------------------------------------------- */

#region-branding,
#region-menu,
#region-content,
#region-sidebar-second,
#region-footer-first,
#region-footer-second,
#region-footer-third {
	margin-top: 1em;
}

#region-branding .region-inner,
#region-menu .region-inner,
#region-content .region-inner,
#region-sidebar-first .region-inner,
#region-sidebar-second .region-inner {
	background: rgb(255,255,255);
	border: 1px solid #ccc;
	min-height: 60px;
	padding: 10px;
}

#region-content {

}

#region-menu {
	display: none;
	margin-top: 0;
}

#region-menu .region-inner {
	min-height: 0;
	border: 0;
	border-bottom: 1px solid #ebeff0;
	padding: 0;
}

#region-branding {
	margin-top: 0;
	margin-bottom: 0;
	height: 126px;
}

#region-branding .region-inner {
	position: relative;
	padding: 0;
	border: 0;
	height: 126px;
	box-sizing: border-box;
	background: #f5f3ef;
	border-bottom: 1px solid #eae6dd;
}

#region-branding strong.title {
	border-top: 1px solid #eae6dd;
	display: block;
	width: 100%;
	padding: 7px 15px;
	font-size: 14px;
	font-weight: 300;
	height: 64px;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	color: #666666;
}

#region-branding strong.title a {
	color: #666666;
	text-decoration: none;
	border: 0;
}

#region-branding strong.title span.beta-tag {
	color: #ffffff;
	background: #ff3300;
	display: inline-block;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	padding: 5px 7px;
	font-family: arial, sans-serif;
	vertical-align: middle;
	border-radius: 3px;
	position: relative;
	top: -1px;
	margin-left: .5em
}

#region-branding h2.site-name {
	background: #005e7d;
	display: block;
	width: 100px;
	height: 62px;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 0;
}

#region-branding .site-name a {
	border: 0;
	display: block;
	font-size: 20px;
	width: 100px;
	height: 62px;
	margin: 0;
}

#region-branding .site-name a:hover {
	background: #4388bb;
}

#region-branding .site-name a img {
	display: block;
	position: absolute;
	width: 75px;
	height: 29px;
	line-height: 50px;
	position: absolute;
	top: 15px;
	left: 12px;
	margin: 0;
}

#region-branding #block-language {
	position: absolute;
	width: 85px;
	left: 110px;
	top: 14px;
	left: auto;
	right: 122px;
}

#region-branding .site-name a img.png {
	display: none;
}

.no-svg #region-branding .site-name a img.png {
	display: block;
}

.no-svg #region-branding .site-name a img.svg {
	display: none;
}

#block-menu-menu-header-utility {
	display: none;
}

#zone-branding-wrapper #block-menu-menu-header-utility {
	position: absolute;
	right: 10px;
	top: 10px;
}

#block-menu-menu-header-utility ul.menu {
	display: block;
	margin: 0;
}

#block-menu-menu-header-utility ul.menu li {
	border-right: 1px solid #333;
	float: left;
	font-size: 	0.846em; /* 11 / 13 */
	list-style: none;
	list-style-image: none;
	margin: 0 0;
	padding: 0 0;
	text-align: left;
}

#block-menu-menu-header-utility ul.menu li.last,
#block-menu-menu-header-utility ul.menu li:last-child {
	border: 0;
	margin: 0;
	padding: 0;
}

#block-menu-menu-header-utility ul.menu li a {
}

#block-menu-menu-header-utility ul.menu li a:hover,
#block-menu-menu-header-utility ul.menu li a:focus {

}

#block-search-api-page-1 {
	top: 3px;
	left: auto;
	right: 0px;
	position: absolute;
	/*width: 170px;*/
	width: 110px;
	top: 12px;
}

#region-branding .block-search-api-page form {

}

#region-branding .block-search-api-page input.search {
	width: 100%;
	padding: 10px;
	background-position: 85% center;
	font-size: 12px;
	padding-left: 15px;
}

#region-branding .block-search-api-page input.form-text {
	border: 1px solid #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2) inset;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.2) inset;
	height: 18px;
	line-height: 18px;
	padding: 3px 0 3px 5px;
	width: 135px;
}

#region-branding .block-search-api-page input.form-text:focus,
#region-branding .block-search-api-page input.form-text:active {
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1) inset,#4069b2 0 0 7px;
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1) inset,#4069b2 0 0 7px;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.1) inset,#4069b2 0 0 7px;
}

#region-branding .block-search-api-page .form-item {
	float: left;
	margin: 0 5px 0 0;
}

#region-branding .form-submit {
	float: left;
	padding: 3px;
	width: 30px;
}

#inlinetags div {
	margin: 0 0 0.75em 0;
}

#formtags div {
	margin: 0 0 1.5em 0;
	box-sizing: border-box;
	max-width: 100%;
}





/* ELEMENT LABELS -------------------------------------------------------------------------------------------------------- */

.tagger {
	display: none !important;
}

#tag-toggler {
	display: none;
}

#tag-toggler {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333;
  cursor: pointer;
  padding: 3px 8px 4px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}

#tag-toggler:hover,
#tag-toggler:focus {
  background-position: 0 -15px;
  color: #333;
}


#region-menu .menu-name-main-menu ul.menu {
	display: none;
}


#section-content {
	max-width: 95%;
	margin: 0 auto;
	padding-top: 30px;
}

#section-content aside {
	background: #f1f1f1;
	border-top: 2px solid #eaeaea;
	margin-bottom: 2.5%;
}

#section-content aside * {
	box-sizing: border-box;
}

#section-content aside .feature-box {
	padding: 20px;
}

#section-content aside nav {

}

#section-content aside p:last-child {
	margin-bottom: 0;
}

#section-content aside h1,
#section-content aside h2,
#section-content aside h3,
#section-content aside h4 {
	margin: 0;
}

	#section-content aside nav h1 a,
	#section-content aside nav h2 a,
	#section-content aside nav h3 a,
	#section-content aside nav h4 a {
		border: 0;
		display: block;
		background: #4388BB;
		color: #ffffff;
		padding: 10px 20px;
	}

	#section-content aside nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		#section-content aside nav ul li {}

			#section-content aside nav ul li a {
				border: 0;
				
				display: block;
				padding: 10px 20px;
				font-size: 15px;
				color: #684B82;
				background: transparent;
				border-right: 4px solid transparent;
			}

			#section-content aside nav ul li a:hover {
				background-color: transparent;
				border-color: #4388BB;
				color: #ffffff;
				background: #4388BB;
			}

			#section-content aside nav ul li a.current,
			#section-content aside nav ul li a.current:hover {
				border-right: 4px solid #684B82;
				color: #4388BB;
				border-color: #4388BB;
				background: transparent;
			}

#section-content aside .feature-box {
	border-top: 1px solid #eaeaea;
}


@media all and ( min-width: 500px) {
	#region-branding,
	#region-branding .region-inner {
	 	height: 101px;
	}

	#region-branding strong.title {
		height: 38px;
	}
}