/*
 * -----------------------------------------------------------------------------
 *  Lucom Interaction Platform
 *  (C) Lucom GmbH, Erkrath. All rights reserved.
 * -----------------------------------------------------------------------------
 */

#lip-footer {
	--max-height: 80px;
	--font: 'Open Sans', 'sans serif';
	--font-size: 14px;
	--font-color: #424242;
	--font-weight: normal;
	--top-border-width: 1px;
	--font: Open Sans, Verdana, Arial, Helvetica, sans-serif;
	--font-size: 14px;
	--font-color: #424242;
	--font-weight: normal;
	--top-border-width: 1px;
	--max-height: 80px;
}

#lip-footer {
	min-height: var(--max-height);

	margin: 0;
	padding: 0 30px;

	font-family: var(--font);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	color: var(--font-color);

	border-top-width: var(--top-border-width);
	border-top-style: solid;
	border-top-color: #3D8700;
}

#lip-footer.collapsed {
	justify-content: center;
	min-height: auto;
	white-space: normal;
}

#lip-footer.collapsed .links {
	margin-left: unset;
}

#lip-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lip-footer .copyright,
#lip-footer .links {
	margin: 0;
	padding: 0;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	overflow: visible;
}

#lip-footer .links {
	margin-left: auto;
}

#lip-footer .links .item {
	padding: 0;
	margin: 0 5px 0 0;
	background-color: transparent;
	border: 0 none;
	cursor: pointer;

	font-size: 1em;
	border-radius: 3px;

	text-decoration: none;

	font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #424242;
	font-weight: normal;
}

#lip-footer .links li:last-of-type .item {
	margin: 0;
}

#lip-footer .links .item:focus,
#lip-footer .links .item:hover {
	box-shadow: none;
	outline-style: solid;
	outline-width: 2px;
	outline-color: #424242;
}

#lip-footer .links .item:hover {
	text-decoration: underline;
	color: #3D8700;
}

#lip-footer .links .item:hover .svg-container {
	color: #3D8700;
	fill: #3D8700;
}

#lip-footer .copyright.visible,
#lip-footer .links.visible {
	visibility: visible;
	opacity: 100;
}

#lip-footer .copyright.primary-item,
#lip-footer .links .item.primary-item {
	min-width: 46px;
	height: 46px;
	padding: 10px 10px;
}

#lip-footer:not(.collapsed) .copyright.primary-item {
	padding: 10px 10px 10px 0;
}