/*<meta />*/

/* Import colors from common css */

@import url('rn-common.css');

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

html
{
	font-size: 1rem;
}

/*==================== General styles =======================*/

body
{
	font-family: 'Sage UI', Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}

h1,
h2,
h3,
p
{
	font-family: 'Sage UI', Helvetica, Arial, sans-serif;
	color: #000;
}

h1
{
	font-size: 3rem;
	font-weight: 500;
	color: #000;
}

h2
{
	font-size: 2rem;
	line-height: 140%;
	margin-bottom: 16px;
}

p
{
	font-size: 1rem;
}

div.rn-lp-container
{
	
}

div.rn-lp-section-container
{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	box-sizing: border-box;
}

div.height-container
{
	min-height: 100vh !important;
}

div.height-container-sidenav
{
	padding-bottom: 0;
}

div.rn-lp-section
{
	padding: 30px 10%;
}

/*================== Hero ============================*/

div.rn-lp-hero-container
{
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

div.rn-lp-hero-image
{
	width: 100%;
	height: 100%;
	position: relative;
}

div.rn-lp-hero-image::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

img.rn-lp-hero
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom center;
	opacity: 0.8;
}

div.rn-lp-hero-left-container
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	max-width: 50%;
	height: 100%;
	padding: 0 10%;
	box-sizing: border-box;
}

div.rn-lp-hero-text p
{
	margin: 0 0 25px 0;
	font-size: 1.25rem;
	line-height: 1.5;
}

div.rn-lp-hero-button p
{
	display: inline-block;
	margin: 0;
	padding: 12px 24px;
	background-color: #00732f;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 4px;
}

div.rn-lp-hero-button p:hover
{
	background-color: #fff;
	border: 1px solid #00732f;
	color: #00732f;
}

/* ============ Banner ===========================*/

div.rn-lp-banner-wrapper
{
	align-content: middle;
	background-color: #e6f3ee;
	border-radius: 16px;
	height: 80px;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;
	width: 80%;
	z-index: 1000;
}

div.rn-lp-banner-container
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

div.rn-lp-banner-content
{
	align-items: center;
	display: flex;
	height: 80px;
}

div.rn-lp-banner-content p
{
	font-size: 1.3rem;
}

/*============= Highlights =======================*/

div.rn-lp-highlight-container
{
	display: flex;
	flex-direction: column;
}

div.rn-lp-highlight-title
{
	
}

div.rn-lp-highlight-tile-container
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin: 30px 0;
}

div.rn-lp-highlight-tile
{
	border: 1px solid transparent;
	display: flex;
	flex-direction: column;
	min-width: 375px;
	max-width: 375px;
	height: 225px;
	border-radius: 24px;
	background-color: #f2f5f6;
	padding: 16px;
	align-items: center;
	mc-disabled: true;
}

div.rn-lp-highlight-tile:hover
{
	background-color: #fff;
	border: 1px solid #007e45;
}

img.rn-highlight
{
	width: 50px;
}

p.rn-lp-highlight-tile-title
{
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 140%;
	margin-block: 12px;
}

p.rn-lp-highlight-tile-description
{
	font-weight: 400;
	font-size: 1rem;
	margin-top: 0;
}

/*=============== Recent releases ==============*/

div.rn-lp-recent-releases-container
{
	display: flex;
	flex-direction: column;
	background-color: #f2f5f6;
}

div.rn-lp-recent-releases-title
{
	
}

div.rn-lp-recent-releases-tile-container
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin: 30px 0;
}

div.rn-lp-recent-releases-tile
{
	border: 1px solid transparent;
	min-width: 270px;
	max-width: 270px;
	padding: 16px;
	background-color: #fff;
	border-radius: 24px;
}

a.rn-lp-plain,
a.rn-lp-plain:visited,
a.rn-lp-plain:focus
{
	text-decoration: none;
}

div.rn-lp-recent-releases-tile:hover
{
	border: 1px solid #007e45;
}

div.rn-lp-recent-releases-tile:hover p
{
	color: #007e45;
}

p.rn-lp-recent-releases-tile-title
{
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 140%;
}

p.rn-lp-recent-releases-tile-description
{
	font-weight: 400;
	font-size: 1rem;
}

/*================== Release webinar and calendar =========================*/

div.rn-lp-release-elements1-container
{
	display: flex;
	flex-direction: row;
	gap: 50px;
}

div.rn-lp-release-webinar-container,
div.rn-lp-release-calendar-container
{
	display: flex;
	flex-direction: column;
	flex: 1;
}

div.rn-lp-release-webinar-layout-container,
div.rn-lp-release-calendar-layout-container
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 25px;
}

div.rn-lp-release-webinar-layout-text,
div.rn-lp-release-calendar-layout-text
{
	flex: 1;
	min-width: 0;
}

div.rn-lp-release-webinar-image
{
	align-content: center;
	background-color: #000;
	border-radius: 24px;
	margin-top: 10px;
	padding: 10px;
	height: 226px;
	width: 397px;
}

div.rn-lp-release-calendar-layout-image,
div.rn-lp-release-calendar-layout-text
{
	padding: 10px;
	flex: 1;
	min-width: 0;
}

img.rn-lp-release-calendar-image
{
	border-radius: 24px;
	height: 226px;
	width: 400px;
}

/*----------------- FAQ/Account manager ------------------------------*/

div.rn-lp-release-elements2-container
{
	display: flex;
	flex-direction: row;
	padding: 40px 10% 150px 10%;
}

div.rn-lp-about-releases-container
{
	flex: 0 0 40%;
	display: flex;
	flex-direction: column;
}

div.rn-lp-account-manager-container
{
	border: 1px solid #E6EBED;
	border-radius: 16px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);
	display: flex;
	flex: 0 0 60%;
	gap: 20px;
	height: 325px;
	overflow: hidden;
}

div.rn-lp-account-manager-container > *
{
	flex: 1;
	min-width: 0;
	position: relative;
}

div.rn-lp-account-manager-tile
{
	flex: 1;
	min-width: 0;
	position: relative;
}

div.rn-lp-account-manager-text
{
	padding-left: 20px;
	padding-right: 10px;
}

img.rn-lp-account-manager
{
	width: 100%;
	max-width: 100%;
	height: 325px;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

MadCap|dropDown.rn-lp-dropdown
{
	background-color: #fff;
	display: block;
	margin-bottom: 5px;
}

MadCap|dropDownHotspot.rn-lp-dropdown
{
	font-size: 1rem;
}

MadCap|dropDownHotspot.rn-lp-dropdown:hover
{
	font-size: 1rem;
	text-decoration: underline;
}

/*--------------------- Get Connected ---------------------------------*/

div.rn-lp-get-connected-tile-container
{
	background-color: #000;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

div.rn-lp-get-connected-tile
{
	display: flex;
	flex-direction: column;
	width: 350px;
	align-content: center;
}

div.rn-lp-get-connected-title h2,
div.rn-lp-get-connected-description p
{
	color: #fff;
}

a.rn-lp-button
{
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 2px solid #fff;
	border-radius: 9999px;
	color: #fff;
	text-decoration: none;
	font-size: 1.125rem;
	font-weight: 500;
	cursor: pointer;
}

a.rn-lp-button:hover
{
	background-color: #fff;
	color: #000;
}

a.rn-lp-button:focus
{
	outline: 2px solid;
	outline-offset: 2px;
}

/*------------------- Footer/copyright ---------------------------------*/

div.rn-lp-footer
{
	margin-left: 25px;
	margin-top: auto;
}

/*---------------- Media queries --------------------------------------*/

@media screen and (max-width: 1440px)
{
	div.rn-lp-hero-left-container
	{
		padding: 0 50px;
	}

	div.rn-lp-section
	{
		padding: 50px;
	}

	div.rn-lp-release-elements1-container
	{
		gap: 30px;
	}

	div.rn-lp-release-webinar-image,
	img.rn-lp-release-calendar-image
	{
		height: 175px;
		width: 300px;
	}
}

@media screen and (max-width: 1280px)
{
	div.rn-lp-hero-left-container
	{
		padding: 0 30px;
	}

	div.rn-lp-section
	{
		padding: 30px;
	}

	div.rn-lp-release-webinar-layout-container,
	div.rn-lp-release-calendar-layout-container
	{
		gap: 15px;
	}

	div.rn-lp-release-elements2-container
	{
		padding: 40px 30px 150px 30px;
	}

	div.rn-lp-release-calendar-layout-container
	{
		gap: 10px;
	}
}

@media screen and (max-width: 1024px)
{
	div.rn-lp-release-webinar-layout-container,
	div.rn-lp-release-calendar-layout-container
	{
		flex-direction: column;
	}

	div.rn-lp-release-elements2-container
	{
		flex-direction: column;
	}

	div.rn-lp-about-releases-container
	{
		flex: 1 1 auto;
		order: 2;
		padding-top: 30px;
	}

	div.rn-lp-account-manager-container
	{
		flex: 1 1 auto;
		order: 1;
	}
}

@media screen and (max-width: 768px)
{
	
}