
:root {

	--stage-development: #424242;
	--stage-presentation: #005459;
	--stage-production: #ffffff;

	--primary-fg0: #ffffff;
	--primary-bg0: #9b0a7d; /* base color */
	--primary-bg1: #83086a; /* 3% darker */
	--primary-bg2: #75085e; /* 6% darker */
	--primary-bg3: #6b0756; /* 10% darker */
	--primary-bg4: #4e053f; /* 16% darker */

	--footer-fg0: #ffffff;
	--footer-fg1: #cccccc;
	--footer-fg2: #aaaaaa;

	--secondary-fg0: #ffffff;
	--secondary-bg0: #95a5a6; /* base color */
	--secondary-bg1: #7f9293; /* 8% darker */
	--secondary-bg2: #798d8f; /* 10% darker */

	--success-fg0: #ffffff;
	--success-bg0: #5cb85c; /* base color */
	--success-bg1: #47a447; /* 8% darker */
	--success-bg2: #449d44; /* 10% darker */

	--info-fg0: #ffffff;
	--info-bg0: #4b8fbc; /* base color */
	--info-bg1: #3a749a; /* 10% darker */
	--info-bg2: #34698c; /* 14% darker */

	--warning-fg0: #ffffff;
	--warning-bg0: #f0ad4e; /* base color */
	--warning-bg1: #ec971f; /* 10% darker */
	--warning-bg2: #eb9316; /* 12% darker */

	--danger-fg0: #ffffff;
	--danger-bg0: #d9534f; /* base color */
	--danger-bg1: #c9302c; /* 10% darker */
	--danger-bg2: #c12e2a; /* 12% darker */

}

html body header.stage-development {
	background-color: var(--stage-development);
}

html body header.stage-presentation {
	background-color: var(--stage-presentation);
}

html body header.stage-production {
	background-color: var(--stage-production);
}

.bg-primary .navbar {
	padding: 0;
}

.bg-primary .navbar-nav .nav-item>.nav-link {
	margin: 0 1px;
	padding: 1.5rem .5rem;
}

.bg-primary .navbar-nav .show>.nav-link,
.bg-primary .navbar-nav .active>.nav-link {
	background-color: var(--primary-bg1);
	color: var(--primary-fg0) !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	background-color: var(--primary-bg2);
	color: var(--primary-fg0) !important;
}


/* navbar dropdowns */
.navbar .dropdown-menu {
	background-color: var(--primary-bg2);
}

.navbar .dropdown-item {
	color: var(--primary-fg0);
}

.navbar .dropdown-divider {
	border-top: 1px solid var(--primary-bg4);
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
	background-color: var(--primary-bg4);
}


/* other dropdowns */
.dropdown-menu {
	background-color: var(--secondary-fg0);
}

.dropdown-item {
	color: var(--secondary-bg2);
}

.dropdown-divider {
	border-top: 1px solid var(--secondary-bg2);
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: var(--secondary-bg2);
}


/* footer */
.flatmir-footer {
	background-color: var(--primary-bg3);
	color: var(--footer-fg1);
}

.flatmir-footer a,
.flatmir-footer h2 {
	color: var(--footer-fg0);
}

.flatmir-footer .dropdown-item {
	padding: 0;
}

.flatmir-footer .dropdown-item:focus,
.flatmir-footer .dropdown-item:hover {
	background: none;
	text-decoration: underline;
}


/* sub footer */
html body #powered_by {
	background-color: var(--primary-bg4);
	padding: 1em 0;
}


/* fix "add to basket button" in result list */
.basket_button {
	margin: 0;
	width: 100%;
}


/* use lighter colors for file list */
.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0, 0, 0, 0.03);
}


/* use full for list-groups inside cards and suppress outer border */
.card .list-group {
	margin: -1.25rem;
}

.card .list-group-item {
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card .list-group-item:first-child {
	border: none;
}


/* remove margin from bottom card inside another card */
.card .card:last-child, .card-body>p:last-child {
	margin-bottom: 0;
}


/* additional background for cards that uses the background used for card headers and footers */
.bg-lighter {
	background-color: rgba(0, 0, 0, 0.03)!important;
}


/* */
.result_list_end {
	display: none;
}


/* */
.no-border {
	border: none;
}


/* */
#submit_publication input,
#submit_publication select,
#submit_publication #more_options_box p {
	width: 100%;
}


/* */
.table th,
.table td {
	border-top: none;
	border-bottom: 1px solid #dee2e6;
}

.file_box .body .file_set .options .caret {
	margin-left: 0;
}

/* */
.mir-validation-messages {
	margin-bottom: 0px;
	padding-left: 1rem !important;
}

/* align badge link appearance with buttons */
a.badge:active {
   box-shadow: none;
}

/* align pagination appearance with buttons */
.page-link {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg0);
}

.page-link:focus,
.page-link:hover {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg1);
	box-shadow: none;
}

.page-link:active {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg2);
	box-shadow: none;
}

.page-item.active .page-link {
	color: var(--secondary-fg0) !important;
	background-color: var(--secondary-bg2);
}

.page-item.disabled .page-link {
	color: var(--secondary-fg0) !important;
	background-color: var(--secondary-bg0);
	opacity: 65%;
}

/* align highlighted facet value colors with buttons */
.result_body .result_filter .card.worldReadableComplete li[data-fq="worldReadableComplete:false"] .title {
	color: var(--warning-bg0) !important;
}

.result_body .result_filter .card.worldReadableComplete li[data-fq="worldReadableComplete:true"] .title {
	color: var(--success-bg0) !important;
}

.result_body .result_filter .card.mir\.licenseType li[data-fq="mir.licenseType:open"] .title {
	color: var(--success-bg0) !important;
}

/* primary color override */
.bg-primary {
	color: var(--primary-fg0);
	background-color: var(--primary-bg0) !important;
}

.alert-primary {
	color: var(--primary-fg0);
	background-color: var(--primary-bg0);
}

#badges .doc_state .mir-published,
.result_body .result_list #hit_list .hit_item .hit_state .mir-published,
.badge-primary {
	color: var(--primary-fg0);
	background-color: var(--primary-bg0);
}

a.badge-primary:hover,
a.badge-primary:focus {
	color: var(--primary-fg0);
	background-color: var(--primary-bg1);
}

a.badge-primary:active {
	color: var(--primary-fg0);
	background-color: var(--primary-bg2);
}

.btn-primary {
	color: var(--primary-fg0);
	background-color: var(--primary-bg0);
	border-color: var(--primary-bg0);
}

.btn-primary:hover {
	color: var(--primary-fg0);
	background-color: var(--primary-bg1);
	border-color: var(--primary-bg1);
}

.btn-primary:focus,
.btn-primary.focus {
	color: var(--primary-fg0);
	background-color: var(--primary-bg1);
	border-color: var(--primary-bg1);
	box-shadow: 0 0 0 .2rem rgba(76, 91, 106, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: var(--primary-fg0);
	background-color: var(--primary-bg0);
	border-color: var(--primary-bg0);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	color: var(--primary-fg0);
	background-color: var(--primary-bg2);
	border-color: var(--primary-bg2);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(76, 91, 106, 0.5)
}


/* secondary color override */
.bg-secondary {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg0) !important;
}

.alert-secondary {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg0);
}

#badges .doc_state .mir-created,
.result_body .result_list #hit_list .hit_item .hit_state .mir-created,
.badge-secondary {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg0);
}

a.badge-secondary:hover,
a.badge-secondary:focus {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg1);
}

a.badge-secondary:active {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg2);
}

.btn-secondary {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg0);
	border-color: var(--secondary-bg0);
}

.btn-secondary:hover {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg1);
	border-color: var(--secondary-bg1);
}

.btn-secondary:focus,
.btn-secondary.focus {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg1);
	border-color: var(--secondary-bg1);
	box-shadow: 0 0 0 .2rem rgba(165, 179, 179, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg0);
	border-color: var(--secondary-bg0);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
	color: var(--secondary-fg0);
	background-color: var(--secondary-bg2);
	border-color: var(--secondary-bg2);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(165, 179, 179, 0.5)
}


/* success color override */
.bg-success {
	color: var(--success-fg0);
	background-color: var(--success-bg0) !important;
}

.alert-success {
	color: var(--success-fg0);
	background-color: var(--success-bg0);
}

#badges .doc_state .mir-accepted,
#badges .doc_state .mir-retained,
.result_body .result_list #hit_list .hit_item .hit_state .mir-accepted,
.result_body .result_list #hit_list .hit_item .hit_state .mir-retained,
.badge-success {
	color: var(--success-fg0);
	background-color: var(--success-bg0);
}

a.badge-success:hover,
a.badge-success:focus {
	color: var(--success-fg0);
	background-color: var(--success-bg1);
}

a.badge-success:active {
	color: var(--success-fg0);
	background-color: var(--success-bg2);
}

.btn-success {
	color: var(--success-fg0);
	background-color: var(--success-bg0);
	border-color: var(--success-bg0);
}

.btn-success:hover {
	color: var(--success-fg0);
	background-color: var(--success-bg1);
	border-color: var(--success-bg1);
}

.btn-success:focus,
.btn-success.focus {
	color: var(--success-fg0);
	background-color: var(--success-bg1);
	border-color: var(--success-bg1);
	box-shadow: 0 0 0 .2rem rgba(59, 198, 171, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
	color: var(--success-fg0);
	background-color: var(--success-bg0);
	border-color: var(--success-bg0);
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
	color: var(--success-fg0);
	background-color: var(--success-bg2);
	border-color: var(--success-bg2);
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(59, 198, 171, 0.5)
}


/* info color override */
.bg-info {
	color: var(--info-fg0);
	background-color: var(--info-bg0) !important;
}

.alert-info {
	color: var(--info-fg0);
	background-color: var(--info-bg0);
}

#badges .doc_state .mir-submitted,
#badges .doc_state .mir-deferred,
.result_body .result_list #hit_list .hit_item .hit_state .mir-submitted,
.result_body .result_list #hit_list .hit_item .hit_state .mir-deferred,
.badge-info {
	color: var(--info-fg0);
	background-color: var(--info-bg0);
}

a.badge-info:hover,
a.badge-info:focus {
	color: var(--info-fg0);
	background-color: var(--info-bg1);
}

a.badge-info:active {
	color: var(--info-fg0);
	background-color: var(--info-bg2);
}

.btn-info {
	color: var(--info-fg0);
	background-color: var(--info-bg0);
	border-color: var(--info-bg0);
}

.btn-info:hover {
	color: var(--info-fg0);
	background-color: var(--info-bg1);
	border-color: var(--info-bg1);
}

.btn-info:focus,
.btn-info.focus {
	color: var(--info-fg0);
	background-color: var(--info-bg1);
	border-color: var(--info-bg1);
	box-shadow: 0 0 0 .2rem rgba(82, 167, 224, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
	color: var(--info-fg0);
	background-color: var(--info-bg0);
	border-color: var(--info-bg0);
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
	color: var(--info-fg0);
	background-color: var(--info-bg2);
	border-color: var(--info-bg2);
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(82, 167, 224, 0.5)
}


/* warning color override */
.bg-warning {
	color: var(--warning-fg0);
	background-color: var(--warning-bg0) !important;
}

.alert-warning {
	color: var(--warning-fg0);
	background-color: var(--warning-bg0);
}

#badges .doc_state .mir-blocked,
.result_body .result_list #hit_list .hit_item .hit_state .mir-blocked,
.badge-warning {
	color: var(--warning-fg0);
	background-color: var(--warning-bg0);
}

a.badge-warning:hover,
a.badge-warning:focus {
	color: var(--warning-fg0);
	background-color: var(--warning-bg1);
}

a.badge-warning:active {
	color: var(--warning-fg0);
	background-color: var(--warning-bg2);
}

.btn-warning {
	color: var(--warning-fg0);
	background-color: var(--warning-bg0);
	border-color: var(--warning-bg0);
}

.btn-warning:hover {
	color: var(--warning-fg0);
	background-color: var(--warning-bg1);
	border-color: var(--warning-bg1);
}

.btn-warning:focus,
.btn-warning.focus {
	color: var(--warning-fg0);
	background-color: var(--warning-bg1);
	border-color: var(--warning-bg1);
	box-shadow: 0 0 0 .2rem rgba(245, 171, 54, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: var(--warning-fg0);
	background-color: var(--warning-bg0);
	border-color: var(--warning-bg0);
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
	color: var(--warning-fg0);
	background-color: var(--warning-bg2);
	border-color: var(--warning-bg2);
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(245, 171, 54, 0.5)
}


/* danger color override */
.bg-danger {
	color: var(--danger-fg0);
	background-color: var(--danger-bg0) !important;
}

.alert-danger {
	color: var(--danger-fg0);
	background-color: var(--danger-bg0);
}

#badges .doc_state .mir-deleted,
.result_body .result_list #hit_list .hit_item .hit_state .mir-deleted,
.badge-danger {
	color: var(--danger-fg0);
	background-color: var(--danger-bg0);
}

a.badge-danger:hover,
a.badge-danger:focus {
	color: var(--danger-fg0);
	background-color: var(--danger-bg1);
}

a.badge-danger:active {
	color: var(--danger-fg0);
	background-color: var(--danger-bg2);
}

.btn-danger {
	color: var(--danger-fg0);
	background-color: var(--danger-bg0);
	border-color: var(--danger-bg0);
}

.btn-danger:hover {
	color: var(--danger-fg0);
	background-color: var(--danger-bg1);
	border-color: var(--danger-bg1);
}

.btn-danger:focus,
.btn-danger.focus {
	color: var(--danger-fg0);
	background-color: var(--danger-bg1);
	border-color: var(--danger-bg1);
	box-shadow: 0 0 0 .2rem rgba(235, 103, 89, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: var(--danger-fg0);
	background-color: var(--danger-bg0);
	border-color: var(--danger-bg0);
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
	color: var(--danger-fg0);
	background-color: var(--danger-bg2);
	border-color: var(--danger-bg2);
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(235, 103, 89, 0.5)
}

/* form validation*/
.mcr-valid label {
	color: var(--success-bg0);
}

.mcr-valid input,
.mcr-valid select,
.mcr-valid textarea,
.mcr-valid .cke_contents {
	border:1px solid var(--success-bg0);
}

.mcr-invalid label {
	color: var(--danger-bg0);
}

.mcr-invalid input,
.mcr-invalid select,
.mcr-invalid textarea,
.mcr-invalid .cke_contents {
	border:1px solid var(--danger-bg0);
}

/* enlarge licence logos */
.cc-logo img {
	width: 120px;
}

/* layout blocks */
.layout-banner {
	margin-bottom: 20px;
}

.layout-button {
	margin-bottom: 20px;
}

.layout-button + .layout-button  {
	margin-top: -16px;
}

.layout-button a {
	display: block;
}

/*******************************************/

/* partner logo */
.partner {
	filter: saturate(0) opacity(.5);
	transition-duration: .5s;
	transition-property: filter;
}

.partner a {
	display: inline-block;
}

.partner img {
	max-width: 100%;
	object-fit: contain;
}

.partner-55 {
	filter: saturate(0) opacity(.55);
}

.partner-60 {
	filter: saturate(0) opacity(.6);
}

.partner-70 {
	filter: saturate(0) opacity(.7);
}

.partner-80 {
	filter: saturate(0) opacity(.8);
}

.partner-brochure {
	filter: saturate(1.1) opacity(.9);
}

.partner:hover {
	filter: none;
}

/* matomo opt-out */
#matomo-opt-out {
	color: var(--footer-fg2);
	font-size: 0.8rem;
	padding-left: 0;
}

#matomo-opt-out p {
	margin-bottom: 0.42rem;
}

#matomo-opt-out .custom-control-label  {
	left: 24px;
}

#matomo-opt-out .custom-control-label::before  {
	background: none;
	border: 1.5px solid var(--footer-fg2);;
	border-radius: 0;
	top: 0.225rem;
}

#matomo-opt-out .custom-control-input:checked~.custom-control-label::after  {
	background-image:url("data:image/svg+xml,%3csvg xmlns=\000027http://www.w3.org/2000/svg\000027  width=\0000278\000027  height=\0000278\000027  viewBox=\0000270 0 8 8\000027%3e%3cpath fill=\000027%23aaa\000027  d=\000027M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\000027/%3e%3c/svg%3e");
	top: 0.225rem;
}

#matomo-opt-out .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
  border: 1.5px solid var(--footer-fg0);
}

#matomo-opt-out .custom-control-input:checked:focus~.custom-control-label::after  {
	background-image:url("data:image/svg+xml,%3csvg xmlns=\000027http://www.w3.org/2000/svg\000027  width=\0000278\000027  height=\0000278\000027  viewBox=\0000270 0 8 8\000027%3e%3cpath fill=\000027%23fff\000027  d=\000027M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\000027/%3e%3c/svg%3e");
	top: 0.225rem;
}
