/*<meta />*/

@import url('Topics.css');

@import url('Mobile.css');

/* Nav bar */
/* Home page tiles */

.section
{
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.tile-display
{
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}

.tile-display > div.normal
{
	margin-left: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 230px;
	height: 190px;
	margin-right: 2%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	/*	border-color: white; */
	border-color: #16325a;
	box-shadow: 1px 1px 16px #ccc;
	padding: 10px;
}

.tile-display > div
{
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 15%;
}

/*** Insert background images for tile divs here ***/

.tile-display > div.about
{
	background-image: url('../images/bpicons/WhatsNew@2x.png');
}

.tile-display > div.provisioning
{
	background-image: url('../images/bpicons/Settings@2x.png');
}

.tile-display > div.faqs
{
	background-image: url('../Images/BpIcons/FAQ@2x.png');
}

.tile-display > div.marketing
{
	background-image: url('../images/bpicons/UsingApp@2x.png');
}

.tile-display > div.normal:hover
{
	box-shadow: 1px 1px 16px grey;
}

.tile-display > div.normal p
{
	text-align: center;
	font-weight: 800;
	margin-top: 115px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.tile-display > div.normal p a:link,
.tile-display > div.normal p a:visited,
.tile-display > div.normal p a:hover
{
	text-decoration: none;
	font-weight: 600;
	font-size: 1em;
	color: #16325a;
	transition: all 0.08s;
	justify-content: center;
}

#videolibrary
{
	background-color: #E3E4E4;
	padding-bottom: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#videolibrary div
{
	text-align: center;
	width: 110px;
	background-color: #3EBDAD;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	border-color: #3EBDAD;
	background-color: #3EBDAD;
	cursor: pointer;
	font-weight: bold;
}

#videolibrary > div p a,
#videolibrary > div p,
#videolibrary > div p a:hover
{
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	margin: 0px;
}

p.footerText > a:hover
{
	text-decoration: underline;
}

hr
{
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* Lose padding on small viewport */

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

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

	.tile-display > div.normal
	{
		width: 260px;
	}

	.SearchBarHome
	{
		width: 80%;
	}
}

#footer
{
	margin-top: 315px;
}