/*<meta conditions="" />*/

@import url('Styles.css');

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

/* Single-sourcing of styles, for game rules projects. Be sure to import and update the style sheet via global project linking. */
/* Add styles and overrides that are specific to THIS project below */

/* CONTENTS
	COLOUR REFERENCE
	CUSTOM FONTS
	GENERIC
	MAIN
	DIV
	MADCAP
	MEDIA - TABLET
	MEDIA - MOBILE
	MEDIA - PRINT
	MISCELLANEOUS
	APPENDED (to organise)
*/

/* =COLOUR REFERENCE
	Header background:		#778899 (blue-grey)
   Accent 1:				#6495ed (blue)
   Accent 2:				#4c70af (darker blue)
   Body text:				#
   Body background:     	#
   Links:               	#[accent 1], #[accent 2]
*/

/* =CUSTOM FONTS */
/* =GENERIC */
/* =MAIN */

a:link /*see Style.css for global properties */
{
	color: #6495ed;
}

a:visited /*see Style.css for global properties */
{
	color: #4c70af;
}

.sequenceA
{
	mc-auto-number-format: 'A:A{Gn+}: ';
}

p.ChainOfCommand /* To style the 'Chain of Command' block in army detachment lists. */
{
	line-height: 18px;
	page-break-inside: avoid;
	overflow: hidden;
	padding: 0.5em;
	border-radius: 8px;
	border: solid 2px #000;
	background-color: #ddd;
	margin: 6px 0px;
	text-align: center;
	font-style: italic;
}

p.ChainOfCommand::before
{
	content: "Chain of Command: ";
	font-weight: bold;
}

p.HiveMindNexus /* To style the 'Hive Mind Nexus' block in Tyranid army detachment lists. */
{
	line-height: 18px;
	page-break-inside: avoid;
	overflow: hidden;
	padding: 0.5em;
	border-radius: 8px;
	border: solid 2px #000;
	background-color: #ddd;
	margin: 6px 0px;
	text-align: center;
	font-style: italic;
}

p.HiveMindNexus::before
{
	content: "Hive Mind Nexus: ";
	font-weight: bold;
}

p.BroodTelepathyNexus /* To style the 'Brood Telepathy Nexus' block in the Genestealer Cult detachment list. */
{
	line-height: 18px;
	page-break-inside: avoid;
	overflow: hidden;
	padding: 0.5em;
	border-radius: 8px;
	border: solid 2px #000;
	background-color: #ddd;
	margin: 6px 0px;
	text-align: center;
	font-style: italic;
}

p.BroodTelepathyNexus::before
{
	content: "Brood Telepathy Nexus: ";
	font-weight: bold;
}

.BlockTitleLevel1 /* Mainly to stlye the main headings (drop-down text) in the detachment army lists. */
{
	border-radius: 8px 8px 0px 0px;
	padding: 6px;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	background-color: #555;
	color: #fff;
}

.BlockLevel1Hotspot
{
	color: #fff;
}

p.BlockTitleLevel2 /* Mainly to stlye the sub-headings in the detachment army lists. */
{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #ddd;
	margin-bottom: 0;
	page-break-after: avoid;
}

ul.ExtraCost /* To style the list of optional upgrades, where presented in unit entries (in the army detachment lists). */
{
	list-style-type: none;
	margin-left: -2em;
	margin-top: -0.5em;
}

ul.ExtraCost > li
{
	padding-left: 2.5em;
	text-indent: -1.5em;
}

/* Commented out as part of tweaks to make big detachment lists fit onto a single page */
/* ul.ExtraCost::before
{
	content: "Extra cost to: ";
	font-style: italic;
} */

/* =DIV */

div.NoticeExample
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border-radius: 8px;
	border: solid 2px #2ecc71;
	background-color: #ffffff;
	margin: 6px 0px;
}

div.NoticeExample MadCap|dropDownHead:before, div.NoticeExample .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Example: ";
}

div.NoticeExample > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Example: ";
}

div.NoticeExample > p:first-child
{
	margin-top: 0;
}

div.NoticeExample p:last-child
{
	margin-bottom: 0;
}

div.NoticeNote
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border: solid 2px #3498db;
	border-radius: 8px;
	background-color: #ffffff;
	margin: 6px 0px;
}

div.NoticeNote MadCap|dropDownHead:before, div.NoticeNote .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Designer's note: ";
}

div.NoticeNote > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Designer's note: ";
}

div.NoticeNote > p:first-child
{
	margin-top: 0;
}

div.NoticeNote p:last-child
{
	margin-bottom: 0;
}

div.NoticeReminder
{
	background-color: #fbf6f2;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border: solid 2px #e64c3c;
	border-radius: 8px;
	margin: 6px 0px;
}

div.NoticeReminder MadCap|dropDownHead:before, div.NoticeReminder .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Remember! ";
}

div.NoticeReminder > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Remember! ";
}

div.NoticeReminder > p:first-child
{
	margin-top: 0;
}

div.NoticeReminder p:last-child
{
	margin-bottom: 0;
}

div.NoticeSpecial
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	background-color: #ffffff;
	border: solid 2px #a655cf;
	border-radius: 8px;
	margin: 6px 0px;
}

div.NoticeSpecial MadCap|dropDownHead:before, div.NoticeSpecial .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Special rule: ";
}

div.NoticeSpecial > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Special rule: ";
}

div.NoticeSpecial > p:first-child
{
	margin-top: 0;
}

div.NoticeSpecial p:last-child
{
	margin-bottom: 0;
}

div.NoticeTip
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	background-color: #ffffff;
	border: solid 2px #f0c40f;
	border-radius: 8px;
	margin: 6px 0px;
}

div.NoticeTip MadCap|dropDownHead:before, div.NoticeTip .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Tip: ";
}

div.NoticeTip > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Tip: ";
}

div.NoticeTip > p:first-child
{
	margin-top: 0;
}

div.NoticeTip p:last-child
{
	margin-bottom: 0;
}

div.NoticeHouseRule
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border: dashed 2px #bbbbbb;
	border-radius: 8px;
	background-color: #ffffff;
	margin: 6px 0px;
}

div.NoticeHouseRule MadCap|dropDownHead:before, div.NoticeHouseRule .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "House rule: ";
}

div.NoticeHouseRule > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "House rule: ";
}

div.NoticeHouseRule > p:first-child
{
	margin-top: 0;
}

div.NoticeHouseRule p:last-child
{
	margin-bottom: 0;
}

/* =MADCAP */

MadCap|xref
{
	color: #6495ed;
}

MadCap|conceptLink
{
	color: #6495ed;
}

MadCap|keywordLink
{
	color: #6495ed;
}

MadCap|relatedTopics
{
	color: #6495ed;
}

MadCap|shortcut
{
	color: #6495ed;
}

MadCap|relationshipsItem
{
	color: #6495ed;
}

MadCap|dropDown.bordered /* Mainly for use with army detachment lists */
{
	page-break-inside: avoid;
	overflow: hidden;
	padding: 6px;
	border-radius: 16px;
	border: solid 3px #555;
	background-color: #ffffff;
	margin: 6px 0px;
	font-size: 0.9em;
}

/* =MEDIA - TABLET */
/* =MEDIA - MOBILE */
/* =MEDIA - PRINT */

@media print
{
	div.NoticeSpecial
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeTip
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}
	
	div.NoticeHouseRule
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeNote
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeExample
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeReminder
	{
		border-width: 1px;
		page-break-inside: avoid;
	}
	
	div.RowClass-6-6 > div:nth-child(1)	/* Over-ride Styles.css - workaround to keep columns in detachment lists together in PDF.*/
	{
		width: 49.5%;
	}

	ul.ExtraCost
	{
		list-style-type: none;
		margin-left: 1em;
		margin-top: -0.5em;
	}
	
	img.Thumbnail /* Over-ride Styles.css to make thumbnail pop-up images border solid rather than dashed in PDF. */
	{
	border: thin #808080 solid;
	}
}

/* =MISCELLANEOUS */
/* =APPENDED (to organise) */
div.DetachmentListNotesBox
{
	border: solid 1px #000;
	border-radius: 8px;
	padding: 0.5em;
	margin: 6px 0px;
}

div.DetachmentListNotesBox > p
{
	margin: 0px 0px 3px 0px;
}

p.NotesBox /* Mainly intended to style notes as in the detachment army lists. */
{
	border: solid 1px #000;
	border-radius: 8px;
	padding: 0.5em;
	margin: 6px 0px;
}

div.KeepTogether
{
	page-break-before: avoid;
	page-break-inside: avoid;
	page-break-after: avoid;	
}