/**
* @file less/components/footer.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 Stylesheet for site footer
*
*/

footer {
	font-family: @font-family-secondary;
	color: @contrast-colour;

	p, li, a, .title {
		font-size: 0.85rem;
		font-family: @font-family-secondary;
	}

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

	a {
		color: inherit;
		border: 0;

		&:hover, &:focus, &:active {
			color: @secondary-colour;
		}
	}

}

.sidebar_wrapper {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 992px) {
	.container-footer {
		.container-padding();
	}
}

.pkp_block {
	-webkit-box-flex: 0;
	position: relative;
	padding-right: @site-padding;
	padding-top: @site-padding/3;
	padding-bottom: @site-padding/3;

	.title {
		font-weight: bold;
	}
}

@media (min-width: 991px) {
	.pkp_block {
		flex: 0 0 100%/4;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	.pkp_block {
		flex: 0 0 100%/2;
		max-width: 100%/2;
	}
}

@media (max-width: 767px) {
	.pkp_block {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.block_make_submission_link {
	&:extend(.btn);
	border-color: @secondary-colour;
	background-color: @secondary-colour;
	color: contrast(@contrast-colour);

	&:hover, &:focus, &:active {
		background-color: contrast(@contrast-colour);
		border-color: contrast(@contrast-colour);
		color: @secondary-colour;
	}
}

.site-footer {
	background-color: @primary-colour;
	padding-top: @site-padding*2;
	padding-bottom: @site-padding*2;
}

.additional-footer-info {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.user-page-footer {
	max-width: 75%;
	flex: 0 0 75%;

	& p {
		margin-bottom: 6px;
	}
}

.pkpbrand-wrapper {
	max-width: 25%;
	flex: 0 0 25%;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.user-page-footer {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.pkpbrand-wrapper {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

.sidebar_wrapper + .additional-footer-info {
	margin-top: 40px;
	padding-top: 35px;
	border-top: 1px solid @contrast-colour;
}

.footer-brand-image {
	width: 100px;
}
