/* Linkania header: the homepage image is the header background (theme option).
   Show it at its natural 900x360 size, centred, on a strip that continues its
   edges to both sides, instead of the theme's zoomed-in "cover" crop. */
@media (min-width: 992px) {
	body .pkp_structure_head {
		background:
			url("/public/journals/1/homepageImage_pt_BR.jpg") no-repeat 50% 0 / 900px 360px,
			linear-gradient(to bottom, #c3c4c6 0px 32px, #c6c7c9 32px 46px, #c9c9cb 46px 70px, #cbccce 70px 91px, #cecfd1 91px 105px, #6d6d6f 105px 148px, #707072 148px 176px, #737375 176px 208px, #767678 208px 235px, #7a7a7c 235px 237px, #e9e9eb 237px 253px, #ececec 253px 259px, #ededef 259px 275px, #f0f0f0 275px 296px, #f3f3f3 296px 312px, #f6f6f6 312px 334px, #f9f9f9 334px 336px, #f5f9fc 336px 337px, #fdf9f8 337px 338px, #f9f7f8 338px 339px, #f5f9ff 339px 340px, #046b68 340px 341px, #006c76 341px 343px, #046b72 343px 344px, #006b73 344px 360px) no-repeat 0 0 / 100% 360px,
			#006c74;
	}
	.pkp_structure_head .pkp_head_wrapper {
		padding-top: 0;
	}
	/* the banner already shows the journal name: hide the text title visually,
	   keep it for screen readers, and reserve the banner's height (its last
	   20px are a teal stripe the menu bar sits on) */
	.pkp_structure_head .pkp_site_name_wrapper {
		height: 340px;
	}
	.pkp_structure_head .pkp_site_name {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	/* user menu sits on the light strip: dark text instead of white */
	.pkp_navigation_user > li > a,
	.pkp_navigation_user > li > a:hover,
	.pkp_navigation_user > li > a:focus {
		color: #333;
	}
}

/* Phones and tablets: the whole banner scaled to the screen width (900x360 = 2.5:1). */
@media (max-width: 991px) {
	body .pkp_structure_head {
		background: url("/public/journals/1/homepageImage_pt_BR.jpg") no-repeat 50% 0 / 100% auto, #006c74;
	}
	.pkp_structure_head .pkp_site_name_wrapper {
		height: 40vw;
	}
	.pkp_structure_head .pkp_site_name {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	/* menu button on the light banner: give it its own teal square */
	.pkp_site_nav_toggle {
		background: #006c74;
	}
}