/* GLOBAL */

.guidebook-body {
	padding: var(--spacing_sm) 0 0;
	text-align: justify;
}
.guidebook-content {
	display: none;
}
.guidebook-active {
	background-color: var(--bg_dark) !important;
}

	/* NAVIGATION */

.guidebook-nav {
	background-color: var(--bg_med);
  	padding: var(--spacing_sm);
	margin: 0 0 var(--spacing_sm);
	border-radius: var(--rounded_sm);
	box-sizing: border-box;
}
.guidebook-nav .tag {
	display: block;
}
.guidebook-quicklink {
	border-bottom: var(--border_separator-dark);
	padding: 0.8em 0;
}
.guidebook-quicklink:first-child {
	padding-top: 0;
}
.guidebook-quicklink:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.guidebook-quicklink i {
	float: left;
	display: block;
	font-size: 1.5em;
	padding-right: 15px;
	color: var(--color_link);
	width: 1.5em;
}
.guidebook-quicklink a {
	float: left;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
}
.guidebook-quicklink a:link,
.guidebook-quicklink a:visited,
.guidebook-quicklink a:active {
	color: var(--color_global);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.guidebook-quicklink a:hover {
	color: var(--color_link) !important;
	text-decoration: none !important;
	margin-left: 10px;
}

	/* REGULATIONS PAGE */

.guidebook-rule {
	margin-top: 5px;
	display: flex;
}
.guidebook-rule section:first-child {
	text-align: center;
	width: 50px;
	flex-shrink: 0;
	margin-right: 0.8em;
}
.rule-num {
	display: inline-block;
	font-size: 2.5em;
	font-family: var(--font_heading);
	color: var(--color_highlight);
	margin: 7px 0 5px;
}

	/* SKILLS PAGE */

.guidebook-skill .class-icon,
.guidebook-skill .class-name {
	display: none;
}
.guidebook-skill .class-perk {
	display: block;
	margin-top: 1.5em;
	text-align: center;
}
.guidebook-skill-list .class-icon,
.guidebook-skill-list .class-name,
.guidebook-skill-list .class-perk {
	display: block;
	text-align: center;
}
.guidebook-skill-list .class-icon {
	color: var(--bg_tag);
	font-size: 4em;
}
.guidebook-skill-list .class-name {
	color: var(--color_highlight);
	margin: 1.5em 0;
	font-weight: bold;
	text-transform: uppercase;
}
.guidebook-skill-list .class-perk {
	margin-top: 1.5em;
}

	/* INDEX */

.secondary-icon {
	color: var(--color_link);
}

	/* DESKTOP ADJUST */

@media only screen and (min-width: 1050px) {
	
	.guidebook-header {
		display: flex;
		flex-direction: row-reverse;
	}
	.guidebook-body {
		padding: 0 var(--spacing_sm) 0 0;
		flex-grow: 2;
	}
	.guidebook-nav {
		width: 250px;
		margin: 0 0 0 var(--spacing_sm);
		flex-shrink: 0;
	}
	.nav-sticky {
		position: -webkit-sticky; /* for browser compatibility */
		position: sticky;
		top: 65px;
	}
	
}