﻿#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn {
	display: flex;
	flex-direction: column
}

	#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav.StatisticalNav {
		order: -1;
	}

.StatConsultHeader {
	display: block;
	height: 128px;
	border: 1.5px solid #e2e2e2;
	margin: 0 0 30px 0;
	padding: 20px 20px 20px 273px;
	background: white url('../Media/Images/About/StatConsult/StatConsultBanner.jpg') no-repeat left top;
	background-size: contain;
}

	.StatConsultHeader.OverviewBox {
		height: unset;
	}

	.StatConsultHeader .OverviewBoxInner {
		border-radius: 5px;
		background-color: rgb(255, 255, 255, 0.75);
		padding: 20px 0 20px 20px;
	}

	.StatConsultHeader h1,
	.StatConsultHeader p {
		margin: 0;
		padding: 0;
	}

		.StatConsultHeader h1 span {
			display: block;
		}

			.StatConsultHeader h1 span.StatConsultTitleLineOne {
				font-size: 16px;
				margin: 0 0 6px 0;
			}

			.StatConsultHeader h1 span.StatConsultTitleLineTwo {
				font-size: 22px;
				margin: 6px 0 10px;
			}

		.StatConsultHeader p.StatConsultIntroText {
			font-size: 13px;
			line-height: 1.7;
			margin: 6px 0 0;
		}

.AlvordProfilePhoto {
	padding: 7px;
	border: 1px solid #d7d7d7;
	float: right;
	margin: 8px 0 20px 20px;
}

.StatConsultContactInfo {
	display: flex;
	flex-direction: row;
}

	.StatConsultContactInfo > div {
		border: 1px solid #e2e2e2;
		padding: 10px 15px;
		width: 45%;
	}

		.StatConsultContactInfo > div.StatAddress {
			margin-right: 15px;
		}

	.StatConsultContactInfo address {
		font-style: normal;
	}

	.StatConsultContactInfo > .StatContact > span {
		display: block;
	}

.StatContactBoxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

	.StatContactBoxes .StatContact {
		flex: 1 1 220px;
		background-color: #F3F3F3;
		border-radius: 5px;
		padding: 14px;
		text-align: center;
		display: flex;
		flex-direction: column;
		height: min-content;
		position: relative;
	}

		.StatContactBoxes .StatContact:after {
			box-shadow: 5px 5px 5px #d9d9d9;
			opacity: 0;
			transition: opacity .4s ease-in-out;
		}

		.StatContactBoxes .StatContact img.ProfilePic {
			display: block;
			height: 120px;
			width: 120px;
			border-radius: 50%;
			margin: 0 auto;
			object-fit: cover;
			padding: 20px;
			transition: .5s ease-in-out;
		}

		.StatContactBoxes .StatContact:hover {
			background-color: #ECF7FB;
			box-shadow: 5px 5px 5px #d9d9d9;
			transform: scale(1.01);
			transition: all .5s ease-in-out;
		}

			.StatContactBoxes .StatContact:hover img.ProfilePic {
				height: 140px;
				width: 140px;
				padding: 10px;
			}

		.StatContactBoxes .StatContact span {
			display: block;
			margin-bottom: 10px;
		}

		.StatContactBoxes .StatContact h3 {
			font-size: 1.2em;
			line-height: 1.4;
			margin: 0 0 14px;
			color: #57596E;
		}

		.StatContactBoxes .StatContact h4 {
			font-size: 1em;
			line-height: 1.4;
			margin: 0 0 14px;
			color: #000;
			min-height: 38px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.StatContactBoxes .StatContact .ContactIconBox {
			padding-bottom: 14px;
		}

			.StatContactBoxes .StatContact .ContactIconBox a:before {
				content: " ";
				display: inline-block;
				height: 32px;
				width: 32px;
				padding: 0 6px;
				cursor: pointer;
			}

		.StatContactBoxes .StatContact ul.CollapsibleBoxes > li {
			margin: 0;
			border: none;
			border-radius: 0;
			line-height: 1.25;
		}

			.StatContactBoxes .StatContact ul.CollapsibleBoxes > li p {
				margin: 0;
			}

		.StatContactBoxes .StatContact .CollapsibleHeader {
			background-image: none;
			position: relative;
			padding-left: 0px;
		}

			.StatContactBoxes .StatContact .CollapsibleHeader p span {
				display: block;
				font-size: 14px;
			}

			.StatContactBoxes .StatContact .CollapsibleHeader.Expanded {
				z-index: 2;
				color: #fff;
			}

				.StatContactBoxes .StatContact .CollapsibleHeader.Expanded + .CollapsibleContent, .StatContactBoxes .StatContact .CollapsibleHeader.Collapsed + .CollapsibleContent {
					background-color: rgba(0,0,0, 0.8);
					position: absolute;
					transform: translateX(-14px);
					top: 0;
					width: 90%;
					color: #fff;
					height: 100%;
					max-height: 340px;
				}

		.StatContactBoxes .StatContact .CollapsibleContent ul {
			position: relative;
		}

.StatContactBoxes .StatContact .CollapsibleContent .ContactIconBox {
	position: absolute;
	bottom: 68px;
	left: 50%;
	transform: translateX(-50%);
}
			.StatContactBoxes .StatContact .CollapsibleHeader:hover, .StatContactBoxes .StatContact .CollapsibleHeader:hover + a.CollapsibleContent {
				background-color: transparent;
			}


/*** SYNTAX HIGHLIGHTING STYLES ***/
/*** Used mainly for the R Tutorial styling ***/
div.SyntaxHighlighter {
	overflow: hidden;
	border: 1px solid #dedede;
	font-size: 14px;
	padding: 10px 10px 10px 0;
	line-height: 1.5em;
	color: #4659a1;
}

	div.SyntaxHighlighter code {
		font-family: 'Courier New', Courier, monospace;
		font-weight: bold;
	}

table.Syntax {
	border: 0;
	padding: 0;
	margin: 0;
}

	table.Syntax pre {
		padding: 0;
		margin: 0;
	}

	table.Syntax tr {
	}

		table.Syntax tr td {
			vertical-align: top;
		}

			table.Syntax tr td.RowNumbers {
				width: 40px;
			}

				table.Syntax tr td.RowNumbers div.RowNumber {
					width: 20px;
					color: #444444;
					text-align: right;
					border-right: 2px solid #b8cfe0;
					padding: 0 8px 0 10px;
					background: #f8f8f8;
				}

			table.Syntax tr td.CodeLines {
				padding: 0 10px;
			}

				table.Syntax tr td.CodeLines .CodeLine span.Prompt {
					display: inline-block;
					padding: 0 10px 0 0;
					color: #b5b5b5;
				}

				table.Syntax tr td.CodeLines .CodeLine.Prompt {
					color: #555555;
					padding-left: 18px;
					background: transparent url("../Media/Images/About/StatConsult/PromptIcon.png") no-repeat 0 6px;
				}
/*** SYNTAX FONT/WORD STYLES ***/
.SynAlignRight {
	text-align: right;
}

.SynComment {
	color: #841a1a;
	font-style: italic;
}

.OutputTable {
	border-collapse: collapse;
	margin-left: 18px;
}

	.OutputTable td {
		padding: 0 20px 0 0;
		margin: 0;
		border: 0;
		border-image-width: 0;
	}

.SynCenter {
	text-align: center;
}

.SynCodeFont {
	font-family: "Lucida Console", Monaco, monospace;
	color: #444444;
}

.SynGreek {
	font-family: serif;
}
/*Indents*/
.OutputTable td.t1, .t1 {
	padding-left: 15px;
}

.OutputTable td.t2, .t2 {
	padding-left: 30px;
}

.OutputTable td.t3, .t3 {
	padding-left: 45px;
}

.OutputTable td.t4, .t4 {
	padding-left: 60px;
}

.EmailSvg {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300597B;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M15.19,0.8C7.27,0.8,0.86,7.22,0.86,15.13c0,7.91,6.42,14.33,14.33,14.33c7.91,0,14.33-6.42,14.33-14.33 C29.52,7.22,23.1,0.8,15.19,0.8z M23.45,9.41l-8.27,6.61L6.92,9.41H23.45z M5.65,10.43l7.15,5.72l-7.15,3.81V10.43z M7.34,20.85 l6.81-3.63l1.04,0.83l1.04-0.83l6.81,3.63H7.34z M24.73,19.95l-7.15-3.81l7.15-5.72V19.95z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	display: block;
}

.LinkedInSvg {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Group_3627' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_00000089549793500517044980000016096214760146415004_);%7D .st1%7Bfill:%2300597B;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='30' height='30'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000060752535050809786550000016754761266000243348_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg id='Group_3626' style='clip-path:url(%23SVGID_00000060752535050809786550000016754761266000243348_);'%3E%3Cpath id='Path_5' class='st1' d='M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0 M19.9,15.7 c-0.2-0.3-0.4-0.5-0.7-0.7c-0.7-0.3-1.4-0.2-2,0.1c-0.6,0.4-0.9,1-0.9,1.7v6c0,0-0.2,0.4-0.4,0.4H13c-0.2,0-0.4-0.2-0.4-0.4V12.3 c0-0.2,0.2-0.4,0.4-0.4h2.8c0.2,0,0.4,0.2,0.4,0.4v0.8c0.2-0.1,0.3-0.3,0.5-0.4c0.9-0.6,2-0.9,3.2-0.9c0.8,0,1.5,0.2,2.2,0.6 c0.5,0.3,0.9,0.8,1.2,1.3c0.3,0.6,0.5,1.3,0.5,2c0,0.3,0.1,0.6,0.1,0.7v6.4h0c0,0.2-0.2,0.3-0.3,0.3l0,0h-3 c-0.2,0-0.3-0.2-0.3-0.3l0,0v-6.5C20.1,16.1,20.1,15.9,19.9,15.7 M9.1,6.5c1.2,0,2.1,0.9,2.1,2.1s-0.9,2.1-2.1,2.1S7,9.7,7,8.6 c0,0,0,0,0,0C7,7.4,7.9,6.5,9.1,6.5 M10.9,12.3v10.5h0c0,0.2-0.2,0.4-0.4,0.4H7.7c-0.2,0-0.4-0.2-0.4-0.4V12.3 c0-0.2,0.2-0.4,0.4-0.4h2.8C10.7,11.9,10.9,12.1,10.9,12.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	display: block;
}

.CollapsibleBoxes .CollapsibleContent {
	padding: 20px 15px;
}

	.CollapsibleBoxes .CollapsibleContent ul {
		padding: 0 0 0 15px;
		margin: 0 0 15px 0;
		text-align: left;
	}

	.CollapsibleBoxes .CollapsibleContent p {
		padding-bottom: 15px;
	}

	.CollapsibleBoxes .CollapsibleContent a {
		filter: brightness(0) invert(1);
	}

.ContactIconBox a {
	display: inline-block;
}

.CollapsibleBoxes .CollapsibleContent h3 {
	color: white;
}
