/************ INTRANET GLOBALS ************/
.intranet .background, .intranet #top-bar {display: none;}
.intranet .intranetContent {display: flex;}
.intranet a {text-decoration: none;}

.intranet *
{
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
}

.intranet .s1 
{
	height: 19vh;
	margin-bottom: 3.75rem;
	background: url(/i/top_banner.jpg) no-repeat center/cover;
	transform: scaleX(-1);
}

.intranet .intranetContent > .content
{
	width: 100%;
	padding: 0;
	background-color: #f7f7f7;
}

.intranet .intranetContent section:nth-child(n+2) {padding: 0 6.25rem 3.75rem;}

/********** INTRANET TEXT STYLES **********/
.upp {text-transform: uppercase;}
.cap {text-transform: capitalize;}
.ct {text-align: center;}
.lt {text-align: left;}
.rt {text-align: right;}

/********** INTRANET COLOR CLASSES **********/
.base {color:#484D51;}
.wh {color: #fff;}
.blue {color: #055590;}

/********** INTRANET SUB HEADERS **********/
h2.hr
{
	margin-bottom: 1.875rem;
	color: #333643;
	font-feature-settings: 'lnum' 1;
	font-size: 1.5rem;
	font-weight: 400;
	
}

h3.hr
{
	margin-bottom: 1rem;
	color: #333643;
	font-feature-settings: 'lnum' 1;
	font-size: 1.125rem;
	font-weight: 400;
}

/********** INTRANET PSEUDO ELEMENTS **********/
.intranet .intranetContent .pe {position: relative;}

.intranet .intranetContent .pe::before, .intranet .intranetContent .pe::after
{
	content: '';
	position: absolute;
	display: none;
}

.intranet .intranetContent .arrow::after
{
	top: 50%;
	right: 0;
	width: 27px;
	height: 14px;
	display: block;
	background: url(/i/yellowArrow_down-01.svg) no-repeat center/contain;
	transform: translateY(-50%);
	transition: background-image 0.3s ease;
}

.intranet .intranetContent .blueArrow::after
{
	top: 50%;
	right: 0;
	background: url(/i/linkArrow_triange-01.svg) no-repeat center/contain;
	transform: translateY(-50%);
}

.intranet .intranetContent .download::after
{
	top: 50%;
	right: 0;
	background: url(/i/download-01.svg) no-repeat center/contain;
	transform: translateY(-50%);
}

.intranet .intranetContent .plus::after
{
	content: '\002B';
	top: 50%;
	right: 0;
	color: #e3c49a;
	font-size: 40px;
	transform: translateY(-50%);
}

.intranet .intranetContent .arrow.active::after {background-image: url(yellowArrow_up-01.svg);}

.intranet .intranetContent .plus.active::after 
{
	content: '\2212';
	width: 15px;
	font-size: 25px;
}

/************ INTRANET NAV ************/
.intranet .intranetContent nav 
{
	max-width: 344px;
	width: 40%;
	min-height: calc(100vh - 105px);
	padding: 3rem 2rem;
	/* background-color: #fff; */
	transition: background-color 0.3s ease;
}

.intranet .intranetContent nav .logo
{
	width: 230px;
	height: 53px;
	margin: auto;
	margin-bottom: 5rem;
	display: block;
	background: url(/i/SoundPoint_logo.svg) no-repeat center/contain;
}

.intranet .intranetContent nav .container, .intranet .intranetContent nav .container .sub 
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

.intranet .intranetContent nav .container > a
{
	padding: 1rem 0;
	border-bottom: solid 1px #d7d9db;
	color: #484d51;
	font-size: 1.313rem;
	transition: border-color 0.3s ease, color 0.3s ease;
}

.intranet .intranetContent nav .container > a:hover, 
.intranet .intranetContent nav .container > a.current, 
.intranet .intranetContent nav .container .sub a.active,
.intranet .intranetContent nav .container .sub a:hover {color: #d29c51 !important;}
.intranet .intranetContent nav .container > a:nth-child(4) {color: #484d51 !important;}
.intranet .intranetContent nav .container > .arrow {border: none;}
.intranet .intranetContent nav .container > .arrow.current {color: #484d51;}

.intranet .intranetContent nav .arrow::after
{
	width: 18px;
	height: 9px;
	background-image: url(/i/Arrow_down-01.svg);
}

.intranet .intranetContent nav .arrow.current::after {background-image: url(/i/Arrow_up-01.svg);}
.intranet .intranetContent nav .arrow.current + .sub {max-height: 105px;}

.intranet .intranetContent nav .container .sub 
{
	max-height: 0;
	border-bottom: solid 1px #d7d9db;
	transition: max-height 0.3s ease;
	overflow: hidden;
}

.intranet .intranetContent nav .container .sub.active {max-height: 105px;}

.intranet .intranetContent nav .container .sub a 
{
	padding: 0 0 1rem 1rem;
	color: #484d51;
	transition: color 0.3s ease;
}

.intranet .intranetContent nav .menu-btn
{
	position: relative;
	display: none;
	width: 45px;
	height: 23px;
}

.intranet .intranetContent nav .menu-btn i
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 2px;
	display: block;
	background-color: #fff;
	transition: all 0.3s ease;
}

.intranet .intranetContent nav .menu-btn i:nth-child(2) 
{
	top: 50%;
	transform: translateY(-50%);
}

.intranet .intranetContent nav .menu-btn i:last-child {top: 100%;}
.scroll.intranet .intranetContent nav {background-color: #fff;}
.scroll.intranet .intranetContent nav .menu-btn i {background-color: #000;}

/************ NEWS - EVENTS INTRANET ************/
#newsEvents #container .s2 #slider > .fx-list {border-bottom: solid 1px #909aa1;}
#newsEvents #container .s2 #slider .fx-list > div {display: flex;}

#newsEvents #container .s2 #slider > .fx-list .fx-nav
{
	max-width: 125px;
	width: 100%;
	border-bottom: solid 3px transparent;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2rem;
	transition: border-color 0.3s ease, color 0.3s ease;
}

#newsEvents #container .s2 #slider > .fx-list .fx-nav.fx-on 
{
	border-bottom: solid 3px #d29c51;
	color: #d29c51;
}

#newsEvents #container .s2 #newsSlider > .fx-list {padding-top: 1.563rem;}

#newsEvents #container .s2 #newsSlider > .fx-list .fx-nav
{
	max-width: 70px;
	width: 100%;
	color: #c2c0c5;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.625rem;
	transition: color 0.3s ease;
}

#newsEvents #container .s2 #newsSlider > .fx-list .fx-nav.fx-on {color: #045590;}

#newsEvents #container .s2 #newsSlider .quarterContain
{
	padding: 3.75rem 0;
	display: flex;
	border-bottom: solid 0.5px #484d51;
}

#newsEvents #container .s2 #newsSlider .quarterContain .title h2 {margin-bottom: 1.563rem;}

#newsEvents #container .s2 #newsSlider .quarterContain .title
{
	max-width: 228px;
	width: 100%;
}

#newsEvents #container .s2 #newsSlider .quarterContain .title h3
{
	font-size: 0.813rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.2rem;
}

#newsEvents #container .s2 #newsSlider .quarterContain:last-child {border: none;}

#newsEvents #container .s2 #newsSlider .quarterContain p
{
	margin-bottom: 1rem;
	letter-spacing: 0;
	line-height: 1.625rem;
}

#newsEvents #container .s2 .events
{
	padding-top: 3.125rem;
	display: flex;
	justify-content: center;
}

#newsEvents #container .s2 .events .calendar
{
	max-width: 325px;
	width: 100%;
	margin-right: 3.889rem;
}

#newsEvents #container .s2 .events .calendar .ui-datepicker
{
	width: 100%;
	padding: 0;
	background: #f6f6f6;
	border: none;
}

#newsEvents #container .s2 .events .calendar .ui-helper-clearfix::after{display: none;}

#newsEvents #container .s2 .events .calendar .ui-datepicker .ui-datepicker-header
{
	padding: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #055490;
	border: none;
}

#newsEvents #container .s2 .events .calendar .ui-datepicker .ui-datepicker-header a
{
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: 20px;
	height: 18px;
	padding: 0;
}

#newsEvents #container .s2 .events .calendar .ui-datepicker .ui-datepicker-header a[data-handler='prev']{order: 1;}
#newsEvents #container .s2 .events .calendar .ui-datepicker .ui-datepicker-header a[data-handler='next']{order: 3;}
#newsEvents #container .s2 .events .calendar .ui-datepicker .ui-datepicker-header .ui-state-hover {background: none;}
#newsEvents #container .s2 .events .calendar .ui-widget-header .ui-icon {background-image: none;}

#newsEvents #container .s2 .events .calendar .ui-state-hover
{
	border: none;
	background: #d19b51;
	color: #fff;
}

#newsEvents #container .s2 .events .calendar .ui-datepicker-title
{
	width: 100%;
	margin: 0;
	order: 2;
	font-size: 1.625rem;
	line-height: normal;
}

#newsEvents #container .s2 .events .calendar .ui-icon
{
	position: relative;
	top: auto;
	right: 0;
	left: auto;
	margin: 0;
	background: none;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
}

#newsEvents #container .s2 .events .calendar .ui-datepicker-prev .ui-icon {transform: rotate(135deg);}
#newsEvents #container .s2 .events .calendar .ui-datepicker-next .ui-icon {transform: rotate(-45deg);}

.calendar table
{
	width: 100%;
	padding: 1.111rem;
	background: #fff;
	border-collapse: separate;
	table-layout: fixed;
}

.calendar table thead th {padding-top: 0;}

.calendar table thead span
{
	color: #333643;
	font-size: 0.889rem;
	text-align: center;
}

.calendar table td {padding: 0;}
.calendar a.ui-state-default {background: #efdfc7;}

.calendar table span, .calendar table a
{
	width: 25px;
	height: 25px;
	padding-top: 0.25rem;
	display: block;
}

.calendar table a
{
	border: none;
	color: #6a6f72;
	font-size: 0.778rem;
	text-align: center;
	transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

.calendar .ui-datepicker-current-day
{
	border: none;
	background: none;
}

.calendar .ui-datepicker-current-day a.ui-state-default
{
	border: none;
	background: rgba(209, 155, 81, 0.5);
	color: #fff;
}

.calendar .ui-state-highlight
{
	border: none;
	background: #cce0f0;
}

.calendar .ui-state-disabled span
{
	display: block;
	border: none;
	color: #6a6f72;
	$primaryFont(300);
	font-size: 0.778rem;
	text-align: center;
}

.calendar .ui-datepicker-today {opacity: 1;}

.calendar .ui-datepicker-today span
{
	border-color: #055490;
	background: #055490;
	color: #fff;
}

#events 
{
	max-width: 555px;
	width: 100%;
}

#events .event
{
	padding: 1.25rem;
	border-top: solid 1px #d6d6d6;
}

#events .event .date
{
	margin-bottom: 1rem;
	font-size: 0.875rem;
	letter-spacing: 0;
	line-height: 0.875rem;
}

#events .event .title
{
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.625rem;
}

#events .view
{
	padding-left: 1.25rem;
	display: block;
	font-weight: 500;
}

/************ ABOUT INTRANET ************/
#about #container .s2 p, #about #container .s3 p {line-height: 1.6rem;}
#about #container .s2 .contain {display: flex;}

#about #container .s2 .contain .left 
{
	width: 100%;
	padding-right: 3.438rem;
}

#about #container .s2 .contain .left > div:first-child {margin-bottom: 4.063rem;}

#about #container .s2 .contain .right 
{
	max-width: 255px;
	width: 100%;
	padding-right: 2.813rem;
}

#about #container .s2 .contain .right > div:nth-of-type(n+2) {margin-top: 1.125rem;}
#about #container .s3 .contain {margin-right: calc(255px + 3.438rem);}
#about #container .s4 {margin-top: 0.313rem;}

#about #container .s4 .contain
{
	padding-top: 4.063rem;
	border-top: solid 1px #909aa1;
}

#about #container .s4 .contain #milestones .fx-slides 
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#about #container .s4 .contain #milestones .fx-slides > div {transition: left 1s ease-out;}
#about #container .s4 .contain #milestones .fx-left-arrow, #about #container .s4 .contain #milestones .fx-right-arrow {top: calc(-36px - 2rem) !important;}
#about #container .s4 .contain #milestones .fx-left-arrow img, #about #container .s4 .contain #milestones .fx-right-arrow img  {height: 36px;}

#about #container .s4 .contain #milestones .fx-left-arrow
{
	right: calc(36px + 1.25rem);
	left: auto !important;
}

#about #container .s4 .contain .year 
{
	max-width: 260px;
	margin-right: 5rem;
}

#about #container .s4 .contain .year:last-of-type {margin-right: 0;}

#about #container .s4 .contain .sliderHeader
{
	margin-bottom: 2.5rem;
	font-feature-settings: 'lnum' 1;
	font-size: 4rem;
	letter-spacing: 0;
}

#about #container .s4 .contain .year > div
{
	color: #484D51;
	line-height: 1.6rem;
}

/************ MEDIA ************/
@media screen and (max-width: 979px)
{
	.intranet .s1 {background-position-x: 32% !important;}

	.intranet .intranetContent 
	{
		flex-direction: column;
		align-items: center;
	}

	.intranet .intranetContent nav
	{
		position: fixed;
		top: 0;
		max-width: none;
		width: 100%;
		min-height: auto;
		margin: auto;
		padding: 1.5rem 5%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 100;
	}

	.intranet .intranetContent .container.open
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		z-index: -1;
	}

	.intranet .intranetContent .container.open a 
	{
		display: block;
		/* width: 250px; */
		width: 90%;
	}

	.intranet .intranetContent nav .logo {margin: 0;}
	.intranet .intranetContent nav .container {display: none;}
	.intranet .intranetContent nav .menu-btn {display: block;}
	.intranet .intranetContent nav .container.open + .menu-btn i {background-color: #000;}
	.intranet .intranetContent nav .container.open + .menu-btn i:nth-child(1) {transform: rotate(45deg);}
	.intranet .intranetContent nav .container.open + .menu-btn i:nth-child(2) {opacity: 0;}

	.intranet .intranetContent nav .container.open + .menu-btn i:nth-child(3) 
	{
		top: 0;
		transform: rotate(-45deg);
	}

	.intranet .intranetContent nav .arrow + .sub 
	{
		width: 90%;
		max-height: 105px;
	}

	.intranet .intranetContent > .content {min-height: calc(100vh - 105px);}
	.intranet .intranetContent section:nth-child(n+2) {padding: 0 5% 3.75rem}

	#newsEvents #container .s2 .events 
	{
		flex-direction: column;
		align-items: center;
	}

	#newsEvents #container .s2 .events .calendar {margin: 0 auto 2rem;}
	#events {max-width: none;}
	.intranet .footer .content {width: 90%;}
	#directory #container .s1 {background: url(/i/top_banner.jpg) no-repeat center/cover;}
}

@media screen and (max-width: 767px)
{
	#newsEvents #container .s2 #newsSlider .quarterContain {flex-direction: column;}
	#newsEvents #container .s2 #newsSlider .quarterContain .highlights {margin-top: 2rem;}
	#about #container .s2 .contain {flex-direction: column;}
	#about #container .s2 .contain .left {padding-right: 0;}

	#about #container .s2 .contain .right
	{
		max-width: none;
		margin-top: 2rem;
		padding-right: 0;
	}

	#about #container .s3 .contain {margin-right: 0;}
	#about #container .s4 {margin-top: 0;}
	#about #container .s4 .contain #milestones .fx-slides {width: 100% !important;}
	#about #container .s4 .contain #milestones .fx-slides > div {width: 15468px !important;}
	#about #container .s4 .contain .year {max-width: none;}

	.intranet .footer .content
	{
		display: flex;
		flex-direction: column;
	}

	.intranet .footer .content #social
	{
		position: relative;
		top: auto;
		right: auto;
		margin-top: 1rem;
	}
}