/*<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
{
	/* Setting this to 100 causes a bottom scroll bar to appear Feb 2021 SLD */
	/*width: 99.35vw;
	margin-left: -49.25vw;
	left: 49.225%;
	position: relative;*/
	width: 100%;
	/*height: 100px;*/
	/*border-radius: 35px 35px 0 0;*/
	/*overflow: hidden;*/
	/*margin-bottom: -27px;*/
	margin-bottom: -25px;
	margin-top: auto;
}

div.footer
{
	/* Changed to background instead of background-color Feb 2021 SLD */
	background: rgba(26, 26, 26);
	/*background-color: #140B2F; */
	/*Create the parallax scrolling effect*/
	/*background-attachment: fixed;
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../Images/footer_background.png');*/
	padding: .75em 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 p
{
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova';
	line-height: 1.333em;
	margin-top: 0;
}

div.footer a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	line-height: 21px;
	font-weight: 700;
	font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova';
	margin: 0;
	padding: 0;
}

div.footer a:hover
{
	/*color: #ffffff;
	font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Proxima Nova';*/
	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 ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0 1.333em 0 0;
	padding: 0;
}

div.footer li
{
	font-size: 1.1em;
	line-height: 1.333em;
	margin: 0 0 0.563em 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 - No longer in use March 2023 SLD */
{
	max-width: 172px;
	/* 152 for size of logo plus 20 for left padding Feb 2021 SLD */
	padding: 0 0 0 20px;
}

div.subfooter-content
{
	display: flex;
	flex-direction: row;
	padding-top: 10px !important;
	justify-content: flex-end;
	align-items: baseline;
	gap: 1rem;
	background-color: #1a1a1a;
	line-height: 1.333em;
	clear: both;
}

div.subfooter-content > div:nth-child(1)
{
	flex: 0 0 295px;
	padding-left: 20px;
	margin-top: auto;
}

div.subfooter-content > div:nth-child(2)
{
	flex: 1 1 auto;
	margin-top: auto;
	justify-content: center;
	display: flex;
	gap: 1rem;
}

div.subfooter-content > div:nth-child(3)
{
	flex: 0 0 295px;
	justify-content: end;
	display: flex;
	margin-top: auto;
	padding-right: 20px;
}

div.subfooter-content ul.social
{
	margin: 0px;
	padding: 0;
	clear: both;
	display: flex;
	gap: 1.75em;
	justify-content: start;
}

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(1),
ul.social > li:nth-child(2),
ul.social > li:nth-child(3)
{
	margin-right: 0;
	/*width: 24%;*/
}

ul.social li a
{
	/* 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 - don't need after going to images */
	/*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;
	font-size: 1.5em;
}

ul.social li a:hover
{
	/*font-size: 20px !important;*/
	text-decoration: none !important;
	text-align: center;
	font-size: 1.5em;
	opacity: 0.8;
}

li.social-right	/* Make far right icon line up to the right - no longer in use March 2023 */
{
	text-align: right;
	padding: 0 0 0 7px !important;
	margin-right: 0px !important;
}

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

p.Copyright
{
	text-align: left;
	font-weight: 400 !important;
}

p.Copyright a
{
	font-weight: 700 !important;
}

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

div.subfooter a:hover
{
	opacity: 0.8;
}

/* 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. */
/*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.*/

/*div.HomeMasterPageFooter	
{
	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: 31%;
	margin-left: 0;
}

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

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

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

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

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

/* Medium Layout (actual size defined in target) */

/*@media tablet
{
	div.footer
	{
		padding-top: 1.333em;
		padding-bottom: 1.333em;
	}
	
	div.fullWidthFooter
	{
		left: 49.10%;
		margin-bottom: -44px;
	}

	div.fullWidthFooterHome
	{
		margin-bottom: -44px;
	}		
	
}*/

/* Smaller layout */

/*@media only screen and (max-width: 1135px)
{
	div.fullWidthFooter
	{
		left: 49.00%;
	}
}*/

/* Smaller layout */

@media only screen and (max-width: 1280px)
{
	div.subfooter-content > div:nth-child(1)
	{
		display: none;
	}

	div.subfooter-content > div:nth-child(2)
	{
		justify-content: space-around;
		padding-left: 20px;
		gap: 0;
	}

	div.subfooter-content > div:nth-child(2) > div:nth-child(1),
	div.subfooter-content > div:nth-child(2) > div:nth-child(2),
	div.subfooter-content > div:nth-child(2) > div:nth-child(3),
	div.subfooter-content > div:nth-child(2) > div:nth-child(4)
	{
		padding-right: 10px;
	}
}

/*@media only screen and (max-width: 1015px)
{
	div.fullWidthFooter
	{
		left: 48.90%;
	}
	
	div.footerColumns
	{
		gap: 0;
	}
}*/

/* Smallish Layout */

/*@media only screen and (max-width: 880px)
{
	div.fullWidthFooter
	{
		left: 48.35%;
		height: 435px;
	}
	
	div.fullWidthFooterHome
	{
		margin-bottom: -54px;
	}	

	div.footerColumns > div:nth-child(1)
	{
		margin-left: 0;
		margin-right: 0;
	}

	div.footerColumns > div:nth-child(2)
	{
		display: none;
	}

	div.footerColumns > div:nth-child(3)
	{
		display: none;
	}

	div.footerColumns > div:nth-child(4)
	{
		display: none;
	}

	div.subfooter-content {
		flex-direction: column;
		gap: 0;
	}
	
	div.subfooter-content > div:nth-child(1) {
    	flex: 0 0 auto;
    	align-self: flex-end;
    	padding-right: 30px;
	}

	div.subfooter-content > div:nth-child(2) {
    	flex: 0 0 auto;
    	align-self: flex-end;
    	padding-right: 30px;
	}
	
	div.subfooter-content > div:nth-child(3) {
    	flex: 0 0 auto;
    	align-self: flex-end;
	}		
	
}*/

/*@media screen and (max-width: 880px) and (orientation: portrait)
{
	div.fullWidthFooter
	{
		left: 48.35%;
		height: 435px;
	}
	
	div.fullWidthFooterHome
	{
		margin-bottom: -54px;
	}	
	
	div.footerColumns > div:nth-child(1)
	{
		margin-left: 0;
		margin-right: 0;
	}

	div.footerColumns > div:nth-child(2)
	{
		display: none;
	}

	div.footerColumns > div:nth-child(3)
	{
		display: none;
	}

	div.footerColumns > div:nth-child(4)
	{
		display: none;
	}	

	div.subfooter-content {
		flex-direction: column;
		gap: 0;
	}
	
	div.subfooter-content > div:nth-child(1) {
    	flex: 0 0 auto;
    	align-self: flex-end;
    	padding-right: 30px;
	}

	div.subfooter-content > div:nth-child(2) {
    	flex: 0 0 auto;
    	align-self: flex-end;
    	padding-right: 30px;
	}
	
	div.subfooter-content > div:nth-child(3) {
    	flex: 0 0 auto;
    	align-self: flex-end;
	}
}*/

/* Smaller layout */

@media only screen and (max-width: 605px)
{
	div.subfooter-content > div:nth-child(2)
	{
		flex-wrap: wrap;
	}

	div.subfooter-content > div:nth-child(3)
	{
		flex: 0 1 auto;
	}
}

/* Small Layout (actual size defined in target, 481 as of this writing) */

@media only screen and (max-width: 481px)
{
	div.subfooter-content > div:nth-child(2) > div:nth-child(1),
	div.subfooter-content > div:nth-child(2) > div:nth-child(2)
	{
		display: none;
	}

	/*div.fullWidthFooter
	{
		left: 49.20%;
	}*/

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

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

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

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

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

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