/* This is the DISA theme file
This file can be used to override styles in theme.css without having to
   replace theme.css entirely */
/*things removed in full webb which might be present in headless*/
/*title of book in item removed*/
div#main h1.title {
	display:none;
}

div.itemFields {
    padding-top: 0;
}
/*end of these things removed*/

/*Things different in full webb*/
/* making some part of menu like button*/
ul#primary-nav li:nth-child(7) a{
    background-color: #000000 ! important;
	color: #FFFFFF ! important;
}
ul#primary-nav li:nth-child(1) a{
    background-color: #000000 ! important;
	color: #FFFFFF ! important;
	margin-left: 0.3em;
}
/*Disa and what it is */
.UUBTagLine {
	margin-top:0.8em;
	font-size: 1.1em;
}
/*end of things different*/


/*fonts taken from uu CSS and setting a bigger base font*/
body {
    color: #050505;
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-size: 0.9em;
}
/*main part of page min width and max width are important
right now max-width is set to approximately the same as uu web*/
div#page {
	background: none repeat scroll 0% 50%;
    width: 94%;    
    min-width: 300px;
	margin: 0 auto;
	text-align: center;
	max-width: 1200px;
}

/*links colored like uu*/
a, a:visited, a:link, a:active {
    color: #2B5681;
}
a:hover {
    background-color:E5E5E5;
}
a.title, span.title {
    font-size: 1em;
    line-height: 1.1em;
}
/*head a bit higher to look right with logo*/
div#header {
    height: 125px;
}

/* space around logo and size*/
div.logo img {
	margin-top:1em;
	margin-right:4.5em;
    max-height: 125px;
    max-width: 10em;
}
/*name of site Disa, space around and smaller size*/
div.siteNameDisplay {
	margin-top:2.8em;
}
div.siteNameDisplay a {
    font-size: 1.7em;
	/*white-space:nowrap;*/
}
/*preventing name of site placing itself over menue*/
div#branding {
	width:70%;
	white-space:nowrap;
	max-height: 3em;
}

/*dölja menyn med olika verianter av Disa*/
div.themeLinks {
	display:none;
}
/*putting search field a little more to the left*/
div#search {
    text-align: left;
	padding:2% 0 1% 19%;
}
/*bigger link to Extended search*/
div#search a {
    font-size: 100%;
}
/*some space to link to Extended Search  */
div.advancedSearchLink {
    padding-top: 0.2em;
}div#search
/*some space between button and link to card application */
div#patronAccount .button {
    margin-bottom: 1em;
}
#loginForm .button{
    margin-top: 1em;
}
/*library in results over OpenURL*/
div.search-availability {
    margin: 0.5em 0 0 1.4em;
}
/*creating some space on items page*/
.itemFields table {
    margin: 0.5em 0 0 0;
}

/*some space in details*/
#itemTabs .itemFields table tr td div {
    margin: 0.3em 0 0 0;
}

/* a section to add line breaks between text and input in login form not all browser shows it correct*/
div#patronAccount .label {
    display: block !important;
}
div#patronAccount input.text {
    display: block !important;
}


/*a section to correct view in mobile, 
facts did not line break*/
.itemFields table tr td div {
    border-collapse: separate;
    display: normal;
    table-layout: auto;
    width: 100%;
    word-wrap: normal;
}
.itemFields table tr td div a  {
    display: inline;
}
.itemFields table tr td div span {
    display: inline;
}


/*take away author on items page*/
a.author {
	display:none;
}

/*navigation styling maybe a little overkill*/
div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {
	text-transform:uppercase;
	font-weight:normal;
}

div#nav li {
    font-size: 1.3em;
    line-height: 1em;
    list-style: none outside none;
}
/*Linnaeus and e-books on demand*/
.online-resource-links {
width:20em;
}
div.online-resource-links li, div.online-resource-links div {
    display: block;
}

/*no link to mobile webb, it is seamless but we can easily show it again
if we want, it will be gone in the 500px version anyway
div.mobileLink {
    display:none;
}*/
/*font on title in items page a bit smaller */
h1 {
    font-size: 1.4em;
}
/*not bold available figure in result list*/
.availabilityCount {
    font-weight: normal;
    margin-left: 0em;
}
/*some empty space in result list gone*/
div#list ul.records li div.recordNumber {
    min-width: 1em;
}
div#list ul.records li div.record {
    margin-left: 5.5em;
}
/*material icon gets wrong size in html, corrected here but why*/
.formatImage img.icon {
    height:38px;
	width:32px;
}
/*material icon to the left, not centered*/
div#list ul.records li div.formatImage {
    text-align: left;
}
/*Additional search terms gives room for buttons*/
input#additional-terms {
    width: 50%;
}
/*too much bold font makes it hard to see important stuff
.itemFields table tr td.label {
    font-weight: normal;
}*/
/*some space between open URL links and so on */
ul.labeledValues li {
	line-height:1em;
}
/*no record cart button in result list*/
.record .recordCart {
    display:none;
}

/*no heading OpenURL*/
ul.labeledValues li.label {
    display:none;
}
/*button to save post in item was very strange placed and with ugly narrow margin below*/
div.request-item, div.ebookAvailability, div.recordCart {
	margin: 1em 0 1em -0.2em;
}
/*not showing number of requests in results*/
li.record .record .request-item{
    display:none;
}
/*buttons like UU - at least the only one I found*/
a.button, input.button, button.button {
    background-color: #3B3B3B ! important;
    border: 3px solid #3B3B3B ! important;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    padding: 2px 5px;
    text-decoration: none !important;
    font-size: 0.8em;
}
/*does not work*/
a.button, input.button, button.button hover {
	border-color: #666666;
}
/*text about how many requests there are gets partly out of sight*/
.availabilityTotal, .ebookCount, .ebookHolds, .requestCount, .sourceRecordsCount, .recordCart span {
	margin:0 0.5em; 
}
/*make place for back-text in item in IE compatibility view*/
div#searchInformation {
	line-height:3em;
}
/*link to new search to the left instead, more visible*/
div#searchInformation ul {
    float: left;
}
/*no addThis in result list*/
div#searchNavBar .addThis a{
    display:none;
}
/*My search in result list when logged in, sets a default search filter*/
.mySearch {
    display:none;
}
/*no tab in availability*/
ul.locationAvailability
{
  margin: 0 0 1em 0.7em;
}
/*better hiding of disturbing, blinking sort-button hidden with visibility:hidden by Virtua*/
#search-sort-submit {
    display:none;
}
/*Bigger font in facets and headings in left menu*/
div.sidebar {
	font-size:1em;
}
form.form, div.form {
    font-size: 1em;
}
/*the message that comes in a yellow box*/
.ui-notify {
    position: fixed;
    left: 10%;
    top: 270px;
    width: 350px;
}
/*do something with create account link*/
#loginForm li a {
    /*display:none;*/
}
/*login form to the left*/
#loginForm fieldset {
    margin: 0;
}
/*issues tab messy, cleaning up Loan group wanted me to */
.issues {
	padding-top: 1em;
}
div.issues ul li div {
	padding-left: 0;
}	
.statement {
	font-style: normal;
	font-weight: normal;
}
div.issues ul {
	padding-left: 0em;
}
div.issues div.itemFields {
	padding-left: 0;
	padding-bottom: 0.7em;
}
.label, .inlineLabel {
	font-weight: normal;
}
div.issues ul li {
/*padding-bottom: 0.7em;*/
padding-top: 1em;
}
div.issues ul li ul li{
	padding: 0;
}
.issues ul li .label {
	display:none;
}
div.issues ul li div, div.issues ul li ul {
	padding-top: 0em;
}
/*some space in footer when two lines */
div#footer .left {
    margin-bottom:1em;
}
/*div.issues ul li {
	padding-bottom: 0;
}
div.issues ul li .statement {
	padding-top: 0.5em;
}*/
/*end of cleaning issues tab*/

/*EXTENDED search */
/*let the content take more room*/
div.advancedFields {
    width: 100%;
}
/*make an instruction into a header*/
div.instructions {
    padding: 0.1em 0.5em 0.9em 0;
    text-align: left;
	font-weight: normal;
	font-size: 1.4em;
}
/*move the new header*/
ul.advancedTerms li {
    margin: 0.9em 0;
}
div.advancedFields div.centerButtons {
    margin-left: 0;
}
/*emphasize number of requests*/
.requestCount {
	background-color:#F2F2F2;
	font-size:1.2em;
}
.request-item {   
	text-align:right;
}
div#itemView {
    float: left;
    overflow: hidden;
    width: 80%;
}

/*extended search end*/

/*Chrome makes mash-up out of MARC tab*/	
.detail{
	font-size: 90%;
}

/*below is responsive layout - falls in every time primary navigation gets a linebreak */
@media screen and (max-width: 1100px){
	/not so much space to name of site*/
	div#branding {
		width:70%;
		white-space:normal;
	}
	/*font-size of primary nav*/
	div#nav li {
		font-size: 1.3em;
		line-height: 1em;
	}	
	/* makes primary navigation not so wide*/
	ul#primary-nav li a {
		min-width: 2em;
	}
	/*not so much space around item*/
	.ui-tabs .ui-tabs-panel {
		padding: 0.1em 0.1em;
	}
	.table {
		margin: 0.4em 0;
	}
	/*removing some of item - turned out no good

	.table.table thead th:nth-child(7) {
		display:none;
	}
	table.table tbody tr.odd td:nth-child(7) {
		display:none;
	}
	table.table tbody tr.even td:nth-child(7) {
		display:none;
	}*/
}
@media screen and (max-width: 890px){
	/*font-size of primary nav*/
	div#nav li {
		font-size: 1.1em;
	}

}
@media screen and (max-width: 800px){
	/*font-size of primary nav*/
	/* makes primary navigation not so wide*/
	div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {
		padding: 5px 5px;
	}
	body {
		font-size: 1.0em;
	}
	/*font-size of primary nav*/
	div#nav li {
		font-size: 0.9em;
	}
			/*not so big name of site
	div.siteNameDisplay {
		margin-top:0.7em;
	}*/
	div.siteNameDisplay a {
		font-size: 1.5em;
	}
	/*Disa and what it is */
	.UUBTagLine {
		margin-top:0.7em;
		font-size: 1em;
	}
	/*facets and loans moves to bottom of page*/
	div.sidebar {
		width: 100%;
	}

}
}
/*making horizontal primary navigation to a vertical one and some more*/
@media screen and (max-width: 700px){
	
	/*font-size of primary nav*/
	div#nav li {
		font-size: 1.2em;
	}
	/*width of primary nav*/
	ul#primary-nav  {
		max-width: 10em;
	}
	/*no lines in primary nav*/
	div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {
		border-right: 0;
	}
	/*Link to mobile version bigger - needed now*/
	div#nav div.mobileLink a {
		font-size: 1.3em;
	}
	/*for a while the name of site gets several lines*/
	div#branding {
		white-space: normal;
	}
	/*not so big name of site*/
	div.siteNameDisplay {
		margin-top:0.7em;
	}
	div.siteNameDisplay a {
		font-size: 0.7em;
	}

	div.list, div.federatedSearch {
		float: left;
		width: 100%;
	}
}
/* the rest of the layout*/
@media screen and (max-width: 600px){
	body {
		font-size: 1.2em;
	}
	div.siteNameDisplay {
		margin-top:0.7em;
	}
	div.siteNameDisplay a {
		font-size: 1.1em;
	}
	/*Disa and what it is */
	.UUBTagLine {
		margin-top:0.7em;
		font-size: 0.8em;
	}
	/*No logo in mobile*/
	div.logo {
	display:none;
	}
	/*Here fixing of searchfield might be possible to fix better but is it worth it?*/
	div#search {
		padding:2% 0 1% 1%;
	}
	/*no help*/
	.helpLink {
		display:none;	
	}
	/*links to other results to the left
	div#searchInformation ul {
		float: left;
		width:100%;
	}*/
	div.quicksearch-panel form {
		width:100%;
	}
	div.quicksearch-panel form .quicksearch-panel  {
		width:49%;
	}
	.quicksearch-panel input[type="button"] {
		width:100%;
	}
	.quicksearch-panel input[type="text"] {
		width:100%;
	}
	.quicksearch-panel .advancedSearchLink {
		width:100%;
	}
	/*end of search filed*/

	/*add this button gone in mobile*/
	div#searchNavBar .addThis a{
		display:none;
	}

	/*some other details removed*/
	div#searchNavBar #syndication a{
		display:none;
	}
	div#searchNavBar #resultCount span{
		display:none;
	}
	/*no labels of post in results*/
	td.label {
		display:none;
	}
	/*no link to mobile webb when the format is mobile*/
	div.mobileLink {
		display:none;
	}

	/*tabs in item on top of each other  */
	.ui-tabs .ui-tabs-nav li {
		width:150%;
	}	
	/*smaller tabs in item so no one tries to click where no link is present*/
	.ui-tabs .ui-tabs-nav  {
		width: 220px;
	}
	/*smaller tabs in account so no one tries to click where no link is present*/
	#tabs ul {
		width: 150px;
	}
	/*no MARC tab in item but no tab disappeares in My loans*/
	#itemTabs  .ui-tabs-nav li#tabs-2 {
		display:none;
	}
	/*image and record number
	div#list ul.records li div.recordNumber {
		display:none;
	}
	div#list ul.records li div.record {
		margin-left: 0.5em;
	}*/

	/*example of how to remove some of my account table
	table#checkout tr.headers th:nth-child(4) {
		display:none;
	}
	table#checkout tr.odd td:nth-child(4) {
		display:none;
	}
	table#checkout tr.even td:nth-child(4) {
		display:none;
	}
	table#checkout tr.headers th:nth-child(10) {
		display:none;
	}
	table#checkout tr.odd td:nth-child(10) {
		display:none;
	}
	table#checkout tr.even td:nth-child(10) {
		display:none;
	}
	*/
}
/*here the name of site starts to go over primary nav - more place and no logo*/
@media screen and (max-width: 440px){
	div#header {
		height: 8em;
	}
	/* less space around name*/
	div#branding {
		padding: 0 0 0 1em;
	}
	div.logo {
	display:none;
	}
	/*the message that comes in a yellow box*/
	.ui-notify {
		position: fixed;
		left: 1px;
		top: 270px;
		width: 300px;
	}
}