/*<meta conditions="Type of Help.Web" />*/

/* ---- Topic Footer ---- */

.fab
{
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa-linkedin-in:before
{
	content: "\f0e1";
}

.fa-facebook:before
{
	content: "\f09a";
}

.fa-twitter:before
{
	content: "\f099";
}

.fa-youtube:before
{
	content: "\f167";
}

.App-Help #footer
{
	display: none;
}

/* Remove padding from bottom of the page when there is a footer
.main-section > .sidenav-layout
{
	padding-bottom: 0;
}
*/

#footer
{
	padding: 0;
	/* padding-top: 2.5em; */
	margin: 0;
}

#footer-links-container
{
	width: 100%;
	background-color: rgb(71,71,71);
	padding: 50px 75px 75px 75px;
	font-size: 12px;
	color: #fff;
}

#footer-links
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
}

#footer-links::before
{
	content: ' ';
	display: table;
}

#footer-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

#footer-links > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	padding: 10px;
}

#footer-links > div:first-child
{
	width: 20%;
	padding: 10px;
	margin-right: 5%;
}

#footer-links > div > img	/* Mediacy logo in footer */
{
	max-width: 75%;
}

#footer-links > div > h6
{
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
}

#footer-links > div a,
#footer-links > div a:link,
#footer-links > div a:visited
{
	color: #fff !important;
	text-decoration: none;
}

#footer-links > div a:hover,
#footer-links > div a:focus,
#footer-links > div a:active
{
	color: #fff !important;
	text-decoration: underline;
}

#footer-bottom-banner-container
{
	background-color: rgb(153,51,153);
	width: 100%;
}

#footer-bottom-banner
{
	/*	display: flex;
	justify-content: space-between; */
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1140px;
	font-size: 12px;
	color: #fff;
}

#footer-bottom-banner::before
{
	content: ' ';
	display: table;
}

#footer-bottom-banner::after
{
	content: ' ';
	display: table;
	clear: both;
}

#footer-copyright
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: 10px;
}

/*
#footer-copyright
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 50%;
	padding: 10px;
}
*/

#footer-copyright > p
{
	margin: 0;
	line-height: 1.7;
}

#footer-copyright a,
#footer-copyright a:link,
#footer-copyright a:visited
{
	color: inherit !important;
	text-decoration: none;
}

#footer-copyright a:hover,
#footer-copyright a:focus,
#footer-copyright a:active
{
	/* color: var(--hyperlinkcolor) */
	color: #2967c4;
	/* text-decoration: underline; */
}

/*
#footer-socialmedia
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	text-align: right;
	padding: 10px;
}
*/

#footer-socialmedia
{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: right;
	/* width: 87px; */
	padding: 10px;
	position: relative;
	/* So that Language Selector pop-up can be positioned relative to this */
}

#footer-socialmedia > span
{
	margin-left: 5px;
}

#footer-socialmedia > span > a
{
	display: inline-flex;
	width: 24px;
	height: 24px;
	text-align: center;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	text-decoration: none;
}

#footer-socialmedia > span > a:hover
{
	background-color: rgb(41, 103, 196);
	text-decoration: none;
}

/* #footer-socialmedia > span > a > span
{
	margin: -1px;
	width: 1px;
	height: 1px;
	position: absolute;
	top: -120000px;
} */

#footer-socialmedia > span > a > i
{
	color: rgb(153, 51, 153);
}

#footer-socialmedia > span > a:hover > i
{
	color: #fff;
}

/* Language Selector */

#language-selector
{
	float: left;
	margin-right: 3em;
	z-index: 10;
	font-size: inherit;
	color: #474747;
}

#language-selector .ddOutOfVision,
#language-selector .ddcommon
{
	position: static !important;
	/* Allows pop-up to be positioned relative to #footer-socialmedia */
}

#language-selector .ddcommon .ddTitle .ddTitleText .ddlabel
{
	margin-right: 24px;
}

#language-selector > form .dd
{
	text-align: left;
	font-size: inherit;
	color: inherit;
}

#language-selector > form .dd
{
	text-align: left;
	font-size: inherit;
	color: inherit;
	/* width: 7em !important; 	/* Set correct width of drop-down */
	width: fit-content !important;
	/* Set correct width of drop-down */
}

#language-selector > form .dd .ddTitle
{
	color: #fff;
	background-color: inherit;
}

#language-selector > form .dd .ddChild
{
	width: 13em;
	/*	left: -2em; */
	right: 144px;
	/*	top: -115px !important; */
	top: initial !important;
	bottom: 30px;
	color: inherit;
}

/* Set correct height of drop-down */

#language-selector > form .ddcommon .ddChild
{
	height: auto !important;
}

#language-selector > form .dd .ddChild ul
{
	/* box-shadow: 0 0 20px rgb(0 0 0 / 50%); */
	box-shadow: 0 2px 10px rgb(0 0 0 / 50%);
}

#language-selector > form .dd .ddChild ul::before
{
	left: 128px;
	bottom: -4px;
	border-top-color: #fff;
	margin-left: -8px;
}

#language-selector > form .dd .ddlabel,
#language-selector > form .dd .ddChild li,
#language-selector > form .dd .ddChild li:hover,
#language-selector > form .dd .ddChild li.selected
{
	color: inherit;
	background-color: transparent;
}

#language-selector > form .dd .ddArrow
{
	background: url(../Images/_Icons/arrow-dd-selector-footer.svg) no-repeat;
	background-size: 90%;
	background-position: 50% 90%;
}

#language-selector > form .dd .ddArrow:hover
{
	background: url(../Images/_Icons/arrow-dd-selector-footer.svg) no-repeat;
	background-size: 90%;
	background-position: 50% 90%;
}

@media screen
{
	.body-container div#language-selector ul:not([class]) > li
	{
		margin: 0;
	}

	.body-container div#language-selector ul:not([class]) > li::before
	{
		display: none;
	}
}

/* Override list settings in Main Style sheet */

@media only screen and (max-width: 767px)
{
	#footer-links-container
	{
		padding: 25px 25px 25px 40px;
	}

	#footer-links > div > img	/* Mediacy logo in footer */
	{
		width: 156px;
		height: auto;
		max-width: 50%;
	}

	/*	
	#footer-links > div,
	#footer-copyright,
	#footer-socialmedia
	{
		width: 100%;
	}
*/

	#footer-links > div,
	#footer-links > div:first-child
	{
		width: 100%;
		margin-right: 0;
	}

	#footer-copyright
	{
		max-width: calc(100% - 107px);
	}
}