/* Secondary file for layout.  These styles are loaded by Tablet and Desktop size ONLY */

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

input.search {
	background-position: 93% 17px;
}

#block-search-api-page-1 {
	top: 12px;
	right: 10px;
	width: 170px;
}

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

#region-branding .site-name a {
	border: 0;
	display: block;
	font-size: 20px;
	width: 175px;
	height: 80px;
	margin: 0;
	font-size: 36px;
	height: 80px;
	left: 25px;
}

#region-branding .site-name a img {
	left: 30px;
	top: 18px;
	height: 42px;
	width: 110px;
}

#region-branding #block-language {
	right: 190px;
	top: 22px;
}

#block-search-api-page-1 {
}

#region-branding .block-search-api-page input.search {
	background-position: 85% center;
	font-size: 14px;
  line-height: 14px;
  padding: 16px 30px;
	padding-right: 50px;
}


#region-menu,
#block-menu-menu-header-utility {
	display: block;
}

#section-footer .region-inner {
	margin-bottom: 0em;
	margin-top: 0em;
}

#region-branding,
#region-branding .region-inner {
 	height: 118px;
}

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







/* MENUS ------------------------------------------------------------------------------------------------------------- */

#region-menu ul.menu {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

#region-menu ul.menu li {
	float: left;
	height: auto;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	position: static;
}

#region-menu ul.menu li:last-child,
#region-menu ul.menu li.last {

}

#region-menu ul.menu li a,
#region-menu ul.sf-menu li li a {
	border: 0;
	display: block;
	height: 50px;
	line-height: 16px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ffffff;
	color: #00688f;
	font-size: 12px;
	padding: 16px 13px;
	border-right: 1px solid #ebeff0;
	box-sizing: border-box;
}

#region-menu ul.menu li.has-dropdown a {
	background-image: url(../images/nav-arrow.svg);
	background-size: 23px 5px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 32px;
}

.no-svg #region-menu ul.menu li.has-dropdown a {
	background-image: url(../images/nav-arrow.png);
}

#region-menu ul.menu li.has-dropdown.open a {
	background-image: url(../images/nav-arrow-open.svg);
}

.no-svg #region-menu ul.menu li.has-dropdown.open a {
	background-image: url(../images/nav-arrow-open.png);
}

#region-menu ul.sf-menu li.has-dropdown li a {
	background-image: none;
	padding: 18px 13px;
}

#region-menu ul.menu li a.home {
	/* width: 60px; */
	width: 50px;
	background-image: url(../images/home-icon.svg);
	background-size: 14px 12px;
	text-indent: -9999em;
	background-position: center center;
	background-repeat: no-repeat;
}

.no-svg #region-menu ul.menu li a.home {
	background-image: url(../images/home-icon.png);
}

#region-menu ul.menu li:last-child a,
#region-menu ul.menu li.last a {

}

#region-menu ul.menu li a:hover {
	color: #000;
	color: #4388BB;
	/*background-color: #c2dfeb;*/
	background-color: #ddedf4;
	background-color: #E9EAE9;
	background-color: #F0F2F4;
}

#region-menu ul.menu li a:focus {
	outline: none;
}

#region-menu ul.menu li a.active {

}

#region-menu .sf-menu li.open ul {
	top: 50px;
	left: -1px;
	border: 1px solid #ebeff0;
	box-sizing: border-box;
	display: block;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
}

#region-menu .sf-menu li ul,
#region-menu .sf-menu li ul li,
#region-menu .sf-menu li ul li a {
	box-sizing: border-box;
}

#region-menu .sf-menu li ul {
	position: absolute;
	width: 100%;
	display: none;
	z-index: 100;
	padding: 0;
	margin: 0;
}


#region-menu ul.sf-menu li.open a,
#region-menu ul.sf-menu li.open a:hover {
	background-color: #F0F2F4;
	background-color: #F5F5F5;
	color: #000;
}

#region-menu ul.sf-menu li ul,
#region-menu ul.sf-menu li li {
	width: 100%;
}

#region-menu ul.sf-menu li li {
	background-color: #F0F2F4;
	background-color: #F5F5F5;
	text-align: left;
	float: left;
	margin-top: -1px;
	height: auto;
	min-height: 0;
	display: block;
}

#region-menu ul.sf-menu li li .group-1,
#region-menu ul.sf-menu li li .group-2 {
	width: 48%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
}

#region-menu ul.sf-menu li li input,
#region-menu ul.sf-menu li li textarea,
#region-menu ul.sf-menu li li .ui-selectmenu-button {
	margin-right: 10px;
	margin-bottom: 10px;
}

#region-menu ul.sf-menu li li input[type='submit'],
#region-menu ul.sf-menu li li button {
	margin-bottom: 10px;
}

#region-menu ul.sf-menu li li .group-2 {
	float: right;
}

#region-menu ul.sf-menu li li .group-1 h4,
#region-menu ul.sf-menu li li .group-2 h4,
#region-menu ul.sf-menu li li .group-1 p,
#region-menu ul.sf-menu li li .group-2 p {
	margin-bottom: 10px;
}

#region-menu ul.sf-menu li li .group-1 small,
#region-menu ul.sf-menu li li .group-2 small {
	display: block;
	width: 100%;
	padding-top: 5px;
	font-size: 12px;
}

#region-menu ul.sf-menu li li .group-1 a,
#region-menu ul.sf-menu li li .group-2 a {
	color: #4388BB;
	font-size: 16px;
}

#region-menu ul.sf-menu li li .group-1,
#region-menu ul.sf-menu li li .group-2 {}

#region-menu ul.sf-menu li ul li a,
#region-menu ul.sf-menu li.has-dropdown ul li a,
#region-menu ul.sf-menu li.has-dropdown.open ul li a {
	padding: 0;
	width: auto;
	height: auto;
	display: inline;
	background: transparent;
	text-transform: none;
}

#region-menu ul.sf-menu li li:last-child a {
	border-bottom: 0;
}


#region-menu .sf-menu li.open ul li {
	min-height: 280px;
}




/* GRID ------------------------------------------------------------------------------------------------------------------- */

body {
  min-width: 720px;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
.grid-20 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.container-20 {
  margin-left: auto;
  margin-right: auto;
  width: 720px;
}

.container-20 .grid-1 {
  width: 16px;
}

.container-20 .grid-2 {
  width: 52px;
}

.container-20 .grid-3 {
  width: 88px;
}

.container-20 .grid-4 {
  width: 124px;
}

.container-20 .grid-5 {
  width: 160px;
}

.container-20 .grid-6 {
  width: 196px;
}

.container-20 .grid-7 {
  width: 232px;
}

.container-20 .grid-8 {
  width: 268px;
}

.container-20 .grid-9 {
  width: 304px;
}

.container-20 .grid-10 {
  width: 340px;
}

.container-20 .grid-11 {
  width: 376px;
}

.container-20 .grid-12 {
  width: 412px;
}

.container-20 .grid-13 {
  width: 448px;
}

.container-20 .grid-14 {
  width: 484px;
}

.container-20 .grid-15 {
  width: 520px;
}

.container-20 .grid-16 {
  width: 556px;
}

.container-20 .grid-17 {
  width: 592px;
}

.container-20 .grid-18 {
  width: 628px;
}

.container-20 .grid-19 {
  width: 664px;
}

.container-20 .grid-20 {
  width: 700px;
}








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

button#tag-toggler {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
	display: block;
	font-size: 0.7em;
	left: 10px;
	padding: 3px 5px;
	position: fixed;
	top: 10px;
}

/*.labeled,*/
.label-container {
	position: relative;
}

.tagger {
	background: rgba(150,0,0,0.7);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
	color: #fff !important;
    display: inline-block !important;
	font-family: Verdana,Helvetica,Arial,sans-serif !important;
    font-size: 10px !important;
	font-style: normal !important;
	font-weight: bold !important;
	height: 18px;
	line-height: 18px !important;
	opacity: 0;
	padding: 0;
    position: absolute;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 1px 1px 4px rgba(0,0,0,1);
	-webkit-transition: opacity 0.6s ease-in-out, background 0.4s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out, background 0.4s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out, background 0.4s ease-in-out;
	transition: opacity 0.6s ease-in-out, background 0.4s ease-in-out;
	z-index: 10;
}

.tagger.link {
	cursor: pointer;
}

.tagger.link.visible,
.tagger.link:hover,
.tagger.link:focus {
	background: rgba(150,0,0,1);
}

.tagger.visible,
.tagger.show,
.properties.visible,
.properties.show {
	opacity: 1;
}

.properties.visible,
.properties.show {
	z-index: 21;
}

.properties {
	background: rgba(30,0,200,0.9);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
	color: #fff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
	left: 10px;
	line-height: 18px;
	opacity: 0;
	padding: 15px;
    position: absolute;
	text-shadow: 1px 1px 4px rgba(0,0,0,1);
	top: 0;
	-webkit-transition: opacity 0.4s ease-in-out, z-index 0.4s linear;
	-moz-transition: opacity 0.4s ease-in-out, z-index 0.4s linear;
	-o-transition: opacity 0.4s ease-in-out, z-index 1s linear;
	transition: opacity 0.4s ease-in-out, z-index 1s linear;
	z-index: -1;
}




/* ANTI IPHONE TOP MENUS ------------------------------------------------------------------------------------------------ */

#mobile-hat {
	display: none !important;
}

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


.page-content img.right {
	float: right;
	margin: 0 0 1em 1.5em
}


/* 2x */
@media (-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {

	.no-svg #region-menu ul.menu li.has-dropdown a {
		background-image: url(../images/nav-arrow-2x.png);
	}

	.no-svg #region-menu ul.menu li.has-dropdown.open a {
		background-image: url(../images/nav-arrow-open-2x.png);
	}

	.no-svg #region-menu ul.menu li a.home {
		background-image: url(../images/home-icon-2x.png);
	}

}