/**************************
	HEALTH CATALYST CAP
***************************/

/************************* GLOBAL *************************/
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
a, * { -webkit-tap-highlight-color: transparent !important; }

@media screen and (max-device-width:767px){body{-webkit-text-size-adjust:100%}}
#container div, a{ -webkit-tap-highlight-color: transparent !important;}

#approach .s1, #portfolio .s1
{
	position: relative;
	height: 500px;
	background-color: black;
}

#approach .s1 .content, #portfolio .s1 .content
{
	position: relative;
	height: 100%;
	padding: 0;
}

#approach .s1 .content h1, #portfolio .s1 .content h1
{
	position: absolute;
	bottom: 40px;
	font-weight: 100;
	font-family: 'Museo Sans W01';
	letter-spacing: 8px;
	text-transform: uppercase;
}

.white {color: #fff;}

/************************* HEADER *************************/

#header {height: 110px;}
#header .nav a.sel {color: #ffc300 !important;}
#header .nav ul li:first-child {display: none;}

/************************* APPROACH *************************/

#approach .s1
{
	position: relative;
	height: 500px;
	background-color: black;
}

#approach .s1 .content
{
	position: relative;
	height: 100%;
	padding: 0;
}

#approach .s1 .content h1
{
	position: absolute;
	bottom: 40px;
	font-weight: 100;
	font-family: 'Museo Sans W01';
	letter-spacing: 8px;
	text-transform: uppercase;
}

#approach .s2 .content
{
	padding: 90px 0;
	display: flex;
}

#approach .s2 .content > div {width: 47%;}

#approach .s2 .content > div h2
{
	font-family: 'Museo Sans W01';
	font-size: 1.875rem;
	font-weight: 100;
	line-height: 1.333em;
}

#approach .s2 .content > div h3
{
	color: #00aeef;
	font-family: 'PT Sans W01', Arial;
	font-size: 1.275rem;
	font-weight: 100;
	line-height: 1.333em;
}

#approach .s2 .content > .left {margin-right: 6%;}
#approach .s2 .content > .left h3 {margin: 2rem 0 1rem;}

#approach .s2 .content > .left ul 
{
	margin-bottom: 2rem;
	padding-left: 1rem;
}

#approach .s2 .content > .left ul li p {margin-bottom: 0.25rem;}
#approach .s2 .content > .right h3 {margin: 1rem 0;}
#approach .s2 .content > .right h3:first-child {margin-top: 0;}

/************************* PORTFOLIO *************************/

#portfolio .s2 {background-color: #f4f4f4;}
#portfolio .s2 .content {padding: 90px 0;}

#portfolio .s2 .content h4
{
	padding: 0 10%;
	color: #676f75;
	font-family: 'Museo Sans W01';
	font-size: 1.875em;
	font-weight: 100;
	line-height: 1.333em;
}

#portfolio .s3 {background-color: gray;}

#portfolio .s3 .content .row .fx-list > div 
{
	display: flex;
	align-items: center;
}

#portfolio .s3 .content .row .fx-list .portfolioItem
{
	width: 33%;
	padding: 0 1rem;
	text-align: center;
}

#portfolio .s3 .content .row .fx-list .portfolioItem img {
	width: auto;
	max-width: 90%;
}

#portfolio .s3 .content .row .fx-slides	 .portfolioContent p strong {color: #00aeef;}

/************************* MEDIA *************************/

@media screen and (max-width: 768px)
{
	#approach .s2 .content {flex-direction: column;}
	#approach .s2 .content > div {width: 100%;}
	#approach .s2 .content > .left {margin-right: 0;}
	#approach .s2 .content > .right {margin-top: 2rem;}
}