/*<meta />*/

/*== General ==*/

.container
{
	mc-hidden: hidden;
	max-width: var(--max-width);
	margin: auto;
	padding: 0 var(--space-width);
}

/*== Tiles ==*/

.docs-home-tiles-wrapper
{
	mc-hidden: hidden;
	padding: var(--space-height) 0;
	box-shadow: 0 -1rem 2rem -1rem rgba(255, 255, 255, 0.7);
}

.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:active,
.docs-home-more-wrapper a:visited,
.docs-landing-tiles-wrapper a,
.docs-landing-tiles-wrapper a:hover,
.docs-landing-tiles-wrapper a:active,
.docs-landing-tiles-wrapper a:visited
{
	mc-hidden: hidden;
	text-decoration: none;
	color: inherit;
}

.docs-home-tiles-container > div.row,
.docs-home-more-container > div.row,
.docs-landing-tiles-container > div.row
{
	mc-hidden: hidden;
	display: flex;
	flex-wrap: wrap;
}

.docs-home-tiles-container div.column,
.docs-home-more-container div.column,
.docs-landing-tiles-container div.column
{
	mc-hidden: hidden;
	margin: 0 0 var(--space-height);
}

.docs-home-more-wrapper
{
	mc-hidden: hidden;
	padding: var(--space-height) 0;
	background: linear-gradient(180deg, var(--light-cloud) 0%, transparent 100%);
}

.docs-home-more-container
{
	mc-hidden: hidden;
	padding-bottom: var(--space-height);
}

.docs-card
{
	mc-hidden: hidden;
	border: 1px solid var(--cloud);
	height: 100%;
	padding: var(--space-width) var(--space-width) 0;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	border-radius: var(--radius-s);
}

.docs-home-tiles-container .docs-card:hover,
.docs-landing-tiles-container .docs-card:hover
{
	mc-hidden: hidden;
	box-shadow: var(--shadow-light-m);
}

.docs-card-title
{
	mc-hidden: hidden;
	font-size: var(--text-h6);
	line-height: var(--line-height-h6);
	font-weight: 700;
	color: var(--navy);
}

.docs-landing-tiles-wrapper
{
	mc-hidden: hidden;
	margin-top: var(--space-height-double);
}

.docs-landing-tiles-container .docs-card-title
{
	mc-hidden: hidden;
	font-size: var(--text-body-hero);
	line-height: var(--line-height-body-hero);
}

.docs-landing-tiles-container p
{
	mc-hidden: hidden;
	margin-top: 0;
	margin-bottom: 0;
}

.docs-landing-tiles-container .docs-card
{
	mc-hidden: hidden;
	padding: var(--padding);
}

.docs-landing-tiles-container .btn-arrow-large::after
{
	mc-hidden: hidden;
	mask-position: 0 50%;
}

/*== New tiles ==*/
/* Large tiles */

.docs-large-tile
{
	mc-hidden: hidden;
	flex-direction: row;
}

.docs-card-left
{
	mc-hidden: hidden;
	display: flex;
}

.docs-large-tile .docs-card-left
{
	mc-hidden: hidden;
	flex: 2;
}

.docs-tile-image img
{
	mc-hidden: hidden;
	margin-right: var(--padding-width);
}

.docs-card-content
{
	mc-hidden: hidden;
	display: flex;
	flex-direction: column;
}

.docs-card-right
{
	mc-hidden: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.docs-large-tile .docs-card-right
{
	mc-hidden: hidden;
	flex: 3;
}

.docs-card-links
{
	mc-hidden: hidden;
	display: flex;
	padding-bottom: var(--padding-width);
	color: var(--navy);
}

.docs-card-link-column
{
	mc-hidden: hidden;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.docs-card-link-column a
{
	mc-hidden: hidden;
	font-weight: 700;
	line-height: var(--line-height-body-hero);
	width: fit-content;
}

.docs-card-link-column a:hover
{
	mc-hidden: hidden;
	text-decoration: underline;
}

.docs-card-see-all
{
	mc-hidden: hidden;
	padding: var(--space-height-half) var(--space-width) var(--space-height-half) 0;
	border-top: 1px solid var(--cloud);
	color: var(--navy);
}

.docs-card-see-all.no-border
{
	mc-hidden: hidden;
	border: none;
}

/* Medium tiles */

.docs-medium-tile .docs-card-right
{
	mc-hidden: hidden;
	padding: var(--padding-width) 0 0 calc(4rem + var(--padding-width));
}

/* Small tiles */

.docs-small-tile
{
	mc-hidden: hidden;
	flex-direction: row;
	padding-bottom: var(--padding-width);
}

.docs-small-tile .docs-card-left
{
	mc-hidden: hidden;
	flex-grow: 1;
}

.docs-small-tile .docs-card-content
{
	mc-hidden: hidden;
	justify-content: space-between;
}

/* Backgrounds */

.docs-home-tiles-wrapper .docs-large-tile,
.docs-home-tiles-wrapper .docs-medium-tile
{
	mc-hidden: hidden;
	background: #ffffff url(../../Images/Web/bg-hero-products.svg) no-repeat bottom;
}

/* Tile buttons and links */

.btn-arrow::after,
.btn-arrow-large::after
{
	mc-hidden: hidden;
	content: '';
	padding-left: var(--space-width);
	mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="auto" viewBox="0 0 15.869 14"><path d="M15.733 7.45c.013-.019.021-.04.032-.059a.72.72 0 00.042-.08c.011-.026.017-.053.025-.08s.016-.046.021-.071a.8.8 0 000-.317c0-.025-.014-.047-.021-.071s-.014-.054-.025-.08a.822.822 0 00-.042-.08c-.011-.02-.019-.04-.032-.059a.818.818 0 00-.1-.124L9.444.24a.81.81 0 00-1.146 1.146L13.1 6.192H.811a.81.81 0 100 1.621H13.1l-4.806 4.806a.81.81 0 101.146 1.146l6.189-6.189a.815.815 0 00.104-.126z"></path></svg>') no-repeat;
	background-color: currentColor;
}

.btn-arrow::after
{
	mc-hidden: hidden;
	mask-size: 0.9rem;
	mask-position: 60% 50%;
}

.btn-arrow-large::after
{
	mc-hidden: hidden;
	mask-position: 100% 0%;
	margin-left: -0.5rem;
}

.docs-large-tile a.btn-arrow:after,
.docs-medium-tile a.btn-arrow:after,
.docs-home-more-wrapper a.btn-arrow:after
{
	mc-hidden: hidden;
	color: var(--lime);
}

.docs-home-more-wrapper a.btn-arrow:hover
{
	mc-hidden: hidden;
	color: var(--lime);
}

.docs-card-arrow
{
	mc-hidden: hidden;
	color: var(--lime);
	align-self: center;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
}

.btn
{
	mc-hidden: hidden;
	font-weight: 700;
	text-decoration: none;
}

.btn-cta-container
{
	mc-hidden: hidden;
	padding: var(--space-height-half) 0;
}

.docs-home-more-wrapper a:hover
{
	mc-hidden: hidden;
	color: #fff;
}

/* Images */

.docs-card-image
{
	mc-hidden: hidden;
	min-height: 4rem;
	font-size: 0px;
}

.docs-card-image img
{
	mc-hidden: hidden;
	height: 4rem;
}

.docs-card-more-image
{
	mc-hidden: hidden;
	min-height: 4rem;
	font-size: 0px;
	display: flex;
	align-items: center;
}

.docs-card-more-image img
{
	mc-hidden: hidden;
	height: 4rem;
	padding-right: var(--space-width);
}

.docs-home-resources-cards
{
	mc-hidden: hidden;
	background: var(--navy) url('../../Images/Web/Resources.svg') no-repeat;
	background-size: cover;
	border-radius: var(--radius-m);
}

.docs-home-resources-cards .docs-card
{
	mc-hidden: hidden;
	background-color: transparent;
	color: #fff;
	border: none;
	justify-content: space-between;
}

.docs-home-resources-cards .docs-card .docs-card-title
{
	mc-hidden: hidden;
	color: #fff;
}

@media only screen and (max-width: 1023px)
{
	/*== Tiles ==*/

	.docs-large-tile
	{
		mc-hidden: hidden;
		flex-direction: column;
	}

	.docs-large-tile .docs-card-left,
	.docs-large-tile .docs-card-right
	{
		mc-hidden: hidden;
		width: 100%;
	}

	.docs-large-tile .docs-card-right
	{
		mc-hidden: hidden;
		padding: var(--padding-width) 0 0 calc(4rem + var(--padding-width));
	}

	/*== Visibility classes ==*/

	.hide-for-medium,
	.hide-for-medium-only,
	.show-for-small-only,
	.show-for-large-only,
	.show-for-large
	{
		mc-hidden: hidden;
		display: none !important;
	}
}

@media only screen and (max-width: 639px)
{
	/*== Tiles ==*/

	.docs-card
	{
		mc-hidden: hidden;
		padding: var(--space-width);
	}

	.docs-card-title
	{
		mc-hidden: hidden;
		text-align: center;
	}

	.docs-card-details
	{
		mc-hidden: hidden;
		padding: 0 0 20px;
		align-self: center;
	}

	.docs-home-more-cards .btn-cta-container
	{
		mc-hidden: hidden;
		align-self: center;
	}

	.docs-home-more-container div.column
	{
		mc-hidden: hidden;
		margin: 0;
	}

	.docs-card-content
	{
		mc-hidden: hidden;
		flex-grow: 1;
	}

	.docs-large-tile .docs-card-links
	{
		mc-hidden: hidden;
		flex-direction: column;
	}

	/*== Visibility classes ==*/

	.hide-for-small-only,
	.show-for-medium-only,
	.show-for-large-only,
	.show-for-medium,
	.show-for-large
	{
		mc-hidden: hidden;
		display: none !important;
	}
}