/**
 * Visual styles for links.
 * 
 */

ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0; /* LTR */
}
[dir="rtl"] ul.inline,
[dir="rtl"] ul.links.inline {
  padding-right: 0;
  padding-left: 1rem;
}
ul.inline li {
  display: inline;
  padding: 0 0.5rem;
  list-style-type: none;
}
ul.links a.is-active {
  color: #000;
}

/**
 * Markup generated by #type 'more_link'.
 * - formerly in more-link.css
 */

.more-link {
  display: block;
  text-align: right; /* LTR */
}
[dir="rtl"] .more-link {
  text-align: left;
}

/**
 * Styles for link buttons and action links.
 * - formerly in action-links.css
 */

.action-links {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}
[dir="rtl"] .action-links {
  /* This is required to win over specificity of [dir="rtl"] ul */
  margin-right: 0;
}
.action-links li {
  display: inline-block;
  margin: 0 0.375rem;
}
.action-links li:first-child {
  margin-left: 0; /* LTR */
}
[dir="rtl"] .action-links li:first-child {
  margin-right: 0;
  margin-left: 0.375rem;
}
.button-action {
  display: inline-block;
  padding: 0.25rem 0.5rem 0.375rem;
  text-decoration: none;
  line-height: 160%;
}
.button-action:before {
  margin-left: -0.1rem; /* LTR */
  padding-right: 0.2rem; /* LTR */
  content: "+";
  font-weight: 900;
}
[dir="rtl"] .button-action:before {
  margin-right: -0.1rem;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0.2rem;
}

#HistoryNavigation,
#HistoryPlusNavigation,
#WindowsNavigation {
	margin-top: 1rem;
}

#HistoryNavigation p,
#HistoryPlusNavigation p,
#WindowsNavigation p {
	display: inline-block;
	font-weight: bold;
	margin: 0.5rem;
}

#HistoryNavigation a,
#WindowsNavigation a {
	display: inline-block;
	text-align: center;
	padding: 0.5rem;
	border: 1px solid silver;
	border-radius: 5px;
	&:hover {
		text-decoration: none;
	}
}

#HistoryNavigation a {
	color: indigo;
	background-color: #e6f2ff;  /* close to Alice Blue */	
}

@media all and (min-width: 600px)  {
	
	#HistoryNavigation p,
	#HistoryPlusNavigation p,
	#WindowsNavigation p {
		width: calc(50% - 19px);
	}
	
	#HistoryNavigation a {
		width: 240px;
	}

}

@media all and (max-width: 599px)  {
	
	#HistoryNavigation .hide-small {
		display: none!important;
	}
	
	#HistoryNavigation p,
	#HistoryPlusNavigation p,
	#WindowsNavigation p {
		width: calc(50% - 35px);
	}

	#HistoryNavigation a {
		width: 120px;
	}

}

#WindowsNavigation a {
	width: 120px;
	color: indigo;
	background-color: lavender;
}

#HistoryPlusNavigation a {
	display: inline-block;
	width: 132px;
	font-size: 0.875rem;
	text-align: center;
	padding: 0.5rem 0.25rem;
	color: DarkRed;
	background-color: #eeeeee;
	border: 1px solid silver;
	border-radius: 5px;
	&:hover {
		text-decoration: none;
	}
}

#HistoryNavigation p.previous,
#HistoryPlusNavigation p.previous,
#WindowsNavigation p.previous {
	text-align: left;
}

#HistoryNavigation p.next,
#HistoryPlusNavigation p.next,
#WindowsNavigation p.next {
	text-align: right;
}