﻿/*<meta />*/

/* These are the divs that contain the Body Proxy and content */

/*div.body
{
	background-color: #ffffff;
	margin: 2% 4% 0 0;
}*/


/*div.main-section
{
	min-height: 100%;
}*/

/*==Home Page General Styles==*/

/*body
{
	font-family: 'Calibri', Arial, san-serif;
	background: #F7F8FA !important;
}*/

h1
{
	font-size: 24pt;
	margin: 2% 0 3% 0;
}

p
{
	color: #5a5a5a;
	margin-bottom: 8px;
	margin-top: 8px;
}

/*==Home Tiles section==*/
  
div.home-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4%;
	margin-bottom: 2%;
}

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: #fff;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 4px solid #eaeaea;
	border-radius: 3px;
	padding: 0;
	height: 300px;
	overflow: hidden;
}

div.home-tiles > div:hover
{
	border-bottom: 4px solid #f16c20;
	transition: all ease 0.55s; 
}

div.home-tiles > div:nth-child(1)
{
	width: 24%;
	margin-left: 12%;
}

div.home-tiles > div:nth-child(2)
{
	width: 24%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(3)
{
	width: 24%;
	margin-left: 2%;
}

/* Elements for text contained within each home-tile */

a.tile
{
	display: block;
	height: 300px;
}

div.inner-tile
{
	padding: 30px 10px;
}
	
p.tile-title
{
	text-align: center;
	color: #313131!important;
	font-size: 16px;
	line-height: 22px;
	margin-left: 0 !important;
	padding: 16px;
}

p.tile-subtitle
{
	text-align: center;
	font-size: 11pt;
	color: #57585b;
	margin-left: 0 !important;
}

p.tile-content
{
	color: #d68331!important;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	margin-left: 0 !important;
}

p.tile-content > img
{
	width: 75%;
}

/*Complex Selector: Links within the home tiles will have the following properties*/

div.home-tiles a 
{
	text-decoration: none;
	color: #4F83BE;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/

div.home-tiles a:hover 
{
	color: #9e1b32;
}

/* Home Page Footer */

div.footer
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	margin-bottom: 0;
	background-color: #ffffff !important;
	border-top: 3px solid #49aa48;
	height: 92px;
}

div.footer::before
{
	content: ' ';
	display: table;
}

div.footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0px;
	overflow: hidden;
}

div.footer > div:nth-child(1)
{
	width: 37%;
	margin-left: 12%;
}

div.footer > div:nth-child(2)
{
	width: 37%;
	margin-left: 2%;
	margin-right: 12%;
}

.footer a
{
	text-decoration: none;
	color: #DADADA;
}

p.footer
{
	text-align: right;
	margin-bottom: 0 !important;
}

.footer-logo
{
	max-width: 30%;
	margin-top: 10px;
}

.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;
}

.footer p > a img
{
	max-width: 30px;
}

p.copyrightFooter-home
{
	font-family: Arial;
	font-size: 8pt;
	color: #808080;
	margin-top: 8pt;
	padding-top: 0;
	margin-left: 12%;
}

/* Tablet styles */	

@media only screen and (max-width: 1279px)
{
	
	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%;
	}
	
	p.tile-content,
	p.tile-title
	{
		font-size: 14px;
		line-height: 18px;
	}
	
	div.home-tiles > div
	{
		height: 260px;
	}
	
	a.tile
	{
		height: 260px;
	}
	
	h1#results-heading
	{
		font-size: 18pt;
	}
	
	#resultList .description
	{
		font-size: 10pt;
		line-height: 140%;
	}
}

/* Mobile styles */

@media only screen and (max-width: 767px)
{	
	h1
	{
		font-size: 20pt;
		margin: 3% 0 2% 0;
	}
	
	p.tile-title
	{
		font-size: 14pt;
	}

	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%;
	}
	
	p.tile-content,
	p.tile-title
	{
		font-size: 14px;
		line-height: 18px;
	}
	
	div.footer > div:nth-child(1)
	{
		width: 34%;
		margin-left: 5%;
	}

	div.footer > div:nth-child(2)
	{
		width: 56%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-top: 10px;
	}
	
	.footer-logo
	{
		max-width: 78%;
	}
	
	p.footer
	{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		font-size: 12px;
	}
	
	.footer p > a img
	{
		max-width: 20px;
	}
	
	p.copyrightFooter-home
	{
		margin-top: 40pt;
		margin-left: 5%;
	}
}