/* =================================================================== */
/* style_rosdok.css                                                    */
/* This file contains the differences to the default JSP Docportal     */
/* CSS definition                                                      */
/*													                   */
/* $Revision: 1.18 $ $Date: 2005/02/10 11:55:03 $                      */
/* =================================================================== */


/* ------------------------------------------------------------------- */
/*  Page Layout                                                        */
/* ------------------------------------------------------------------- */
div.ur-rosdok-logo img{
	margin-top: 45px;
}

.ir-banner-headline h1{
	font-size: 36px;
	font-weight: 300;
	line-height: 50px;
}

.ir-divider hr{
	border-color:black;
}

.ir-nav-top .navbar {
	padding-top:0;
}
.ir-nav-top .nav-link::before { 
	content: "|\00a0\00a0"; 
}

.ir-nav-top li#topnav_login{
	opacity: 0.33;
}

.ir-nav-top #topnav_userinfo #topnav_username{
	font-weight: bold;
}

ul.ir-nav-mobile{
	margin-bottom: 0px;
}

.ir-card-clickable:hover{
	border-color: #004A99 !important;
	background-color: #004A99;
}

.ir-card-clickable:hover a{
	color:white;
	text-decoration: none;
}
.ir-card-clickable a:hover{
	text-decoration: none;
}


/* ------------------------------------------------------------------- */
/*  Breadcrumbs                                                        */	
/* ------------------------------------------------------------------- */

ol.breadcrumb{
	background-color: unset;
	padding:1rem 0rem 0rem 0rem;
}
li.breadcrumb-item a{
	text-decoration:underline;
	color:black
}

li.breadcrumb-item.active{
	color:black;
}


li.breadcrumb-item {
	font-size: .85em;
}

li.breadcrumb-item:not(:first-child)::before {
	content: "❯";
	font-weight:bold;
}

/* ------------------------------------------------------------------- */
/*  Facets card                                                        */
/* ------------------------------------------------------------------- */

div.ir-facets-card{
	border:1px solid grey;
	margin-bottom:1.25rem;
}

div.ir-facets-card div.card-header{
	padding: 0.5rem;
}

div.ir-facets-card div.card-header h4{ 
	margin: 0;
}

div.ir-facets-card div.card-body{
	padding:0;
}

.ir-facets-btn{
	text-align: left;
}

.ir-filter-btn{
	text-align: left;
	position:relative;
	border:1px solid grey;
	width:100%;
}

.ir-filter-btn:hover,
.ir-facets-btn:hover{
	background-color: lightgrey;
	color: black;
	cursor:pointer;
}

.ir-facets-btn.active,
.ir-filter-btn.active{
	background-color: grey;
	color: white;
}

.ir-facets-btn.active:hover,
.ir-filter-btn.active:hover{
	background-color: #004a99;
	color: white;
}

span.ir-facets-btn-count{
	font-size:80%;
	font-weight:bold;
}
span.ir-facets-btn-count::before {
  content: " (";
}
span.ir-facets-btn-count::after {
  content: ")";
}


/* TODO DIRTY: hide disabled (empty) categories on material class facet 
               should be done via Javascript / Alpine.js */
div[data-mcr-facet-field="ir.material_class.facet"] li.disabled  {
	display:none !important;
}

/* ------------------------------------------------------------------- */
/*  Latest Docs                                                        */
/* ------------------------------------------------------------------- */

div.ir-latestdocs-card {
  margin-bottom: 15px;
  font-size: 85%;
}

div.ir-latestdocs-card .card-title{
  margin:0;
}

div.ir-latestdocs-card .card-body{
  padding:0.5rem;
}

div.ir-latestdocs-card:last-child {
  margin-bottom: 0px;
}

.ir-latestdocs-card p {
  margin-bottom: 6px;
}

.ir-latestdocs-card h4 {
  margin-bottom: 6px;
}

img.ir-latestdocs-cover{
    transition: transform 1s;
    transform: scale(1);
    transform-origin: right bottom;
}

img.ir-latestdocs-cover:hover {
    transition: transform 1s;
    transform: scale(3.8); 
    transform-origin: right bottom;
}

/* ------------------------------------------------------------------- */
/*  Docdetails Header                                                  */
/* ------------------------------------------------------------------- */

div.ir-docdetails-header p{
	margin-bottom:.25rem;
}

div.ir-docdetails-header p:LAST-CHILD{
	margin-bottom:0;
}

/* ------------------------------------------------------------------- */
/*  Right side (dropdowns carets right)
/* ------------------------------------------------------------------- */
.ir-right_side .dropdown-toggle::after {
	float: right;
	margin-top: .5em;
}
.ir-right_side .dropdown-menu {
	margin-left: -1px;
	width: calc(100% + 2px) !important;
}


/* ------------------------------------------------------------------- */
/*  Shariff                                                            */           
/* ------------------------------------------------------------------- */
.shariff ul{
	padding:unset;
	margin-bottom:unset;
}

.shariff span.fab{
	color:rgb(68, 80, 82); /* secondary color */
}