@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
:root {
	--color-bg-1: #E3E1D4;
	--color-bg-nav: rgba(0, 0, 50, 0.7);

}
body{
 	color: #000;
	background-color: var(--color-bg-1);		
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;	
	font-size: 16px;
}
abbr[title] {
	text-decoration: none;
}
#top_logo, .container-lg{
	padding: 0;
}
.boxed {
	background-color: var(--color-bg-1);		
    border-left: solid 1px #000;
    border-right: solid 1px #000;
}
.box4content{
	background-color: var(--color-bg-1);		
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.box4content .img-thumbnail{
	margin-left: 20px;
	margin-right: 20px;
}
.box4two{
	background-color: var(--color-bg-1);		
}
.box4two .img-thumbnail{
	margin: 0px;
}
 

@media (min-width: 768px) {
  .box4content {
	padding-left: 3rem;
	padding-right: 3rem;
  }
}
footer.f4boxed{	
	clear: both;
	margin-top: 30px;
	padding: 10px;
	text-align: center;	
	color: #fff;	
	background-color: var(--color-bg-nav);		
}
footer.f4boxed a, footer.f4boxed address{
	color: #fff;
}
#bk2top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;

  color: #fff;
  background-color:#F8895A;
  border-color:#FFF;
}

#bk2top:hover {
  color: #fff;
  background-color:#E54900;
  border-color:#FFF;
}

/* navbar overwrite bootstrap*/
.navbar{
	padding: 10px 0 0 0;		
	background-color: var(--color-bg-nav);		
}

/* hamburger icon */
.navbar-toggler {
  border-color:  rgba(248, 249, 250, 0.5);
  padding: 5px;
	margin-left: 5px;
}

.dropdown-menu, .dropdown-item:hover{	
	background-color: var(--color-bg-nav);		
}
/*
.nav-item{
  border-right: 1px solid rgba(248, 249, 250, 0.5);	
}
*/
.nav-item{
  padding: 0.2rem 1rem;
}


.nav-item:hover{
    box-shadow: 0 -2px #FFC inset;	
}
.dropdown-menu{	
	font-size: 95%;	
}
.nav-link {  
  color: #FFF;	
  padding: 0.2rem 0.5rem;
  font-size: 95%;
}

.nav-link:hover, .nav-link:focus {
  color: #FFC;
}

.nav-link:hover { /* added */
/*    box-shadow: 0 -2px #FFC inset;*/
}


/* overwrite bootstrap*/

/* headings */
h1, h2 { 
	font-weight: 500;
}
h1, .h1 {
  font-size: 1.8rem;
  color:#014141;
	padding-top: 1rem;
}

h2, .h2 {
  font-size: 1.5rem;
  color:#014141;
	padding-top: 1rem;
}

h3, .h3 {
  font-size: 1.25rem;
  color:#014141;
}

h4, .h4 {
  font-size: 1.2rem;
  color:#014141;
}

h5, .h5 {
	color: #663;
  	font-size: 1.1rem;
}
h6, .h6 {
  font-size: 1rem;
  color:#014141;
}

/* list */
ul{
	list-style-type: square;
}

/* link */
a {
  color: #23527c;
  text-decoration: none;
}
#top_logo a, #jssor_1 a {
  color: #FFC;
}
#top_logo a.btn-outline-light{
	outline: none;
	border: none;
}
#top_logo a.btn-outline-light:hover{
  color: #FFF;
  box-shadow: 0 0 0 0.1rem rgba(248, 249, 250, 0.1);
}
a.btn-outline-link {
	font-size: 80%;
  color: #663;
  border: #BCBC7A solid 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right:15px;
	margin-top: 1px;
}
a.btn-outline-link:hover {
  color: #0056b3;
  border: #663 solid 1px;
}

/* table */
table td{
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
.table4data td{
	border: #BCBC7A solid 1px;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* https://scottdorman.blog/2019/03/02/bootstrap-carousel-caption-placement/ */
.carousel-caption a{
	/* color: #000000; */
}
.carousel-caption {
  /*background-color: rgba(0, 0, 0, 0.7);*/
  color: #000000; 
  background: transparent;
  position: relative;
  right: 0;
  top: 0;
  left: 0;
  padding:0;
font-size: 90%;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  /*height: 32rem;*/
}


/* figures */
figcaption{
	font-size: 90%;
	text-align: left;
}
/* place the figcaption short as the img*/
figure.align4text { 
	display: table; 
}
.align4text figcaption { 
	display: table-caption; 
	caption-side: bottom ; 
}


/* people, gallery, publication */
h2.h4member, h2.h4gallery, h2.h4paper, h3.h4paper{
	margin-top:5px;
	margin-bottom:0px;
	width: 100%;
	padding: 5px;
	color: #330;
	background-color: #D9D9B3;
	border-top: #BCBC7A solid 1px;	
	border-left: #BCBC7A solid 1px;	
	border-right: #BCBC7A solid 1px;	
}
h2.h4gallery, h2.h4paper, h3.h4paper{
	border-bottom: #BCBC7A solid 1px;
}


.gallery_title{
	margin-bottom:0px;
	color: #330;
	background-color: #D9D9B3;
	border-top: #BCBC7A solid 1px;	
	border-left: #BCBC7A solid 1px;	
	border-right: #BCBC7A solid 1px;	
}
.gallery_des{
	border: #BCBC7A solid 1px;	
}

.p_portrait{
	border: #BCBC7A solid 1px;	
}
.r4member{
}
.row4first{
	font-size: 120%;
	font-weight: bold;
	border-top: #BCBC7A solid 1px;
	border-bottom: #D8D8B2 solid 1px;
	padding-left: 15px;
}
a.link2hp{
	color:#552;
	font-size: 80%;
	font-weight: normal;
}
a.link2hp:hover{
	color:#330;
}

/* list of years to select */
.page-link {
  color: #23527c;
  border: none;
  background-image: linear-gradient(to right, #F0F0E8, #E7E7D8);  
}
.page-link:focus, .page-link:hover, .page-item.active .page-link {
  color: #663;
  border: none;
  background-image: linear-gradient(to bottom, #F0F0E8, #E7E7D8);  
}