/**
 * @file less/objects/article_details.less
 *
 * Copyright (c) 2014-2019 Simon Fraser University
 * Copyright (c) 2003-2019 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * @brief Stylesheet for article landing page
 *
 */

// article title block

.article_issue_credentials {
	font-family: @font-family-primary;
	font-size: 20px;
	font-weight: bold;
	color: @gunmetal;
	padding-top: 9px;
	padding-bottom: 17px;
}

.article_section_title {
	color: @warm-grey;
	font-size: 14px;
	font-family: @font-family-primary;
	text-transform: uppercase;
	padding-bottom: 15px;
}

.page_article .galley-link {
	margin-right: 0;
	margin-left: 10px;
}

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

.article-full-title {
	text-align: left;
	font-size: 36px;
}

.for-mobile-view {
	display: none;
}

.authors_info {
	margin-top: 20px;
}

.entry_author_block {
	display: flex;
	justify-content: flex-start;
	padding-right: 10px;
}

#show-all-authors, #hide-authors {
	display: none;
}

.name_wrapper {
	color: @black;
}

@media (max-width: 767px) {

	.orcid-image-url {
		margin-right: 0;
		margin-left: 5px;
	}

	.limit-for-mobiles {
		display: none;
	}

	.entry_author_block.fifth-author .author-delimiter {
		display: none;
	}

	.entry_author_block.fifth-author .author-delimiter.show {
		display: inline;
	}

	#show-all-authors, #hide-authors {
		display: inline-block;
		cursor: pointer;
	}

	#show-all-authors.hide, #hide-authors.hide {
		display: none;
	}

	.collapse-authors {
		font-family: "Cardo", serif;
		color: @black-two;
		line-height: 1.5;
	}

	.collapse-authors ion-icon {
		width: 1.3rem;
		height: 1.3rem;
	}
}

.orcid-image-url {
	margin-right: 5px;
}

// additional authors' data block
.additional-authors-info {
	margin-top: 20px;
}

.more-authors-info-button {
	color: @black;
	text-transform: capitalize;

	&:hover {
		text-decoration: none;
		color: @black-two;
	}
}

#authorInfoCollapse {
	padding-top: 10px;
	font-family: "Cardo", serif;
}

.additional-author-block {

	&:not(:last-child) {
		margin-bottom: 10px;
	}
}

.additional-author-name {
	font-weight: bold;
}

/* Main article data block, including
 * article's data: doi, cover image, keywords, etc.
 * and article abstract with references
 */

@media (min-width: 1200px) {
	.main_entry {
		padding-right: 3%;
	}
	.article_abstract_block {
		padding-left: 6%;
	}
}

.article_main_data {
	padding-top: 66px;
	font-family: @font-family-primary;
	font-size: 18px;
}

.main_entry > div:not(:last-child) {
	margin-bottom: 30px;
}

// article's data block

// doi and date

.doi, .published_date {
	color: @warm-grey;
	font-size: 14px;
}

.doi_value a {
	color: @warm-grey;

	&:hover {
		color: @primary-colour;
	}
}

.doi + .published_date {
	margin-top: -25px;
}

// authors' data

.entry_authors_list {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.affiliation_wrapper, .author_orcid {
	font-size: 14px;
	color: @warm-grey;
}

// keywords

.keywords_label {
	font-size: 24px;
	padding-bottom: 10px;
}

.keywords_value {
	padding-left: 0;
	list-style-type: none;
}

.keyword_item {
	display: inline-block;

	&:first-child {
		text-transform: capitalize;
	}

	& .keyword-delimeter {
		padding-right: 5px;
	}
}

// Dealing with more keywords button

.more_button.hide, .less_button.hide {
	display: none;
}

#more_keywords, #less_keywords {
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
}

#less_keywords {
	margin-left: 0;
}

.keyword_item.more-than-five {
	display: none;
}

.label_fontawesome {
	color: @primary-colour;
}

// citation formats

#dropdownMenuButton:hover {
	color: white;
}

.citation_format_label {
	font-size: 24px;
	padding-bottom: 15px;
}

.citation_dropdown_button {
	margin-top: 10px;
	display: block;
	cursor: pointer;
}

#dropdown-cit a {
	border-bottom: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.download-cite {
	padding: 4px 24px 4px 24px;
}

// copyright

.copyright {
	font-size: 13px;

	& a,p {
		font-size: inherit;
		margin-bottom: 6px;
		margin-top: 6px;
		line-height: 1.3;
	}
}

// copyright modal

#copyrightModal a, #copyrightModal p, #copyrightModal li {
	font-size: 18px;
	line-height: 1.56;
}

#copyrightModal p {
	margin-bottom: 16px;
}

// article abstract block

.article_abstract_block {

	& h3 {
		font-size: 28px;
	}

	& > div:not(:first-child) {
		margin-top: 35px;
	}
}

.abstract_label {
	color: @black;
	padding-bottom: 3px;
}

.abstract {
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: 0.2px;
}

// references

.references-list {
	padding-left: 20px;

	& li {
		margin-bottom: 16px;
	}

	& a {
		word-wrap: break-word;
	}
}

// for mobiles

@media (max-width: 767px) {

	.data-for-mobiles > div {
		flex-shrink: 0;
	}

	.for-mobile-view {
		display: block;
	}

	.page_article .galleys {
		text-align: left;
	}
	.page_article .btn-primary:first-child {
		margin-left: 0;
	}

	// blocks ordering

	.article_main_data {
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
		flex-wrap: nowrap;

		& .article_cover_wrapper {
			max-width: 250px;
		}

		& h3 {
			font-size: 30px;
			color: @black-two;
		}

		& .doi {
			order: 1;
		}

		& .published_date {
			order: 2;
		}

		& .abstract {
			order: 3;
		}

		& .for-mobile-view {
			order: 4;
			margin-top: -20px;
		}

		& .keywords {
			order: 5;
		}

		& .citation {
			order: 6;
		}

		& .references {
			order: 7;
		}

		& .copyright {
			order: 8;
		}
	}

	.article_main_data > * {
		margin-bottom: 30px;
	}

	// font-sizes
	.article-full-title {
		font-size: 30px;
	}

	.obj_article_details {
		& .galleys {
			margin-top: 10px;
			margin-bottom: 10px;
		}
	}

}

// overriding default typographics
.orcid-image-url, .more-authors-info-button, .doi_value a {
	border-bottom: none;
	box-shadow: none;

	&:hover {
		background-color: inherit;
	}
}

.doi_value a {
	word-wrap: break-word;
}
