/* Main sidebar styling */
.portable-infobox{
	border-radius: 0;
	font-size: 0.875em;
	line-height: 1.1;
	margin: 0.5em auto;
	padding: 0;
	width: 270px;
}
@media (max-width: 640px){
	.portable-infobox{
		clear: none;
		float: none;
	}
	.portable-infobox .nowrap{
		white-space: normal;
	}
}
@media (min-width: 640px){
	.portable-infobox{
		clear: right;
		float: right;
		margin-left: 1em;
		margin-right: 0;
	}
}

/* Built-in stylistic class overrides */
.pi-background{
	background: var(--ma-custom-accent-color);
}
.pi-secondary-background{
	background: var(--ma-custom-base-color) linear-gradient(var(--ma-custom-table-header-color), var(--ma-custom-base-color));
	color: var(--ma-custom-heading-color);
}
.pi-border-color{
	border-top-color: var(--theme-border-color);
	border-right-color: var(--theme-border-color);
	border-bottom-color: var(--theme-border-color);
	border-left-color: var(--theme-border-color);
}
.pi-item-spacing{
	padding: 3px;
}

/* Custom image modifier */
[data-item-name="halfwidth"] .pi-image-thumbnail{
	max-width: 50%;
}

/* Horizontal groups */
.pi-horizontal-group{
	margin: 0;
}
html:root .pi-horizontal-group .pi-header{
	text-align: center;
}

/* Getting rid of auto hyphenation */ 
.pi-data-value,
.pi-data-label{
	hyphens: none;
}

/* Tab styling */
.portable-infobox .pi-section-tab{
	background: none;
}
.pi-panel-scroll-wrapper::before,
.pi-panel-scroll-wrapper::after{
	content: none;
}

/* Image styling */
.pi-image{
	padding: 0;
}
.pi-image .article-media-thumbnail{
	background: none;
	border: none;
	float: none;
	margin: 0 auto;
}
.pi-image .article-media-placeholder{
	border: none;
	margin: 0;
	max-width: 268px;
}
.pi-caption{
	color: inherit;
	font-size: 1em;
	font-style: normal;
}

/* Stacked layout */
.pi-layout-stacked .pi-data-value{
	text-align: center;
}
.pi-layout-stacked .pi-data-label{
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
.pi-layout-stacked .pi-data-value .plainlist ul{
	text-align: center;
}

/* Other stuff */
.pi-font,
.pi-secondary-font,
.portable-infobox .pi-data-label{
	font-size: 1em;
	line-height: 1.1;
}
.portable-infobox .pi-title{
	font-size: 1.4em;
	padding: 0.7em;
}
.pi-group{
	margin: 0;
	padding: 0;
}
.portable-infobox .pi-header{
	font-size: 1.1em;
	padding: 0.7em;
}
.pi-navigation{
	text-align: center;
	font-weight: normal;
}

/* [[Category:Memory Alpha CSS]] */