@charset "UTF-8";
/* CSS Document */

a:visited { color: purple; }
a:active { color:red; }
a.btn-secondary:visited  {
	color: white;
}
a.btn-primary:visited  {
	color: white;
}

@media screen and (min-width: 1140px) {
	.nav-item{
		padding-left: 1rem;
		padding-right: 1rem;
		margin-top: 0;
	}
	.nav-link{
		font-size: 1rem;
		padding-top:10px;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 1139px) {
	.nav-item{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.nav-link{
		font-size: 0.5rem;
		padding-top:5px;
		margin-bottom:5px;
	}
}
#current_issue li{
	padding-top: 1rem;
}

#navbar_above{
	background-color: white;
	opacity: 1;
	z-index: 1001;
	/* height: 4.5rem; */
	border-bottom: 0.3rem solid #F6D498;
}

.navbar_above_short{
	height: 2.9rem !important;
}



#navbar_above .container{
	height: 100%;
}
#navbar_above .col-md-3{
	height: 100%;
}
#navbar_above .col-md-12{
	height: 100%;
}

#navbar ul{
	/*background-color: #3D5267;*/
	background-color: white;

}

#navbar ul li{
	/* height: 100% !important; */
	/*padding-top: 1rem;*/
}


@media screen and (min-width: 1140px) {
	#navbar{
		/*background-color: #3D5267;*/
		background-color: white;
		border-radius: 0rem;
		height: 100%;
	}
	#navbar ul{
		/*background-color: #3D5267;*/
		background-color: white;
		padding: 0rem;
		border-radius: 0rem;
		/* height: 100% !important; */
	}

}

/*.navbar_above_h4_short{
	font-size: 1rem !important;
	margin-top: 0rem;
}*/



.nav-item{
	font-size: 1.05rem;
	margin-left: 0rem !important;
	padding-left: .5rem;
	padding-right: .5rem;
	padding-top: 1rem;
	/*border-bottom: 0.3rem solid #3D5267;*/
	transition: all 0.4s ease 0s;
}
nav .nav-item:hover{
	/*border-bottom: 0.3rem solid #10B8C4;*/
	background-color: #E4E4E4;
}


.nav-item_short{
	padding-top: 0rem;
}
.nav-item_short .nav-link{
	margin-bottom: 0;
}


.nav-item > a{
	font-family: 'Lato', sans-serif;
	color: #514F50 !important;
	transition: all 0.4s ease 0s;
}
.nav-item > a:hover{
	color: #10B8C4 !important;
}

/*Become small when width changes*/
@media screen and (min-width: 769px) {
	.nav-item > a{
		font-size: 1.05rem;
	}
	.nav-item{
		padding-left: .5rem;
		padding-right: .5rem;
	}
}
@media screen and (max-width: 768px) {
	.nav-item > a{
		font-size: 1rem;
	}
	.nav-item{
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}
}






#navbar .dropdown-menu{
	background-color: white;
}

.nav_item_active{
	/*border-bottom: 0.3rem solid #10B8C4;*/
	background-color: #E4E4E4;
	color: #10B8C4 !important;
}


.dropdown-item{
	font-family: 'Lato', sans-serif;
	background-color: white;
	transition: all 0.4s ease 0s;
}



#subtitle2 .container{
	position: relative;
	top: 50%;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#subtitle2{

	/*margin-top: 4.5rem;*/
  background-repeat: none;
  background-position: center;
	/*background-size: auto 100%; */
	text-align: center;
	border-bottom: 3px solid #FCE3B8;
	/*border-top: 3px solid #F6D498;*/
}
#header_logo{
	margin-top: .5rem;
	height: 9rem;
	width: 100%;
	object-fit: contain;
}
@media screen and (min-width: 992px) {
	#subtitle2{
		height: 10rem;
		background-image: url('./img/logoless.jpg');
	}

}
@media screen and (max-width: 991px) {
	#header_logo{
		margin-top: 1rem;
	}
	#subtitle2{
		height: 17rem;
		background-image: url('./img/bg-mini.jpg');
		/* background-repeat: no-repeat; */
		background-size: cover;
	}

}
/*#subtitle_image{
	position: absolute;
	z-index: -1;
}*/

#subtitle2 h2{
	position: absolute;
	right: 0;
	top: 50%;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%) rotate(-90deg) ;
	float:right;
	font-size: 3.5vh;
	color: #6D6043;

}

#subtitle2 h3{
	font-size:2.1rem;
	color: #6D6043;
	/*font-family: 'Raleway', sans-serif;*/
	margin-bottom: 1rem;
	text-shadow: 2px 2px 4px #FFF;

}
@media screen and (min-width: 769px) {
	#subtitle2 h3{
		margin-top: 2rem;
		font-weight: bold;
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	#subtitle2 h3{
		font-size:1.5rem;
		margin-top: 1.5rem;
		font-weight: bold;
		/* text-align: right; */
	}
}
#subtitle2 h4{
	font-size:1.2rem;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
	text-shadow: 2px 2px 4px #FFF;

}
#subtitle2 a{
	font-size:1.5rem;
	font-family: 'Raleway', sans-serif;
	color: #10B3A9;
	/*padding-bottom: 0px;*/
	border: 2px solid #3D5267;
	border-radius: 1rem;
	transition: all 0.4s ease 0s;
}
#subtitle2 a:hover{
	color: #06EDFD;
	background-color: #283C50;
}



#subtitle{
	/*margin-top: 4.5rem;*/
	height: 10rem;
    background-repeat: none;
    background-position: center;
	/*background-size: auto 100%; */
	text-align: center;
	border-bottom: 3px solid #FCE3B8;
	/*border-top: 3px solid #F6D498;*/
}
@media screen and (min-width: 769px) {
	#subtitle{
		background-image: url('./img/bg01.jpg');
	}
}
@media screen and (max-width: 768px) {
	#subtitle{
		background-image: url('./img/bg-mini.jpg');
		background-repeat: no-repeat;
		background-size: auto;

	}
}

/*#subtitle_image{
	position: absolute;
	z-index: -1;
}*/

#subtitle h3{
	font-size:2.1rem;
	color: #6D6043;
	/*font-family: 'Raleway', sans-serif;*/
	margin-bottom: 1rem;
	text-shadow: 2px 2px 4px #FFF;

}
@media screen and (min-width: 769px) {
	#subtitle h3{
		margin-top: 2rem;
		font-weight: bold;
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	#subtitle h3{
		margin-top: 1.5rem;
		font-weight: bold;
		text-align: right;
	}
}
#subtitle h4{
	font-size:1.2rem;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
	text-shadow: 2px 2px 4px #FFF;

}
#subtitle a{
	font-size:1.5rem;
	font-family: 'Raleway', sans-serif;
	color: #10B3A9;
	/*padding-bottom: 0px;*/
	border: 2px solid #3D5267;
	border-radius: 1rem;
	transition: all 0.4s ease 0s;
}
#subtitle a:hover{
	color: #06EDFD;
	background-color: #283C50;
}




.customized_div{
	padding: 1.5rem 0rem;
}
.customized_div h3{
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
}
.customized_div h4{
	font-size: 1.5rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
}
.customized_div p{
	font-family: 'Raleway', sans-serif;
	/*text-align: justify !important;*/
}



/*****************************************************************************************************/


#welcome h4{
	margin-top: 2rem;
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
}
#welcome p{
	font-family: 'Raleway', sans-serif;
	/*text-align: justify !important;*/
}
/*****************************************************************************************************/

#index_content{
	/* background-color: #F5F5F5; */
	padding: 1.5rem 0rem;
}
#index_content p{
	font-family: 'Raleway', sans-serif;
	/*text-align: justify !important;*/
}
#index_content h4{
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
}
/*****************************************************************************************************/

#index_content2{
	background-color: #F5F5F5;
	padding: 1.5rem 0rem;
}
#index_content2 p{
	font-family: 'Raleway', sans-serif;
	/*text-align: justify !important;*/
}
#index_content2 h4{
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
}
/*****************************************************************************************************/

#journals{
	/* background-color: #F5F5F5;
	padding: 1.5rem 0rem; */
}
#journals p{
	font-family: 'Raleway', sans-serif;
}
#journals h4{
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #6D6043;
}

#view_link_div{
	padding-top: 0.5rem;
}
#grid_view{
	/*position: absolute; */
	max-width: 1140px;
}
#grid_view .col-md-3{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
#journals .img_cover_div{
	min-height: 20rem;
	width: 260px;
	margin-right: 1rem;

}

#journals .cover_text{
	inline-size: 250px;
  overflow-wrap: break-word;
	padding: 1rem;
	position: absolute;
	overflow: hidden;
	z-index: 11;
	color: white;
	text-align: center;
}
#journals .cover_text .cover_link{
	color: #A5EAFF;
}
#journals .cover_text .cover_link:hover{
	color: #F5F5F5;
}
#journals .img_cover{
	/* position: absolute; */
	overflow: hidden;
	z-index: 1;
}
#journals .img_cover_bg{
	position: absolute;
	overflow: hidden;
	z-index: 10;
	opacity: 0.6;
}
#journals .table_green{
	background-color: #0096A1;
	color: white;
}
#journals td, th{
	border: 1px solid #B5B5B5;
	font-family: 'Raleway', sans-serif;
}

/* #journals a{
	white-space: nowrap;
} */
#journals .select_view_active{
	font-weight: bold;
}
/*****************************************************************************************************/


#news p, li{
	font-family: 'Raleway', sans-serif;
}
#news li{
	color: #777777;
}
#news h4{
	color: #6D6043;
	font-size: 2rem;
	margin-top: 1rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
}

/*****************************************************************************************************/


#contact p{
	font-family: 'Raleway', sans-serif;
}
#contact h4{
	color: #6D6043;
	margin-top: 1rem;
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
}
#contact .icon_color{
	color: #1A99D0;
}
#contact .form-control{
	margin-bottom: 1rem;
}







#footer{
	text-align: center;
	padding-top: 2rem;
}
#footer h3{
	width: 10rem;
	font-family: 'Montserrat', sans-serif;
	color: white;
	background-color: #1F57AA;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}



.text-right{
	text-align: right;
}

.p-t-lg{
	padding-top: 2rem;
}
.p-b-lg{
	padding-bottom: 2rem;
}

.m-b-0{
	margin-bottom: 0rem !important;
}
.m-x-0{
	margin-left: 0rem;
	margin-right: 0rem;
}

.font_raleway{
	font-family: 'Raleway', sans-serif;
}
.font_normal{
	font-size: 0.9rem;
	font-weight: normal;
}
.red{
	color: red;
}

@media screen and (max-width: 900px) {
   #navbar_above h4{
		font-size: 1.7rem;
		font-family: 'Montserrat', sans-serif;
		color: white;
	}
	#navbar_above p{
		text-align: left;
	}
	#subtitle h3{
		font-size:2rem;
		text-align: center;
		color: #6D6043;

	}

	.text_right_when_large{
		text-align: left;
	}
}
@media screen and (min-width: 901px) {
	.pull_right_when_large{
		float: right;
	}
	.text_right_when_large{
		text-align: right;
	}

}
#journal_left tbody, td, tfoot, th, thead, tr {
    border-style: none;

}
#curr_issue ul{
	margin-bottom: .5rem;
}
