/*<meta conditions="import-conditions.core" />*/

@import url('Variables.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*== Home Page General Styles ==*/

body
{
	font-family: Arial;
	color: #002b3f;
}

h1
{
	font-size: 80px;
	line-height: 1;
}

h2
{
	font-size: 40px;
	line-height: 1.125;
}

h3
{
	font-size: 27px;
	line-height: 1.07;
	font-weight: bold;
}

h4
{
	font-size: 22px;
	line-height: 1.09;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

.tagline,
.copyright
{
	opacity: 70%;
}

.container
{
	max-width: 1290px;
	margin: auto;
	padding: 0 30px;
}

.navy
{
	background-color: #002b3f;
}

.forest
{
	background-color: #03755f;
}

.cloud
{
	background-color: #DFE6E8;
}

.light-forest
{
	background-color: #B6D8D1;
}

/*== Home header bar styles ==*/

.inner-wrap .tab-bar .nav-search	/*Prevents the search in the header from appearing on the home page*/
{
	display: none;
}

.inner-wrap .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

.title-bar
{
	box-shadow: 0 -0.06rem 1.06rem -0.12rem rgba(94,113,119,0.29);
}

/*== Home main menu ==*/

.navigation-wrapper
{
	align-self: center;
}

#main-nav
{
	color: #002b3f;
	display: flex;
	/*Prevents a slight difference between other topics and home page*/
	justify-content: flex-end;
	align-items: center;
	max-height: 40px;
	/*Prevents the title bar from growing larger than 80px*/
}

#main-nav .menu:first-child
{
	display: none;
	/*Prevents the version from appearing on the home page*/
}

#main-nav .menu:not(:first-child)
{
	display: flex;
}

#main-nav .menu-text
{
	font-size: 18px;
	font-weight: normal;
}

#main-nav .menu li a
{
	position: relative;
	/*Makes links clickable*/
	color: inherit;
	font-weight: bold;
}

/*#main-nav .menu:not(:first-child) li a::after
{
	content: "";
	background: var(--lime);
	display: block;
	height: 2px;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 2px;
	width: 100%;
	transition: all 0.2s ease;
}

#main-nav .menu:not(:first-child) li a:hover::after
{
	width: 45%;
}*/

/*== Sidenav ==*/

.sidenav-wrapper
{
	display: none;
}

.sidenav-wrapper ul ul.is-accordion-submenu	/*Removes the bottom border of the parent element when open*/
{
	margin-top: -1px;
	border-top: 1px solid #F0F2F3;
	position: relative;
}

/*== home page masterpage styles ==*/

.body-container
{
	padding: 0;
	/*Overrides padding set in the skin*/
}

/*== Home Page Topic Hero section ==*/

div.topic-hero
{
	padding-top: 20px;
	height: auto;
}

/*==Hero styles==*/

.docs-hero-banner-wrapper
{
	padding-bottom: 80px;
}

.docs-hero-banner-container
{
	min-height: 340px;
	color: #ffffff;
	font-weight: bold;
}

.docs-hero-banner-row
{
	display: flex;
	align-items: flex-end;
}

.docs-hero-banner-image
{
	max-height: 340px;
}

.docs-hero-banner-image img
{
	width: 340px;
}

.docs-hero-banner
{
	
}

.highlight
{
	color: #72bf00;
}

/*==Search bar==*/

.search,
.search-bar
{
	width: 80%;
}

.search-bar.mc-component[class*='Skins'] .search-field::placeholder
{
	opacity: 70%;
}

.search-bar.mc-component[class*='Skins'] .search-field:focus::placeholder
{
	color: transparent;
}

/*==Tiles==*/

.docs-home-tiles-wrapper
{
	padding: 80px 0 40px;
}

.docs-home-tiles-wrapper a,
.docs-home-tiles-wrapper a:hover,
.docs-home-tiles-wrapper a:active,
.docs-home-tiles-wrapper a:visited,
.docs-home-more-wrapper a,
.docs-home-more-wrapper a:hover,
.docs-home-more-wrapper a:active,
.docs-home-more-wrapper a:visited
{
	text-decoration: none;
	color: inherit;
}

.docs-home-tiles-container > div.row,
.docs-home-more-container > div.row
{
	display: flex;
	flex-wrap: wrap;
}

.docs-home-more-wrapper
{
	padding: 40px 0;
}

.docs-card
{
	border: 1px solid #DFE6E8;
	height: 100%;
	padding: 30px 30px 0;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.docs-home-tiles-container .docs-card:hover
{
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.18);
}

.docs-home-tiles-container .docs-card
{
	cursor: pointer;
}

.btn-container
{
	padding: 20px 30px;
	border-top: 1px solid #DFE6E8;
	margin: 0 -30px;
}

.btn-container span::after
{
	content: '\279D';
	float: right;
	font-size: 27px;
	line-height: 0.75;
}

.btn
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.btn-cta-container
{
	padding: 20px 0;
}

.btn-cta,
.btn-outline
{
	display: block;
	transition: all 0.2s ease;
	width: max-content;
	padding: 0.75rem 1.75rem;
}

.btn-cta
{
	background: #72bf00;
}

.btn-cta:hover
{
	background: #002b3f;
	color: #72bf00;
}

.btn-outline
{
	border: 2px solid #72bf00;
}

.btn-outline:hover
{
	background: #72bf00;
}

.docs-home-tiles-container div.column,
.docs-home-more-container div.column
{
	margin: 0 0 40px;
}

.docs-home-more-main > span
{
	font-weight: bold;
}

.docs-card-image
{
	min-height: 5rem;
	font-size: 0px;
}

.docs-card-image img
{
	height: 5rem;
}

.docs-card-more-image
{
	min-height: 4rem;
	font-size: 0px;
	display: flex;
}

.docs-card-more-image h4
{
	margin: unset;
	align-self: center;
}

.docs-card-more-image img
{
	height: 4rem;
	padding-right: 30px;
}

/*== Home Page Footer ==*/

/*.body-container	Makes the footer stay at the bottom of the page
{
	display: flex;
}*/

/*.body-container > div[data-mc-content-body]	Makes the footer stay at the bottom of the page
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}*/

div.home-footer
{
	background-color: #002b3f;
	padding: 40px 1em 20px;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #ffffff;
}

.home-footer a,
.home-footer a:hover,
.home-footer a:active,
.home-footer a:visited
{
	text-decoration: none;
	color: #ffffff;
}

.home-footer li
{
	display: inline-block;
	color: #ffffff;
}

.home-footer li:not(:last-of-type)
{
	margin-right: 2rem;
}

.home-footer table
{
	border-collapse: collapse;
}

.home-footer tr:first-of-type
{
	border-bottom: solid 1px #ffffff;
}

.home-footer tr:not(:first-of-type)
{
	font-size: 14px;
}

/*== Scrollbar ==*/

::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track
{
	background: none;
}

::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	background: #BBC3C7;
}

@media only screen and (max-width: 1279px)
{
	/*== Mobile navigation ==*/

	.js-off-canvas-exit
	{
		box-shadow: initial;
		border-right: solid 1px #DFE6E8;
	}

	/*== Main section ==*/

	.main-section	/*Makes the content fit on tablet instead of having a horizontal scroll bar*/
	{
		overflow-y: initial;
	}

	/*== General ==*/
	/*==Hero styles==*/

	.docs-hero-banner-row
	{
		display: flex;
		align-items: center;
	}

	/*== Tiles ==*/
	/*==Visibility classes==*/

	.hide-for-medium,
	.hide-for-medium-only,
	.show-for-small-only,
	.show-for-large-only,
	.show-for-large
	{
		display: none !important;
	}
}

@media only screen and (max-width: 767px)
{
	MadCap|searchBarProxy.homeSearchBar
	{
		width: 100%;
	}

	h1
	{
		font-size: 2.4em;
	}

	h2
	{
		font-size: 1.2em;
	}

	div.topic-hero
	{
		text-align: center;
	}

	/*==Hero styles==*/

	.docs-hero-banner-container
	{
		background: none;
		min-height: 250px;
		display: flex;
		align-items: center;
	}

	/*== Tiles ==*/

	.docs-card
	{
		padding: 30px;
	}

	.docs-card-image
	{
		display: flex;
		justify-content: center;
	}

	.docs-card > h3
	{
		text-align: center;
	}

	.docs-home-more-cards .btn-cta-container
	{
		align-self: center;
	}

	/*==Visibility classes==*/

	.hide-for-small-only,
	.show-for-medium-only,
	.show-for-large-only,
	.show-for-medium,
	.show-for-large
	{
		display: none !important;
	}
}

