/*<meta />*/

/*==============================================================================================
 * CONTENT OVERRIDES
 *----------------------------------------------------------------------------------------------
 * Provides global overrides for styles defined in the out-of-the-box implementation of MadCap
 * Flare. These styles only apply to the inner-page content area.
 *--------------------------------------------------------------------------------------------*/

/*==============================================================================================
 * IMPORTS
 *--------------------------------------------------------------------------------------------*/

@import url('../Shared.css');

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

/*==============================================================================================
 * VARIABLES
 *----------------------------------------------------------------------------------------------
 * Provides variables that can be used throughout the stylesheet.
 *--------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------
 * ICONS
 *----------------------------------------------------------------------------------------------
 * Defines unicode values for Font Awesome icons used in the interface.
 *--------------------------------------------------------------------------------------------*/

:root
{
	--popup-icon: "\f360";
	/* fa-square-up-right */
	--toggle-open-icon: "\f0d7";
	/* fa-caret-right */
	--toggle-close-icon: "\f0da";
	/* fa-caret-down */
}

/*==============================================================================================
 * UTILITY CLASSES
 *----------------------------------------------------------------------------------------------
 * Classes which aid in displaying or marking items, but don't otherwise affect presentation.
 *--------------------------------------------------------------------------------------------*/

/* Ignore glossary terms */

.ignore-glossary
{
	mc-disable-glossary-terms: true;
}

/*==============================================================================================
 * ELEMENT OVERRIDES
 *----------------------------------------------------------------------------------------------
 * Overrides base HTML5 elements, such as headers, lists, and links to adjust to the needs of 
 * the HTML5 documentation.
 *--------------------------------------------------------------------------------------------*/

/* Added margin to content pane */

html
{
	margin: 40px;
}

/* Reduced margin for headers */

h1,
h2,
h3,
h4
{
	margin-top: 1.0rem;
	margin-bottom: 0.5rem;
}

/* Standardize size, margins for h1 */

h1,
h1.title
{
	font-size: 2.0rem;
	margin-top: 0rem;
	line-height: 1.2;
	margin-bottom: 1.125rem;
}

/* Reduce margins for lists */

ol,
ul
{
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

ol li,
ul:not(.menu\00002C\000020.menu\000020ul\00002C\000020ul.menu\000020li) li
{
	margin-bottom: 0.5rem !important;
}

/*==============================================================================================
 * BREADCRUMB OVERRIDES
 *--------------------------------------------------------------------------------------------*/

/* Override label and formatting */

MadCap|breadcrumbsProxy
{
	border-bottom: 0px;
	font-size: 1.0rem;
	mc-breadcrumbs-count: 10;
	mc-breadcrumbs-divider: " : ";
	mc-breadcrumbs-prefix: "GoldSim 15" ": ";
	padding-bottom: 0px;
}

/* Hide current item */

.MCBreadcrumbsSelf
{
	display: none;
}

/*==============================================================================================
 * LINK LIST DEFINITIONS
 *--------------------------------------------------------------------------------------------*/

/* Define classes */

MadCap|conceptLink.Drawer
{
	
}

MadCap|conceptLink.List
{
	
}

.learn-more
{
	
}

/* Box */

.link-list,
.conceptLinkList,
.conceptLinkDrawer
{
	margin: 10px 0px;
}

/* Label */

.link-list .label,
.conceptLinkList > span,
.conceptLinkDrawer > span
{
	display: block;
	padding: 1.0rem !important;
	background-color: #FEC10D;
	margin-bottom: 5px;
}

/* Container */

MadCap|conceptLink,
.conceptLinkList > span,
.conceptLinkDrawer > span
{
	mc-image: none;
	mc-image-spacing: 0px;
	mc-label: "Related topics…";
	color: black;
	font-family: Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.4;
	margin-top: 1rem;
}

/* List */

MadCap|helpControlList,
.link-list ul,
.conceptLinkList ul,
.conceptLinkDrawer ul
{
	margin: 0px;
	padding: 1.0rem;
	background-color: #F3F3F3;
	list-style-type: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

/* Avoid column wrapping within list items */

MadCap|helpControlList,
.link-list li,
.conceptLinkList li,
.conceptLinkDrawer li
{
	break-inside: avoid-column;
}

/* Bullets */

MadCap|helpControlListItem,
.link-list ul li,
.conceptLinkList ul li,
.conceptLinkDrawer ul li
{
	padding-bottom: 0.2rem !important;
	padding-left: 0rem;
}

/*----------------------------------------------------------------------------------------------
 * CONCEPT DRAWER
 *----------------------------------------------------------------------------------------------
 * A drawer is a specialized version of a link list that treats a concept list similar to a 
 * "drawer" that pulls out on hover.
 *--------------------------------------------------------------------------------------------*/

/* Treat as link */

.conceptLinkDrawer > span
{
	cursor: pointer;
}

/* Add dropdown menu */

.conceptLinkDrawer > span::after
{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	margin-right: 21px;
	vertical-align: middle;
	content: "\f0da";
	text-align: right;
	float: right;
}

/* Toggle dropdown menu */

.conceptLinkDrawer:hover > span::after
{
	content: "\f0d7";
}

/* Hide list by default */

.conceptLinkDrawer ul
{
	transition: line-height .5s;
	height: 0;
	line-height: 0;
	padding: 0;
	overflow: hidden;
}

/* Toggle list on hover */

.conceptLinkDrawer:hover ul
{
	height: inherit;
	line-height: inherit;
	padding: 1.0rem;
	overflow: inherit;
}

/*==============================================================================================
 * REFERENCE OVERRIDES
 *----------------------------------------------------------------------------------------------
 * MadCap Flare suppors a variety of reference types, including cross-references, keywords, 
 * concepts, and glossaries. These overrides ensure the styling of these is consistent with 
 * other types of links in GoldSim.
 *--------------------------------------------------------------------------------------------*/

/* MadCap Flare sets cross-reference links to be blue and underlined, which competes with the 
 * GoldSim standard of using black links with a thick, yellow underline. To mediate this, the
 * color and text-decoration need to be reset for a variety of cross-reference related classes. 
 */

MadCap|xref,
MadCap|keywordLink,
MadCap|helpControlListItemLink,
MadCap|popupHead,
MadCap|glossaryTerm,
.a:link,
.xref,
.keywordLink,
.keywordLink:link,
.conceptLink:link
{
	color: inherit;
	text-decoration: none;
}

/* Set dashed underline for popup items */

MadCap|keywordLink,
.keywordLink,
.keywordLink:link,
.conceptLink:link,
a.glossaryTerm:link,
.MCTextPopup,
.MCTopicPopupHotSpot
{
	color: inherit;
	border-bottom-style: dashed !important;
}

/* Hide toggle arrow to right of glassary terms */

MadCap|glossaryTerm
{
	mc-closed-image: none;
	mc-open-image: none;
}

.MCTopicPopupHotSpot::after
{
	color: #FEC10D;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding-left: 0.4rem;
	vertical-align: baseline;
	content: "\f360";
}

/*==============================================================================================
 * POPUP OVERRIDES
 *----------------------------------------------------------------------------------------------
 * Effects glossaries, concept links, and keyword links. 
 *--------------------------------------------------------------------------------------------*/

/* Popup box */

MadCap|popupBody,
MadCap|helpControlMenu,
.link-list-popup,
.MCTextPopupBody
{
	background-color: #F3F3F3;
	border-radius: 0px;
	border: 0px solid;
	padding: 8px;
	box-shadow: 0 0 9px 2px rgb(0 0 0 / 20%);
}

/* Hide popup arrow */

.MCTextPopupArrow
{
	border-bottom-color: transparent;
}

/*==============================================================================================
 * MENU OVERRIDES
 *----------------------------------------------------------------------------------------------
 * The menu is a proxy that allows navigation across or within Topics. It will likely primarily
 * be used to expose a table of contents for an individual page. The primary styles for this are
 * established via a skin—see Menu.flskn. The following cover styles that can't be set there.
 *--------------------------------------------------------------------------------------------*/

/* Moved to right side of content pane */

ul.menu
{
	float: right;
	clear: right;
	position: sticky;
}

/* Reduced padding between items to ensure smooth transition on mouseover */

ul.menu ul,
ul.menu li
{
	margin-bottom: 0rem;
}

/* Removed underlines under menu links */

ul.menu li > a
{
	border-bottom: 0px;
}