/**
 * @file plugins/themes/defaultManuscript/styles/head.less
 *
 * Copyright (c) 2014-2020 Simon Fraser University
 * Copyright (c) 2003-2020 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * @brief Styles for the page header structural elements
 *
 */
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
	position: relative;
	padding-top: 0;
}

.pkp_site_name_wrapper {
	background: @bg-base;
}

.pkp_site_name_wrapper {
	padding-left: @triple;
	padding-right: @triple;
}

.pkp_site_name {

	.is_text {
		font-size: @font-base;
		text-transform: uppercase;
	}

	@media(min-width: @screen-desktop) {
		width: 75%;
		margin-left: 0;
		padding-top: @base + @half;
		padding-bottom: @base + @half;

		.is_text {
			font-size: @font-lead;
		}
	}
}

@media(min-width: @screen-desktop) {

	.pkp_navigation_primary_row {
		background: @bg;
		padding-left: @triple;
		padding-right: @triple;
	}
}

.pkp_navigation_primary_wrapper {
	width: auto;
}

// Use the ID so that we override all styles in the base theme
#navigationPrimary {

	a {
		font-family: @font-heading;
		font-size: @font-sml;
		font-weight: @bold;
		text-transform: uppercase;
	}

	> li > a {
		padding-bottom: 6px;
		border-bottom-width: 4px;

		&:hover,
		&:focus {
			border-color: @bg-base;
		}
	}

	> [aria-haspopup] > a:hover,
	> [aria-haspopup] > a:focus {
		border-color: transparent;
	}

	[aria-expanded="true"]:before {
		border-bottom-color: @bg-base;
	}

	@media(min-width: @screen-desktop) {

		a {
			color: @text-light;

			&:hover,
			&:focus {
				color: @bg-base;
			}
		}

		ul {
			background: @bg-base;

			a {
				color: @text-bg-base;

				&:hover,
				&:focus {
					border-color: transparent;
				}
			}
		}
	}
}

.pkp_navigation_search_wrapper {

	a {
		font-family: @font-heading;
		font-size: @font-sml;
		font-weight: @bold;
		text-transform: uppercase;
	}

	@media(min-width: @screen-desktop) {

		a {
			padding-bottom: 6px;
			border-bottom-width: 4px;
			color: @primary;

			&:hover,
			&:focus {
				color: @primary;
				border-color: @bg-base;
			}
		}
	}
}

.pkp_navigation_user_wrapper {

	a {
		font-family: @font-heading;
		font-size: @font-sml;
		font-weight: @bold;
	}
}

@media(min-width: @screen-desktop) {

	.pkp_navigation_user_wrapper {
		top: 13px;
		right: 0;
		left: auto;
		width: 25%;
		transform: none;
		padding-right: @triple;

		a {
			color: @text-light;
		}

		ul a:hover,
		ul a:focus {
			border-color: @bg-base;
		}

		.pkp_navigation_user {
			margin-right: 0;
			padding-right: 0;
			width: auto;
		}
	}

	.pkp_navigation_user {

		> li > a {
			color: @text-bg-base;
		}
	}
}
