/*<meta conditions="Primary.wc_content,Primary.dis_content,Primary.SigmaCR,Primary.SigmaIC,Primary.helpdocs" />*/

@import url('../icomoon_prophix_icons/style.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'Lato';
	src: url('fonts/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'Lato';
	src: url('fonts/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face 
{
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face 
{
	font-family: 'Lato';
	src: url('fonts/Lato-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face 
{
	font-family: 'Lato';
	src: url('fonts/Lato-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: bold;
}

@font-face 
{
	font-family: 'Lato';
	src: url('fonts/Lato-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: Italic;
}

@font-face 
{
	font-family: 'Articulat';
	src: url('fonts/ArticulatCF-Heavy.otf') format('opentype');
	font-weight: 500;
	font-style: bold;
}

@font-face 
{
	font-family: 'Articulat';
	src: url('fonts/ArticulatCF-Heavy.otf') format('opentype');
	font-weight: 700;
	font-style: bold;
}

/* Home Page General Styles*/

body
{
	line-height: 1.7em;
	color: #ffffff;
	background-color: fff;
	font-family: 'Lato', sans-serif, Georgia;
	font-size: 1em;
}

a
{
	text-decoration: none;
	border-bottom: none;
}

a.BlackText
{
	color: #000000;
	text-decoration: none;
}

a:link
{
	border-bottom: none;
	opacity: 1;
}

a:hover
{
	color: #ef373e;
}

div.home-tiles a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: #ef373e;
}

div.footer a:hover
{
	color: #ef373e;
}

h1
{
	/*	margin-left: 10%;
	margin-right: 10%;*/
	padding-top: 20px;
	font-family: 'Articulat', sans-serif;
	line-height: 1em;
	text-align: center;
	font-size: 4 em;
	font-weight: 700;
	color: #ef393f;
}

h3
{
	font-size: 1.6785em;
}

h3.SubCenter
{
	text-align: center;
}

img.Hyperlinked
{
	border-style: none;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: 'Lato', sans-serif, Georgia;
}

.highlight_new
{
	background-color: yellow;
}

.centered-text
{
	text-align: center;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.whiteheader
{
	color: #ffffff;
	font-weight: normal;
}

.row.nav-search
{
	display: none;
}

.main-section > .row.outer-row
{
	max-width: 100%;
	padding: 0;
}

/* Home Page Button Styles */

.button
{
	cursor: pointer;
	background-color: transparent;
	width: 200px;
	height: 35px;
	font-weight: bold;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.button.black
{
	border: solid 2px black;
	color: black;
}

.button.black:hover
{
	background-color: #ccc;
}

.button a
{
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/* Responsive Header Styles*/

#contentBody > .responsive-header
{
	background-color: transparent;
}

/* Content Section */

#content-section
{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #e6e6e6;
	margin-top: -50px;
}

#content-section h3
{
	font-weight: normal;
}

.right-section div.button-group,
.left-section div.button-group
{
	margin-top: 20px;
}

#content-section .left-section
{
	padding-right: 20px;
}

#content-section .right-section
{
	padding-left: 20px;
}

.left-section .left-content,
.right-section .right-content
{
	height: 270px;
}

#content-section .right-section .table-images:first-of-type
{
	margin-bottom: 20px;
}

#content-section.mc-blurb p
{
	margin-top: 0;
	margin-bottom: 5px;
}

#content-section.mc-blurb .mc-bullets
{
	margin-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
}

#content-section.mc-blurb .mc-bullets > li
{
	color: #5a5a5a;
	font-size: 14px;
	margin-top: 8px;
	line-height: 1.6em;
	list-style-image: none;
}

/* Home Page Topic Hero section*/

/* Old hero
div.hero
{
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	padding-bottom: 100px;
	padding-top: 20px;
	background-color: #d3d3d3;
	background-image: url('../images_WC/Px12_wallpaper_1280x1024-Blank.jpg');
	display: block;
}
*/

/* New hero    */

div.hero
{
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	height: auto;
	padding-bottom: 100px;
	padding-top: 20px;
	/*display: block;
	background-color: #ffffff;*/
}

/* Home Page slide show */

/*
div.slidingshow
{
	margin-top: -79px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}
*/

.mc-wrapper .mc-caption
{
	background: none;
}

/*==Search bar elements==*/

.search-field	/*The box-shadow property is applied to style to provide shadow on the search bar*/
{
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

div.search-container
{
	margin-top: -36px;
	margin-bottom: 60px;
}

/*==Home Tiles section==*/

div.home-tiles	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	background: transparent;
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	/*Adds transition animation when switching between screen sizes*/
	-moz-border-radius: 20x;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #d3d3d3;
	padding: 40px 10px;
	overflow: hidden;
}

div.home-tiles > div:hover	/*When hovering over a home-tile, these properties apply*/
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

div.home-tiles > div:nth-child(1)
{
	/*	width: 16.667%; */
	/*	margin-left: 24%;*/
	width: 25%;
	margin-left: 5%;
}

div.home-tiles > div:nth-child(2)
{
	width: 25%;
	margin-left: 1%;
}

div.home-tiles > div:nth-child(3)
{
	width: 25%;
	margin-left: 1%;
}

/*=Elements for text contained within each home-tile=*/

p.tile-icon
{
	text-align: center;
	color: #7E8890;
	font-size: 2.4em;
	padding-bottom: .4em;
}

p.tile-title
{
	text-align: center;
	color: #7E8890;
	font-size: 1.4em;
}

p.tile-content
{
	text-align: center;
	color: #7E8890;
	font-size: 0.8em;
}

p.tile-items
{
	color: #7E8890;
	font-size: 0.7em;
	text-align: center;
}

div.home-tiles a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: #565656;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/* Tile Section End  */
/* Home Page Footer */

.footer
{
	background-color: white;
	padding-top: 60px;
	padding-bottom: 30px;
}

.footer a
{
	text-decoration: none;
	color: #7E8890;
	padding-right: 40px;
}

.footer > div.row
{
	line-height: 30px;
	padding: 0;
}

.footer-logo
{
	max-width: 100%;
}

.footer-links
{
	text-align: left;
}

.footer-links a
{
	padding-right: 15px;
}

.footer-icons
{
	text-align: right;
}

.footer-icons > a:first-of-type
{
	padding-right: 10px;
}

/* Mad Cap proxy/editor assigned styles */

MadCap|searchBarProxy
{
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

MadCap|topicToolbarProxy
{
	float: none;
}

p.TOC2
{
	margin-left: 20px;
	display: none;
}

MadCap|menuProxy.menu1
{
	mc-toc-depth: 1;
	mc-context-sensitive: True;
}

MadCap|menuProxy.menu2
{
	mc-toc-depth: 1;
	mc-context-sensitive: True;
}

MadCap|slideshow
{
	border-style: none;
	box-shadow: none;
}

MadCap|slideshowCaption
{
	background: none;
	color: #000000;
	padding: 0px;
	padding-top: 0px;
	font-family: Lato;
}

html.HomePage
{
	mc-master-page: url('../MasterPages/wc_homepage.flmsp');
	background-color: white;
}

b
{
	font-weight: 700;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-width: 1279px)
{
	#content-section .right-section,
	#content-section .left-section
	{
		padding: 0;
	}

	p.info-title
	{
		font-size: 2em;
	}

	p.info-content
	{
		font-size: 1em;
	}

	div.footer
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	div.home-master-page-footer > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.home-master-page-footer > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.home-master-page-footer > div:nth-child(3)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.home-tiles > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: transparent;
		transition: all 0.5s cubic-bezier(.25,.8,.25,1);
		/*Adds transition animation when switching between screen sizes*/
		-moz-border-radius: 20x;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		border: 1px solid #d3d3d3;
		padding: 60px 10px;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.info-section > div
	{
		text-align: center;
	}

	div.info-section > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	div.info-section > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 5%;
	}

	div.info-section > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	#content-section
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	div.search-container
	{
		margin-bottom: 50px;
	}

	p.tile-title
	{
		font-size: 1.2em;
	}

	p.info-title
	{
		font-size: 2em;
	}

	p.info-content
	{
		font-size: 1em;
	}

	div.home-tiles > div
	{
		margin-top: 2%;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.info-section > div
	{
		text-align: center;
		padding: 0 20px;
	}

	div.info-section > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	div.info-section > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 5%;
	}

	div.info-section > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-master-page-footer > div	/* Adds separators to the footer items when in mobile layout */
	{
		border-bottom: 1px solid #d3d3d3;
	}

	div.home-master-page-footer > div:nth-child(1)
	{
		width: 100%;
	}

	div.home-master-page-footer > div:nth-child(2)
	{
		width: 100%;
	}

	div.home-master-page-footer > div:nth-child(3)
	{
		width: 100%;
	}
}

/*=============================
Footer Styles
==============================*/

div.footer
{
	position: relative;
	float: none;
	margin-top: 100px;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	background-color: white;
	padding-bottom: 120px;
	padding-top: 40px;
}

div.footer_copyright
{
	
}

p.fineprint
{
	color: #7E8890;
	margin-bottom: 0px;
	line-height: 1.30em;
	text-align: center;
	font-size: .8em;
	font-family: 'Lato', sans-serif, Georgia;
	margin-top: 80px;
}

div.footer_logo
{
	float: left;
	vertical-align: middle;
	background-color: #1a1f25;
	width: auto;
}

div.footer_links
{
	color: #7E8890;
	padding-right: 5px;
	vertical-align: text-bottom;
	float: left;
	width: 100%;
	background-color: white;
	height: 3em;
	text-align: center;
	font-size: 1.0em;
	font-family: 'Lato', sans-serif, Georgia;
}

div.social_icons
{
	float: right;
	width: 20%;
}

div.row1
{
	
}

div.row2
{
	
}

h1.Apollo
{
	color: #2ca4b4;
}

h1.DI
{
	color: #2e6bb9;
}

h1.FPA
{
	color: #976dad;
}