/*RGU Custom CSS - Reflective Professional Journal*/
/*NOTE: Styles defined here overwrite or extend the main CSS sheet that comes with the "Classic" theme on OJS*/

/*Style header with journal colour-scheme*/
.header {
	background-image: linear-gradient(#aecbd3, #104552);
}

/*Override styling of user navigation menu from main site CSS, to better suit journal header background. Adjust colour of user navigation depending on vertical position with header, considering the background colour gradient*/
@media (min-width: 768px) {
	#navigationUser .nav-link:focus,
	#navigationUser .nav-link:hover,
	#navigationUser .nav-item .nav-link.dropdown-toggle:focus,
	#navigationUser .nav-item .nav-link.dropdown-toggle:hover {
		color: #002222 !important;
	}
	#navigationUser .nav-item.show .nav-link.dropdown-toggle {
		background-color: transparent;
		color: #002222 !important;
	}
}
@media (max-width: 767px) {
	#navigationUser .nav-link:focus,
	#navigationUser .nav-link:hover,
	.nav-item .nav-link.dropdown-toggle:focus,
	.nav-item .nav-link.dropdown-toggle:hover {
		color: #ccffff !important;
	}
	#navigationUser .nav-item.show .nav-link.dropdown-toggle {
		background-color: transparent;
		color: #ccffff !important;
	}
}

/*Adjust styling of primary navigation menu, which is present only on journal site. Adjust colour of primary navigation depending on whether open or collapsed*/
#navigationPrimary,
#nav-small {
	padding-bottom: 0;
}
#navigationPrimary .nav-link,
#nav-small a {
	text-transform: none;
	font-size: 1.2rem;
}
#navigationPrimary .dropdown-item {
	font-size: 1rem;
	font-weight: 600;
	color: #000000;
	padding: .75 rem 1.5rem;
}
#navigationPrimary .dropdown-item:focus,
#navigationPrimary .dropdown-item:hover {
	color: #000000;
}
#navigationPrimary a:focus,
#navigationPrimary a:hover {
	text-decoration: underline;
}
#navigationPrimary .nav-item.show .nav-link.dropdown-toggle {
    background-color: transparent;
}
@media (min-width: 992px) {
	#navigationPrimary {		
		justify-content: left;
	}
	#navigationPrimary a:focus,
	#navigationPrimary a:hover,
	#navigationPrimary .nav-item.show .nav-link.dropdown-toggle {
		color: #ccffff;
	}
}
@media (max-width: 991px) {
	#navigationPrimary a:focus,
	#navigationPrimary a:hover,
	#navigationPrimary .nav-item.show .nav-link.dropdown-toggle {
		color: #1b6c81 !important;
	}
	#show-modal {
		color: #ffffff;
	}
	#show-modal:focus,
	#show-modal:hover {
		color: #ccffff;
	}
}

/*Style font for "Current Issue" label and title, and publication date and contributors*/
.current_issue_label {
	font-size: 1.5rem;
	color: #000000;
	font-weight: 600;
}
.current_issue_title {
	font-size: 2rem;
	color: #000000;
	font-weight: 600;
}
.published,
.summary_meta {
	font-size: 1rem;
	color: #3e3e3e;
}
@media (max-width: 767px) {
	.published {
		text-align: center;
	}
}

/*Reduce gap between volume number and issue description, and hide issue description heading*/
.current_issue header {
	margin-bottom: 2rem;
}
.description .description_label {
	display: none;
}

/*Prevent issue description from appearing as two columns on certain displays*/
@media (min-width: 768px) and (max-width: 991px) {
	.description_text {
		column-count: 1;
	}
}

/*Reduce gap within article list, and between list and description*/
.section {
	padding-top: 0;
	padding-bottom: 1rem;
}
.section_title {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 1rem;
}
.article_summary {
	margin-right: 1.5rem;
	margin-bottom: 2rem;
}

/*Style fonts for section headings*/
.section_title {
	color: #104552;
	font-size: 1.5rem;
	font-weight: 600;
}

/*Add visual change when hovering over an article title*/
.summary_title:focus,
.summary_title:hover {
	color: #104552;
	text-decoration: underline;
}

/*Use flexbox so that galley links remain at bottom of each article summary*/
.article_summary {
	display: flex;
	flex-direction: column;
}
.article_summary_body {
	flex: 1 0 auto;
}
.galleys_links {
	flex-shrink: 0;
}

/*Style "View All Issues" button and galley buttons the same as .btn-primary*/
.btn-secondary,
.galley-link {
	font-size: 1rem;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
	background-color: #cdcdcd;
	border: none;
	box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.4);
}
.btn-secondary:hover,
.galley-link:hover {
	background-color: #000000;
	text-decoration: none;
	color: #ffffff;
	box-shadow: none
}
.btn-secondary:focus,
.galley-link:focus {
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
	box-shadow:0 0 0 .2rem rgba(38,143,255,.5);
}

/*Style footer with journal colour-scheme*/
.site-footer {	
    background-image: linear-gradient(135deg, #1b6c81 50%, #639ba9 50%) !important;
	color: #ffffff !important;
}
.site-footer a {
	border-bottom: 0.05em solid #ffffff !important;
}
.site-footer a:focus,
.site-footer a:hover {
	border-top: 0.05em solid #002222 !important;
	border-bottom: 0.05em solid #002222 !important;
	background-color: #ffffff !important;
	color: #002222 !important;
}

/*Centre items on the issue archive page*/
.issues_list {
	justify-content: center;
	margin-top: 50px;
}
.issue_item {
	width: 100%;
	text-align: center;
	margin: 0;
}
.archive_issue_cover {
	max-width: 210px;
	}
@media (min-width: 1800px) {
	.issue_item {
		width: 20%;
	}
	.issue_item:nth-child(5n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 3) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 4) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 5) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (min-width: 1600px) and (max-width: 1799px) {
	.issue_item {
		width: 20%;
	}
	.issue_item:nth-child(5n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 3) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 4) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(5n + 5) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (min-width: 1400px) and (max-width: 1599px) {
	.issue_item {
		width: 25%;
	}
	.issue_item:nth-child(4n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(4n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(4n + 3) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(4n + 4) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.issue_item {
		width: 25%;
	}
	.issue_item:nth-child(4n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(4n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(4n + 3) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(4n + 4) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	.issue_item {
		width: 33.33333333%;
	}
	.issue_item:nth-child(3n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(3n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(3n + 3) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.issue_item {
		width: 50%;
	}
	.issue_item:nth-child(2n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(2n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.issue_item {
		width: 50%;
	}
	.issue_item:nth-child(2n + 1) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
	.issue_item:nth-child(2n + 2) .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}
@media (max-width: 575px) {
	.issue_item {
		width: 100%;
	}
	.issue_item .obj_issue_summary {
		margin-left: auto;
		margin-right: auto
	}
}

/*Remove underline from issue cover links on the issue archive page*/
a.cover {
	border: none;
	box-shadow: none;
}

/*Format fonts on the issue archive page*/
.issue_summary_title {
	font-size: 1.5rem;
	font-weight: 600;	
}
.issue_summary_date {
	font-size: 1rem;
	color: #3e3e3e;
}

/*Hide announcement introduction*/
.announcements-introduction {
	display: none;
}

/*Style font for table text in list of editors and in author guidelines*/
table p,
th,
tr {
	font-size: 1rem;
}

/*Hide login/register options and submission checklist from "submissions" (i.e. author guidelines) page*/
.cmp_notification,
.submission_checklist {
	display: none;
}

/*Style fonts for article webpages*/
.article_issue_credentials {
	font-size: 1.5rem;
	color: #000000;
	font-weight: 600;
	padding-top: 0;
	padding-bottom: 0.5rem;
}
.article_section_title {
	font-size: 1rem;
	color: #3e3e3e;
	padding-bottom: 1.5rem;
}
.article-full-title {
	font-size: 2.5rem;
	margin-bottom: 0;
}
.authors_info {
	font-size: 1.25rem;
	margin-top: 1.5rem;
}
.doi_label {
	display: none;
}
.doi_value a {
	font-size: 1rem;
	color: #3e3e3e;
	font-weight: 600;
}
.published_date_label,
.published_date_value {
	font-size: 0.9rem;
	color: #3e3e3e;
}
.keywords_label {
	font-size: 1.2rem;
}
.keyword_item:first-child {
	text-transform: none;
}
.keyword_item {
	font-size: 0.9rem;
}
.copyright a {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 0.9rem;
}
.article_abstract_block h3 {
	font-size: 2rem;
}
.abstract_label {
	padding-bottom: 0;
}
#citationOutput {
	font-size: 0.9rem;
}

/*Display galley links in line with article title*/
.article_header_wrapper .row {
	align-items: center;
}
.page_article .galley-link {
	margin-top: 0;
}

/*Adjust spacing for article pages*/
.article_header_wrapper .row {
	margin-left: 0;
	margin-right: 0;
}
.article_header_wrapper .row .col-md-8,
.article_header_wrapper .row .col-md-4,
.article_header_wrapper .row .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}
.article_header_wrapper .row .col-md-8 {
	flex: 0 0 80%;
	max-width: 80%;
}
.article_header_wrapper .row .col-md-4 {
	flex: 0 0 20%;
	max-width: 20%;
}
.entry_authors_list {
	margin-bottom: 0;
}
.entry_author_block {
	padding-right: 5px;
	margin-bottom: 0;
}
#articleMainData {
	margin-left: 0;
	margin-right: 0;
	padding-top: 2rem;
}
#mainEntry {
	padding-left: 0;
	padding-right: 0;
	flex: 0 0 25%;
	max-width: 25%;
}
.main_entry > div:not(:last-child) {
	margin-bottom: 1rem;
}
.doi + .published_date {
	margin-top: -0.5rem;
}
#articleAbstractBlock {
	padding-left: 2rem;
	padding-right: 0;
	flex: 0 0 75%;
	max-width: 75%;
}
#dropdownMenuButton {
	margin-top: 1rem;
}

/*Style citation formats list*/
#dropdown-cit a {
	font-size: 1rem;
}
.download-cite {
	font-size: 1.2rem;
}

/*Hide download button on PDF viewer when screen is too small*/
@media (max-width: 499px) {
	.page-view-pdf .pdf-download-button {
		display: none
	}
}