/*<meta />*/

/* Footer styles used in Footer snippet. Must attach this sheet in the footer snippet file properties AND the masterpage properties for every master page on which the footer appears. E.g. HomePage and OtherTopics */

div.fullWidthFooter
{
	width: 99.35vw;
	/* Setting this to 100 causes a bottom scroll bar to appear Feb 2021 SLD */
	position: relative;
	margin-left: -49.20vw;
	/*padding-top: 70px; */
	left: 49.10%;
	height: 336px;
}

div.footer
{
	background: rgba(20, 11, 47);
	/* Changed to background instead of background-color Feb 2021 SLD */
	/*background-color: #140B2F; */
	padding: 1.777em 0 1.777em 0;
	/*margin: -50px 0 0 0;*/
	color: #ffffff;
	/* I don't think this is actually used by anything - SLD */
	display: block;
	list-style-image: none;
	list-style-type: none;
	clear: both;
	text-align: left;
	vertical-align: top;
	line-height: 1.333em;
}

div.footer > div.outer-row
{
	padding: 0;
}

div.footer h2
{
	color: #ffffff;
	/* Changed from 8a8a8a Feb 2021 SLD */
	font-family: 'Hero New', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Rajdhani SemiBold';
	font-size: 0.75em;
	/* Changed from .875em with body @ 100% to .75em with body @ 120% */
	/* font-weight: bold; */
	/* Commented out with change to font Oct 2021 SLD */
	/* margin: 0 1.333em 0.563em 0;*/
	/* Use margin from footer-title class instead Feb 2021 SLD */
	padding: 0;
}

div.footer p
{
	color: #ffffff;
	/* Changed from 8a8a8a Feb 2021 SLD */
	font-size: 0.73em;
	/* Changed from .875em with body @ 100% to .73em with body @ 120% */
	/* font-weight: bold; */
	/* Commented out with change to font Oct 2021 SLD */
	font-family: 'Hero New', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova';
	line-height: 1.333em;
	margin-top: 0;
}

p.LeftFooterBig
{
	margin-bottom: 0;
	text-align: left;
}

p.LeftFooterSmall
{
	font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova' !important;
	/* Specific font added Oct 2021 needs important to override div.footer p SLD */
	font-size: .6em !important;
	/* Changed from .75em with body @ 100% to .6em with body @ 120% */
	text-align: left;
}

p.LeftFooterCopyright
{
	font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova' !important;
	/* Specific font added Oct 2021 needs important to override div.footer p SLD */
	font-size: .5em !important;
	/* Changed from .65em with body @ 100% to .5em with body @ 120% */
	text-align: left;
}

p.LeftFooterSmall a
{
	font-size: 1em !important;
	font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Rajdhani SemiBold' !important;
}

.TableLeftTable
{
	border-collapse: collapse;
}

.TableLeftTD1
{
	vertical-align: top;
}

.TableLeftTD2
{
	padding-left: 18px;
	vertical-align: top;
}

div.footer a
{
	text-decoration: none;
	color: #ffffff;
	/* Changed from 3c3c3c Feb 2021 SLD */
	font-size: 0.86em;
	/* Was .875em with body @ 100% */
	/* font-weight: bold; */
	/* Commented out with change to font Oct 2021 SLD */
	font-family: 'Hero New', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Rajdhani SemiBold';
	margin: 0;
	padding: 0;
}

div.footer a:hover
{
	color: #ffffff;
	/* Changed from 8a8a8a Feb 2021 SLD */
	font-size: 0.875em;
	/* Was .875em with body @ 100% */
	/* font-weight: bold; */
	/* Commented out with change to font Oct 2021 SLD */
	font-family: 'Hero New', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Rajdhani SemiBold';
	text-decoration: none;
	opacity: 0.8;
	/* Hover opacity section added--opacity instead of a color allows social media icons to turn colors on hover Feb 2021 SLD */
}

div.footer a.second	/* No longer in use Feb 2021 SLD */
{
	font-size: 1.1em;
	font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova';
	margin: 0;
	padding: 0;
}

div.footer a.second:hover	/* No longer in use Feb 2021 SLD */
{
	color: #8a8a8a;
	font-size: 1.1em;
	font-family: 'Hero New Light', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova';
	margin: 0;
	padding: 0;
}

div.footer ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0 1.333em 0 0;
	padding: 0;
}

div.footer li
{
	font-size: .85em;
	/* Changed from 1em with body @ 100% to .85em with body @ 120% */
	line-height: 1.333em;
	margin: 0 0 0.563em 0;
}

div.footerLogo
{
	max-width: 172px;
	/* 152 for size of logo plus 20 for left padding Feb 2021 SLD */
	padding: 0 0 0 20px;
}

div.footerLogo a:hover
{
	color: #ffffff;
	opacity: 1.0;
}

div.footer ul.social
{
	margin: 0px;
	padding: 0px;
	clear: both;
	display: block;
}

div.social	/* Added to make social media icons same width as logo Feb 2021 SLD */
{
	max-width: 172px;
	/* 152 for size of logo plus 20 for left padding Feb 2021 SLD */
	padding: 0 0 0 20px;
}

div.leftFooter	/* Added to make Privicy Policy and Copyright drop down Feb 2021 SLD */
{
	padding: 20px 0px 0px 20px;
}

.footer-title
{
	margin: 0 0 30px 0;
	font-size: 0.75em;
	/* Changed from .875em with body @ 100% to .75em with body @ 120% */
	line-height: 30px !important;
	position: relative;
	display: inline-block;
}

.footer-title::before
{
	content: "";
	position: absolute;
	background: #28B905;
	height: 2px;
	width: 100%;
	left: 0;
	bottom: -4px;
}

div.subfooter
{
	background-color: #ffffff;
	padding: 1.777em 0 1.777em 0;
	/* margin: -50px 0 0 0;
	move up to offset header logo being moved up the page. If the offset is removed, there's a big gap between the content div and the footer div. However, this messes up the home page layout, so reset to 0 in HomePageStyles.css */
	color: #ffffff;
	/* I don't think this is actually used by anything - SLD */
	display: block;
	list-style-image: none;
	list-style-type: none;
	clear: both;
	text-align: center;
	vertical-align: top;
	line-height: 1.333em;
}

div.subfooter ul.social
{
	margin: 0px;
	padding: 0px;
	clear: both;
	display: block;
}

ul.social li
{
	display: inline-block;
	/* border-radius: 7px; Comment out rounding on social media icons */
	/*height: 3.157em; 
	width: 3.157em;*/
	/* Removed Feb 2021 SLD */
	padding: 0;
	margin-right: 0.36em;
}

ul.social > li:nth-child(3)
{
	margin-right: 0;
}

ul.social li a
{
	display: block;
	width: 100%;
	height: 100%;
	/* text-indent: -9999px; */
	/* Don't know what this was for originally but it doesn't work now Feb 2021 SLD */
	/* Below stuff added from main Keyfactor page Feb 2021 SLD */
	font: normal normal normal 14px / 1 FontAwesome !important;
	color: #fff !important;
	font-size: 20px !important;
	text-decoration: none !important;
	width: 29px;
	height: 29px;
	border-radius: 100%;
	text-align: center;
}

li.youtube
{
	text-align: right;
	padding: 0 0 0 7px !important;
	margin-right: 0px !important;
}

/* Old social media icons
li.facebook
{
	background-image: url('../Images/facebook-darkgray-50.jpg');
	background-repeat: no-repeat;
	background-color: #ffffff; 
	background-position: center bottom;
}

li.twitter
{
	background-image: url('../Images/twitter-darkgray-50.jpg');
	background-repeat: no-repeat;
	background-color: #ffffff; 
	background-position: center center;
}

li.linkedin
{
	background-image: url('../Images/linkedin-darkgray-50.jpg');
	background-repeat: no-repeat;
	background-color: #ffffff; 
	background-position: center center;
}

li.youtube
{
	background-image: url('../Images/youtube-darkgray-50.jpg');
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: center center;
} */

ul.social:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div.subfooter a
{
	text-decoration: none;
	color: #636363;
}

div.subfooter a:hover
{
	color: #636363;
	text-decoration: none;
}

hr.background-divider	/* Can't get this working for some reason */
{
	position: absolute;
	width: 100%;
	z-index: -1;
	margin-top: 0;
	margin-bottom: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* HomeMasterPageFooter layout; used in footer snippet. Note this is the default name but applies to all topics where snippet is used, not just the home page. */

div.HomeMasterPageFooter	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.333em;
}

div.HomeMasterPageFooter > div.columns
{
	padding: 0;
}

div.HomeMasterPageFooter::before
{
	content: ' ';
	display: table;
}

div.HomeMasterPageFooter::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomeMasterPageFooter > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Percentages for column numbers should add up to 97 to allow for 3% margin. */

div.HomeMasterPageFooter > div:nth-child(1)
{
	width: 26%;
	/* margin-right: 3%; */
	margin-left: 0;
	/* text-align: center; */
}

div.HomeMasterPageFooter > div:nth-child(2)
{
	width: 21%;
	margin: 0%;
}

div.HomeMasterPageFooter > div:nth-child(3)
{
	width: 21%;
	margin: 0%;
}

div.HomeMasterPageFooter > div:nth-child(3) > ul
{
	margin-right: 0px;
}

div.HomeMasterPageFooter > div:nth-child(4)
{
	width: 14%;
	margin: 0%;
}

div.HomeMasterPageFooter > div:nth-child(4) > ul
{
	margin-right: 0px;
}

div.HomeMasterPageFooter > div:nth-child(5)
{
	width: 15%;
	margin: 0%;
}

div.HomeMasterPageFooter > div:nth-child(5) > ul
{
	margin-right: 0px;
}

/*div.HomeMasterPageFooter > div:nth-child(6)
{
	width: 17%;
	margin: 0%;
}*/

/*
div.HomeMasterPageFooter > div:nth-child(7)
{
	width: 17%;
	margin:0%;
}
*/

/* Medium Layout */

@media only screen and (max-width: 1442px)
{
	div.footer
	{
		padding-top: 1.333em;
		padding-bottom: 1.333em;
	}
}

/* Small Layout */

@media only screen and (max-width: 481px)
{
	div.HomeMasterPageFooter > div:nth-child(1)
	{
		width: 100%;
	}

	div.HomeMasterPageFooter > div:nth-child(2)
	{
		width: 100%;
	}

	div.HomeMasterPageFooter > div:nth-child(3)
	{
		width: 100%;
	}

	div.HomeMasterPageFooter > div:nth-child(4)
	{
		width: 100%;
	}

	div.HomeMasterPageFooter > div:nth-child(5)
	{
		width: 100%;
	}

	div.footer h2
	{
		margin: 1.333em 1.333em 0.563em 0;
	}
}