/*
 * Last Updated: 5 Dec 2018
 */
/*Header*/
.navbar-brand{
	height: 226px;
	position:absolute;
	padding:0px !important;
}

.navbar-toggler{
    float: right;
}

div.homepage-image img {
    display: none;
}

header{
	background: url("https://journals.sfu.ca/jalt/public/journals/1/homepageImage_en_US.jpg") top no-repeat;
  background-size: cover;
}

.navbar-nav .nav-link, .navbar-nav .dropdown-item{
	font-size:18px;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .dropdown-item {
	color: #FFFFFF;
}

#primaryNav .nav-link:hover, #primaryNav .nav-link:focus {
	font-weight: bold;
	color: #FFFFFF;
	border-color: transparent;
}

#userNav .nav-link, .language-toggle .dropdown-toggle {
	color: #FFFFFF;
}

#userNav .nav-link:hover{
	border-color: #FFFFFF;
}


.navbar, .header_view_pdf{
	//min-height: 255px;
}

.navbar-collapse{
	display: block;
	width:600px !important;
	float:right !important;
}
.navbar-form{
	margin-top: 15px;
    margin-right: -35px;
}
.navbar-form .btn, .navbar-form input.form-control{
	font-size: 12px !important;
}

#main-navbar{
	flex-direction: column;
}

.badge-light{
	background-color: #FFF;
}

/*Search Bar*/
.navbar-form{
	display: flex;
	margin-right: 0;
}

.navbar-form button{
	border-color: #FFFFFF;
	border-radius: 0 1px 1px 0;
}

#searchBtn{
	color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.4);
}

#searchBtn:hover, #searchBtn:focus{
	color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.2);
	border-color: #FFFFFF;
}

#searchBar{
	margin-bottom: 0;
	width: 250px;
}

#searchBox{
	border-bottom: 0;
}


#main-navigation.navbar-nav{
	margin-top: 60px;
	padding-left: 80px !important;
}
.footer{
	background: gray !important;
    color: #FFF !important;
	text-align:center !important;
}
.footer div[role="complementary"]{
	display:none;
}
.footer .col-md-8{
	width:100% !important;
}
#sidebar .pkp_block .title{
	background: lightgray !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
.pull-md-right{
	margin-top: 50px;
}

/*About Journal Page*/
.welcome_banner-abt{
	height: 500px;
	width: 100%;
	background-image: url("/jalt/public/site/images/nlim/aboutBanner1.jpg");
	background-size: cover;
	background-color: #8E8E8E;
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
	display:flex;
	position: relative;
}

.welcome_banner-abt > h1 {
	color: #FFFFFF
}

.per_container{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.per_item{
	width:100%;
	//max-height: 300px;
	overflow: hidden;
	display: flex;
	margin-bottom: 40px;
}

.per_img > img {
	border-radius: 50%;
	background-color: #8E8E8E;
	width: 300px;
	height: 300px;
	margin-right: 20px;
}

.per_txt > h4, h5 {
	margin: 0;
}

.title {
	margin: 0;
	font-size: .9rem;
}

/*Contributor Page*/
.welcome_banner-ctb{
	height: 500px;
	width: 100%;
	background-color: #8E8E8E;
	background-size: cover;
	background-image: url("/jalt/public/site/images/nlim/contributorBanner1.jpg");
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
	display:flex;
	position: relative;
}

.welcome_banner-ctb > h1 {
	color: #FFFFFF
}

.contributor_container{
	display: flex;
	max-width: 1500px;
	margin: 0 auto;
	flex-flow: row wrap;
	justify-content: space-between;
}

.contributor_item{
	width:100%;
	overflow: hidden;
	display: flex;
	margin-bottom: 40px;
}

.contributor_img > img {
	//border-radius: 50%;
	background-color: #8E8E8E;
	width: 300px;
	height: 300px;
	margin-right: 20px;
}

.contributor_txt > h4, h5 {
	margin: 0;
}

/*Responsive Fix*/
@media (max-width: 991px) {
	.navbar-brand{
		height: unset;
		padding:0px !important;
		position: unset;
	}

	.navbar-brand img {max-height: 40px;}
	.navbar-logo img {max-height: 40px;}

	.navbar{
		min-height: 56px;
	}

	.per_item , .contributor_item {
		flex-direction: column;
		text-align: center;
	}

	.contributor_img , .per_img {
		margin-bottom: 20px;
	}
}

@media (min-width: 992px) {
	.navbar-logo img {max-height: 200px;}
	.navbar-brand img {max-height: 200px;}

	.per_item , .contributor_item {
		flex-direction: row;
		text-align: left;
	}
}

@media (min-width: 1200px) {
	.per_item , .contributor_item {
		flex-direction: row;
		text-align: left;
	}
}