/**
 * Lists
 *
 * Description: Styles for various lists.
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Link list
 * 2.0 - Icon link list
 *   2.1 - Icon link list (responsive)
 * 3.0 - Article list
 *   3.1 - Article list (responsive)
 * 4.0 - Document list
 *   4.1 - Document list block
 *   4.2 - Document list (responsive)
 * 5.0 - Job list
 * 6.0 - Block list
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Link list
 * -----------------------------------------------------------------------------
 */

.link-list, .t-rte .link-list {
	list-style: none;
	padding: 0;
	margin: 0;

	li {
		margin: 0 0 em(15px);
		padding: 0;
	}

	a {
		@include addLinkArrow();
	}
}



/**
 * 2.0 - Icon link list
 * -----------------------------------------------------------------------------
 */

.icon-link-list {
	list-style: none;
	margin: em(-10px) 0 $margin-standard / 2 0;
	padding: 0;
	border-bottom: 1px solid $grey-light;

	li {
		border-top: 1px solid $grey-light;
		padding-top: em(21px);
		margin-bottom: em(9px);
		display: inline-block;
		float: none;
		vertical-align: top;

		&:first-child, &:first-child + li {
			border-top: 0;
		}

		p {
			margin-bottom: em(5px);
		}
	}

	.icon {
		font-size: em(40px);
		line-height: 1em;
		float: left;
		margin: em(-8px, 40px) em(6px, 40px) 0 0;
	}

	a {
		display: block;
		overflow: hidden;
		@include addLinkArrow();
	}

	&.icon-link-list-standalone {
		padding-left: 0;

		li {
			border-top: 0;
			width: 100%;

			&.extra {
				display: none;
			}
		}
	}
}


/**
 * 2.1 - Icon link list (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-medium-max) {
	.icon-link-list {
		@include font-size($p-small-sizes);
		margin-top: em(-10px);

		li {
			padding-top: em(16px);
		}

		li.extra {
			display: none;
		}

		li:first-child + li {
			border-top: 1px solid $grey-light;
		}

		.icon {
			font-size: em(36px);
			margin: em(-5px, 36px) em(15px, 36px) 0 0;
		}
	}
}



/**
 * 3.0 - Article list
 * -----------------------------------------------------------------------------
 */

.article-list {
	margin-bottom: em(22px);

	article {
		border-bottom: 1px solid $grey-light;
		outline: none;

		&.search-selected-match {
			background-color: $pink-lightest;
		}

		> a {
			display: block;
			color: $text-color;
			padding-bottom: em(18px);

			&:hover {
				text-decoration: none;

				header {
					h1 {
						text-decoration: underline;
					}
				}
			}

			h1 {
				display: inline-block;
			}

			.tag {
				margin-top: em(20px);
				font-size: em(13px);
			}
		}

		> div.not-clickable {
			display: block;
			color: $text-color;
			padding-bottom: em(18px);

			header {
				color: $text-color;

				.h-standfirst {

					&:after {
						display: none;
					}
				}
			}

			&:hover {
				text-decoration: none;

				header {
					text-decoration: none;
				}
			}
		}

		header {
			color: $link-color;
		}

		.h-standfirst {
			margin-bottom: em(3px);
			@include addLinkArrow();
		}

		p, .tags {
			@include font-size($p-small-sizes);
		}

		.tags {
			li {
				margin-right: 1em;
			}
		}

		.date {
			font-weight: 600;
			padding-right: em(3px);
		}

		.calendar-date {
			padding-top: em(14px);
		}

		.document {
			h1 {
				padding-top: em(20px);
				
				&:after {
					content: '';
				}
			}

			.document-icon {
				padding-top: em(15px);
				margin-bottom: em(-10px);

				.icon {
					color: $red;
					font-size: em(40px);
				}
			}
		}

		.article-list-image {
			padding-top: em(22px);

			img {
				max-width: em(220px);
				margin-right: em(12px);
			}

			.lt-ie9 & {
				display: none;
			}
		}
	}
}


/**
 * 3.1 - Article list (responsive)
 * -----------------------------------------------------------------------------
 */

// Grid for medium devices
@media (max-width: $device-medium-max) {
	.article-list {
		margin-bottom: em(10px);

		+ p {
			@include font-size($p-small-sizes);
		}

		article {
			.article-list-image {
				float: none;

				img {
					max-width: 100%;
					margin-right: 0;
				}
			}
		}
	}
}



/**
 * 4.0 - Document list
 * -----------------------------------------------------------------------------
 */

.document-list {
	.document {
		margin-top: em(-18px);
		margin-left: em(-60px);
		padding-bottom: em(4px);

		> .media-image .icon {
			color: $accent-color;
			font-size: em(48px);
		}

		.document-info {
			padding-left: em(68px);

			hr {
				margin: em(33px) 0 em(30px) em(-68px);
			}
		}
	}
}


/**
 * 4.1 - Document list block
 * -----------------------------------------------------------------------------
 */

.block-documentlist, .block-linklist {
	position: relative;
	border: em(2px) solid $pink;
	padding: em(4px) em(50px) em(20px) em(20px);
	margin-bottom: $margin-standard;

	&:before {
		@include huddingeIcons();
		display: block;
		font-size: em(36px);
		position: absolute;
		top: em(15px, 36px);
		right: em(16px, 36px);
	}

	.nav-list.nav-list-small ul li:last-child {
		border-bottom: 0;
	}
}

.block-documentlist:before {
	@extend .icon-thin-063_paper_document_file_word;
}

.block-linklist:before {
	@extend .icon-thin-016_link_chain_url;
}


/**
 * 4.2 - Document list (responsive)
 * -----------------------------------------------------------------------------
 */

@media (max-width: $device-medium-max) {
	.document-list, .block-linklist {
		.document {
			margin-left: 0;
			margin-top: 0;

			> .media-image {
				display: none;
			}

			.document-info {
				padding-left: 0;
			}
		}
	}

	.block-documentlist {
		&:after {
			display: none;
		}
	}

	.block-contactpersons.block-contactpersons-embedded {
		padding-bottom: em(15px);
	}
}



/**
 * 5.0 - Job list
 * -----------------------------------------------------------------------------
 */

.cell-list, .job-list {
	border-top: em(4px) solid $accent-color;
	padding-top: em(7px);
	margin-bottom: $margin-standard;

	.cell-item, .job-item {
		border-bottom: 1px solid $grey-light;
		padding: em(19px) 0 em(12px);

		.cell-headline, .job-headline {
			font-family: $font-family-base;
			font-size: em(22px);
			padding: 0;
			margin: 0;
		}

		p {
			margin: 0;
		}

		.cell-label, .job-label {
			font-size: em(16px);
			font-weight: 600;
		}
	}
}



/**
 * 6.0 - Block list
 * -----------------------------------------------------------------------------
 */

.block-list {
	> header {
		margin-bottom: em(33px);
	}
}