/* CSS Document  */


.frontpage-video .media-youtube-player {
  padding: 20px;
  background-color: #ececec;
  width: 570px;
}



/* ===== Group terms ===== */
/* Field group for combining different taxonomy vocabolaries into one row */

.group-terms .field-item {
	font-size: 0.65em;
	line-height: 1.35em;
}


/* ===== Box ===== */

.box .box-inner,
.box .node-meta-data,
.box .panel-display {
	padding: 1em;
}

/* ===== Fields ===== */

/* ----- Fields in teaser ----- */
.node-teaser .field-type-taxonomy-term-reference,
.node-teaser .field-type-entityreference {
	padding: 2px 0 2px 50px;
	text-indent: -35px;
}
.node-teaser .field-type-taxonomy-term-reference .field-label,
.node-teaser .field-type-entityreference .field-label {
	margin-right: 50px;
}
.node-teaser .field-name-field-date-to {
	font-size: 1.5em;
	text-align: center;
	margin: 10px 0;
}
.node-teaser .field-name-field-images img,
.node-simple-teaser .field-name-field-images img {
	float: right;
	margin-left: 1em;
}


	


/* ===== Links ===== */

.node-teaser ul.links.inline {
	display: block;
	text-align: right;
	margin: 0 320px 0 0;
}
ul li.node-readmore {
	padding: 4px 7px;
}



/* ===== Panes ===== */

.width-2 #mini-panel-og_project .field-name-field-images,
.width-2 #mini-panel-og_project .field-name-field-images {
	float: right;
}

.column-2o3 .panel-separator,
.column-3o5 .panel-separator,
.column-3o4 .panel-separator { 
	margin: 0 0 3em 0;
}
	
/* ===== Views ===== */

/* ----- Search view ----- */

.view-search .views-exposed-form {
	padding: 0px 10px 5px 30px;
}

.view-search .views-exposed-widget {
	display: inline-block;
	margin-right: 30px;
	padding: 0;
	vertical-align: bottom;
}
.view-search .views-exposed-widget input,
.view-search .views-exposed-widget select
 {
	font-size: 1.2em;
	width: 200px;
}

/* ----- Team view ----- */

.view-team table {
	border-spacing: 20px 50px;
	border-collapse: separate;
	margin: 0 -20px;
}
.view-team .views-field {
	/* margin-left: 160px; */
}
.view-team ul,
.view-team li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.view-team .views-field-picture {
	float: left;
	margin: 0 10px 10px 0;
}
.views-view-grid.cols-3 td {
	width: 33%;
	vertical-align: top;
}
table.views-view-grid {
	width: 100%;
}


/* ===== Header ===== */

.header-top {
	text-align: right;
}
.header-links span a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.header-links .social-links-top {
	border-left: solid 1px #777;
	margin-left: 10px;
	padding-left: 10px;
}

#header {
	width: 977px;
	margin: 0 auto;
}
#logo {
	display: inline-block;
	margin: -15px 30px 0 0;
}
#slogan,
.header-links {
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 20px;
}
.header-links {
	margin-top: 60px;
	float: right;
}
.header-top {
	text-align: right;
}
.header-links span a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.header-links .social-links-top {
	margin-left: 10px;
	padding-left: 10px;
}

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

.header-bar {
	width: 100%;
	height: 30px;
	background: #222;
}
.header-bar a,
.header-bar a:link {
	color: #aaa;
}

/* ----- Language switcher ----- */

ul.language-switcher-locale-url li {
	display: inline-block;
	margin: 5px 10px;
}

/* ----- Tabs ----- */

.tabs ul li a,
.tabs ul li a:link {
	padding: 5px 10px;
	display: inline-block;
}
ul.tabs.primary {
	margin: 0;
	padding: 0;
}
ul.tabs.secondary {
	margin: 0;
	padding: 0;
}
ul.tabs.secondary li.active a {
	margin: 0;
}


/* =====  Main Menu ===== */

.main-menu>div>ul {
	width: 977px;
	margin: 0 auto;
}
.main-menu>div>ul>li>div>a,
.main-menu>div>ul>li>div>a:link {
	padding: 8px 12px;
}
.main-menu li.search {
	display: block;
	float: right;
}
.main-menu .lev1.search > div > a {
	width: 26px;
	height: 20px;
}

/* ----- Dropdown ----- */

.main-menu.dropdown ul ul {
	padding-top: -1px;
}
.main-menu.dropdown ul ul li {
	margin-top: 1px;
	padding: 5px 8px;
}
.main-menu.dropdown ul li div.position-2 {
	top: 35px;
}

/* ----- GEN Menu (horizontal)----- */

.main-menu.gen-menu {
	height: 120px;
}
.main-menu.gen-menu>div>ul {
	position: relative;
}
.main-menu.gen-menu > div > ul > li,
.main-menu.gen-menu > div > ul > li > div.position {
	position: static;
}
.main-menu.gen-menu ul li div.position-2 {
	top: 37px;
	left: 0px;
	height: 40px;
	width: 100%;
	padding: 0;
}
/* div.gen-menu ul ul li {
	background: transparent;
} */
.main-menu.gen-menu div ul li.lev1.sites ul li.lev2 {
	max-width: 160px;
}
.main-menu.gen-menu div ul li.lev1 ul li.lev2 div {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	padding: 0 10px;
}
.main-menu.gen-menu div ul li.lev1 ul li.lev2 a {
	max-height: 40px;
}


/* ===== Footer ===== */

#footer {
	margin: 0;
	padding: 0;
}
#footer table,
#footer thead,
#footer tbody,
#footer tr,
#footer th,
#footer td {
	margin: 0;
	padding: 0;
}
#footer .footer-join {
	padding: 30px 0;
}
#footer .footer-join table {
	width: 977px;
	margin: auto;
}
#footer .footer-join td {
	width: 33%;
	padding: 0 20px;
	position: relative;
	min-height: 330px;
}
#footer .footer-join .button {  /* aligning buttons */
	position: absolute;
	width: 285px;
	top: 210px;
}
#footer .footer-contact {
	padding: 15px 0;
}
#footer .footer-sections {
	min-width: 977px;
	padding: 10px 20px;
}
#footer table#footer-sections {
	margin: auto;
}
#footer .footer-bar {
	padding: 10px 0;
}
#footer .footer-bar-inner {
	width: 977px;
	margin: 0 auto;
}
ul.footer-bar-menu {
	float: right;
	list-style: none;
}
ul.footer-bar-menu li {
	display: inline-block;
	list-style: none;
	margin: 0 10px;
}