/*<meta fileTags="translate.Translate - Help" />*/

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

@font-face 
{
	font-family: "Museo Slab";
	font-style: normal;
	font-weight: 500;
	src: url("../SiteFonts/museo-slab-500.woff") format("woff"), url("../SiteFonts/museo-slab-500.ttf") format("truetype");
}

*
{
	font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}

:root
{
	--primary-plum: #A61C49;
	--primary-wine: #631A35;
	font-size: 100%;
}

html
{
	position: relative;
	min-height: 100%;
	height: 100%;
}

body
{
	margin: 0;
	display: flex;
	min-height: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: flex-start;
	font-size: 1rem;
}

main,
header .header,
header .search,
header .logo,
.breadcrumb
{
	max-width: 40rem;
}

h1
{
	font-family: "Museo Slab", serif;
	font-weight: normal;
}

h2
{
	font-family: "Museo Slab", serif;
	font-weight: normal;
}

h3
{
	font-family: "Museo Slab", serif;
	font-weight: normal;
}

a
{
	text-decoration: none;
	color: var(--primary-plum);
}

a:visited
{
	color: var(--primary-wine);
}

#resultList h2.title a:hover
{
	text-decoration: underline;
}

ul.menu.mc-component ul ul > li > a:hover
{
	background-color: transparent;
}

ol,
ul
{
	padding-left: 1.25rem;
}

:is(ol,ul) :is(ol,ul)
{
	padding-left: 1.5rem;
}

:is(ol,ul) :is(ol,ul) :is(ol,ul)
{
	padding-left: 1.75rem;
}

li
{
	padding: 6px 0;
}

h1 .query
{
	font-weight: 600;
	color: var(--primary-plum);
}

._Skins_searchresults.mc-component h1#results-heading
{
	color: #111;
	font-size: 1.6rem;
	font-weight: 500;
	font-style: normal;
	font-family: "Museo Slab", serif;
	margin-bottom: 0;
}

._Skins_searchresults.mc-component #resultList .description
{
	font-family: inherit;
	font-size: 1rem;
}

span.SearchHighlight
{
	font-family: inherit;
}

/* Search results - H3 > H2 start */

#resultList h2.title
{
	margin-bottom: .3rem;
	text-decoration: none;
	border-bottom: none;
	padding: 0;
}

#resultList h2.title a
{
	color: var(--primary-plum);
	font-family: "Museo Slab";
	text-decoration: none;
	font-weight: normal;
}

/* H3 > H2 end */
/* Search results pagination */

._Skins_searchresults.mc-component #pagination
{
	padding: 10px 0 0;
	margin: 20px 0 0;
	height: unset;
	line-height: 1.5;
}

._Skins_searchresults.mc-component #pagination a
{
	border: none;
	margin: 1.25rem .2rem 0 0;
}

/*div.MCMiniTocBox_0
{
	margin-top: -5px;
	float: left;
}*/

aside.related-articles li,
ul.sub-menu li
{
	list-style: disc;
	display: list-item;
	list-style-position: outside;
	margin: 0;
}

/* pulls indent from troubleshooting subcategories' headers */

.sub-menu li.has-children
{
	list-style: none;
}

/*.MCMiniTocBox_0 p a:after,*/
/*.return-home:after,*/

.MCHelpControlListItem a:after
{
	content: "";
	border: 1px solid;
	border-left: 0;
	border-top: 0;
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	margin: 0 0 0 0.05em;
	-webkit-transform: translate3d(0, -0.075em, 0) rotate(-45deg);
	transform: translate3d(0, -0.075em, 0) rotate(-45deg);
	margin-right: -7px;
}

.return-home:after
{
	border: 2px solid;
	border-left: 0;
	border-top: 0;
	position: relative;
	top: 1px;
}

.MCConceptLinkControlListItem
{
	padding: 6px 0;
}

ul.menu.mc-component ul > li > a
{
	font-weight: normal;
	color: var(--primary-plum);
	line-height: 24px;
	text-decoration: underline;
	padding: 0 0 10px 0;
}

ul.menu.mc-component ul ul > li > a
{
	padding-left: 0;
}

div.index-menu > ul.menu.mc-component
{
	display: inline;
	padding: 0;
}

ul.menu.mc-component ul.sub-menu
{
	border: none;
	padding: 0;
	margin: 0 0 0 34px;
}

/* For TS page, so the subcategory headers are left-aligned */

.menu.mc-component > li.has-children :has(h3)
{
	margin-left: 0;
}

/* The image-rendering setting was something we inherited. 
It was causing high res images to blur in Chrome.
So it's commented out (turned off) for now. -KL */

img
{
	max-width: 100%;
	/*	image-rendering: -webkit-optimize-contrast; */
}

img.icon
{
	height: 35px;
	width: auto;
	vertical-align: middle;
}

img.icon-wide
{
	height: auto;
	width: 35px;
	vertical-align: middle;
}

img.icon-50
{
	height: 50px;
	width: auto;
	vertical-align: middle;
}

img.full-size
{
	width: 250px;
	height: auto;
}

img.half-size
{
	width: 125px;
	height: auto;
}

img.full-size-225
{
	width: 225px;
	height: auto;
}

img.border
{
	border: solid #899499 1px;
}

img.inline
{
	vertical-align: middle;
}

img.wide
{
	height: auto;
	width: 350px;
}

video,
img.border.wide,
img.border.full-size,
img.border.full-size-225
{
	display: block;
	margin: 1.875rem auto;
	border: 0.625rem solid #FFF;
	border-top-width: 1.25rem;
	border-bottom-width: 1.25rem;
	box-shadow: 0px 10px 20px #0002;
	border-radius: 10px;
}

li > img.border.wide,
li > img.border.full-size,
li > img.border.full-size-225
{
	margin: 1.875rem 0;
}

header
{
	height: auto;
	background-color: var(--primary-wine);
	width: 100%;
	margin-bottom: 45px;
}

header > .header > .title > a
{
	color: #fff;
	font-family: "Museo Slab", serif;
	font-size: 28px;
	font-weight: normal;
}

header .title
{
	margin: 0;
}

.breadcrumb
{
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	/*padding: 0 6px;*/
	font-size: 15px;
	text-transform: uppercase;
	margin: 20px auto 0;
	width: 100%;
}

/*.breadcrumb:before
{
	color: #fff;
	content: "";
	border: 2px solid;
	border-left: 0;
	border-top: 0;
	display: inline-block;
	width: 17px;
	height: 17px;
	-webkit-transform: translate3d(0, 4px, 0) rotate(135deg);
	transform: translate3d(0, 4px, 0) rotate(135deg);
}*/

div.MCBreadcrumbsBox_0
{
	border-bottom: 1px dashed #ccc;
}

a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
	text-underline-offset: 2px;
}

.MCBreadcrumbsPrefix,
.MCBreadcrumbsSelf
{
	display: none;
}

#resultList li
{
	margin-bottom: 0px !important;
}

header .logo
{
	margin: 0 auto -44px;
	padding: 0 6px;
	text-align: center;
}

header .logo img
{
	width: 76px;
	height: 76px;
	border-radius: 50%;
	border: 6px solid #fff;
}

main
{
	margin: 0 auto 50px;
	padding: 0 24px;
	width: 100%;
}

main *
{
	line-height: 1.5;
}

main a
{
	text-decoration: underline;
}

main h1
{
	font-size: 2.2rem;
	line-height: 1.25;
}

main h2
{
	font-size: 1.4rem;
	padding: 1.25rem 0 0;
	border-bottom: 1px dashed #0002;
}

main #searchPane *
{
	font-family: inherit;
}

div.note-box
{
	margin-block-start: .5rem;
}

.note-box
{
	display: flex;
	align-items: start;
	padding: 12px;
	gap: 12px;
	background-color: #A61C4909;
	border-radius: 8px;
	width: fit-content;
	font-style: italic;
	border: 1px solid #A61C4933;
}

.note-box:before
{
	content: "";
	display: inline-block;
	min-width: 30px;
	height: 28px;
	background: url('../images/vector/info.svg') no-repeat center;
	filter: brightness(0) saturate(100%) invert(15%) sepia(31%) saturate(6593%) hue-rotate(324deg) brightness(102%) contrast(93%);
}

.note-box > *
{
	margin: 0;
}

.note-box .multi-note p
{
	margin: 3px 0 0 0;
	padding: 0;
}

.note-box .multi-note ul
{
	margin: 0 0 0 1em;
	padding: 0;
}

main article li > img
{
	margin-top: 4px;
}

li > img.icon
{
	margin-top: 0;
}

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

video
{
	width: 90%;
}

table
{
	width: 100%;
	table-layout: auto;
	margin: .5rem auto;
	border-collapse: collapse;
}

table thead
{
	border-bottom: 1px solid #899499;
}

table tr
{
	text-align: left;
}

tbody tr
{
	border-bottom: 1px solid lightgray;
}

tr td,
tr th
{
	padding: .5rem;
}

#nav-the-app tbody tr :first-child
{
	width: 15%;
	word-break: word-break;
	hyphens: auto;
}

#nav-the-app tbody tr :nth-child(2)
{
	width: 60px;
}

#nav-the-app tbody tr :last-child
{
	width: auto;
}

.sr-only
{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

footer
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: auto auto 0;
	align-items: center;
	max-width: 40rem;
	flex-wrap: wrap-reverse;
	/*gap: 30px;*/
	width: 100%;
}

footer .links
{
	margin: auto auto 1rem;
	padding: 0;
	display: flex;
	align-items: baseline;
}

footer .links a:first-child
{
	border-right: gray 2px solid;
}

footer .links button,
footer .links a
{
	margin: 0;
	display: inline-block;
	font-size: 16px;
	color: #333;
	padding: 0 10px;
	cursor: pointer;
	letter-spacing: unset;
}

footer .links button
{
	border: none;
	background: #fff;
	cursor: pointer;
}

footer .links button:hover
{
	cursor: pointer;
}

.search
{
	/*max-width: 500px;*/
	position: relative;
	bottom: 30px;
	width: auto;
	padding: 0 20px;
}

.search-bar.search-bar-container._Skins_searchbar.mc-component .search-submit
{
	background: url('../images/vector/icon-search.svg') no-repeat center;
	width: 50px;
	border: none;
	border-radius: 5px;
	height: 3em;
	background-size: 50%;
}

.search-bar._Skins_searchbar.mc-component .search-field
{
	border: 1px #ffffff solid;
	letter-spacing: unset;
}

.button-group-container-left
{
	display: none;
}

/* Cookie modal */

.MCHelpControl-ConceptHotSpot_
{
	color: black;
	font-size: 19px;
	font-weight: bold;
	margin-top: 10px;
	display: inline-block;
	font-family: "Museo Slab";
}

.MCConceptLinkControlList
{
	color: black;
}

.MCHelpControl_Image_Icon
{
	display: none;
}

.MCHelpControl-Concept .MCHelpControl-ConceptHotSpot_
{
	background-image: none;
}

.url
{
	display: none;
}

.related-articles
{
	padding: 0;
	margin: 2em 0;
	width: inherit;
}

ul.menu
{
	display: block;
}

.related-articles ul.menu.mc-component
{
	margin: 0;
	padding-left: 1.25rem;
	color: inherit;
	width: inherit;
	overflow-y: unset;
	padding-top: 0;
}

.related-articles:has(ul > li:only-child > a.selected),
.related-articles h2:only-child
{
	display: none;
}

main .related-articles h2
{
	color: black;
	font-size: 1.4rem;
	font-weight: normal;
	margin-top: 0;
	font-family: "Museo Slab";
}

/* This neat line lets us select the parent <li> of an element with the .selected class. In this case, we're using it in "See also" lists to hide links to the article you're currently on. This would make way more sense if we had this list in the sidebar (like Kanopy), but is more confusing as an end-of-article article list.*/

.index-menu a.selected,
.related-articles li:has(.selected)
{
	display: none;
}

ul.menu.mc-component ul > li > a:hover,
a.selected:hover,
.index-menu a:hover,
ul.menu.mc-component li a:hover,
ul.menu.mc-component li a.selected:hover
{
	background-color: transparent;
}

.related-articles ul.menu.mc-component a
{
	margin: 10px 0 0 0px;
	transition: all 100ms ease-in-out;
	color: var(--primary-plum);
	text-decoration: underline;
	padding: 0 0 0 10px !important;
	border-bottom: none;
}

ul.menu._Skins_Side_Menu.mc-component a
{
	font-size: 0.875rem;
}

.related-articles ul.sub-menu li a:hover,
.related-articles ul.sub-menu li a.selected
{
	border-left: 3px solid #de3f00;
	opacity: 1;
	padding-left: 7px !important;
	font-weight: 600 !important;
}

ul.menu._Skins_Side_Menu.mc-component .has-children > a,
ul.menu._Skins_partner_side_Menu.mc-component .has-children > a
{
	display: none;
}

/* --- GDPR MODAL OVERRIDES --- */

#open-cookie-modal a,
.cookie-link-edit a
{
	cursor: pointer;
}

dialog,
.cookie-popup
{
	background: #fff;
	border-radius: 2px;
	bottom: 1rem;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	font-size: 16px;
	left: 16px;
	right: auto;
	max-width: 40rem;
	max-height: 80vh;
	/*height: 100%;*/
	position: fixed;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.8s ease 0s;
	transition: -webkit-transform 0.8s ease 0s;
	-o-transition: transform 0.8s ease 0s;
	transition: transform 0.8s ease 0s;
	transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
	will-change: transform;
	z-index: 1000;
	display: none;
	line-height: 140%;
	overflow: auto;
}

.cookie-popup--is-sticky
{
	border-radius: 2px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform .8s ease 0s;
	transition: transform .8s ease 0s;
	border: none;
}

MadCap|conceptLink
{
	mc-label: 'See also';
	mc-help-control-display: list;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-count: 2;
}

.MCDropDown
{
	margin: 10px 0;
	width: 100%;
}

.MCDropDown_Closed a.MCDropDownHotSpot,
.MCDropDown_Open a.MCDropDownHotSpot
{
	text-decoration: underline;
	text-decoration-style: dashed;
	text-underline-offset: .1rem;
}

.MCDropDown_Open .MCDropDownBody
{
	padding-left: 7px;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background: url('../images/vector/chevron-down.svg') no-repeat center left;
	padding-left: 25px;
	background-size: 20px;
	display: block;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background: url('../images/vector/chevron-right.svg') no-repeat center left;
	padding-left: 25px;
	background-size: 20px;
	display: block;
}

img.MCDropDown_Image_Icon
{
	display: none;
}

/*Language selector*/

.ui-dropdown-list
{
	position: relative;
}

p.ui-dropdown-list-trigger
{
	margin-top: 0;
}

.ui-dropdown-list-trigger strong
{
	position: relative;
	z-index: 999;
}

.ui-dropdown-list-trigger strong:after
{
	display: block;
	position: absolute;
	content: '';
	right: 5px;
	top: 10px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000000;
}

.ui-dropdown-list-trigger strong,
.ui-dropdown-list ul a
{
	display: block;
	width: 40px;
	cursor: pointer;
	padding: 6px 3px;
	font-size: 13px;
	line-height: 13px;
	color: #000;
	font-weight: normal;
}

.ui-dropdown-list ul
{
	display: none;
	position: absolute;
	right: 0;
	top: 25px;
	margin-top: 0;
	padding: 0;
	z-index: 1000;
}

.ui-dropdown-list li
{
	list-style-type: none;
}

.ui-dropdown-list ul a,
.ui-dropdown-list ul a:link,
.ui-dropdown-list ul a:visited
{
	position: relative;
	display: block;
	float: right;
}

.ui-dropdown-list ul a:hover,
.ui-dropdown-list ul a:focus
{
	border-bottom: none;
	color: #000;
}

/* JS interactivity */

.no-js .ui-dropdown-list ul,
.ui-dropdown-list.active ul
{
	display: block;
}

.ui-dropdown-list.active strong:after
{
	border-top-color: #000;
}

.ui-dropdown-list strong
{
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	transition: .3s;
}

.ui-dropdown-list strong:hover
{
	border-color: #000;
}

.ui-dropdown-list.active strong
{
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 0 1px;
	transition: 0s;
}

.ui-dropdown-list.active ul
{
	border-style: solid;
	border-color: #000;
	border-width: 0 1px 1px 1px;
}

#lang-switcher a,
#lang-switcher strong
{
	padding-left: 5px;
}

#lang-switcher strong
{
	float: right;
}

/*Footer issue*/

.height-container
{
	position: unset;
}

.height-container-no-footer
{
	padding-bottom: 26px;
}

@media (max-width: 600px)
{
	.cookie-popup--is-sticky
	{
		bottom: 0 !important;
		left: 0;
		right: 0;
		/*height: 80%;*/
		overflow-y: auto;
	}
}

@media (min-width: 600px)
{
	.cookie-popup--is-sticky:hover
	{
		bottom: 1rem;
	}
}

.cookie-popup--is-sticky > h2,
.cookie-popup--is-sticky > p
{
	display: block;
}

body.modal-open
{
	overflow: hidden;
}

.cookie-popup > h2
{
	font-size: 20px;
	margin: 0;
}

#cookie-modal .cookie-popup p
{
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

.cookie-popup a,
.cookie-popup a:hover
{
	font-weight: 600;
	font-family: inherit;
	text-decoration: underline;
}

#cookie-modal .close-btn
{
	background: var(--primary-plum);
	border: none;
	border-radius: 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ffffff;
	font-size: 18px;
	padding: 0.666rem 1.2rem;
	cursor: pointer;
	-webkit-appearance: none;
	font-family: inherit;
	letter-spacing: unset;
}

#cookie-modal .modal-content :last-child
{
	margin-top: 1.5rem;
}

.modal-content
{
	position: relative;
	overflow: auto;
	/*max-height: 90vw;*/
	padding: .5rem;
}

.modal-content h2
{
	margin-top: 0;
}

dialog:not([open])
{
	display: none;
}

dialog[open]
{
	display: block;
}

dialog:modal
{
	-moz-top-layer: top !important;
	position: fixed;
	overflow: auto;
	visibility: visible;
	inset-block-start: 0;
	inset-block-end: 0;
	max-width: calc(100% - 6px - 2em);
	max-height: calc(100% - 6px - 2em);
}

/* https://html.spec.whatwg.org/#flow-content-3 */

dialog::backdrop
{
	background: rgba(0, 0, 0, 0.1);
}

/* --- END GDPR MODAL OVERRIDES --- */
/*SKIP LINK STYLES*/

.skip-links:not(:focus-within)
{
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	position: absolute;
	padding: 0;
	margin: 0;
}

.skip-links
{
	display: flex;
	margin: 0;
	/*margin: auto;*/
	/*gap: 10px;*/
	justify-content: center;
	background-color: var(--primary-wine);
}

ul.skip-links
{
	list-style: none;
}

.skip-links > li
{
	margin-left: 15px;
	margin-right: 15px;
}

.skip-links > li > a
{
	color: white;
	font-weight: bold;
}

/* 404s */

.app-column
{
	font-weight: 600;
}

.error-title
{
	text-transform: uppercase;
	font-size: 21px;
}

.return-home
{
	display: inline-block;
	margin-top: 20px;
}

.error-explanation ul
{
	background: #f1f1f1;
	padding: 20px 50px;
}

.app-column blockquote
{
	font-weight: normal;
	margin-top: 20px;
	max-width: 450px;
	width: 100%;
}

cite
{
	display: block;
	font-size: 0.8125rem;
	font-weight: normal;
}

cite:before
{
	content: "— ";
}

.separe
{
	border-top: 1px dashed #ccc;
	margin: 20px 0;
}

@media only screen and (max-width: 550px)
{
	.app-column blockquote
	{
		width: auto;
	}

	div.MCBreadcrumbsBox_0
	{
		padding-left: 1.5em;
	}

	main
	{
		width: unset;
	}

	footer
	{
		gap: unset;
	}
}

@media only screen and (max-width: 324px)
{
	footer .links a,
	footer .links button
	{
		font-size: 14px;
	}
}

/* Microcontent styles, others found in searchresults skin */

._Skins_searchresults.mc-component .featured-snippets-container .micro-content h2
{
	font-size: 1.25rem;
	padding: 0;
	margin: .5rem 0;
}

._Skins_searchresults.mc-component .featured-snippets-container .micro-content a
{
	text-decoration: underline;
}

._Skins_searchresults.mc-component .featured-snippets-container .micro-content
{
	margin: 0;
	padding: 15px;
	height: 100%;
}

._Skins_searchresults.mc-component .featured-snippets-container .micro-content-collapsed .micro-content-expand,
._Skins_searchresults.mc-component .featured-snippets-container .micro-content-expanded .micro-content-expand
{
	display: none;
	visibility: hidden;
	height: 0;
}

._Skins_searchresults.mc-component .featured-snippets-container .micro-content
{
	box-shadow: 0 0 .1em 0.1em rgba(0, 0, 0, 0.2);
}

._Skins_searchresults.mc-component .featured-snippets-container.micro-content-truncated-mode .micro-response
{
	margin-bottom: 0;
	max-height: fit-content;
}

/*LANGUAGE SELECTOR START*/

header .header
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	margin: 0 auto;
	padding: 0px 30px;
}

#topicToolbarProxylanguage-selector
{
	position: relative;
}

#topicToolbarProxylanguage-selector .button-group-container-left
{
	display: flex;
	float: unset;
	margin-left: unset;
}

#topicToolbarProxylanguage-selector .select-language-button
{
	width: auto;
	height: auto;
	box-shadow: none;
	background: transparent;
	border: none;
	letter-spacing: unset;
}

#topicToolbarProxylanguage-selector .button-text
{
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	padding-left: 4px;
}

#topicToolbarProxylanguage-selector .button-text::after
{
	position: initial;
	/* XXX just remove position property from existing rule */
	display: inline-block;
	border-width: 0px 2px 2px 0px;
	transform: translateY(-50%) rotate(45deg);
	margin: 0px 0px 0px 0.5rem;
	content: '';
	box-sizing: border-box;
	height: 8px;
	width: 8px;
	border-style: solid;
	border-color: white;
}

#topicToolbarProxylanguage-selector .button.select-language-button .button-icon
{
	background: transparent url('../images/select-language-white.png') no-repeat left center;
}

header .header .toolbar-button-drop-down.select-language-drop-down
{
	margin-top: .5rem;
	left: unset !important;
	top: unset !important;
	right: 0;
	width: 225px !important;
	position: absolute;
}

header .header ._Skins_Language_Selector.mc-component .toolbar-button-drop-down.select-language-drop-down ul li
{
	color: #333;
	font-weight: 500;
	width: 215px;
}

header .header ._Skins_Language_Selector.mc-component .toolbar-button-drop-down.select-language-drop-down ul li:hover
{
	color: var(--primary-plum);
	background-color: unset;
}

.search-bar._Skins_searchbar.mc-component
{
	margin-top: 35px;
}

.language-checked
{
	color: var(--primary-plum) !important;
}

.language-checked:after
{
	content: '';
	display: inline-block;
	transform: rotate(45deg);
	height: 16px;
	width: 7px;
	border-bottom: 2px solid var(--primary-plum);
	border-right: 2px solid var(--primary-plum);
	float: right;
	margin-right: 10px;
}

.language-checked a
{
	display: inline-block;
}

header .header .toolbar-button-drop-down ul li a:focus-visible
{
	border-radius: 3px;
	outline-offset: 5px;
}

@media only screen and (max-width: 425px)
{
	header .header
	{
		padding: 0px 20px;
	}
}

/*LANGUAGE SELECTOR END*/
/* KBD ELEMENT FORMATING START*/

kbd
{
	background-color: #eee;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
	color: #333;
	display: inline-block;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	padding: 2px 4px;
	white-space: nowrap;
}

/* KBD ELEMENT FORMATING END*/
/*Lightbox Styling Start*/

#fade
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

#fade:hover ~ #boxclose
{
	display: none;
}

#light
{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 600px;
	max-height: 360px;
	margin-left: -300px;
	margin-top: -180px;
	z-index: 1002;
	overflow: visible;
}

#boxclose
{
	float: right;
	cursor: pointer;
	color: #fff;
	border: 1px solid #AEAEAE;
	border-radius: 3px;
	background: #222222;
	font-size: 31px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 11px 3px;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 1002;
	opacity: 0.9;
}

/*Lightbox Styling End*/
/*Fix Language Bar Bug*/

.templateTopic .buttons
{
	display: block !important;
}

/*APK Download Button*/

a.cool-button
{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	background-color: var(--primary-plum);
	color: white;
	text-align: center;
	font-size: 16pt;
	border: none;
	border-radius: 8px;
	line-height: 41px;
	display: inline-block;
	margin: 0.5em 0;
	padding: 0.3em 0.6em;
	text-decoration: none;
}

/*Printer stuff*/

.print-only
{
	display: none;
}

@media print
{
	body
	{
		background-color: #FFFFFF;
		background-image: none;
		color: #000000;
	}

	.article_part
	{
		width: 100%;
	}

	.print-only
	{
		display: block;
	}

	h1.print-only
	{
		font-family: "Museo Slab", serif;
		font-size: 40px;
		font-weight: normal;
		border-bottom: 2px solid black;
		padding: 0;
		margin: 0;
	}

	.header,
	.search,
	header,
	.footer,
	footer,
	.toc,
	.breadcrumb,
	.no-print,
	.related-articles,
	.note-box:before,
	.MCMiniTocBox_0,
	.MCDropDown_Image_Icon,
	.MCDropDown:has(video)
	{
		display: none;
	}

	img
	{
		max-width: 300px;
		height: auto;
	}

	main a
	{
		text-decoration: none;
		border-bottom: none;
		color: black;
	}

	a[href]:after
	{
		display: none;
		visibility: hidden;
	}

	.MCDropDownBody
	{
		display: block !important;
		margin: 0;
		padding: 0;
	}

	a.MCDropDownHotSpot
	{
		display: block;
		font-weight: bold;
		margin: 0 !important;
		padding: 0 !important;
	}

	img.border
	{
		border: solid #899499 1px;
	}
}

/*Printer stuff*/
/* Elasticsearch stuff */

._Skins_Search_bar.mc-component .search-auto-complete ul
{
	max-width: 40rem;
	margin: 0 auto !important;
}

._Skins_Search_bar.mc-component .search-auto-complete a
{
	border-bottom: none;
	text-align: left;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-decoration: none;
}

div.auto-result-icon
{
	display: none;
}

span.auto-result-description
{
	display: none;
}

/* Elasticsearch stuff */