/*<meta />*/

/*
 * purpose: Global stylesheet for Galvanize content
 * authors: paulo_amaral, michelle_vinci, ian_alton
 * created: 2016-04-06 paulo_amaral
 * updated: 2019-06-27 michelle_vinci
 */

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

/* web font import for body */

@font-face {
	font-family: 'produkt';
	src: url('../fonts/produkt/Produkt-Light-Web.woff') format('woff'), url('../fonts/produkt/Produkt-Light-Web.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: 'ibmPlexSans';
	src: url('../fonts/plex/IBMPlexSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: 'ibmPlexSans';
	src: url('../fonts/plex/IBMPlexSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
} 

@font-face {
	font-family: 'ibmPlexSans';
	src: url('../fonts/plex/IBMPlexSans-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
} 

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fontawesome/webfonts/fa-solid-900.eot");
  src: url("../fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
} 

.fa,
.fas
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

body
{
	font-family: "ibmPlexSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: rgb(47, 51, 55);
	/* 2D3337 */
	/*ACL Marketing style*/
	/*#3F3D3C; GRC style*/
	line-height: 1.7;
	/* unitless spec as per styling recommendations of MDN: The computed value is the same as the specified <number>. In most cases this is the preferred way to set line-height with no unexpected results in case of inheritance.*/
	margin-left: auto;
	margin-right: auto;
	max-width: 90em;
	padding-left: 2.25em;
	padding-right: 2.25em;
}

body.no-search div.nav-search
{
	display: none;
}

body.no-top-nav div.navigation-wrapper,
body.no-top-nav span#product-name
{
	display: none;
}

/* Hide side columns in the search results page */

html.searchTopic div#table-of-contents-container-column,
html.searchTopic div#on-this-page-column
{
	display: none !important;
}

/* Move the search results to the left on the search results page */

html.searchTopic div#body-and-on-page-container
{
	float: left !important;
}

.off-canvas-content
{
	overflow-x: hidden;
	overflow-y: auto;
}

p.pseudo-header
{
	font-size: 1.0em;
	font-weight: bold;
}

/* Keeps the logo aligned vertically with the search bar at larger screen widths. This overrides a weird CSS decision inherited from Flare */

@media only screen and (min-width: 1024px)
{
	a.logo
	{
		margin-top: 10px !important;
	}
}

/* td.pdf-target-only {
	mc-conditions: 'medium.print_only';
} */

img.inline
{
	display: inline;
	vertical-align: middle;
}

img.product-icon
{
	color: #000;
	height: 1.5em;
	width: 1.5em;
	margin-right: 5px;
	vertical-align: middle;
}

a.lightbox-me > img
{
	cursor: zoom-in;
	max-width: 100%;
}

.arrow
{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 7px;
}

.arrow-up
{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
}

.arrow-down
{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;
}

.arrow-right
{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #fff;
}

.arrow-left
{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 7px solid #fff;
}

div#universal-nav
{
	width: 100%;
	background-color: #fafafa;
}

div#universal-nav div.row
{
	max-width: 90rem;
}

div#universal-nav #app-switcher
{
	height: 1em;
	vertical-align: middle;
}

div#universal-nav .app-switcher
{
	padding: 0em 1em;
	display: inline-block;
	margin-right: 1em;
	line-height: 2.5em;
	background-color: #8a8a8a;
	transition: 0.3s;
}

div#universal-nav .app-switcher:hover
{
	background-color: #785cba;
}

div#universal-nav-menu
{
	z-index: 1000;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 0;
	background-color: #fafafa;
	border-bottom: 1px solid #E6E3DF;
	display: none;
}

div#universal-nav-menu div.row
{
	max-width: 90rem;
}

p.universal-nav-category
{
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid #E6E3DF;
	padding-bottom: 10px;
}

ul.universal-nav-list
{
	padding-left: 0;
	margin-bottom: 1.5em;
}

ul.universal-nav-list li
{
	list-style-type: none;
}

ul.universal-nav-list .MCDropDown_Closed
{
	font-weight: normal;
}

ul.universal-nav-list div.version-list
{
	padding-bottom: 15px;
}

@media screen and (max-width: 1023px)
{
	.navtitle
	{
		padding-top: 0px;
	}

	ul.top-half
	{
		margin-bottom: 0 !important;
	}

	ul.bottom-half
	{
		margin-top: 0 !important;
	}
}

@media screen and (min-width: 1024px)
{
	ul.universal-nav-list div.version-list
	{
		padding-bottom: 0px;
	}
}

div.topicToolbarProxy
{
	margin-left: 0px;
}

.message-banner
{
	background-color: #fafafa;
	padding: 0.75rem;
	margin: 1rem 0;
	border-radius: 3px;
}

.edition-banner
{
	background-color: rgba(240,161,23,0.10);
	padding: 0.75rem;
	margin: 15px 0px;
	border-radius: 3px;
	display: -webkit-box;
	line-height: 2em;
}

.edition-banner img.inline
{
	margin-bottom: 5px;
	/* Offsets the crown icon slightly to ensure its visual weight is better aligned with the premium statement  */
	margin-right: 15px;
}

nav.page-table-contents
{
	word-wrap: break-word;
	margin-bottom: 50px;
}

div#language
{
	margin-bottom: 50px;
}

@media screen and (max-width: 1023px)
{
	div#language
	{
		margin-top: 50px;
	}
}

ul[data-mc-side-menu="True"]
{
	padding-left: 0px;
}

ul[data-mc-side-menu="True"] ul.sub-menu
{
	border: none;
}

span.SearchHighlight
{
	background: #ffff00;
}

#empty-column
{
	min-height: 1px;
}

/* responsive side nav movement */

#on-this-page-container
{
	display: block;
}

#mc-main-content nav.page-table-contents
{
	display: none;
}

@media screen and (max-width: 1023px)
{
	#table-of-contents-container-column ul.menu._Skins_menu_proxy.mc-component,
	#on-this-page-container
	{
		display: none;
	}

	#mc-main-content nav.page-table-contents
	{
		display: block;
		margin: 50px 0 0;
	}

	#toolbar div.topicToolbarProxy
	{
		margin-left: 0px;
		float: left !important;
	}
}

/* end responsive side nav movement */

nav.page-table-contents a
{
	text-decoration: none;
}

.navtitle
{
	font-size: 1em;
	font-family: "ibmPlexSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0px auto 15px auto;
}

nav.page-table-contents ul,
div#feedback-was-not-helpful ul
{
	list-style-type: none;
	padding: 0;
	margin: auto;
}

nav.page-table-contents ul li,
div#feedback-was-not-helpful ul li
{
	padding-left: 0;
	margin-bottom: 15px;
	line-height: 1.3;
}

section.release-notes
{
	margin-top: 20px;
	clear: both;
}

section.release-notes h2,
section.release-notes h3
{
	float: left;
	width: 20%;
	margin: 10px 0;
	font-size: 1.125em;
}

section.release-notes ul
{
	float: left;
	list-style: none;
	margin: 0 0 20px 0;
	width: 75%;
}

section.release-notes ul ul
{
	float: none;
	list-style: disc;
}

section.release-notes ul ul li
{
	padding: 5px;
}

section.release-notes ul li
{
	padding: 15px;
	margin-left: 20px;
}

section.release-notes ul li:nth-child(odd)
{
	background-color: #f6f6f9;
}

section.release-notes ul ul li:nth-child(odd)
{
	background-color: transparent;
}

section.release-notes
{
	margin: 20px 0;
	padding: 30px 0;
	border-top: 1px solid #dcdcdc;
}

img.release-icon
{
	vertical-align: middle;
}

/* Heading styles as per corp style guide */
/* size scale based on style guide */

h1,
h2,
h3:not(.title),
h4,
h5,
h6,
.glossaryPageNav,
.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	font-family: 'produkt', verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	color: rgba(47, 51, 55, .8);
	/*ACL Marketing style*/
	/*#3F3D3C; GRC style*/
	page-break-after: avoid;
}

/* overwrites the default MadCap Flare styling for the number of search reuslts */

h1#results-heading
{
	font-family: "ibmPlexSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
}

/* Make micro-content fully visible since, if we've written it, we want it to be used */

div.micro-response
{
	max-height: none !important;
}

/* Turn off the transition effect that is used to indicate expandable microcontent since we show it all */

div.micro-content-expand-transition
{
	display: none !important;
}

/* Turn off the button to expand micro-content */

button.micro-content-expand
{
	display: none !important;
}

div.micro-content div.micro-response
{
	padding: 0px !important;
}

div.micro-content h1
{
	font-size: 2em;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.3;
}

div.micro-content h2
{
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.3;
}

div.micro-content h3
{
	font-size: 1.2em !important;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.3;
}

h1
{
	font-size: 3.052em;
	margin: 0px 0px 35px -4px;
	line-height: 1.3;
}

h1.release-notes,
h1.admin-section,
h1.quick-start,
h1.user-section,
h1.videos,
h1.general-info,
h1.troubleshooting,
h1.scripting,
h1.basic-scripting,
h1.lang-ref
{
	background-repeat: no-repeat;
	background-position: 0%;
	padding-left: 2em;
}

h1.scripting
{
	background-image: url('../../images/background_icons/scripting.png');
}

h1.basic-scripting
{
	background-image: url('../../images/background_icons/basic_scripting.png');
}

h1.lang-ref
{
	background-image: url('../../images/background_icons/lang_ref.png');
}

h1.troubleshooting
{
	background-image: url('../../images/background_icons/troubleshooting.png');
}

h1.general-info
{
	background-image: url('../../images/background_icons/general_info.png');
}

h1.release-notes
{
	background-image: url('../../images/background_icons/release_notes.png');
}

h1.admin-section
{
	background-image: url('../../images/background_icons/admin_section.png');
}

h1.quick-start
{
	background-image: url('../../images/background_icons/quick_start.png');
}

h1.user-section
{
	background-image: url('../../images/background_icons/user_section.png');
}

h1.videos
{
	background-image: url('../../images/background_icons/videos.png');
}

h2,
div.GlossaryPageHeading
{
	font-size: 2.241em;
	margin-top: 50px;
	margin-bottom: 15px;
	line-height: 1.3;
}

div.GlossaryPageHeading
{
	border: none;
	background-color: #f6f6f9;
	padding: 0.5em;
}

h2.pipar
{
	background-image: url("../../images/background_icons/pipar.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

section.release-notes + h2
{
	clear: both;
}

h2.faq-question
{
	font-size: 1.0em;
	font-weight: bold;
}

h3:not(.title):not(.panel-title)
{
	font-size: 1.953em;
	margin-bottom: 15px;
	line-height: 1.6;
}

section.release-notes h3
{
	margin-top: 0px !important;
	font-size: 1.5em !important;
}

/* solution guide card styling */

div.cards h3
{
	font-size: 1.17em !important;
	margin: 18px 0;
}

h4
{
	font-size: 1.563em;
	margin-top: 30px;
	line-height: 1.5;
	margin-bottom: 15px;
}

h5
{
	font-size: 1.25em;
	margin-top: 25px;
	margin-bottom: 15px;
}

h6
{
	font-size: 1em;
	margin-top: 25px;
	font-weight: bold;
}

br
{
	line-height: 2.5rem;
}

div.GlossaryPageTerm
{
	font-weight: bold;
	margin-bottom: .5em;
}

hr
{
	margin: 40px 0;
}

p
{
	margin-top: 0px;
	margin-bottom: 15px;
}

p.small-text
{
	font-size: 0.75em;
}

.back-to-top
{
	position: relative;
	top: 3rem;
}

footer
{
	margin: 75px 0 0 0;
	padding-top: 25px;
	border-top: 1px solid #cfcfcf;
	clear: both;
	display: inline-block;
	width: 100%;
}

.GlossaryPageEntry
{
	margin: 2em 0;
	max-width: 70%;
}

.GlossaryPageDefinition
{
	margin-left: 3em;
}

.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	text-decoration: none;
	font-weight: normal;
	font-size: 1.5em;
	color: #0A1612;
}

MadCap|glossaryProxy,
ul.glossary-list
{
	list-style-type: none;
	cursor: default;
	border: none;
	padding-left: 0;
}

div#madcap-content-area,
div#breadcrumbs-area
{
	padding-top: 20px;
}

.center-text
{
	text-align: center;
}

.right-text
{
	float: right;
}

td.numeric-col,
th.numeric-col
{
	text-align: right;
}

.img-header
{
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}

/* code related styling */

pre
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: .9em;
	color: #444;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	/* styling for word wrapping code blocks without line breaks */
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	/*clear: both;*/
}

pre.spacebelow
{
	margin-bottom: 2.5em;
}

code
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: .9em;
	color: #444;
	padding: 3px;
	background: #F7F7F7;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.code
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: .9em;
	color: #444;
	padding: 3px;
	background: #F7F7F7;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.column-left-2 img,
.column-left-3 img,
.column-middle-3 img,
.column-right-2 img,
.column-right-3 img
{
	margin-top: 20px;
}

/* panel styling */

.panel
{
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 15px 0;
}

.panel-title
{
	margin: 0;
	font-weight: normal;
}

h3.panel-title
{
	margin: 0;
	font-weight: normal;
	font-size: 1.753em;
}

.panel-heading
{
	padding: 10px 20px;
}

.panel-default .panel-heading
{
	background-color: #fafafa;
}

.panel-body
{
	padding: 10px 20px;
}

/* end panel styling */

video
{
	width: 100% !important;
	height: auto !important;
	max-width: 750px;
	min-width: 200px;
}

ul,
ol
{
	margin-bottom: 15px;
}

ul.two-column-list,
ol.two-column-list
{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

ul.three-column-list,
ol.three-column-list
{
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

dt
{
	font-weight: bold;
}

ol ol
{
	list-style-type: lower-latin;
}

/* hack styling to handle flare import of dita choices element and lists */

div#body-column li ul
{
	margin-top: 15px;
	padding-left: 20px;
}

div#body-column li ol
{
	margin-top: 15px;
	padding-left: 20px;
}

div#body-column li div:not(.description\00002C\000020.panel-heading\00002C\000020.panel)
{
	margin-top: 15px;
}

div#body-column li
{
	margin-bottom: 15px;
}

div.toolbar-button-drop-down li
{
	margin-bottom: 0px !important;
	padding: 7px;
}

div#body-column li div.note
{
	margin-top: 15px;
}

div#body-column
{
	padding-right: 50px;
}

ol.unstyled,
ul.unstyled,
.unstyled ol,
.unstyled ul
{
	list-style-type: none;
}

div.choice
{
	display: list-item;
	list-style-type: circle;
	margin: 0 0 0 20px;
	padding: 0;
}

/* all p tags that are immediate children of class choice */

.choice p:first-of-type
{
	margin: 0;
	padding: 0;
}

/* end of hack styling */
/* Don't italicize asian characters */

.varname
{
	font-style: italic;
}

html[lang="ja"] .varname,
html[lang="zh-cn"] .varname
{
	font-style: normal !important;
}

html[lang="ja"] i,
html[lang="zh-cn"] i
{
	font-style: normal !important;
}

html[lang="ja"] em,
html[lang="zh-cn"] em
{
	font-style: normal !important;
}

/* End Don't italicize asian characters */

.userinput
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	color: #53529F;
	font-weight: bold;
}

p.example
{
	color: #546C7F;
	border: solid 1px #BECFDC;
	background-color: #DEE8F0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 14px 20px;
}

/*
p.note
{
    color: #616E14;
    border: solid 1px #BFD62F;
    background-color: #DAE691;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 14px 20px;
}
*/

/* note styles */

div.note,
div.noteImportant,
div.noteCaution,
div.noteTip,
div.important,
div.caution,
div.tip
{
	margin-left: 3px;
	margin-bottom: 15px;
	padding: 2px 15px 3px;
}

li div.note,
li div.noteImportant,
li div.noteCaution,
li div.noteTip,
li div.important,
li div.caution,
li div.tip
{
	margin-top: 15px;
}

div.note
{
	border-left: solid 5px #785cba;
}

div.noteTip,
div.tip
{
	border-left: solid 5px #42996D;
}

div.noteImportant,
div.important
{
	border-left: solid 5px rgb(0, 125, 197);
}

div.noteCaution,
div.caution
{
	border-left: solid 5px rgb(193, 52, 32);
}

p.notetitle,
span.notetitle
{
	font-weight: bold;
	line-height: 1.7;
}

/* treat notetitle imported from HelpIQ as if it were marked up correctly to save the re-work */

span.notetitle
{
	display: block;
}

.note p,
.noteImportant p,
.important p,
.noteCaution p,
.caution p,
.noteTip p,
.tip p
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

a,
a.external-guide,
a.xref,
a.MCXref,
.back-to-top
{
	color: #1a70c5;
	text-decoration: none !important;
}

.GlossaryPageHeading_0 a
{
	display: inline-block;
	font-size: .6em;
	top: -.25em;
	position: relative;
	margin-left: 1.25em;
}

a:visited,
a.external-guide:visited,
a.xref:visited,
a.MCXref:visited
{
	color: #785cbe;
}

a:hover,
a.external-guide:hover,
a.xref:hover,
a.MCXref:hover
{
	color: #F0A117;
}

/* Place an external link icon after external links. Will be overridden by more specific icons indicated below */

body:not(.universal-navigation-body) div.main-section a:not(.not-external-link):after[href*="//"],
nav.title-bar a:not(.not-external-link):after[href*="//"]
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	padding-left: 3px;
	text-decoration: none;
	content: '';
}

/* Place a chevron next to Learn More links */

body:not(.universal-navigation-body) div.main-section a.learn-more:after
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	padding-left: 3px;
	text-decoration: none;
	content: '';
}

/* Place an envelope icon next to email links */

body:not(.universal-navigation-body) div.main-section a:not(.not-external-link):after[href^="mailto:"],
nav.title-bar a:not(.not-external-link):after[href^="mailto:"]
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	padding-left: 3px;
	text-decoration: none;
	content: '';
}

/* Place a telephone icon next to phone links */

body:not(.universal-navigation-body) div.main-section a:not(.not-external-link):after[href^="tel:"],
nav.title-bar a:not(.not-external-link):after[href^="tel:"]
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	padding-left: 3px;
	text-decoration: none;
	content: '';
}

/* Place a PDF icon next to PDF links */

body:not(.universal-navigation-body) div.main-section a:not(.not-external-link):after[href$=".pdf"],
body:not(.universal-navigation-body) div.main-section a:not(.not-external-link):after[href$=".PDF"],
nav.title-bar a:not(.not-external-link):after[href$=".pdf"],
nav.title-bar a:not(.not-external-link):after[href$=".PDF"]
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	padding-left: 3px;
	text-decoration: none;
	content: '';
}

ul.menu._Skins_menu_proxy.mc-component li > a:hover
{
	background-color: transparent !important;
	color: #F0A117;
}

/* START custom help bridge for AN user guide to SG links */

div.help-bridge-script a:before
{
	content: 'Auf Benutzerhandbuch umschalten';
}

div.help-bridge-user a:before
{
	content: 'Auf Leitfaden für die Skripterstellung umschalten';
}

div.help-bridge-user a,
div.help-bridge-script a
{
	padding: 0.5rem;
	border-radius: 3px;
	background-color: #fafafa;
	color: #785cba;
	border: 1px solid #cfcfcf;
	font-weight: bold;
}

div.help-bridge-user,
div.help-bridge-script
{
	position: relative;
	margin: 15px 0;
}

/* END custom help bridge for AN user guide to SG links */
/* START table styling */

table
{
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin-bottom: 15px;
}

li table
{
	margin-top: 15px;
}

td,
th
{
	padding: 15px;
	border: 1px solid #cfcfcf;
	text-align: left;
	vertical-align: top;
}

/* Prevent the first item in a table cell from inheriting their natural top-margin so there aren't weird spacing issues in table cells */

th > *:first-child,
td > *:first-child
{
	margin-top: 0;
}

/* Prevent the last item in a table cell from inheriting their natural bottom-margin so there aren't weird spacing issues in table cells */

th > *:last-child,
td > *:last-child
{
	margin-bottom: 0;
}

th
{
	color: #595959;
	background-color: #fafafa;
}

div.release-notes-section table tr
{
	background-color: rgba(255, 255, 255, 0.85);
	transition: 0.3s;
}

div.release-notes-section table tr:hover
{
	background-color: #ffffff;
	transition: 0s;
}

table tr:hover
{
	background-color: #fafafa;
}

/* table list item styling */

td > ul,
td > ol
{
	margin-left: 12px;
	padding-left: 10px;
}

td > ol
{
	list-style-type: lower-alpha;
}

td > ol.numbered-list
{
	list-style-type: decimal;
}

/* styling for sortable tables */

table#release-notes-table td:nth-child(1),
table#release-notes-table td:nth-child(2)
{
	white-space: nowrap;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header
{
	background-image: url(images/black-unsorted.gif);
	background-position: center right 15px;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc
{
	background-image: url(images/black-asc.gif);
	border-bottom: #000 2px solid;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc
{
	background-image: url(images/black-desc.gif);
	border-bottom: #000 2px solid;
}

.tablesorter-default .tablesorter-header-inner
{
	padding-right: 15px;
}

/* hide less important columns from the release notes table at small screen widths */

@media screen and (max-width: 650px)
{
	div.release-notes-section table td:nth-child(1),
	div.release-notes-section table td:nth-child(2),
	div.release-notes-section table th:nth-child(1),
	div.release-notes-section table th:nth-child(2)
	{
		display: none;
	}
}

/* hide less important columns from the release notes table at small screen widths */

@media screen and (max-width: 420)
{
	div.release-notes-section table td:nth-child(1),
	div.release-notes-section table td:nth-child(2),
	div.release-notes-section table td:nth-child(3),
	div.release-notes-section table th:nth-child(1),
	div.release-notes-section table th:nth-child(2),
	div.release-notes-section table th:nth-child(3)
	{
		display: none;
	}
}

/* Hide the SOC 2 compliance column */

@media screen
{
	div.release-notes-section table td:nth-child(5),
	div.release-notes-section table th:nth-child(5)
	{
		display: none;
	}
}

/* custom attribute for lists that are alone in td to achieve consistent alignment with text */

td ul[list-type="table-orphan"],
td ol[list-type="table-orphan"]
{
	margin-top: 0;
	padding-top: 0;
}

td.risk
{
	background-color: #ffedfe;
}

td.projects
{
	background-color: #e2ffd6;
}

td.results
{
	background-color: #fdff99;
}

td.system-field
{
	background-color: #bfecff;
}

/* END table styling */
/* pseudo 3 col tables */
/* responsive design for mobile */

@media screen and (min-width: 481px)
{
	div.column-left-3
	{
		float: left;
		width: 33%;
	}

	div.column-right-3
	{
		float: right;
		width: 33%;
	}

	div.column-middle-3
	{
		display: inline-block;
		width: 33%;
	}

	/* pseudo 2 col tables */

	div.column-left-2
	{
		float: left;
		width: 48%;
	}

	div.column-right-2
	{
		float: right;
		width: 48%;
	}

	div.column-left-2-narrow
	{
		float: left;
		width: 35%;
	}

	div.column-right-2-narrow
	{
		float: right;
		width: 35%;
	}

	div.column-right-2 + *,
	div.column-right-2-narrow + *
	{
		clear: both;
	}
}

/* list styling */
/* fake dl divs imported from DITA */

.dt
{
	font-weight: bold;
}

.dd > p,
.dd > li
{
	margin-left: 25px;
}

.uicontrol
{
	font-weight: bold;
}

.filepath
{
	font-family: "Lucida Console", Consolas, Monaco, "Courier New", monospace;
	color: #DE4D33;
}

.runin-heading
{
	font-weight: bold;
}

html[lang="ja"] .runin-heading,
html[lang="zh-cn"] .runin-heading
{
	font-weight: normal;
}

/* insert en dash after the term as a delimiter */

.runin-heading::after
{
	font-weight: normal;
	content: ' –';
}

/* basic nav inline */

.glossary-nav
{
	list-style: none;
	margin-left: 0;
	padding: 0 0 0 .25em;
	font-size: 1.75em;
	margin-top: 2em;
}

.glossary-nav li
{
	display: inline-block;
	margin-right: 1.5em;
	margin-left: 0;
	padding: 0;
}

/* component styling */

input[type=text]
{
	border: solid 1px #ccc;
	border-radius: 3px;
	padding: 5px;
	-webkit-appearance: none;
}

input#search-release-notes
{
	background-image: url('images/search.svg');
	background-position: left 15px center;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 1.25em;
	padding: 15px 15px 15px 50px;
	margin: 15px 0px 30px 0px;
}

/* END component styling */

MadCap|expanding
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
	mc-image-position: left;
}

MadCap|dropDown
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
}

MadCap|toggler
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
	color: inherit;
}

MadCap|popupHead
{
	color: #5B8EC1;
}

MadCap|popupBody
{
	color: #EBEBEB;
	border: none;
	background-color: rgba(0, 0, 0, .85);
	padding: 11px 15px;
}

MadCap|glossaryTerm.Expanding
{
	color: inherit;
	font-weight: inherit;
}

MadCap|glossaryTerm.Hyperlink
{
	color: #5B8EC1;
	font-weight: inherit;
}

MadCap|glossaryTerm.Popup
{
	color: #5B8EC1;
	font-weight: normal;
}

MadCap|conceptLink
{
	color: #000000;
}

MadCap|keywordLink
{
	color: #000000;
}

MadCap|relatedTopics
{
	color: #000000;
}

MadCap|helpControlMenu
{
	color: #707070;
	background-color: #FFFFFF;
	border: none;
}

MadCap|helpControlMenuItem
{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #000000;
	background-color: #E5EFF7;
}

/* relationship table styles for AN */

/*
div.related-links-widget
{
	background-color: #f6f6f9;
	width: 75%;
	padding: 1rem;
	border-radius: 3px;
}

div.related-links-widget::before
{
	content: "See also: ";
	color: #53529F;
	font-weight: bold;
} */

div.related-links-widget
{
	margin-bottom: 1.5rem;
}

div.related-links-widget a
{
	padding: 0.75rem 2rem;
	margin-right: 0.5rem;
	border-radius: 3px;
	background-color: #f6f6f9;
	color: #53529F;
	border: 1px solid #d6d6e7;
	font-weight: bold;
}

div.related-links-widget a.active-rel-link
{
	color: grey;
	cursor: default;
}

MadCap|relationshipsProxy
{
	display: none;
}

div.MCRelationshipsProxy_0
{
	display: none;
}

MadCap|relationshipsHeading.how-it-works
{
	font-weight: normal;
	font-size: 1.563em;
	mc-label: 'Funktionsweise';
}

MadCap|relationshipsHeading.steps
{
	font-weight: normal;
	font-size: 1.563em;
	mc-label: 'Schritte';
}

MadCap|relationshipsHeading.syntax
{
	font-weight: normal;
	font-size: 1.563em;
	mc-label: 'Syntax';
}

MadCap|xref
{
	color: #1a70c5;
	text-decoration: none !important;
}

/* release notes link style */

MadCap|xref.learn-more
{
	mc-format: 'Erfahren Sie mehr';
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-count: 10;
	border-bottom-style: none;
	mc-breadcrumbs-prefix: "";
}

MadCap|tocProxy
{
	border-top-color: transparent;
	mc-float: outside-frame-left;
}

.MCDropDown_Closed
{
	font-weight: bold;
}

/* allows tables and other elements to properly render their full widths in dropdowns, even if they don't fit in the dropdown. We assume the content is more important than enforicing the layout of the page arbitrarily. */

.MCDropDownBody
{
	overflow: unset !important;
}

/* tmp L10N link solution for GRC */

#lang-select-wrapper
{
	text-align: right;
	max-width: 50em;
}

#globe-icon-tmp
{
	position: relative;
	top: 8px;
}

#lang-select
{
	border-radius: 2px;
	box-shadow: none;
	padding: 0.3rem;
}

/* end tmp solution */
/* mobile-friendly styling */

@media screen and (max-width: 480px)
{
	body
	{
		margin: 10px;
	}

	div.column-left-3,
	div.column-right-3,
	div.column-middle-3,
	div.column-left-2,
	div.column-right-2,
	div.column-left-2-narrow,
	div.column-right-2-narrow
	{
		width: 90%;
		margin: auto;
		text-align: center;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		text-align: center;
		clear: both;
	}

	h1.release-notes,
	h1.admin-section,
	h1.quick-start,
	h1.user-section,
	h1.videos
	{
		padding-left: 1em;
	}

	div.MCBreadcrumbsBox_0
	{
		text-align: center;
	}

	footer .right-text
	{
		float: none;
		display: block;
	}

	div.GlossaryPageHeading_0
	{
		text-align: center;
	}

	.GlossaryPageHeading_0 a
	{
		margin-top: 1em;
	}

	a.back-to-top
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.GlossaryPageEntry
	{
		margin: 2em 0;
		max-width: 100%;
	}

	.GlossaryPageEntry,
	.GlossaryPageDefinition
	{
		margin-left: 0;
	}

	ul.glossary-nav
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}

	.glossary-nav li
	{
		display: inline-block;
		margin-left: 1em;
	}

	/* solution guide card style */

	div.card-one,
	div.card-two,
	div.card-three,
	div.card-four,
	div.card-five,
	div.card-six,
	div.card-seven
	{
		display: block;
		float: none;
		width: 20rem;
		min-height: 21rem;
		margin: 30px 0;
	}
}

p.optional-param
{
	opacity: 0.6;
}

ul.sub-menu,
div.search-filter-content
{
	border: 1px solid #E6E3DF;
	border-radius: 3px;
}

ul.navigation
{
	margin-left: -10px;
}

ul.navigation > li,
ul.navigation li:hover
{
	/* remove the default "dropdown" background that Flare applies to all navigation li items since it also appears on menu items that don't have children */
	background-image: none;
}

ul.navigation > li.has-children,
ul.navigation > li.has-children:hover
{
	/* position the dropdown arrow to the right of the menu item */
	background-position: right 10px center;
}

ul.navigation > li.has-children
{
	/* re-add default background for dropdown arrow */
	background-image: url('../../images/global_icons/dropdown-arrow.png');
}

ul.navigation > li.has-children:hover
{
	/* re-add default background for dropdown arrow, hover mode */
	background-image: url('../../images/global_icons/dropdown-arrow-hover.png');
}

ul.navigation > li,
ul.navigation > li:hover
{
	margin-right: 1.5em;
}

ul.navigation ul.sub-menu
{
	margin-left: 15px;
}

ul.navigation li > a
{
	padding: 0px 10px 0px 10px;
}

ul.navigation li.has-children > a
{
	padding: 0px 35px 0px 10px;
}

ul.navigation ul li
{
	background-image: none;
}

ul.navigation li:hover
{
	background-color: #785cba;
	border-radius: 3px;
}

ul.navigation li:hover > a
{
	color: white;
}

ul.navigation ul.sub-menu > li > a:hover,
div.search-filter-content > ul > li:hover
{
	background-color: #785cba;
	color: #FFF;
}

nav.tab-bar
{
	border-bottom: 1px solid #cfcfcf;
	padding: 1.5em 0;
}

._Skins_toolbar.mc-component .button,
._Skins_toolbar_full_page.mc-component .button
{
	margin-bottom: 0.5rem;
}

._Skins_toolbar.mc-component .button.select-language-button,
._Skins_toolbar.mc-component .button.glossary-nav-button,
._Skins_toolbar_full_page.mc-component .button.select-language-button,
._Skins_toolbar_full_page.mc-component .button.glossary-nav-button
{
	width: 10rem !important;
	background-position: 6px !important;
}

@media only screen and (max-width: 650px)
{
	div.topicToolbarProxy
	{
		/*display: none; */
	}

	._Skins_toolbar.mc-component .button.select-language-button,
	._Skins_toolbar_full_page.mc-component .button.select-language-button
	{
		width: 1.5rem;
		background-position: 50%;
	}

	._Skins_toolbar.mc-component .button.print-button,
	._Skins_toolbar_full_page.mc-component .button.print-button
	{
		display: none;
	}

	._Skins_toolbar.mc-component .toolbar-button-drop-down.select-language-drop-down,
	._Skins_toolbar_full_page.mc-component .toolbar-button-drop-down.select-language-drop-down
	{
		left: 200px !important;
	}
}

/* syntax highlighting */

.acl-cmd,
.acl-com,
.acl-func,
.acl-key,
.acl-str,
.acl-tag
{
	font-weight: bold;
}

span.acl-func
{
	color: #b24835;
}

span.acl-str
{
	color: #ECAD23;
}

span.acl-cmd
{
	color: #2666AB;
}

span.acl-com
{
	color: #42996D;
}

span.acl-key
{
	color: #01b0ba;
}

span.acl-tag
{
	color: #42996D;
}

span.acl-com span.acl-func,
span.acl-com span.acl-str,
span.acl-com span.acl-cmd,
span.acl-com span.acl-key,
span.acl-com span.acl-tag
{
	color: #42996D;
}

span.acl-cmd span.acl-key
{
	color: #2666AB;
}

@media only screen and (max-width: 1279px)
{
	nav.tab-bar .menu-icon
	{
		right: 3px;
	}
}

/* Styles for the tabbed UI */

div.tab
{
	overflow: hidden;
	border: 1px solid #cfcfcf;
	background-color: #f5f5f5;
	margin-top: 2rem;
	border-radius: 3px 3px 0 0;
}

/* Style the buttons inside the tab */

div.tab button
{
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 1.125em;
	color: rgba(47,51,55,.8);
	font-family: inherit;
}

/* Change background color of buttons on hover */

div.tab button:hover
{
	background-color: #dfdfdf;
}

/* Create an active/current tablink class */

div.tab button.active
{
	background-color: #cfcfcf;
}

/* Style the tab content */

.tab-content
{
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 3px 3px;
}

span.red-highlight
{
	color: #FF0000;
}

span.blue-highlight
{
	color: #3300ff;
}

span.turquiose-highlight
{
	color: #00ccff;
}

/* LANDING PAGES */
/* Flare 2018 introduced new empty element that screws up our CSS */

div.sidenav-layout
{
	display: block;
}

div.landing-page-banner
{
	position: relative;
	top: -1rem;
	background-color: #2e143d;
	background-image: url(../../images/bg-spangles.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 4rem;
	padding-bottom: 100px;
	width: 100vw;
	left: calc(-50vw + 50%);
}

div.release-notes-section
{
	position: relative;
	top: -1rem;
	background-color: #2e143d;
	background-image: url(../../images/bg-spangles.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 2rem;
	width: 100vw;
	left: calc(-50vw + 50%);
}

div.release-notes-section > div > p,
div.release-notes-section > div > h1,
div.release-notes-section > div > h2,
div.release-notes-section div.breadcrumbs,
div.release-notes-section div.breadcrumbs a
{
	color: #fafafa;
}

div.landing-page-banner form.search
{
	margin: 50px auto;
}

div.landing-page-banner .search-submit
{
	transition: 0.3s;
}

div.landing-page-banner input.search-field
{
	text-indent: 1.5rem;
}

.landing-page-banner-text
{
	color: #fafafa;
}

div.landing-page-banner .search-bar._Skins_search_bar.mc-component
{
	max-width: 90em;
}

a.landing-page-link
{
	color: white;
	text-decoration: none;
	display: inline-block;
	margin: 0 3rem;
	border-bottom: 2px solid white;
	background-image: url(../../images/background_icons/arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 2.5rem;
}

div.landing-page-banner > p
{
	margin-top: 2rem;
	font-size: 1.25rem;
	color: white;
}

div#what-is-this-product
{
	border-radius: 3px;
	background-color: #785cba;
	color: #ffffff;
	padding: 30px;
}

div#what-is-this-product h2
{
	margin-top: 0px;
	color: #ffffff;
}

div#what-is-this-product a,
div#what-is-this-product a:hover
{
	color: #ffffff;
}

div#popular-topics
{
	background-color: #cfcfcf;
	padding: 30px;
}

div#popular-topics h2
{
	margin-top: 0px;
}

h1.compliance-title
{
	color: black;
}

h1.audit
{
	background-image: url("../../images/solution_guide_icons/h1_audit.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.erm
{
	background-image: url("../../images/solution_guide_icons/h1_erm.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.compliance
{
	background-image: url("../../images/solution_guide_icons/h1_compliance.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.compliance-long
{
	background-image: url("../../images/solution_guide_icons/h1_compliance.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 12%;
}

h1.sox
{
	background-image: url("../../images/solution_guide_icons/h1_sox.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.cm
{
	background-image: url("../../images/solution_guide_icons/h1_cm.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.vrm
{
	background-image: url("../../images/solution_guide_icons/h1_vrm.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h2.audit
{
	background-image: url("../../images/solution_guide_icons/h2_audit.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.erm
{
	background-image: url("../../images/solution_guide_icons/h2_erm.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.compliance
{
	background-image: url("../../images/solution_guide_icons/h2_compliance.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.sox
{
	background-image: url("../../images/solution_guide_icons/h2_sox.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.cm
{
	background-image: url("../../images/solution_guide_icons/h2_cm.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.vrm
{
	background-image: url("../../images/solution_guide_icons/h2_vrm.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

/* End of banner styling for each set of solution guides */
/* Card headers */

div.get-started-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #785cba;
}

div.quick-start-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #f0a117;
}

div.tutorial-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #2e143d;
}

div.audit-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #2666AB;
}

div.erm-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #42996D;
}

div.compliance-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #EABA51;
}

div.sox-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #DE4D33;
}

div.cm-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #2e143d;
}

div.vrm-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #ff7f00;
}

div.covid-card-header
{
	height: 2rem;
	width: 20rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #785cba;
}

/* Solution guide card styling */

div.cards
{
	display: inline-block;
}

div.two-cards
{
	display: inline-block;
}

/* Ensures content in solution guide cards is not displayed as a link */

div.card-one a,
div.card-two a,
div.card-three a,
div.card-four a,
div.card-five a,
div.card-six a,
div.card-seven a
{
	color: rgb(47, 51, 55);
}

/* Hover card properties */

div.card-one:hover,
div.card-two:hover,
div.card-three:hover,
div.card-four:hover,
div.card-five:hover,
div.card-six:hover,
div.card-seven:hover
{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	cursor: pointer;
}

/* Cards 1-7 properties */

div.card-one,
div.card-two,
div.card-three,
div.card-four,
div.card-five,
div.card-six,
div.card-seven
{
	min-height: 21rem;
	max-width: 20rem;
	float: left;
	border-radius: 0.5rem;
	margin-left: 0;
	margin-right: 1rem;
	margin-bottom: 2rem;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
	transition: all 0.1s ease-in-out;
}

div.card-content
{
	padding: 1rem;
	text-align: center;
	margin-top: 17px;
}

div.card-content p
{
	margin-left: 0 !important;
	margin-top: 0px;
	margin-bottom: -15px;
}

/* End of solution guides card properties */
/* Intro statement styling */

div.introduction-statement
{
	margin-top: 7rem;
}

div.intro-statement
{
	border-radius: 5px;
	margin: 0px 0 32px;
	padding: 25px;
	max-width: 100%;
	background-color: #f6f6f9;
}

div.intro-statement p,
div.intro-statement ol,
div.intro-statement ul,
div.intro-statement table
{
	font-size: 1.2em;
	color: #555;
}

p.lead
{
	font-size: 1.3em;
	margin-bottom: 24px;
	color: #A16908;
}

/* end intro statement styling */
/* End of benefits section styling */

div.product-access
{
	position: relative;
	float: left;
	max-width: 40%;
	top: 5rem;
	padding: 1.67rem;
	margin-top: 1rem;
	background-color: #fafafa;
	background-image: url(../../images/background_icons/quick_start.png);
	background-repeat: no-repeat;
	background-position: 85% 25%;
	background-size: 18%;
}

div.product-access p:first-of-type
{
	width: 66%;
}

div.return-home
{
	position: relative;
	float: left;
	max-width: 60%;
	top: 5rem;
	left: 3rem;
	background-color: #fafafa;
	padding: 0.75rem 1.67rem;
	margin-top: 1rem;
}

div.return-home > h2
{
	font-size: 1.25rem;
	margin: 10px 0;
}

div.return-home + div
{
	clear: both;
	margin-bottom: 8rem;
}

.app-button
{
	border: 1px solid #cfcfcf;
	background-color: white;
	padding: 0.25rem 0.5rem;
	display: inline-block;
}

.popular-topic
{
	border-top: 1px solid #cfcfcf;
	margin-top: 2.5rem;
	padding-top: 1.5rem;
}

.popular-topic a
{
	font-size: 1.25rem;
}

.search-submit
{
	transition: 0.3s;
}

@media screen and (max-width: 1175px)
{
	div.card-one,
	div.card-two,
	div.card-three,
	div.card-four,
	div.card-five,
	div.card-six,
	div.card-seven
	{
		border-radius: 0.5rem;
		margin: 1rem;
		box-shadow: 0 3px 3px rgba(0,0,0,0.15);
		transition: all 0.1s ease-in-out;
		display: inline-block;
	}

	div.cards
	{
		display: inline-block;
		width: 100%;
		margin: 0 auto;
	}

	div.two-cards
	{
		display: block;
		width: 640px;
		height: 20rem;
		margin: 0 auto;
	}

	div.intro-statement
	{
		
	}

	h2
	{
		text-align: left;
	}

	a.landing-page-link
	{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	div.return-home,
	div.product-access
	{
		float: none;
		position: static;
		margin-left: auto;
		margin-right: auto;
		max-width: 80%;
	}

	div.product-access
	{
		margin-top: 8rem;
	}
}

@media screen and (max-width: 657px)
{
	div.card-one,
	div.card-two,
	div.card-three,
	div.card-four,
	div.card-five,
	div.card-six,
	div.card-seven
	{
		display: inline-block;
		float: none;
	}

	div.cards
	{
		display: block;
		width: 23rem;
		height: auto;
	}

	div.two-cards
	{
		display: block;
		width: 18rem;
		height: auto;
		margin: 0 auto;
	}

	h2
	{
		text-align: left;
	}

	div.landing-page-banner .search-bar._Skins_search_bar.mc-component
	{
		max-width: 95%;
	}
}