@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/* Overwrite of animate animation time from 1s to 0.5s */
.animated {
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

body {
	/* Global text options */
	color: #4d4d4d;
	font-family: "Open Sans", sans-serif;
}

div, p {
	font-size: 14pt;
}

p {
	margin-bottom: 20px;
}

.default-text-color {
	color: #4d4d4d !important;
}

p.attention {
	margin-left: 35px;
	margin-right: 35px;
}

div.p-no-margin p {
	margin-bottom: 0;
}

/* Disable outline after click or in-focus */
a.btn:focus, a.btn:active {
	outline: 0 !important;
	box-shadow: none;
}

a:not(a.btn)a:link, a:not(a.btn)a:visited {
	color: #4897d8;
	text-decoration: none;
}

a:not(a.btn)a:hover {
	color: #faaf08;
	text-decoration: underline;
}

.text-10 {
	font-size: 10pt;
}

.text-12 {
	font-size: 12pt;
}

.text-14 {
	font-size: 14pt;
}

.text-16 {
	font-size: 16pt;
}

.text-uppercase {
	font-variant: uppercase;
}

.text-small-caps {
	font-variant: small-caps;
}

.text-bold, .font-bold {
	font-weight: bold;
}

.text-semi-bold, .font-semi-bold {
	font-weight: 600;
}

.text-gray {
	color: #4d4d4d;
}

.text-red {
	color: #ff6384;
}

.text-green {
	color: #68b923;
}

.text-sunglow {
	color: #d9b44a;
}

.text-blue {
	color: #36a2eb;
}

.text-brown {
	color: #7d4427;
}

.centered {
	margin: 0 auto !important;
}

.text-italic {
	font-style: italic;
}

.no-top-margin {
	margin-top: 0;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-left-5 {
	margin-left: 5px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-right-40 {
	margin-right: 40px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-right-40 {
	padding-right: 40px;
}

.border-green {
	border-color: #68b923;
}

.border-sunglow {
	border-color: #d9b44a;
}

.border-primary {
	border-color: #2e6da4;
}

.border-success {
	border-color: #d6e9c6;
}

.border-danger {
	border-color: #ebccd1;
}

.border-warning {
	border-color: #faebcc;
}

.border-info {
	border-color: #bce8f1;
}

.border-left {
	border-left: 1px solid #ddd;
}

.border-right {
	border-right: 1px solid #ddd;
}

.border-left-right {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.modal-dialog {
	min-width: 80%;
}

.modal-content {
	padding: 15px 30px;
}

.quote-left:before {
	content: "\275d";
}

.quote-right:before {
	content: "\275e";
}

.bracket-left:before {
	content: "\2308";
}

.bracket-right:before {
	content: "\230b";
}

.vertical-align-top-center {
	display: flex;
	align-items: top;
	justify-content: center;
	flex-direction: row;
}

table .no-wrap {
	white-space: nowrap;
}

table.text-center th, table.text-center td {
	text-align: center;
}

table.table-row-border td {
	border-bottom: 1px solid #ddd !important;
}

table th {
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
}

table, table td, div.table-responsive {
    border: 0 !important;
}

table p {
	margin-bottom: 0;
}

hr {
	width: 95%;
	border: 0;
	height: 1px;
	margin: 25px auto 25px auto;
	background: #ddd;
	background: -webkit-linear-gradient(to right, rgba(225, 225, 225, 0), rgba(225, 225, 225, 0.75), rgba(225, 225, 225, 0));
	background: -o-linear-gradient(to right, rgba(225, 225, 225, 0), rgba(225, 225, 225, 0.75), rgba(225, 225, 225, 0));
	background: -moz-linear-gradient(to right, rgba(225, 225, 225, 0), rgba(225, 225, 225, 0.75), rgba(225, 225, 225, 0));
	background: linear-gradient(to right, rgba(225, 225, 225, 0), rgba(225, 225, 225, 0.75), rgba(225, 225, 225, 0));
}

hr.mobile-navigation-divider {
	display: none;
}

nav#header {
	background-color: #68b923;
	border: 0;
}

nav#header a#intranet {
	position: absolute;
	right: 0;
	margin-top: 10px;
	margin-right: 20px;
	padding: 2px 20px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	font-size: 12pt;
}

nav#header a#intranet:hover {
	background-color: #fff;
	color: #7d4427;
}

nav#header div#logo-panel {
	padding: 10px 15px 10px 15px;
	background-color: #fff;
	border-radius: 10px;
	margin-left: 25px;
	margin-top: 20px;
	position: relative;
	float: left;
}

nav#header img#logo {
	height: 60px;
}

nav#header div.navbar-header button {
	background-color: #fff;
	color: #4d4d4d;
	border: 1px solid #4d4d4d;
	font-size: 12pt;
	margin-right: 35px;
}

nav#header div#navbar {
	background-color: #68b923;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 30px;
}

nav#header div#navbar ul.nav {
	margin-top: 25px;
	font-family: "Poppins", sans-serif;
	font-size: 14pt;
	font-weight: 600;
}

nav#header div#navbar ul.nav .mobile-navigation,
nav#header div#navbar ul.nav .mobile-navigation-hide {
	display: none;
}

nav#header div#navbar ul.nav li {
	margin-left: 2px;
}

nav#header div#navbar ul.mobile-navigation li a {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

nav#header div#navbar ul.nav > li,
nav#header div#navbar ul.nav > li > a:link,
nav#header div#navbar ul.nav > li > a:visited {
	color: #fff;
}

nav#header a#intranet,
nav#header div#navbar ul.nav > li > a:hover {
	transition: all 0.3s;
}

body#home div#navbar ul.nav li a#primary-menu-home,
body[id^=about] div#navbar ul.nav li a#primary-menu-about,
body#funded-projects div#navbar ul.nav li a#primary-menu-funded-projects,
body#publications div#navbar ul.nav li a#primary-menu-publications,
body#awards div#navbar ul.nav li a#primary-menu-awards,
body[id^=meetings] div#navbar ul.nav li a#primary-menu-meetings,
body[id^=resources] div#navbar ul.nav li a#primary-menu-resources,
body[id^=newsletter] div#navbar ul.nav li a#primary-menu-resources,
nav#header div#navbar ul.nav li a:hover {
	color: #7d4427;
	background-color: #fff;
	border-radius: 6px;
}

div#wrapper {
	padding-left: 0;
}

div#sidebar-wrapper img#sidebar-menu-bg {
	z-index: -1;
	position: absolute;
	/*left: 25px;*/
	top: 0;
	width: 250px;
	height: 100%;
}

div#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	/*width: 300px;*/
	width: 250px;
	height: 100%;
	overflow-y: auto;
	background: url("/images/body.bg.jpg");
}

div#sidebar-wrapper ul li,
div#navbar ul li {
	list-style: none;
}

div#sidebar-wrapper div#sidebar-menu-wrapper {
	/*margin-top: 180px;*/
	padding-top: 120px;
	background-color: rgba(42, 49, 50, 0.5);
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

div#sidebar-wrapper ul.side-menu {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
/*	font-size: 13pt; */
	font-size: 12pt;
	color: #fff;
	padding: 0;
}

div#sidebar-wrapper ul.side-menu > li {
	list-style: none;
	padding: 15px 15px;
/*	border-left: 25px solid #68b923; */
}

div#sidebar-wrapper ul.side-menu > li:before {
	content: "\232a";
/*	padding-right: 5px; */
}

div#sidebar-wrapper ul.side-menu li a {
	text-decoration: none;
	color: #fff;
}

div#sidebar-wrapper ul.side-menu li ul > li {
	font-size: 90%;
	margin-left: -15px;
}

div#sidebar-wrapper ul.side-menu li ul > li a::before {
	content: "\203a";
	padding-right: 5px;
}

div#sidebar-wrapper ul.side-menu li ul li {
	margin-bottom: 5px;
}

body#about-initiative ul.side-menu li a#secondary-menu-about-initiative,
body#about-project-overview ul.side-menu li a#secondary-menu-project-overview,
body#about-ancillary-projects ul.side-menu li a#secondary-menu-ancillary-projects,
/*body#newsletter-20170811 ul.side-menu li a#secondary-menu-newsletter,*/
body#publications ul.side-menu li a#secondary-menu-publications,
body#conference-abstracts ul.side-menu li a#secondary-menu-conference-abstracts,
body#dissertations ul.side-menu li a#secondary-menu-dissertations,
body#newsletter-20170811 ul.side-menu li a#secondary-menu-newsletter-20170811,
body#newsletter-20170410 ul.side-menu li a#secondary-menu-newsletter-20170410,
body#newsletter-20160621 ul.side-menu li a#secondary-menu-newsletter-20160621,
body#newsletter-20180718 ul.side-menu li a#secondary-menu-newsletter-20180718,
body#newsletter-20181231 ul.side-menu li a#secondary-menu-newsletter-20181231,
body#meetings-2020-phenome ul.side-menu li a#secondary-menu-meetings-2020-phenome,
body#meetings-2019-december-gxe-collaborators ul.side-menu li a#secondary-menu-meetings-2019-december-gxe-collaborators,
body#meetings-2019-phenome ul.side-menu li a#secondary-menu-meetings-2019-phenome,
body#meetings-2018-nifa-fact ul.side-menu li a#secondary-menu-meetings-2018-nifa-fact,
body#meetings-2017-december-gxe-collaborators ul.side-menu li a#secondary-menu-meetings-2017-december-gxe-collaborators,
body#meetings-2017-march-gxe-collaborators ul.side-menu li a#secondary-menu-meetings-2017-march-gxe-collaborators,
body#meetings-2016-december-gxe-collaborators ul.side-menu li a#secondary-menu-meetings-2016-december-gxe-collaborators,
body#meetings-2016-pag ul.side-menu li a#secondary-menu-meetings-2016-pag,
body#meetings-2014-december-gxe-collaborators ul.side-menu li a#secondary-menu-meetings-2014-december-gxe-collaborators,
body#meetings-2014-pag ul.side-menu li a#secondary-menu-meetings-2014-pag,
body#resources-logos ul.side-menu li a#secondary-menu-resources-logos,
body#resources-photos-and-videos ul.side-menu li a#secondary-menu-resources-photos-and-videos,
body#resources-intranet ul.side-menu li a#secondary-menu-resources-intranet,
div#sidebar-wrapper ul.side-menu li a:hover {
	transition: all 0.2s;
	color: #faaf08;
}

div#page-contents-wrapper {
	width: calc(100% - 300px);
	/* Side menu has a padding of 25px on either side + 250px image in the center (300px total). Set margin-left
	   value to at least 300px so that things line-up properly */
	/*margin-left: 300px;*/
	margin-left: 250px;
	/* Logo height is set to be 85px. Set margin-top value to at least 85px for things to line-up properly */
	margin-top: 150px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
}

div.page-contents-full-width {
	background-color: #fafafa;
	margin-left: -45px;
	margin-right: -45px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-left: 35px;
	padding-right: 35px;
}

div.img-wrapper-left-right-10 {
	margin: 0 10%;
}

.callout {
	margin-left: 30px;
	padding: 10px 0px 15px 10px;
	border-left: 10px solid #7d4427;
	color: #7d4427;
}

.callout-primary {
	margin-left: 30px;
	padding: 10px 0px 15px 10px;
	border-left: 10px solid #428bca;
	color: #428bca;
}

div.panel {
	border: 1px solid #2e6da4;
	border-radius: 5px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div.panel h1, div.panel h2, div.panel h3,
div.panel h4, div.panel h5, div.panel h6 {
	margin: 0;
	padding: 0;
}

div.panel-title h1, div.panel-title h2, div.panel-title h3,
div.panel-title h4, div.panel-title h5, div.panel-title h6 {
	color: #fff;
	background-color: #2e6da4;
	padding: 10px 15px !important;
}

div.media h1, div.media h2, div.media h3,
div.media h4, div.media h5, div.media h6 {
	margin: 0;
}

footer {
	/*margin-left: 300px;*/
	margin-left: 250px;
/*	margin-right: 35px; */
	background-color: #fff;
	border-top: 1px solid #68b923;
}

footer div#contacts {
	margin-top: 10px;
}

footer div#copyright {
	margin-bottom: 10px;
}

footer #copyright p, footer #contacts p {
	font-size: 10pt;
	margin: 0;
}

@media all and (max-width: 1200px) {
	nav#header img#logo {
		height: 50px;

	}
	nav#header div#navbar ul.nav {
		margin-top: 25px;
		font-size: 12pt;
	}

	nav#header div#navbar ul.nav > li a {
		padding: 10px;
	}

	div#page-contents-wrapper {
		margin-top: 120px;
	}
}

@media all and (max-width: 1000px) {
	nav#header img#logo {
		height: 40px;
	}

	nav#header div#navbar ul.nav {
		margin-top: 15px;
		font-size: 11pt;
	}

	div#page-contents-wrapper {
		margin-top: 100px;
	}
}

@media all and (max-width: 900px) {
	nav#header div#navbar ul.nav {
		font-size: 10pt;
	}

	nav#header div#navbar ul.nav > li a {
		padding: 10px 5px;
	}

	footer div#contacts p, footer div#copyright p {
		font-size: 10pt;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Mobile mennu display */
@media all and (max-width: 768px) {
	.border-left, .border-right, .border-left-right {
		border: 0;
	}

	nav#header {
		background-color: #fff;
		padding-top: 10px;
	}

	nav#header a#intranet {
		display: none;
	}

	div.navbar-header {
		background-color: #68b923;
		width: 100%;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.collapse.in {
		display: block !important;
	}

	nav#header div.navbar-header button {
		display: block;
	}

	nav#header div#logo-panel {
		margin-top: 0;
	}

	nav#header div#navbar {
		margin-top: 0;
		max-height: 500px !important;
		overflow-y: scroll !important;
	}

	hr.mobile-navigation-divider {
		display: block;
	}

	nav#header div#navbar ul.nav {
		font-size: 16pt;
		padding-bottom: 15px;
		display: table;
		width: 100%;
	}

	nav#header div#navbar ul.nav > li {
		margin-top: 15px;
		margin-left: 25px;
	}

	nav#header div#navbar ul.nav li a {
		display: initial !important;
		background: none !important;
		color: #fff !important;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	nav#header div#navbar ul.nav li:before {
		content: "\232a";
	}

	nav#header div#navbar ul.nav li a:hover {
		text-decoration: underline;
	}

	nav#header div#navbar ul.nav .mobile-navigation {
		display: block;
		font-size: 12pt;
		margin-top: 5px;
	}

	nav#header div#navbar ul.nav .mobile-navigation li {
		padding-bottom: 3px;
	}

	div#sidebar-wrapper {
		display: none;
	}

	div#page-contents-wrapper {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-right: 5px;
	}

	footer {
		margin: 0;
		color: #fff;
		background-color: #68b923;
	}

	footer .text-green, footer a:link, footer a:visited, footer a:hover {
		color: #fff;
	}
}