html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 80px;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}
a {
	color: #007bff;
}

.rgb-header {
	background-color: #000;
	border-bottom: 2px solid #fc0;
	margin-bottom: 10px;
	color: #fff;
}
.rgb-header.navbar-dark .navbar-nav .nav-item .nav-link {
	color: #ccc;
	padding:0px;
	padding-left: 16px;
	display: inline;
}
.rgb-header.navbar-dark .navbar-nav .nav-item.active .nav-link {color: #fc0; }
.rgb-header .rgb-home {color:#fff; text-decoration: none}
.rgb-header .form-control-sm { width:140px; }

.rgb-header.navbar-dark .navbar-nav {
	width: 100%;
}

@media (max-width: 991.98px) {
	.rgb-header.navbar-dark .navbar-nav .nav-item .nav-link {
		padding-left: 10px;
	}
}

@media (max-width: 767.98px) {
	.rgb-header.navbar-dark .navbar-nav .nav-item {
		padding-top: 10px;
	}
}

.rgb-body {color: #666; }
.rgb-body h1,
.rgb-body h2,
.rgb-body h3,
.rgb-body h4 {
	font-family: 'EB Garamond', serif; color: #000;
	margin-bottom: 1rem;
/*	text-shadow: 2px 2px 4px #aaa; */
	text-shadow: 1px 1px 2px #aaa;
	padding-top: 16px;
}

.rgb-body small {font-size: 0.6rem; }

.rgb-body .rgb-count-info {
	margin-bottom: 1rem;
}
.rgb-body .rgb-pagination .page-item .page-link {
	color: #000;
	border-color: #fc0;
}
.rgb-body .rgb-pagination .page-item.active .page-link {
	color: #000;
	background-color: #fc0;
}

.rgb-body .rgb-btn {
	color: #fc0;
}
.rgb-body .rgb-btn:hover {
	background-color: #fc0;
	color: #fff;
	border-color: #000;
}

.rgb-body .rgb-btn-tag:hover {
	background-color: #fc0;
	color: #000;
	border-color: #000;
}

.rgb-body .rgb-side-panel {
	margin-bottom: 0.5em;
}
.rgb-body .rgb-side-panel .form-group {
	margin-bottom: 4px;
}
.rgb-body .rgb-side-panel .form-group label {
	font-size: 0.8rem;
}
.rgb-body .rgb-side-panel .form-group input,
.rgb-body .rgb-side-panel select,
.rgb-body .rgb-side-panel textarea {
	color: #000;
	border-color: #fc0;
}

.rgb-body .rgb-person-head .rgb-face,
.rgb-body .rgb-research-area .rgb-logo {
	width:8rem;
	height:8rem;
	margin:0 auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.rgb-body .rgb-face-img,
.rgb-body .rgb-research-area .rgb-img-logo,
.rgb-body .rgb-project .rgb-img-logo {
	margin-bottom:10px;
}
.rgb-body .rgb-face-img img {
	height:10rem;
}
.rgb-body .rgb-research-area .rgb-img-logo img,
.rgb-body .rgb-project .rgb-img-logo img {
	height:8rem;
}

.rgb-body .btn {
	margin-top:4px;
}

.rgb-body .rgb-people-list .btn {
	color: #000;
}
.rgb-body .rgb-people-list .btn:hover {
	background-color: #fc0;
	color: #000;
	border-color: #000;
}

.rgb-body .rgb-areas a {
	color: #000;
}
.rgb-body .rgb-areas .list-group-item {
	border-color: #fc0;
}

.rgb-body .rgb-static-page li {
	margin-bottom: 1em;
}
.rgb-body .rgb-static-page .rgb-other-links li {
	margin-bottom: 0.1em;
}

.rgb-body .rgb-card {
	max-width: 400px;
	margin: 2em auto;
	margin-bottom:4em;
	background-color:#eee;
}

.rgb-footer-logo {
	margin:20px;
}

.rgb-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #fc0;
	border-top: 1px dotted #000;
	font-size: 1em;
	font-family: 'Helvetica', sans;
}
.rgb-footer a {
	color: #000;
}

.rgb-top-banner {
	width:100%;
	height:calc(33vh);
	background: url('../img/front.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding:10px 20px 0px 0px;
	margin:0px;
	border:0px;
	color: #fff;
	font-family: 'EB Garamond', serif;
	font-size: 3rem;
	text-shadow: 3px 3px 4px #000;
	text-align:right;
}

@media only screen  and (max-device-width: 736px) and (orientation: portrait) { 
	.rgb-top-banner {
		height:140px;
		font-size: 2.2rem;
		text-align:center;
	}
}

@media only screen and (max-device-width: 736px) and (orientation: landscape) { 
	.rgb-top-banner {
		height:140px;
		font-size: 2.2rem;
	}
}

.rgb-top-banner img {
	width:72px;
	height:72px;
}

.rgb-site-map {
	margin-bottom:1rem;
}
.rgb-site-map .btn {
	width:150px;
	margin:2px;
	font-size:1em;
	border-color:#fc0;
}
.rgb-site-map .btn div {
	font-size:3.5rem;
	color:#fc0;
}

.rgb-site-map.small .btn {
	width:130px;
	font-size:0.8em;
}
.rgb-site-map.small .btn div {
	font-size:3rem;
}
@media (max-width: 767.98px) {
	.rgb-site-map.small .btn { width:150px; font-size:1em; }
	.rgb-site-map.small .btn div { font-size:3.5rem; }
}

.rgb-research-area-list .btn {
	width:146px;
	height:146px;
	padding:4px;
	margin:2px;
	font-size:1em;
	border-color:#fc0;
	white-space: normal;
	background-size: 32px 32px;
	background-position: center 32px;
	background-repeat: no-repeat;
}
.rgb-research-area-list .btn span {
	margin-top: 40px;
	display:block;
}

td#gs_tti50 {
	padding:0px;
}
input#gsc-i-id1 {
	border:0px;
	margin:0px;
	height:100%;
	font-size:1em;
}

.rgbeditorbanner {
	padding:4px;
	background:#090;
	color:#fff;
}
.rgbeditorbanner a {
	font-size:0.6em;
	padding:4px;
}

.bootstrap-select.form-control:not([class*=col-]) {
	width:auto;
	border:1px solid rgb(206, 212, 218);
	background-color: #fff;
}

.rgb-body .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right:0px;
}

.gsc-search-button .gsc-search-button-v2 {
	margin:0px;
	padding:4px;
}