@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('./base-reset.css');
@import url('./main.css');
@import url('./mobile.css');

/* latin */
@font-face {
  font-family: 'Delius';
  font-style: normal;
  font-weight: 400;
  src: local('Delius-Regular'), url(https://fonts.gstatic.com/s/delius/v7/PN_xRfK0pW_9e1rdZsg_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(https://fonts.gstatic.com/s/deliusswashcaps/v9/oY1E8fPLr7v4JWCExZpWebxVKORpXUeaIGY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v7/6xKodSZaM9iE8KbpRA_pkHEYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v7/6xKodSZaM9iE8KbpRA_pkHEYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*  ELECTRONIC MATERIAL 
/* Want to bold, larger text and specify colour for the etype eresource display */
/*.recordDisplayElement .eresource { */
.eresource:not(.noresbutton) {
	display: none;
}
.eresource.noresbutton {
	font-weight: bold !important;
	color: #AED5B9;
	font-size: 20px;
}
/* Ebook reserve button - suppress button if etype eresource flag wording is online */

.left.resa.noresbutton {
  display: none;
}
.eresourceUrl:not(.noresbutton) {
	display: none;
}
.eresourceUrl.noresbutton{
	display: bold;
}
/*  CLUSTER DISPLAY  FYI 
.clusterItem controls the characteristics of the cluster box 
.clusterHeader controls the cluster box heading
.clusterLink controls the individual versions display
.clusterLinkAll is the "All" version link 
.ResultsCLS controls the search results cluster version display heading
NOW for my pretty horizontal option display 
 
display:flex switched to it to horizontal display 
Adding .cluster .appLink a seems to have stopped the arrowRight.gif from being shown
The overflow-x and overflow-y elements provide a left/right scroll bar inside the div -- if too many elements to be displayed*/
.cluster .appLink a {
	background: none !Important;
}
.clusterItem {
	display:flex;
	border:none !Important;
	padding:5px;
	/*width:600px;
    overflow: vertical-align;
	vertical-align: middle -0.125em;
	overflow-y: hidden;
	overflow-x: auto */
	flex-wrap: wrap;
	justify-content: left;
	row-gap: 15px;
	column-gap: 6px;
	

}
.clusterHeader {
	/*display: none !Important;*/
	font-weight:bold;
	white-space:pre;
}

/*this controls the display of the groups inside the cluster box including All versions - which is records that matched search term(s) 
and "Show cluster" which is all titles in cluster but some didn't match search term(s)
white-space: break-space forces line breaks between words - nowrap keeps them on one line */
.clusterLink {
	border:1px solid black !Important;
	border-radius:5px;
	padding-top:15px; !Important;
	padding-bottom:10px !Important;
	padding-left:0px !Important;
	padding-right: 10px !important;
	white-space: nowrap;
	width:min-content;
	text-align: center;
}
/* this one controls the characteristics of the Show all versions in the cluster "button" */
.clusterLinkAll {
	margin-top:0px !Important;
	border:1px solid black !Important;
	border-radius:5px;
	padding-top:15px; !Important;
	padding-bottom:10px !Important;
	padding-left:0px !Important;
	padding-right: 10px !important;
	white-space: nowrap;
	width:min-content;
	text-align: center;
}
/*The clusterItem is checking to see if the show all versions is present - if true then suppress the 2nd to last child which is the All versions*/
.clusterItem:has(.clusterLinkAll) div:nth-last-child(2) {
  display: none;
}
/* Cover and title hover display DON'T INCLUDE THE CLUSTER BOX*/
.recordDisplayElement.vertical .cluster {
    display: none !important;
}