MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

@media print {
	.noprint, .printfooter, .mw-cookiewarning-container {
		display: none !important;
	}
	* {
		font-family: 'Roboto', sans-serif !important;
	}
	#toc {
		border: none !important;
	}
}

/* scrollbar */
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,.15);
    border-radius: 0;
}
.list-with-comma:not(:last-child) {
	padding-right: 5px;
}
.list-with-comma:not(:last-child)::after {
    content: ',';
}
.mw-mmv-about-links, .mw-mmv-options-button, #mw-indicator-mw-helplink {
    display: none !important;
}
#header-sitetitle span, #footer-sitetitle span, #header-pagetitle {
    font-variant: small-caps;
}
.mw-body, .parsoid-body {
    padding-bottom: 30px;
}
#mw-data-after-content + .mw-footer {
    margin-top: 20px !important;
}
.mw-cookiewarning-container {
	width: calc(100vw - 120px);
}
.image {
    max-width: 100%;
}
.mw-body-content img {
    max-width: 100%;
    height: auto;
}
.mw-footer {
    z-index: 1;
}
iframe {
    float: right;
	width: 400px;
	max-width: 100%;
	height: 400px;
	border-radius: var(--border-radius--small);
	margin-left: 15px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.055);
	border: none;
}
.mw-kartographer-container {
    box-shadow: 0 10px 10px rgba(0,0,0,0.055);
    border-radius: var(--border-radius--small);
    overflow: hidden;
}
.mw-kartographer-container .thumbinner {
	margin-bottom: -7px;
}

.embedvideowrap {
	width: 500px !important;
	height: 280px !important;
	max-width: 100%;
}
.embedvideowrap iframe {
	width: 100% !important;
	height: 100% !important;
}
#uls-settings-block {
    display: none;
}
.skin-citizen .uls-narrow {
    position: fixed;
    width: 300px !important;
    height: auto !important;
    transform: translateX(calc(50vw - 50%));
}
.skin-citizen .uls-narrow .uls-lcd {
    height: auto;
}
@media screen and (max-width: 720px) {
	.skin-citizen .uls-narrow {
	    top: 0 !important;
	    width: 100% !important;
}
}
.grid.uls-menu.uls-wide {
    position: fixed;
}
.pfPageNameWithoutNamespace input {
	border-color: var(--border-color-input--hover) !important;
}

#firstHeading br {
	display: none !important;
}

.mwe-popups {
    border-radius: var(--border-radius--medium) !important;
    overflow: hidden !important;
}
.mwe-popups > div {
    margin-bottom: -30px !important;
    background-color: var(--color-surface-1) !important;
}
.mwe-popups .mwe-popups-settings-icon {
    display: none !important;
}
.mwe-popups img {
    height: 100px;
}

#mw-editing-your-version {
    color: rgba(0,0,0,.7);
    border-radius: var(--border-radius--medium);
    padding: 5px 10px;
}

.bibleserver.extern::after {
	content: '';
	display: inline-block;
	height: 20px;
	width: 15px;
	margin-left: 2px;
	opacity: .7;
	transform: rotate(15deg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTUuNDM4IDE1LjQzOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUuNDM4IDE1LjQzODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzAzMDEwNDsiIGQ9Ik0xMy45MjYsMTQuMjg0VjAuNTI1QzEzLjkyNiwwLjEwNiwxMy40MDIsMCwxMy40MDIsMEgzLjA4NUMxLjUxMiwwLDEuNTEyLDEuNDUyLDEuNTEyLDEuNDUydjEzLjQyNw0KCQljMCwwLjMwOCwwLjI0OSwwLjU1OSwwLjU2LDAuNTU5aDEwLjA2OWMwLjMwOSwwLDAuNTU5LTAuMjUxLDAuNTU5LTAuNTU5bDAuNjY2LTAuMDAyQzEzLjk2NywxNC44NzcsMTMuOTI2LDE0LjI4NCwxMy45MjYsMTQuMjg0eg0KCQkgTTguMDIsNi44NDZ2Ni4wNkg2Ljg2MXYtNi4wNkg0LjMwN1Y1LjY4N2gyLjU1NHYtMi4wNUg4LjAydjIuMDVoMi41NTNsMC4wMDEsMS4xNTlDMTAuNTc0LDYuODQ2LDguMDIsNi44NDYsOC4wMiw2Ljg0NnoNCgkJIE0xMy4yNzgsMTMuNTU0YzAsMC0wLjEsMC4zNjQtMC41NzgsMC4zNjR2LTMuOTA3VjIuMDM1YzAtMC4zMDktMC4yNS0wLjU1OS0wLjU1OS0wLjU1OUwyLjYxMywxLjQ3MQ0KCQljMC0wLjM4NCwwLjU3OC0wLjU3OSwwLjU3OC0wLjU3OUgxMi43YzAuNTk2LDAsMC41NzgsMC41MjUsMC41NzgsMC41MjVTMTMuMjc4LDEzLjU1NCwxMy4yNzgsMTMuNTU0eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
}
.skin-citizen-dark .bibleserver.extern::after {
    filter: invert(1);
}

/**
  * VE
  */in
.ve-ce-focusableNode-highlight[title="Person"] {
    background: none;
    box-shadow: none;
}
.ve-ui-mwHelpPopupTool-item > span:nth-child(1), .ve-ui-mwHelpPopupTool-item > span:nth-child(3) {
    display: none !important;
}

.ve-ui-mwTemplatePage-description {
    color: var(--color-destructive) !important;
    font-weight: bold;
    font-size: 1.5rem;
}
.ve-ui-mwTemplatePage-description-extra {
    color: var(--color-base--subtle);
    font-weight: normal;
    font-size: 0.875rem;
}
.ve-init-mw-desktopArticleTarget-toolbar .oo-ui-widget-enabled .ve-ui-toolbar-saveButton::before, .ve-init-mw-desktopArticleTarget-toolbar .oo-ui-widget-enabled .ve-ui-toolbar-saveButton::after {
    background: var(--color-surface-0);
}

.codeEditor-status {
    background-color: var(--color-surface-1);
    border-top-color: var(--color-surface-2);
}
.ace-tm {
    background-color: var(--color-surface-1) !important;
    color: var(--color-base) !important;
}
.ace_gutter-cell {
    color: var(--color-base);
}
.ace-tm .ace_gutter {
    background-color: var(--color-surface-1);
    color: var(--color-base);
}
.ace-tm .ace_gutter-active-line {
    background-color: var(--color-surface-3);
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 var(--color-surface-2);
}

/**
  * INFOBOX
  */
.infobox {
	color: var(--color-base--subtle);
	background: var(--background-color-framed);
	border: 1px solid var(--border-color-base);
	margin: 0 0 20px 30px !important;
	border-spacing: 0;
	border-radius: 1rem;
	float: right;
	clear: right;
	overflow: hidden !important;
	font-size: 95%;
	width: 400px;
	max-width: 100%;
	transition: all .5s ease-in-out;
}
.infobox tbody {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}
.infobox tr {
    display: flex;
    max-width: 100%;
}
.infobox tr:first-child td {
    display: inline-block;
    max-width: 100%;
}
.infobox tr, .infobox td[colspan="2"] {
    width: calc(100% - 60px);
}
.infobox tr, .infobox tr:first-child td[colspan="2"] {
    width: 100%;
}
.infobox .image-placeholder {
    height: 100px;
    background: var(--background-color-quiet--hover);
}
.infobox tr:first-child td {
    padding: 0;
}
.infobox tr:first-child td .thumb {
    margin: 0;
}
.infobox tr:first-child td a {
    margin: 0 !important;
    border-radius: 0 !important;
}
.infobox a.image {
	display: flex;
	max-height: 300px;
	justify-content: center;
	align-items: center;
}
.infobox img {
	width: 400px;
	height: auto;
	max-width: 100% !important;
}
.infobox td {
    position: relative;
    width: calc(50% - 45px);
	display: inline-block;
}
.infobox tr:not(:first-child) td {
    padding-left: 30px;
}
.infobox .label {
    display: block;
    font-size: 90%;
    margin-top: 20px;
}
.infobox .field, .infobox .required {
    display: block;
	margin: 0;
    font-weight: bold;
    font-size: 16px;
	color: var(--color-base--subtle);
}
.second-field {
    font-size: 80%;
    font-weight: normal;
}
.infobox .required {
    color: var(--color-destructive);
    font-style: italic;
}
.required {
	color: var(--color-destructive);
	font-style: italic;
}
.infobox .bible {
    font-size: 100% !important;
}
.infobox .bible a {
    color: var(--color-base--subtle);
}
.infobox .image-flyer {
    position: absolute;
	bottom: 10px;
	right: 5px;
	user-select: none;
}
.image-flyer > * {
    float: right;
}
.infobox .external {
 	background-image: none !important;
	padding-right: 0 !important;
}
.infobox .believer {
    padding: 2px 7px;
    background: #ffb6b3;
    border: 1px solid #ffb6b3;
    color: var(--color-destructive);
    border-radius: var(--border-radius--small);
    font-weight: 600;
    margin: 5px;
}
.infobox .believer.true {
    background: #cfffdb;
    border-color: #a2ffb9;
    color: #008621;
}
.infobox .level {
	padding: 2px 7px;
	background: var(--background-color-framed);
	border: 1px solid var(--border-color-base);
	border-radius: var(--border-radius--small);
	font-weight: 600;
	margin: 5px;
}
.infobox .roughly {
    color: var(--color-success);
}
.infobox .icon {
    position: absolute;
    width: 70px;
    height: 70px;
    bottom: -15px;
    left: 25px;
    background: var(--color-surface-0);
    border-radius: 50%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.0625),0 10px 10px rgba(0,0,0,0.055);
    overflow: hidden;
}
.infobox .icon::after {
	position: absolute;
	content:'';
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 100%;
    background-size: 60px;
    opacity: var(--opacity-icon-base);
}
.infobox .field.number a {
    display: list-item;
    margin-right: 10px;
    list-style: decimal inside none;
    float: left;
}
.infobox .field.number a::marker {
    font-size: 60%;
    color: var(--color-base);
    font-weight: bold;
}
.skin-citizen-dark .infobox .icon::after {
    filter: invert(1);
}
#Kurzbeschreibung ~ .mw-editsection {
    display: none !important;
}

@media screen and (max-width: 600px) {
	.infobox {
	    width: 100%;
	}
	.thumbinner {
	    width: 100% !important;
	}
	.infobox a.image {
		max-height: 200px;
	}
	.infobox img {
	    width: 100%;
	}
	.section-collapsible {
	    overflow: hidden;
	}
}

/**
  * FORM INPUTS
  */

/* kein Kommentar */
#pfForm .editOptions {
    border: none !important;
}
#pfForm .editOptions > div:not(.editButtons), #pfForm .editOptions #wpPreview, #pfForm .editOptions #wpDiff {
    display: none !important;
}
#pfForm .editOptions br {
	display: none;
}

/* element */
.formedit t {
	cursor: pointer;
}
.formedit input {
	width: 100%;
	box-sizing: border-box;
	border: none !important;
	padding: 0 !important;
	font-size: 0.875rem !important;
	padding: 10px 0 !important;
	background-color: transparent !important;
}
.formedit input:focus {
	border: none !important;
}
.formedit textarea {
    box-sizing: border-box;
    border: none !important;
    font-family: var(--font-family-base);
    background-color: transparent !important;
    min-width: 100%;
    resize: vertical;
}
.formedit textarea:focus {
	border: none !important;
}
.formedit .selection input {
    border: none !important;
}
.formedit .warn {
    background-color: var(--background-color-warning);
	margin: 20px 10px;
	border: 1px solid var(--color-warning);
	border-radius: 8px;
	padding: 10px 15px;
	color: rgba(0,0,0,.6);
	font-size: .875rem;
}
.formedit .tab {
	display: grid;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    grid-auto-flow: row;
    grid-gap: 30px 30px;
    margin-top: 30px;
}
.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
    display: block !important;
}
.formedit .col-2 {
	grid-column: 1 / 3;
}
.formedit .tab > div {
    position: relative;
    display: flex;
    padding: 20px;
    border-radius: var(--border-radius--small);
	border: 1px var(--border-color-base--darker) solid;
}
.formedit .inputSpan {
	display: inherit;
}
.formedit .name .inputSpan:first-child input, .formedit .singular .inputSpan:first-child input {
	cursor: not-allowed;
	user-select: none;
}
.formedit .label {
	position: absolute;
	height: 30px;
	overflow: hidden;
	top: -15px;
	padding: 0 35px 0 10px;
	left: 5px;
	border-radius: var(--border-radius--large);
    font-size: 120%;
	background: var(--color-surface-0);
	color: var(--color-base);
	cursor: help;
	z-index: 1;
}
.formedit .label::after {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQzOC41MzNweCIgaGVpZ2h0PSI0MzguNTMzcHgiIHZpZXdCb3g9IjAgMCA0MzguNTMzIDQzOC41MzMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MzMgNDM4LjUzMzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQwOS4xMzMsMTA5LjIwM2MtMTkuNjA4LTMzLjU5Mi00Ni4yMDUtNjAuMTg5LTc5Ljc5OC03OS43OTZDMjk1LjczNiw5LjgwMSwyNTkuMDU4LDAsMjE5LjI3MywwDQoJCWMtMzkuNzgxLDAtNzYuNDcsOS44MDEtMTEwLjA2MywyOS40MDdjLTMzLjU5NSwxOS42MDQtNjAuMTkyLDQ2LjIwMS03OS44LDc5Ljc5NkM5LjgwMSwxNDIuOCwwLDE3OS40ODksMCwyMTkuMjY3DQoJCWMwLDM5Ljc4LDkuODA0LDc2LjQ2MywyOS40MDcsMTEwLjA2MmMxOS42MDcsMzMuNTkyLDQ2LjIwNCw2MC4xODksNzkuNzk5LDc5Ljc5OGMzMy41OTcsMTkuNjA1LDcwLjI4MywyOS40MDcsMTEwLjA2MywyOS40MDcNCgkJczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTYsMjkuNDAzLTcwLjI4NCwyOS40MDMtMTEwLjA2Mg0KCQlDNDM4LjUzMywxNzkuNDg1LDQyOC43MzIsMTQyLjc5NSw0MDkuMTMzLDEwOS4yMDN6IE0yNTUuODIsMzU2LjMwOWMwLDIuNjYyLTAuODYyLDQuODUzLTIuNTczLDYuNTYzDQoJCWMtMS43MDQsMS43MTEtMy44OTUsMi41NjctNi41NTcsMi41NjdoLTU0LjgyM2MtMi42NjQsMC00Ljg1NC0wLjg1Ni02LjU2Ny0yLjU2N2MtMS43MTQtMS43MTEtMi41Ny0zLjkwMS0yLjU3LTYuNTYzdi01NC44MjMNCgkJYzAtMi42NjIsMC44NTUtNC44NTMsMi41Ny02LjU2M2MxLjcxMy0xLjcwOCwzLjkwMy0yLjU2Myw2LjU2Ny0yLjU2M2g1NC44MjNjMi42NjIsMCw0Ljg1MywwLjg1NSw2LjU1NywyLjU2Mw0KCQljMS43MTEsMS43MTEsMi41NzMsMy45MDEsMi41NzMsNi41NjNWMzU2LjMwOXogTTMyNS4zMzgsMTg3LjU3NGMtMi4zODIsNy4wNDMtNS4wNDQsMTIuODA0LTcuOTk0LDE3LjI3NQ0KCQljLTIuOTQ5LDQuNDczLTcuMTg3LDkuMDQyLTEyLjcwOSwxMy43MDNjLTUuNTEsNC42NjMtOS44OTEsNy45OTYtMTMuMTM1LDkuOTk4Yy0zLjIzLDEuOTk1LTcuODk4LDQuNzEzLTEzLjk4Miw4LjEzNQ0KCQljLTYuMjgzLDMuNjEzLTExLjQ2NSw4LjMyNi0xNS41NTUsMTQuMTM0Yy00LjA5Myw1LjgwNC02LjEzOSwxMC41MTMtNi4xMzksMTQuMTI2YzAsMi42Ny0wLjg2Miw0Ljg1OS0yLjU3NCw2LjU3MQ0KCQljLTEuNzA3LDEuNzExLTMuODk3LDIuNTY2LTYuNTYsMi41NjZoLTU0LjgyYy0yLjY2NCwwLTQuODU0LTAuODU1LTYuNTY3LTIuNTY2Yy0xLjcxNS0xLjcxMi0yLjU2OC0zLjkwMS0yLjU2OC02LjU3MXYtMTAuMjc5DQoJCWMwLTEyLjc1Miw0Ljk5My0yNC43MDEsMTQuOTg3LTM1LjgzMmM5Ljk5NC0xMS4xMzYsMjAuOTg2LTE5LjM2OCwzMi45NzktMjQuNjk4YzkuMTMtNC4xODYsMTUuNjA0LTguNDcsMTkuNDEtMTIuODQ3DQoJCWMzLjgxMi00LjM3Nyw1LjcxNS0xMC4xODgsNS43MTUtMTcuNDE3YzAtNi4yODMtMy41NzItMTEuODk3LTEwLjcxMS0xNi44NDljLTcuMTM5LTQuOTQ3LTE1LjI3LTcuNDIxLTI0LjQwOS03LjQyMQ0KCQljLTkuOSwwLTE4LjA4MiwyLjI4NS0yNC41NTUsNi44NTVjLTYuMjgzLDQuNTY1LTE0LjQ2NSwxMy4zMjItMjQuNTU0LDI2LjI2M2MtMS43MTMsMi4yODYtNC4wOTMsMy40MzEtNy4xMzksMy40MzENCgkJYy0yLjI4NCwwLTQuMDkzLTAuNTctNS40MjQtMS43MDlMMTIxLjM1LDE0NS44OWMtNC4zNzctMy40MjctNS4xMzgtNy40MjItMi4yODYtMTEuOTkxDQoJCWMyNC4zNjYtNDAuNTQyLDU5LjY3Mi02MC44MTMsMTA1LjkyMi02MC44MTNjMTYuNTYzLDAsMzIuNzQ0LDMuOTAzLDQ4LjU0MSwxMS43MDhjMTUuNzk2LDcuODAxLDI4Ljk3OSwxOC44NDIsMzkuNTQ2LDMzLjExOQ0KCQljMTAuNTU0LDE0LjI3MiwxNS44NDUsMjkuNzg3LDE1Ljg0NSw0Ni41MzdDMzI4LjkwNCwxNzIuODI0LDMyNy43MSwxODAuNTI5LDMyNS4zMzgsMTg3LjU3NHoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K");
    background-size: calc(var(--size-icon) / 1.5);
	background-position: center;
	background-repeat: no-repeat;
    height: var(--size-icon);
    width: var(--size-icon);
    top: 5px;
	right: 7px;
	cursor: help;
	opacity: var(--opacity-icon-base);
	transition: opacity 200ms ease;
}
.formedit .sublabel {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 60%;
    color: var(--color-base--subtle);
    user-select: none;
}
.formedit .sublabel.second {
    left: calc((100% - 100px)/2);
}
.formedit .sublabel.source {
	left: unset;
    right: 90px;
}
.formedit .info {
    position: absolute;
    padding: 10px 20px;
    max-width: calc(100% - 80px);
    border: 1px solid var(--border-color-base);
    background-color: var(--color-surface-2);
    border-radius: var(--border-radius--medium);
    box-shadow: 0 14px 28px rgba(0,0,0,0.0625),0 10px 10px rgba(0,0,0,0.055);
    transition: opacity 200ms ease,box-shadow 200ms ease;
    font-size: 14px;
    opacity: 0;
    z-index: -1;
}
.formedit .info:hover, .formedit .label:hover ~ .info {
    opacity: 1;
    z-index: 3;
}
.skin-citizen-dark .formedit .label::after {
    filter: invert(1);
}
.formedit .input {
	display: grid;
    grid-template-columns: 1fr 100px;
    grid-auto-flow: row;
    grid-gap: 20px 10px;
    width: 100%;
}
.formedit .noSource .input {
    grid-template-columns: 1fr;
}
.formedit .date .input {
    grid-template-columns: 1fr 1fr !important;
}
.formedit .date .inputSpan:last-child {
    grid-column: end;
    grid-row: 1/3;
    width: 100px;
}
.formedit .date .roughly {
    line-height: 220%;
    color: var(--color-success);
    margin-right: -7px;
    justify-self: end;
}
.formedit .date .roughly + .inputSpan {
    color: var(--color-success);
    font-weight: bold;
}
.formedit .source:not(.date) .input > span:not(:last-child) {
	border-right: 1px var(--border-color-base--darker) solid !important;
}
.formedit .double .input {
    grid-template-columns: 1fr 1fr 100px;
}
.formedit .date .input .inputSpan:last-child {
	border-left: 1px var(--border-color-base--darker) solid !important;
	margin-left: -10px;
	padding-left: 10px;
}
.formedit .file {
	grid-row: 1 / span 3;
	grid-column: 2;
}
.formedit .file .input .inputSpan > input:first-child {
	text-align: center;
}
.formedit .file .inputSpan {
    display: grid;
    grid-template-rows: 1fr auto auto;
    min-height: 240px;
}

.formedit .radioButtonSpan {
    display: flex;
	align-items: center;
	justify-content: center;
}
.formedit .radioButtonItem {
    margin-right: 10px !important;
}
.formedit .radioButtonItem, t {
    font-size: 0.875rem !important;
}
.formedit .radioButtonItem input {
    width: auto;
}
#pfForm .formedit select {
	width: 100% !important;
	border: none !important;
	cursor: pointer;
	background: transparent !important;
}
#pfForm .formedit select:focus {
	border: none !important;
}
.formedit .mw-widget-dateInputWidget-handle, .formedit .mw-widget-dateInputWidget-handle:focus {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}
.formedit .date .input label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.formedit .comboboxSpan {
    display: flex;
    align-items: center;
}
.formedit .comboboxSpan > div {
	width: 100% !important;
	max-width: none;
	min-width: 0 !important;
}
.formedit .comboboxSpan a {
	background-color: transparent !important;
}

#pfForm .formedit select option {
    background: var(--color-surface-0);
}
.formedit .simpleUploadInterface {
    display: flex;
}
.formedit .file.new .simpleUploadInterface {
    position: absolute;
	width: calc(100% - 40px);
    height: calc(100% - 40px);
	bottom: 20px;
}
.formedit .file.new .simpleupload_prv ~ .simpleUploadInterface {
    height: auto;
}
.formedit .simpleupload_btn, .formedit .simpleupload_rmv_btn {
    border-radius: var(--border-radius--medium) !important;
    cursor: pointer;
}
.formedit .simpleupload_btn:hover, .formedit .simpleupload_rmv_btn:hover {
    background-color: var(--background-color-quiet--hover) !important;
    color: var(--color-base--emphasized);
}
.formedit .simpleupload_btn:active, .formedit .simpleupload_rmv_btn:active {
    background-color: var(--background-color-quiet--active) !important;
    color: var(--color-base--subtle);
}
.formedit .file.new .simpleupload_btn {
	background-color: var(--background-color-quiet--hover) !important;
    color: var(--color-base--emphasized);
    margin: 0 10px;
}
.formedit .file.new .simpleupload_btn:hover {
    background-color: var(--background-color-quiet--active) !important;
}
.formedit .file.new .simpleupload_btn:active {
    background-color: var(--background-color-quiet--active) !important;
}
.formedit .file.new .simpleupload_prv ~ .simpleUploadInterface .simpleupload_btn, .formedit .file.new .simpleupload_rmv_btn {
    background-color: var(--background-color-input) !important;
    color: var(--color-base--emphasized);
    margin: 0 10px;
}
.formedit .file.new .simpleupload_prv ~ .simpleUploadInterface .simpleupload_btn:hover, .formedit .file.new .simpleupload_rmv_btn:hover {
    background-color: var(--background-color-input) !important;
}
.formedit .file.new .simpleupload_prv ~ .simpleUploadInterface .simpleupload_btn:active, .formedit .file.new .simpleupload_rmv_btn:active {
    background-color: var(--background-color-input) !important;
}
.formedit .simpleupload_rmv_btn {
    color: var(--color-destructive) !important;
}
.formedit .simpleupload_rmv_btn:hover {
    color: var(--color-destructive--hover) !important;
}
.formedit .simpleupload_rmv_btn:active {
    color: var(--color-destructive--active) !important;
}
.formedit .simpleupload_prv {
	margin: auto;
	width: 200px;
	border-radius: var(--border-radius--large);
	box-shadow: 0 14px 28px rgba(0,0,0,0.0625),0 10px 10px rgba(0,0,0,0.055);
}
.formedit .file.new .simpleupload_prv {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	border-radius: var(--border-radius--small);
	box-shadow: none;
}
.formedit .loading {
    margin: 20px auto;
}
.formedit .pfRatingWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
}
.formedit .jq-ry-normal-group {
    z-index: 1 !important;
}
.formedit .jq-ry-rated-group {
    z-index: 2 !important;
}
.formedit .jq-ry-rated-group svg {
    fill: var(--color-primary) !important;
}
.formedit .select2-container {
    margin-bottom: -20px;
}
.formedit .selection {
    width: 100%;
    display: block;
}
.formedit .select2-selection--multiple {
    width: 100%;
    border-radius: 0 !important;
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
    min-width: unset !important;
}
.formedit .select2-selection--multiple .select2-selection__rendered li {
    cursor: move;
    transition: transform .2s ease-in-out;
}
.formedit .select2-selection--multiple .select2-selection__rendered li:hover {
    opacity: .9;
    transform: translateY(-3px);
}
.formedit .select2-selection--multiple .select2-selection__rendered li:not(:last-child) {
    list-style: decimal inside none;
}
.formedit .source .inputSpan:last-child .select2-selection--multiple .select2-selection__rendered li:not(:last-child) {
	list-style: none !important;
}
.formedit .select2-selection--multiple .select2-selection__rendered li[draggable="true"] {
    background-color: var(--color-primary) !important;
    color: white !important;
}
.skin-citizen-dark .formedit .select2-selection--multiple .select2-selection__choice {
	background-color: var(--color-surface-1) !important;
}
.formedit .select2-selection--multiple .select2-selection__choice {
	border: none !important;
	border-radius: var(--border-radius--large) !important;
	color: var(--color-base--emphasized);
	background-color: var(--background-color-framed--active) !important;
	padding: 0 10px;
}
.formedit .select2-selection__choice::marker {
    font-size: 60%;
    font-weight: bold;
}
.formedit .select2-selection__choice__remove {
    color: var(--color-destructive) !important;
    font-family: var(--font-family-serif);
    float: left;
	padding: 0 3px 0 0;
}
.formedit input:not(#searchInput):not(.oo-ui-inputWidget-input):not(.createboxInput):not(.simpleupload_btn):not(.simpleupload_rmv_btn):focus {
    border: none !important;
    margin-top: 0 !important;
    margin-bottom: -10px !important;
}
.pf-select2-dropdown {
    border: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2),0 10px 30px rgba(0,0,0,0.2);
    background-color: var(--color-surface-1);
    border-radius: var(--border-radius--medium) !important;
    overflow: hidden;
    margin-top: -10px;
}
.select2-results__option.select2-results__option--highlighted {
    background-color: var(--background-color-primary--hover) !important;
	color: var(--color-primary) !important;
}
.select2-results__option.select2-results__option--highlighted[aria-selected="true"] {
    background-color: var(--background-color-destructive) !important;
	color: var(--color-destructive) !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: transparent;
}
.select2-container--default .select2-results__option[aria-selected="true"]::before {
    content: '×';
    float: left;
    color: var(--color-destructive);
    margin: 0 10px 0 5px;
}
.skin-citizen-dark .select2-results__option.select2-results__option--highlighted,
.skin-citizen-dark .select2-results__option.select2-results__option--highlighted[aria-selected="true"],
.skin-citizen-dark .select2-container--default .select2-results__option[aria-selected="true"]::before {
	color: white !important;
}
.formedit .oo-ui-comboBoxInputWidget-dropdownButton {
	display: none !important;
}

@media screen and (max-width: 600px) {
	.formedit .tab {
	    grid-template-columns: 100%;
	}
	.formedit .col-2 {
		grid-column: 1 / 2;
	}
	.formedit .file {
		grid-row: 4;
		grid-column: 1;
	}
	.formedit .radioButtonSpan {
	    text-align: left;
	}
	.formedit .radioButtonItem {
	    display: block !important;
	}
}

* {
	outline: none;
}

.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(1),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(3),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(4),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(5),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(7),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(8),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(9),
.mw-userrights-groups tr td div:not(.mw-userrights-nested):nth-child(11) {
    display: none;
}

/* BABEL */
.mw-babel-wrapper {
    border-width: 0;
    overflow: visible !important;
}
.mw-babel-header , .mw-babel-footer {
    display: none;
}
.mw-babel-box > table {
    overflow: hidden !important;
}
.mw-content-ltr .mw-babel-box {
    border-radius: var(--border-radius--small);
}
.mw-content-ltr .mw-babel-box a {
    color: rgba(0,0,0,.8) !important;
}

#mw-content-container {
    background-image: url(/resources/assets/biblewiki.svg);
}

.bible, .bible > p {
	display: inline;
	font-size: 90%;
	color: black;
}

#postedit-modqueued {
    margin: 0 20px;
}
#pending-review {
    border: 3px solid #d33;
    background: #d33;
    width: calc(100% - 15px);
    text-align: center;
    color: white;
}

/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */
.mainpage_row {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 -5px 0 -5px;
}
.mainpage_box {
	flex: 1;
	margin: 5px;
	min-width: 210px;
	border: 1px solid #CCC;
	padding: 0 10px 10px 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h3 {
	/* Reset padding so is equal across skins */
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	/* Padding left gets overridden by headanchor gadget */
	margin: 0.5em 0;
}
/* Set padding left only if headanchor gadget is not enabled */
.mainpage_box h3:not(.tpl-vheadanchor-heading) {
	padding-left: 0;
}
.mainpage_box h3 .header_icon {
	float: left;
	margin-right: 5px;
}
.mainpage_box .items {
	border-top: 1px solid #CCC;
	padding-top: 0.5em;
}
.mainpage_box p:last-child {
	margin-bottom: 0;
}
.mainpage_boxcontents_small {
	font-size: 95%;
}
/* Style the "other languages" box the same way as other boxes on the main page */
.mw-pt-languages {
	display: block;
	background: none;
	border: 1px solid #CCC;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	width: auto;
}
.mw-pt-languages-label {
	background: none;
	border-right: none;
}

@media screen and (max-width: 719px) {
	.thumb {
		float: none;
	}
	.thumb, .thumbinner {
		margin-left: auto;
		margin-right: auto;
	}
}

/** Ref Image margin **/
.reference-text img {
    margin-right: 5px;
}

/** Base Table styles */
.mw-capiunto-infobox.wikitable {
    margin-top: 0;
    margin-left: 2rem;
}

.mw-capiunto-infobox caption,
table.mw-capiunto-infobox caption {
    text-align: center;
    padding-bottom: 0.5rem;
}

table.mw-capiunto-infobox tbody tr:first-of-type > :first-child {
    overflow: hidden;
    border-top-left-radius: 1rem;
}

table.mw-capiunto-infobox tbody tr:first-of-type > :last-child {
    border-top-right-radius: 1rem;
    overflow: hidden;
}

table.mw-capiunto-infobox tbody tr:last-of-type > :first-child {
    overflow: hidden;
    border-bottom-left-radius: 1rem;
}

table.mw-capiunto-infobox tbody tr:last-of-type > :last-child {
    border-bottom-right-radius: 1rem;
    overflow: hidden;
}

/** TimedMediaHandler fixes **/
.center .mediaContainer {
    margin: 0 auto;
}

.mw-tmh-player {
	position: relative;
}

.mw-tmh-play {
	display: block;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

/** EmbedVideo **/
.embedvideo {
	display: flex;
	flex-direction: column;
}

/** Ul styles **/
.ul-col-2 {
    column-count: 2;
}

.ul-col-3 {
    column-count: 3;
}

.ul-col-4 {
    column-count: 4;
}

/** Helper */
.text-center {
    text-align: center;
}

.broadtable {
    display: table;
}

.center-block {
    display: block;
    text-align: center;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}