/* PADUA - PADOVA */

* {
    margin: 0;
    padding: 0;
    /*giulio: commenting this cause it triggers dark background on page change when bright theme is used */
    /*transition-property: background;*/
    /*transition-duration: 0.2s;*/
}

body {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.6em;
    text-align: left;
    padding: 30px 3.5% 0 3.5%;
    font-size: 100%;
}

.word-break {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

/* Basic colors */

html, body, #BookReader, #BRcontainer, #loaderBookReader { background-color: #1F2C39; color: #fff; } /* Do not remove: avoids blinking when changing page in Chrome */

/* Overwriting angularjs material default */
button, html, input, select, textarea { font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }

h1 { font-size: 1.5em; margin-bottom: 1.2em; }
h1, h2, .collections h2 a:link, .collections h2 a:visited, p.carousel-title, .featuredcollection .featuredcollectionlabel {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
p.carousel-title, .featuredcollection .featuredcollectionlabel { font-weight: 400; }
h2 { font-size: 180%; padding: 1em 0 0.8em 0; }
h2.valign-top, .valign-top { padding-top: 0; }
h3, h4 { font-size: 110%; font-weight: normal; line-height: 1.3em; }
h4, .searchform { margin-bottom: 20px; }

img, fieldset { border: 0; }

img { font-size: 80%; line-height: 1em; }

caption, figcaption, .caption { display: block; font-size: 90%; padding: 0 0 1em 0; line-height: 1.2em; text-align: left; }

p { margin: 0.5em 0 1em 0; }

q { font-style: italic; }

blockquote { font-style: italic; margin-left: 10PX; padding-left: 10px; font-family: 'Vollkorn', serif; font-size: 115%; border-left: 8px solid #2C3E50; }
blockquote em, q em, .caption em em { font-style: normal; }
blockquote em em, q em em, .blockquote-citation em { font-style: italic; }
.blockquote-citation { font-family: Arial, "HelveticaNeue-Light", Helvetica, "Lucida Grande", sans-serif; font-style: normal; font-size: 80%; }

ul { list-style: disc; }
ol { margin-left: 0.8em; }
ul li, ol li { margin-left: 1.5em; padding-left: 0.5em; padding-bottom: 0.6em; }

fieldset { padding: 0 0 1.75em 0; }

input.search, select, form, option, textarea { font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; caret-color: #EB001E; }

textarea { padding: 3px; }

select,
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email] {
    background: #fff;
    margin: 0;
    padding: 3px 6px;
    font-style: normal;
    font-weight: normal;
    font-size: 96%;
}

select {
    color: #333;
    width: 200px;
    outline: none;
}

select, option { transition-duration: 0s !important; }

dt { font-size: 120%; padding-bottom: 0.6em; clear: both; }
dd { margin-left: 26px; }


::selection {
    background: #1588D6;
    color: #fff;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: table;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.hidden { visibility: hidden; display: none; }
.no-space-around { margin: 0 !important; padding: 0 !important; }

.screen-reader, .offscreen {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.textxsmall { width: 50px; }
.textsmall { width: 140px; }
.textmedium { width: 240px; }
.textlarge { width: 545px; }

.bold { font-weight: bold; }

.button { font-size: 90%; font-weight: 300 !important; }

p.buttons { width: 100%; overflow: hidden; padding-top: 10px; }
p.buttons .left { width: 13%; }
p.buttons .middle { float: left; width: 74%; text-align: center; }
p.buttons .right { text-align: right; width: 13%; }

.nocss { display: none; }

.left { float: left; }
.right { float: right; }

#content { /* the div 'content' is needed in order to make popup windows work in search results */
    position: relative;
    z-index: 2;
}

#content p, #content ul .md-editor-menu { margin: 0 0 1em 0; }

/* Top-menu */

#header {
    padding-bottom: 20px;
    /* height: 3.375em; height in ems breaks BookViewer resizing */
    height: 54px;
    margin-left: 0;
}

#header li {
    display: inline-block;
    float: left;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
}

#header a:link, #header a:visited, #header a:active {
    display: block;
    padding: 0 20px;
    font-weight: normal;
    height: 3.375em;
    line-height: 3.375em; /* 54÷16 */
    text-decoration: none;
}

#header li a.active:link, #header li a.active:visited { border-left: 1px solid #1F2C39; }

#header a:hover, #header a.active:hover { background: #3CB0FF none no-repeat scroll 100% 12px; }
#header a.phaidra-logo:link, #header a.phaidra-logo {
    background-color: #E0001D;
    display: block;
    width: 165px;
    height: 54px;
    padding-left: 0;
}
#header a.phaidra-logo:link.active, #header a.phaidra-logo.active, #header a.phaidra-logo:visited.active {
    transition-property: background-color;
    transition-duration: 0.5s;
}

#header .dev-sticker {
    display: block;
    visibility: visible;
    position: absolute;
    top: 23px;
    left: 195px;
    z-index: 999;
}
#header .menu-link {
    display: inline-block;
    width: 54px;
    height: 54px;
}
#header a.menu-link:link, #header a.menu-link:visited {
    display: block;
    height: 54px;
    width: 54px;
    padding: 0;
    opacity: .8;
    /*-moz-background-size:   auto;*/
    -o-background-size:       auto;
    -webkit-background-size:  auto;
    background-size:          auto;
    background-repeat: no-repeat;
    background-position: center center;
}

#header a.menu-link:link:hover, #header a.menu-link:visited:hover { text-decoration: none; opacity: 1; }

#header a.menu-menu:link,        #header a.menu-menu:visited        { background-size: 54px 54px; background-image: url(../img/unipd/menu-menu.svg);        background-repeat: no-repeat; background-position: center center; }
#header a.menu-search:link,      #header a.menu-search:visited      { background-size: 54px 54px; background-image: url(../img/unipd/menu-search.svg);      background-repeat: no-repeat; background-position: center center; }
#header a.menu-collections:link, #header a.menu-collections:visited { background-size: 54px 54px; background-image: url(../img/unipd/menu-collections.svg); background-repeat: no-repeat; background-position: center center; }
#header a.menu-lists:link,       #header a.menu-lists:visited       { background-size: 54px 54px; background-image: url(../img/unipd/menu-lists.svg);       background-repeat: no-repeat; background-position: center center; }
#header a.menu-login:link,       #header a.menu-login:visited       { background-size: 54px 54px; background-image: url(../img/unipd/menu-login.svg);       background-repeat: no-repeat; background-position: center center; }
#header a.menu-preferences:link, #header a.menu-preferences:visited { background-size: 54px 54px; background-image: url(../img/unipd/menu-preferences.svg); background-repeat: no-repeat; background-position: center center; }
#header a.menu-help:link,        #header a.menu-help:visited        { background-size: 54px 54px; background-image: url(../img/unipd/menu-help.svg);        background-repeat: no-repeat; background-position: center center; }
#header a.menu-style:link,       #header a.menu-style:visited       { background-size: 54px 54px; background-image: url(../img/unipd/menu-style.svg);       background-repeat: no-repeat; background-position: center center; }
/* #header a.menu-lang:link,     #header a.menu-lang:visited        { background-size: 54px 54px; background-image: url(../img/unipd/menu-lang.svg);        background-repeat: no-repeat; background-position: center center; } */
#header a:link { line-height: 54px; text-align: center; font-size: 110%; }

/* Hide the link that should open and close the topnav on small screens */
#header .topnav .menu-menu {
    float: right;
    width: 54px;
    height: 54px;
    display: none;
}

#header .topnav .menu-menu a:link {
    width: 54px;
    height: 54px;
    padding: 0;
}

/* dropdowns */
#header .dropdown, .dropdown {
    position: absolute;
    height: auto;
    top: 76px;
    border: 1px solid #466380;
    padding: 10px 20px 25px 20px;
    z-index: 2;
}

#header #login.dropdown {
    z-index: 100;
    visibility: visible;
    left: 400px;
    opacity:            1;
    transition:         opacity 0.4s ease-out;
    -ms-transition:     opacity 0.4s ease-out;
    -moz-transition:    opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}

#header #login.dropdown h2 { font-size: 1em; }
#header #login.dropdown label, #header #login.dropdown select { font-size: small; }
#header #login form { height: auto; }

#header #lang.dropdown {
    z-index: 10;
    visibility: visible;
    left: 453px;
    opacity:            1;
    transition:         opacity 0.4s ease-out;
    -ms-transition:     opacity 0.4s ease-out;
    -moz-transition:    opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}
#header #login.dropdown.transparent, #header #lang.dropdown.transparent {
    visibility: hidden;
    opacity:            0;
    transition:         opacity 0.4s ease-in;
    -ms-transition:     opacity 0.4s ease-in;
    -moz-transition:    opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
}

#header label { font-family: 'Source Sans Pro', sans-serif; font-weight: 400 !important; }
#header .form-item { margin: 10px 0; display: table-row; }
#header input { margin-right: 2px; }
#header input, #header label { display: table-cell; margin-bottom: 4px; }
#header input.button, #header a.button, input.button {
    display: table-cell;
    border: 0;
    padding: 0 20px;
    margin-top: 10px;
    height: 3.375em;
    line-height: 3.375em;
}
#header a.button { padding: 0 20px; margin-top: 10px; }

.button, button, a.button, a.button:link, a.button:visited {
    border: 0;
    padding: 0.6em 0.6em;
    margin-top: 10px;
    font-weight: bold;
}
.button:hover, button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover { text-decoration: none; cursor: pointer; }

#header form {
    display: inline;
    float: right;
    height: 36px;
    position: relative;
}

/* Carousel */
.carousel-container { width: 100%; }

.carousel {
    position: relative;
    height: 370px;
    max-width: 1400px;
    margin-bottom: 16px;
    overflow: hidden;
    font-size: 1.125em; /* 18÷16 */
    line-height: 1.5em; /* 24÷16 */
    text-align: center;
    color: rgba(255,255,255,1.0);
    text-shadow: 0 0 1px rgba(0,0,0,1), 0 1px 2px rgba(0,0,0,0.6);
    clear: both;
}

.carousel div { height: 370px; background-position: center; }

p.carousel-title {
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0;
    margin: 0;
}
p.carousel-title, .carousel p, .carousel .btn {
    position: relative;
    top: 70px;
}
p.carousel-title, .carousel h2 {
    font-size: 190%;
    line-height: 1em;
    margin-bottom: 0.4em;
}
.carousel .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;
    font-size: 0.666666667em; /* 12÷18 */
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid rgba(255,255,255,.6);
    border-radius: 5px;
}
.carousel .btn:hover { border: 2px solid rgba(255,255,255,1.0); }
.carousel .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    /*-moz-filter:  drop-shadow(0 -1px 2px rgba(0,0,0,.5));*/
    -ms-filter:     drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -o-filter:      drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    filter:         drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.carousel .btn {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    /*-moz-filter:  drop-shadow(0 1px 2px rgba(0,0,0,.3));*/
    -ms-filter:     drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter:      drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter:         drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.slick-slider { margin-bottom: 0 !important; }
.slick-dots { width: auto; height: 20px; bottom: 40px !important; position: relative !important; list-style: none; display: inline-block !important; text-align: center; padding: 0; }
.slick-dots li button:before {
    color: #fff             !important;
    font-family: inherit !important;
    font-size:   30px !important;
    height:      30px !important;
    line-height: 30px !important;
    width:       30px !important;
    opacity: 0.5 !important;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 !important; }
.slick-dots li.slick-active button:before { opacity: 0.9 !important; }

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

#pagebody {
    padding: 20px 0 20px 0;
    z-index: 0;
    position: relative;
    clear: both;
}

#main #pagebody { padding-top: 36px; }
#pagebody h1 {
    font-size: 160%;
    margin: 0 0 34px 0;
    line-height: 1em;
    min-height: 32px;
    padding-right: 46px;
}

/* Left column */

#left-column { display: block; visibility: visible; }

.box, .search-box, .private-box {
    position: relative;
    padding: 18px 16px;
    margin-bottom: 20px;
}

.search-box form { margin-left: 0; }

.text-submit-container {
    position: relative;
    margin: 10px 0;
}

.search-box input.search {
    background: none repeat scroll 0 0 #fff;
    padding: 5px 0 5px 5px;
    outline: none;
    width: 98%;
}
.search-box input.submit {
    background: #fff url("../img/unipd/loupe.png") center center no-repeat;
    cursor: pointer;
    overflow: hidden;
    right: 1%;
    top: 3px;
    text-indent: -9999px;
    z-index: 3;
    border: 0 none;
    height: 40px;
    width:  50px;
    outline: none;
}

.private-box { margin-bottom: 6px; }

.slogan { clear: both; }

/* Homepage */

#left-column.home {
    width: 22.052927%;
    max-width: 310px;
}

#right-column-first-and-second.home {
    width: 75.701684%;
    padding-left: 2.2453889%;
    max-width: 1058px;
}

.featured-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    width: 100%;
}

.informations p { font-size: 110%; font-style: italic; padding: 10px 0 10px 0; }

.featuredcollection {
    float: left;
    /*margin: 0 0 16px 0.6415397%;*/
    margin: 0 0 16px 0;
    position: relative;
    transition-property: background-color;
    transition-duration: 0.5s;
    height: 218px;
    width: 128px;
}

.featuredcollection.invisible { visibility: hidden; height: 1px; } /* mandatory for large screens */

.featuredcollection img { width: inherit; }
.featuredcollection .featuredcollectionlabel {
    display: block;
    position: inherit;
    line-height: 1.2em;
    font-size: 90%;
    padding: 5px;
    hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.featuredcollection a:link {
    display: inline-block;
    height: 218px;
}
.featuredcollection a:link:hover, .featuredcollection a:visited:hover, .featuredcollection a:link:visited:hover { text-decoration: none; }

/* Search results */

#search-results { width: auto; z-index: 0; position: relative; overflow: hidden; }

#search-results .search-result-listitem {
    margin: 0 8px 16px 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 154px;
    min-height: 266px;
    z-index: 0;
}

#search-results .search-result-item-thumb, #search-results .search-result-item-desc {
    display: table-row;
}

#search-results .search-result-item-desc {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}

#search-results .search-result-item-desc {
    display: table-cell;
    padding: 10px 6px 2px 6px;
}

#search-results.favourites .search-result-listitem { width: 100%; padding: 0; }

#search-results.favourites .search-result-item-thumb, #search-results.favourites .search-result-item-desc {
    float: left;
    position: absolute;
    top: 0;
}

#search-results.favourites .search-result-item-desc {
    left: 167px;
}

#search-results .object-metadata { display: none; visibility: hidden; }
#search-results h3 { font-size: 86%; line-height: 1em; }
#search-results .listitem-watchlist-child h3 { font-size: 110%; line-height: 1em; }

.thumbnailitem-container {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 150px;
    width: 150px;
    border: 2px solid transparent;
    line-height: 0;
}

.cmodel-picture                 { color: #a54bcf; }
.cmodel-collection              { color: #22ba9b; }
.cmodel-book                    { color: #c52460; }
.cmodel-video                   { color: #6262c8; }
.cmodel-pdfdocument             { color: #2298c0; }
.cmodel-audio                   { color: #5eb30d; }
.cmodel-paper                   { color: #00ffad; }
.cmodel-asset                   { color: #faa24c; }
.cmodel-resource                { color: #e53d23; }
.cmodel-page                    { color: #c52460; }
.cmodel-container               { color: #f3ae03; }
.cmodel-undetermined            { color: #faa24c; }
.cmodel-blocked                 { color: #ff0000; }
.thumbnailitem-container:hover  { color: #3CB0FF; border-color: #3CB0FF; }

.thumbnailitem-container img.object-type {
    position: absolute;
    right: 3px;
    top: 99px;
    height: 24px;
    width: 24px;
    border: 0;
}

/* search-results-header */
#search-results .search-results-header {
    margin: 0 0 2em;
    overflow: hidden;
    padding: 16px;
}
#search-results .search-results-header .left { width: 80%; }
#search-results .search-results-header .right { white-space: nowrap; }
#search-results .search-results-header .right p, #search-results .search-results-header .right form { float: left; margin: 0; }
#search-results .search-results-header .right form { padding: 0 6px 0 14px; }
#search-results .search-results-header .right select { width: 145px; }

/* search-results-body */
.search-results-body { width: 100%; overflow: auto; }

/* search-result-listitem */
.search-result-listitem {
    min-height: 10em;
    width: 100%;
    overflow: hidden;
    margin: 0 0 1em 0;
    padding: 16px 10px 0px 6px;
}

.search-result-listitem-image p { display: none; }

.search-result-listitem-image a { line-height: 0; }

.search-result-item-thumb .unet-label {
    background-color: #006699;
    font-weight: bold;
    text-align: right;
    padding: 0 4px 2px 0;
    line-height: normal !important;
}

#search-results #mlists_top { height: auto !important; }

#menu-header-search { border-bottom: 1px solid #466380; }

/* Page All Collections */

#alphalist { display: none; visibility: hidden; margin: 20px 0 30px 0; padding: 20px 20px 30px 20px; }
#alphalist-body {
    padding-top: 20px;
    -webkit-column-width: 380px;
    -moz-column-width: 380px;
    column-width: 380px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
#alphalist ol { margin-left: 0; }
#toggle-alphalist { font-size: 90%; position: relative; left: 0.3em; }
#toggle-alphalist:after { font-size: 150%; content: "‒"; margin-left: 0.5em; }
#toggle-alphalist.collapsed:after { font-size: 150%; content: "+"; }

#collections-list { margin-top: 24px; }

.collections-list-collection {
    width: 356px;
    float: left;
    margin: 0 0 20px 0;
    padding: 20px 20px 30px 20px;
}

#collections-list .collections-list-description .no-history.collection-title {
    display: inline;
    letter-spacing: 0;
    font-family: 'Source Sans Pro', sans-serif;
    padding-right: 8px;
    font-size: 1.25em;
    letter-spacing: -0.025em;
    position: relative;
    top: -8px;
}

#collections-list .collections-list-img { float: left; height: 128px; width: 128px; margin: 0 22px 0 0; border: 2px solid transparent; }
#collections-list .collections-list-img:hover { border-color: #3CB0FF; }
#collections-list .collections-list-img a:link { display: inline-block; height: 128px; width: 128px; z-index: 1; position: relative; }
#collections-list .collections-list-img a:link img { z-index: 0; position: relative; }
#collections-list .collections-list-description { position: relative; top: 4px; }

.collections-list-collection .button:before {
    font-family: "fontello-padova";
    font-size: 100%;
    content: '\e849';
    padding: 0 10px 0 0;
    font-weight: 300;
}

/* Single object page */

/* Horizontal navigation amongst the objects of a collection */
#h-nav {
    position: relative;
    top: 0px;
    z-index: 2;
    opacity:            1;
    transition:         opacity 0.3s ease-out;
    -ms-transition:     opacity 0.3s ease-out;
    -moz-transition:    opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
}

#h-nav.transparent {
    opacity:            0;
    transition:         opacity 0.2s ease-in;
    -ms-transition:     opacity 0.2s ease-in;
    -moz-transition:    opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
}

#h-nav-background {
    display: inline-block;
    opacity: 0.4;
    height: 30px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#h-nav a { position: relative; z-index: 1; display: inline-block; width: 100%; }
#h-nav a:link:hover, .h-nav a:visited:hover { text-decoration: none; }
.h-nav-previous { display: inline-block; width: 38px; position: absolute; left: 0; }
.h-nav-next     { display: inline-block; width: 38px; position: absolute; right: 0; }
.h-nav-up       { display: inline-block; width: 48px; position: absolute; left: 45%; text-align: center; }
#h-nav img { margin: auto 0; vertical-align: middle; }

.detail-item {
    text-align: center;
    position: relative;
    z-index: 0;
    margin-bottom: 24px;
}
.detail-item a { line-height: 0; }

.detail-item-desc { width: 100%; overflow: hidden; padding-bottom: 26px; }
.detail-item-desc .left { line-height: 1.2em; margin: 0 16px 10px 0; }
.detail-item-desc .left img { position: relative; top: 0; }

.detail-item-desc#rights a:hover { text-decoration: none; }
.detail-item-desc#rights img { position: relative; top: 4px; left: 6px; }

.authoritylist { display: none; visibility: hidden; margin-top: 10px; padding: 16px 8px; }
.toggle-authoritylist:after { content: "‒"; }
.toggle-authoritylist.collapsed:after { content: "+"; }

.sidebar-item { margin: 0 0 1.4em 0; font-size: 96%; line-height: 1.2em; }

.sidebar-item h3, .sidebar-item-object h3 {
    font-size: 1em;
    padding: 2px 10px 3px 10px;
    margin: 0 !important;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}

.sidebar-item-body {
    padding: 16px 9px 20px 9px;
    overflow: hidden;
}

.sidebar-item-body p { padding: 0; margin: 0; }
.sidebar-item-body ul { margin: 0; padding: 0; }
.sidebar-item-body li { list-style-type: none; padding: 0.1em 1em 0.1em 0; margin-left: 0; }
.sidebar-item-body form select { margin: 4px 0 0 0; }
.sidebar-item-objectlinks { margin: 0 0 1em 0; }

.sidebar-item-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

.search-result-item-desc .listitem-watchlist-child {
    display: block;
    width: 30%;
    float: left;
    position: absolute;
    margin-top: -30px;
    left: 60%;
    border: 1px solid #466380;
    padding: 10px 20px 26px 20px;
    z-index: 2;
    font-size: 90%;
}

.search-result-listitem-wrapper {
    display: inline-block;
    position: relative;
}
#search-results .listitem-watchlist {
    border: 1px solid #466380;
    padding: 10px 20px 26px 20px;
    font-size: 86%;
    line-height: 120%;
    width: 160px;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 200;
}

/* Book Viewer */

#book-viewer #right-column { position: relative; top: 0; }
#book-viewer #right-column .sidebar-item { margin-bottom: 0; }
#book-viewer #sidebar-item-body { width: auto; }
#book-viewer .sidebar-item-objectlinks .sidebar-item-body { border: 1px solid #E2E2E2; border-top: none; }
#book-viewer .sidebar-item-body form select { margin: 4px 0 0 0; }
#book-viewer .button { font-size: small; }
#book-viewer input[type=text] { padding: 0; width: 100%; }
#book-viewer .sidebar-item { font-size: medium; }
#book-viewer #pagebody.no-space-around #BookReader { } /* Workaround for BV embedded in Movio */

/* FOOTER */

#footer {
    clear: both;
    width: 100%;
    overflow: hidden;
    font-size: 90%;
    position: relative;
    top: 30px;
    padding: 20px 0 60px 0; /* 20px 0 200px 0; */
}
.footer-center, .footer-left, .footer-right {
    display: inline;
    float: left;
    margin-right: 8px;
    position: relative;
}
.footer-left { width: 608px; }
.footer-center { width: 24%; }
.footer-right { width: 24%; }
.footer-right .partner-CoreTrustSeal {
    position: relative;
    top: 15px;
    left: 40px;
}
#footer ul { list-style: none; margin-left: 0; padding-left: 0; padding-bottom: 0; }
#footer p { padding: 2px 0 2px 12px; }
#footer_lang { z-index:5; float:right; }
#footer_flag { width: 20px; height: 13px; padding: 5px 12px 5px 5px; }
#footer-for-print { display: none; visibility: hidden; }

#footer #cite-this-service { clear: both; padding-top: 12px; }

.logos {
    display: inline-block;
    border-bottom: 1px dotted #507191;
    height: 120px;
    opacity: 0.8;
    padding-left: 24px;
}
.logos img {
    opacity: 0.8;
    transition-property: opacity;
    transition-duration: 0.5s;
}
.logos img:hover { opacity: 1.0; }

/* SEARCH-MASK */

#search-mask { width: 100%; overflow: hidden; margin: 0; }
#search-mask .addedCombination, #search-mask .addCombination { text-align: center; font-size: 1.0909em; }
#search-mask .addedCombination { color: #b40014; font-weight: bold; }
#search-mask .addCombination span.tasks { padding: 0 0 0 2px; }
#search-mask .search-mask-item { padding: 20px 0 2px 26px; margin: 0 0 1em 0; }

/* HELP */

.help h1 { font-variant: small-caps; }
.help h3 { margin: 1.8em 0 1em 0; font-variant: small-caps; }
.help h4 { font-size: 100%; margin-bottom: 2.2em; text-decoration: underline; }
.help .boxed { padding: 1em; margin: 1em 0; }
ul.no-list-image li { list-style: none; }
ul.no-list-image li li { padding-bottom: 0; }
.totop {
    width: 100%;
    float: right;
    padding-bottom: 6px;
    margin-bottom: 26px;
    border-bottom: 1px solid #466380;
}
.totop a {
    display: block;
    float: right;
    width: 0px;
    height: 0px;
    border-left:    10px solid transparent;
    border-right:   10px solid transparent;
    border-bottom:  17.32px solid #1588D6;
}
.totop a:link:hover, .totop a:visited:hover {
    border-bottom-color: #3CB0FF;
}

/* Various elements */

p.addCombination { position: relative; left: 0; }
#search-mask .search-mask-item p.addCombination { left: -8px; }

#quick_search_results button { position: relative; left: -5px; }
#show_quick_search_results {
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
    left: -5px;
}
#show_quick_search_results select { height: auto; }

/* Browse */

.browse-block-container { padding: 24px 10px 30px 30px; }
.browse-block-container .object-type, .create-object-type img { border: transparent 3px solid; transition-property: opacity, border; transition-duration: 0.4s; opacity: 0.9; }
.browse-block-container .object-type:hover , .create-object-type img:hover { border: #3CB0FF 3px solid; opacity: 1; }

.faculty {
    margin-bottom: 20px;
    min-height: 80px;
    border-bottom: 1px dotted #507191;
    padding: 0 0 12px 180px;
}
.faculty a:link { display: block; line-height: 1.1em; padding-bottom: 1em; }
.faculty-padova                 { background: transparent url(../img/logos/unipd-logo-small.png) left 4px no-repeat; }
.faculty-cafoscari              { background: transparent url(../img/logos/cafoscari-logo-small.png) left 4px no-repeat; }
.faculty-iuav                   { background: transparent url(../img/logos/iuav-logo-small.png) 14px 4px no-repeat; }
.faculty-bologna                { background: transparent url(../img/logos/unibo-logo-small.png) left top no-repeat; padding-bottom: 26px; }
.faculty-other-institutions     { background: transparent url(../img/logos/institution-logo-small.png) 2px 0px no-repeat; border-bottom: none; padding-bottom: 0; min-height: 60px; }

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

.partner {
    margin-bottom: 20px;
    width: 100%;
    min-height: 80px;
    border-bottom: 1px dotted #507191;
    padding: 0px 0 16px 0px;
    opacity: 0.8;
    transition-property: opacity;
    transition-duration: 0.5s;
}

.partner:hover { opacity: 1.0; }

.partner-CoreTrustSeal     { background: transparent url(../img/logos/CoreTrustSeal-logo-transparent.png) left 4px no-repeat; height: 120px; }
.partner-uniwien           { background: transparent url(../img/logos/uniwien-logo.png) left 4px no-repeat;          }
.partner-cafoscari         { background: transparent url(../img/logos/cafoscari-logo.png) left 10px no-repeat;       }
.partner-iuav              { background: transparent url(../img/logos/iuav-logo.png) left 4px no-repeat;             }
.partner-fairsfair         { background: transparent url(../img/logos/fairsfair-logo.png) left 0px no-repeat;        }
.partner-coar              { background: transparent url(../img/logos/coar-logo.png) left 4px no-repeat;             }
.partner-europeana         { background: transparent url(../img/logos/europeana-logo.png) left 4px no-repeat;        }
.partner-linked-heritage   { background: transparent url(../img/logos/linked-heritage-logo.png) left 0 no-repeat;    }
.partner-internet-archive  { background: transparent url(../img/logos/internet-archive-logo.png) left 0 no-repeat;   }
.partner-re3data           { background: transparent url(../img/logos/re3data-logo.png) left 10px no-repeat;         }
.partner-opendoar          { background: transparent url(../img/logos/opendoar-logo.png) left 20px no-repeat;        }
.partner-fairsharing       { background: transparent url(../img/logos/fairsharing-logo.png) left 20px no-repeat;     }

#uniwien_logo,
#cafoscari_logo,
#iuav_logo,
#unibo_logo,
#fairsfair_logo,
#coar_logo,
#europeana_logo,
#linked_heritage_logo,
#internet_archive_logo,
#re3data_logo,
#opendoar_logo,
#CoreTrustSeal_logo,
#fairsharing_logo { display: block; height: 80px; }

#msgbox {
    overflow: hidden;
    background-color: #1051a2;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px !important;
    /*max-width: 1380px;*/
    max-width: 100%;
}
#msgbox p { border: none; }

#addall, .addall { color: #3CB0FF; text-decoration: none; }
#addall:hover, .addall:hover { color: #df0d0d; }

.paginator { text-align: center; color: #466380; clear: both; width: 100%; }
.paginator .active { color: #E6E6E4; }
.paginator a:visited { color: #3CB0FF; text-decoration: none; }
.paginator a:hover, .paginator a:visited:hover { color: #df0d0d; text-decoration: underline; }
.paginator a.prevnext {
    font-size: 1.4em;
    text-decoration: none;
    font-weight: bold;
    padding: 0 5px 2px 5px;
}

table.vertical { color: #E6E6E4; }
table.vertical td {
    border: 1px solid #466380;
    padding: 0.6em 0.6em 1.0em 0.6em;
}
table.vertical th {
    border: 1px solid #1588D6;
    padding: 0.3em 0.6em;
}

table.listing, .stx table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em 0;
}
table.listing td, .stx table td { padding: 0.25em 0.5em; }

.sidebar-item { width: 100% !important; }
#watchlist tr:hover { background-color: #425D78; }

.bull {
    background: transparent url(../img/unipd/bull.png) left center no-repeat;
    padding-left: 18px;
    width: 16px;
}

.lock {
    background: transparent url(../img/unipd/lock.png) left center no-repeat;
    padding-left: 18px;
    width: 16px;
}

#terms-of-service {
    hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

#top { position: absolute; top: 0; }

.flowplayer { max-width: 100%; height: 350px; }

.create-object-type {
    display: inline-block;
    width: 19%;
    height: 120px;
    text-align: center;
    vertical-align: top;
    line-height: 1.1em;
}
.create-object-type img { margin-bottom: 0.6em; }

.museo span.autr, .classification-value { display: inline-block; }
.museo span.autr::first-letter, .classification-value::first-letter { text-transform: uppercase !important; }
.museo .indent-a-bit { padding-left: 20px; }
.museo br { line-height: 70%; }

/* BookViewer */

#BRnav *, #BRtoolbar * { transition-property: background; transition-duration: 0s; }
#BRnav { bottom: 0; }
#BRnav.zoom-in { bottom: 26px; }

#right-column #sidebar-item-body { padding: 10px 6px; }
#right-column #sidebar-item-body li {
    background: none no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    padding: 6px 0 4px 0;
    margin-left: 0;
}
#right-column #sidebar-item-body #book_contents li {
    background-image: none;
    list-style-type: disc;
    margin-left: 16px;
    padding-left: 0;
}
body #right-column #book_links li {
    background-image: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
#right-column #sidebar-item-body { line-height: 1.2em; }
#right-column #sidebar-item-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


#BRbookcover, .BRleafEdgeR, .BRleafEdgeL { display: none !important; visibility: hidden !important; }

#header-for-print { display: none; visibility: hidden; }

/* Links */

a:link, .remove-all-filters a:visited { color: #3CB0FF; text-decoration: none; }
a:link:hover, a:visited:hover, #content a:visited:hover { color: #df0d0d; /*text-decoration: underline;*/ }
a:visited { color: #D10fff; }

.no-history, .toggle-text, a.no-history:visited, #book_contents a:visited, #search-backlink { color: #3CB0FF; text-decoration: none; }
.no-history:hover, a.no-history:visited:hover, #book_contents a:visited:hover, #search-backlink:hover { color: #df0d0d; /*text-decoration: underline; */ }

/* ############################ TEST NUOVO DUE-COLONNE */

/* animating featured collections preview in home page */
.cycler { position: relative; }
.cycler div { position: absolute; z-index: 1; height: 218px; }
.cycler div.active { z-index: 3; }

/* .news { height: 300px; }
.news-container { height: 210px; padding: 8px 0 8px 8px; } */
.new.featuredcollection, .new .cycler div { border-bottom: #FFE600 5px solid; height: 212px; }

.new:hover:after{
    text-transform: uppercase;
    background: #FFE600;
    color: #42586E;
    font-size: 80%;
    font-family: 'PT Sans Narrow', sans-serif;
    line-height: 100%;
    content: attr(data-age-phaidra);
    right: 0;
    bottom: -2px;
    padding: 4px 3px 0 5px;
    position: absolute;
    z-index: 98;
    width: auto;
}

#left-column.detail {
    width: 36.3564041%;
    float: left;
    position: relative;
    z-index: 2;
}

#right-column.detail {
    padding: 0 0 0 24px;
    margin-left: 0px;
    position: relative;
    z-index: 1;
    top: 0;
    display: block;
}

/* Object links */
#object-links { width: 100% !important; margin-bottom: 24px; }
.object-link { display: inline-block !important; height: 40px; width: 40px; }
.object-link a:link { display: inline-block; height: 40px; width: 40px; background-size: 80px 240px; opacity: .8; }
.object-link a:link:hover { opacity: 1; }

/* Generated by http://css.spritegen.com CSS Sprite Generator */
.object-link-dc          { background-position: -0px  -0px;    background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-download    { background-position: -40px -0px;    background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-IApdf       { background-position: -0px  -200px;  background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-fulltext    { background-position: -0px  -160px;  background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-epub        { background-position: -40px -160px;  background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-exif        { background-position: -0px  -40px;   background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-museo       { background-position: -40px -40px;   background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-ph          { background-position: -0px  -80px;   background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-share       { background-position: -40px -80px;   background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-view        { background-position: -0px  -120px;  background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }
.object-link-downloadweb { background-position: -40px -120px;  background-image: url('../img/unipd/object-link-sprite.svg'); background-repeat: no-repeat; }

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

h3.detail-label, h3.detail-label.md-title {
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.detail-item #go-full-screen, .detail-item #go-full-screen-book {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -30px;
    z-index: 100;
    width: 40px;
    height: 40px;
    background: transparent url('../img/unipd/full-screen.png') no-repeat;
}
.detail-item #go-full-screen-book { display: block; }

#left-column.detail img { max-width: 100% !important; }

.sidebar-item h3, #left-column.detail .sidebar-item-object h3, #left-column.detail .detail-item-desc h3 {
    display: inline-block;
    font-size: 0.95em !important;
    padding: 4px 10px 4px 10px !important;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}

#left-column.detail .thumbnailitem-title {
    display: table-cell;
    padding-left: 16px;
    hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    line-height: 1.4em;
}

#left-column.detail h3.right-sidebar-item {
    font-size: 1em;
    padding: 2px 10px 3px;
    margin: 0 0 1.5em 0 !important;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}

#phaidra-metadata.dropdown {
    display: block;
    visibility: visible;
    opacity:             1;
    transition:         opacity 0.4s ease-out;
    -ms-transition:     opacity 0.4s ease-out;
    -moz-transition:     opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}
#phaidra-metadata.dropdown.transparent {
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* Metadata editor */

.md-editor-left-column {
    float: left;
    width: 12.5100241%;
    margin-right: 1.6038492%;
    margin-bottom: 20px;
}

.md-editor-left-column .thumbnailitem-container img { max-width: 100%; }

#md-editor { width: 83.7209302%; }

.md-editor-menu li strong { font-weight: normal !important; }

#md-editor h4 {
    width: 98%;
    font-size: 100.01%;
    padding: 5px 10px;
    float: left;
    background-color: #589DE0;
}

#md-editor h5 { margin-bottom: 20px; }
#md-editor .description_md { float: left; }
#md-editor .input_field { float: left; }

/* md-editor-body */

#md-editor .md-editor-body {
    border: 1px solid #E2E2E2;
    border-top: none;
    padding: 1.5em 13px 0 13px;
}

.md-editor-body ul { list-style-type: none; }

.md-editor-body .md-editor-body-entity-body { padding: 0.5em 7px 0 7px; clear: both; }
#md-editor .tasks { padding-left: 3px; }
.tasks img { vertical-align: middle; cursor: pointer;}

#md-editor .line {
    border-bottom: 1px solid #fff;
    padding: 10px 10px 16px 0 !important;
}

.level1wrapper {
    border: 1px solid #45617D;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.level2wrapper {
    border: 1px solid #45617D;
    margin: 10px;
    padding-bottom: 10px;
}

.level3wrapper {
    border: 1px solid #45617D;
    margin: 10px;
    padding-bottom: 10px;
}

#md-editor .nodes { margin-top: 5px; margin-left: 5px; }

.nodeContent { margin-left: 8px; }

.content_descr { width: 130px; font-weight: bold; }

.ajax_spacer { padding-left: 45px; margin: 0 0 1em; }

#nodeText h1, #nodeText h2, #nodeText h3 { color: #fff !important; }

#nodeText h1 {
    font-size: 120%;
    padding: 4px 10px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold !important;    
    display: inline-block;
}

#nodeText h2 {
    font-size: 1.2em;
    padding-left: 5px;
    padding-top: 2px;
    display: inline;
}

#nodeText h3 {
    color: black;
    font-weight: normal;
    font-size: 1.15em;
    padding-left: 5px;
    padding-top: 2px;
    display: inline;
}

.nodeTasks { padding-top: 5px; padding-right: 5px; }

.nodeHeading .nodeTasks img {
    float: right;
    padding-top: 5px;
    padding-right: 5px;
}

.EXIFtable { border-collapse: collapse; margin-bottom: 20px; min-width: 500px; }
.EXIFtable_col { padding: 3px 6px; border: 1px solid #E6E6E4; }

/* MDE */

#loadTemplateLight {
    background-color: #1F2C39;
    clear: both;
    color: #E6E6E4;
    font-size: 90%;
    margin: 0 0 1em;
    overflow: hidden;
}

#md_tree_light {
    width: 100%;
    background-color: #42586E;
    color: #fff;
    max-width: 980px;
}

#md_tree_light>.level1wrapper { border: 0; }

#md_tree_light .nodes {
    margin-top: 5px;
    margin-left: 5px;
    padding: 20px 0;
}

#md_tree_light .nodeHeading, #md_tree_light .nodeHeading h1, #md_tree_light .nodeHeading h2 { font-family: 'Source Sans Pro', sans-serif; }
#md_tree_light #nodeHeading1 { padding: 5px; line-height: normal; }

#md_tree_light #nodeHeading1 h1 { line-height: 1.8em !important; font-weight: normal !important; }

#md_tree_light #nodeHeading2 { background: #45617D; padding-bottom: 5px; }

#md_tree_light #nodeHeading3 { background: #45617D; padding-bottom: 5px; }

#md_tree_light table td { vertical-align: top; padding: 6px 0 6px 1em; line-height: 1.2em; }

#md_tree_light .content_descr { width: 140px; }

#chooseEntity {
    color: #333;
    display: none;
    position: absolute;
    background-color: #f4f5f6;
    border: 1px solid #848484;
}
.chooseEntityHeader { background-color: #aaacae; font-weight: bold; padding: 5px 0 7px 18px; }
.chooseEntityBody { padding: 8px 18px 0 18px; }

#md-editor {
    float: left;
    overflow: hidden;
    position: relative;
    top: 50px;
    font-size: 90%;
    margin: 0 0 0.6em 0;
    clear: none;
}
#md-editor .md-editor-menu { text-transform: uppercase; font-size: 120%; }
#md-editor .md-editor-menu ul {
    width: 100%;
    overflow: hidden;
}
#md-editor .md-editor-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    font-family: 'Source Sans Pro', sans-serif;
}

#md-editor .md-editor-body {
    border: 0;
    border-top: none;
    padding: 1.5em 13px 0 13px;
}

#md-editor .md-editor-body .md-editor-body-entity {
    padding: 10px;
    margin: 1.25em 0 1.25em 0;
    border: 0;
    background-color: #45617D;
}
#md-editor .md-editor-menu { text-transform: uppercase; font-size: 90%; border-bottom: 1px dotted #507191; }
#md-editor .md-editor-menu ul {
    background-color: #45617D;
    width: 100%;
    overflow: hidden;
}
#md-editor .md-editor-menu li {
    margin: 0;
    list-style-type: none !important;
    float: left;
    padding: 3px 14px;
}

#md-editor .md-editor-menu li.active { background-color: #df0d0d; }

#md-editor .md-editor-menu a:link, .md-editor-menu a:visited, .md-editor-menu a:visited:hover { font-weight: normal; }
#md-editor .md-editor-menu a:link:hover, .md-editor-menu a:visited:hover { text-decoration: none; }
#md-editor .md-editor-menu li.active {
    font-size: 100%;
    font-weight: normal;
}

#metadata-wrapper, #metadata-museo-wrapper {
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: relative;
    z-index: 999;
}

.calendar { z-index: 100; }

/* END Metadata editor */

.museo-definitions-block { padding-top: 1.5em; padding-bottom: 1.5em; border-top: 1px dotted #507191; }
.museo-definitions-block-inner { padding-bottom: 0.5em; }

.object-title { display: table; visibility: visible; line-height: 1.2em; }
.object-title-small-screen { display: none; visibility: hidden; line-height: 1.2em; }

#pagebody.detail h2.object-title i { display: table-cell; position: relative; left: -3px; padding-right: 8px; }

.toggle-text:hover { color: #df0d0d; cursor:pointer; text-decoration: underline; }

#left-column {
    float: left;
    width: 22.0365951%;
    display: block;
    visibility: visible;
}

#right-column-first-and-second {
    padding-left: 2.2275259%;
    float: left;
    width: 74.3038982%;
}

#right-column-first-and-second.browse { width: 75.701684%; }
#right-column-first-and-second.featured { width: 100%; padding-left: 0; }

#right-column-first {
    float: left;
    padding-left: 2.2275259%;
    width: 50.0397772%;
}
.detail #right-column-first { width: 37.0640714%; }

#right-column-first #description a { word-break: break-word; }

#right-column-first img, #right-column-second img { max-width: 100%; }

#right-column-first #juxtapose-wrapper img { max-width: inherit; }

#right-column-second {
    float: left;
    font-size: 100%;
    width: 22.0365951%;
    min-height: 130px;
    padding-left: 2.2275259%;
}

/* Single collection page */

#right-column.collection #right-column-first { width: 50.0397772%; }

.single-collection-placeholder { margin-bottom: 40px; }

#right-column.collection .float-left {
    float: left;
    margin: 26px 4% 26px 0;
}
#right-column.collection .float-left:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
#right-column.collection .double-image {
    float: left;
    margin: 26px 4% 26px 0;
    width: 46%;
}
#right-column.collection .double-image.beta { margin: 26px 0 26px 0; }

#right-column.collection .browse-collection { margin: 0 0 1em 0; }
#right-column.collection .browse-collection a.button { padding: 0.8em 1em; margin: 40px 0 6px 0; display: inline-block; }
#right-column.collection #right-column-second .browse-collection a.button { margin-top: 0; }
#right-column.collection .browse-collection a.button:before {
    font-family: "fontello-padova";
    font-size: 100%;
    content: '\e849';
    padding: 0 10px 0 0;
    font-weight: 300;
}
#right-column.collection .browse-collection .browse-all-collections { font-size: 90%; }

.right-column-second-block { padding-bottom: 20px; }

#right-column-second img, #right-column-second img { max-width: 100% !important; }

.collection-listitem {
    overflow: hidden;
    margin: 0 0 1em 0;
    padding: 10px 10px 16px 10px;
    height: 150px;
}
.collection-listitem span {
    vertical-align: top;
}

#right-column-second .collection-listitem img { max-width: 100% !important; display: none; }
#right-column-second .thumbnailitem-title-pid { display: none; }
#right-column-second .thumbnailitem-title { margin: 0 0 10px 26px; font-weight: 300; text-indent: -26px; }
#right-column-second .thumbnailitem-title.Collection a:before { font-family: "fontello-padova"; font-size: 120%; content: '\e849'; color: #22ba9b; padding: 0 8px 0 0; font-weight: 300; position: relative; /*top: 4px;*/ vertical-align: middle; }
#right-column-second .thumbnailitem-title.Book a:before { font-family: "fontello-padova"; font-size: 120%; content: '\e84a'; color: #c52460; padding: 0 8px 0 0; font-weight: 300; position: relative; /*top: 4px;*/ vertical-align: middle; }
#right-column-second .collection-listitem, #right-column-second .thumbnailitem-container { height: auto; padding: 0; display: inline; border: 0; }
#right-column-second h3 {
    font-size: 0.95em !important;
    padding: 4px 10px 4px 10px !important;
    margin: 12px 0 10px 0;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
#right-column-second .relation-title { display: inline-block; }
#right-column-second .box, #right-column-second .box div { float: none !important; font-size: 100% !important; background: transparent !important; padding: 0 !important; }
#refersTo .box .reference-thumbnail,
#referencedfrom .box .reference-thumbnail,
#right-column-second .issideof,
#right-column-second .reference-thumbnail {
    display: block;
    float: left;
    margin-right: 16px;
    width: 120px !important;
    height: 120px;
    text-align: center;
    margin-bottom: 10px;
    hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}
.pdf-background {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    display: inline-block;
    max-height: 120px;
}

.thumbnailitem-container .pdf-background {
    top: 0;
    transform: translateY(0%);
    max-height: 150px;
}

#right-column-second .thumbnail-title { text-align: left; }
#right-column-second img.thumbnail {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
}

.icon-delete {
    cursor: pointer;
    vertical-align: middle;
}

.icon-delete:hover {
    cursor: pointer;
    vertical-align: middle;
    filter: brightness(200%);
}

/* List collections hierarchy in collection "Archivio Orto Botanico" */

.expand-collapse-all {
    float: right;
}

.directory-list ul {
    padding-left: 14px;
    border-left: 1px solid #466380;
}

.directory-list li {
    list-style: none;
    font-weight: normal;
}

/* .directory-list ul ul { padding-top: 10px; } */

.directory-list .folder { line-height: 250%; }

.directory-list .folder, .directory-list .folder > a { font-weight: bold; }

.collapse {
    padding-right: 0px;
    margin-left: -22px;
    font-weight: normal;
    font-size: 120%;
    color: #3CB0FF;
    display: inline-block;
    transform: rotate(90deg);
    position: relative;
    top: 3px;
    left: -3px;
    cursor: pointer;
}

.collapse.collapsed {
    transform: rotate(0deg);
    top: 2px;
    left: 0px;
}

.collapse.expanded {
    transform: rotate(90deg);
    top: 3px;
    left: -3px;
}

.directory-list li { list-style: none; }

.directory-list .tree-fondo,
.directory-list .tree-sezione,
.directory-list .tree-serie { display: inline-block; margin-bottom: 8px; }

.directory-list .tree-fondo { font-weight: bold; }
.directory-list .tree-sezione { font-variant: small-caps; }
.directory-list .tree-serie { font-style: italic; }
/* .directory-list .tree-sottoserie { opacity: .6; } */

/* @media -- Print */

@media print {

    html, html * { background-color: white !important; text-align: left; color: #000; }
    body {
        font-size: 11pt;
        hyphens: auto;
        -epub-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        text-align: justify;
    }
    #header-for-print { display: block; visibility: visible; }
    #header-for-print h1 { color: #EB001E; font-size: 160%; }
    .search-box, #left-column h2, .metadata-button { display: none; }
    #main-text-1, .informations { display: block !important; width: 100%; }
    .collections { clear: both; width: 100%; }
    .no-print, #footer, #left-column.detail .sidebar-item, #search-backlink, #go-full-screen-book { display: none; visibility: hidden; }    
    #wrapper { border: none; margin: 0; }
    #header, #metanavigation, #menu, #carousel, #results-header button { display: none; visibility: hidden; }
    #left-column.detail,  .detail #right-column-first, #right-column.detail, #right-column-first, #right-column-second {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
    .EXIFheader { color: #b40014; }
    .EXIFtable { margin-bottom: 20px; }
    .EXIFtable_col { padding: 3px; }
    .insertLink {
        font-weight: bold;
        color: #3465a4;
        text-decoration: underline;
        cursor: pointer;
    }
    .insertLink:hover, a.insertLink:visited:hover { color: #df0d0d; text-decoration: underline; }    
    #changeLanguage option { height: 1em; line-height: 1em; }
    #left-column.detail, #right-column.detail { display: inline; }
    #footer-for-print { display: block; visibility: visible; }
}

/* @media -- Small screens, wide screens */

/*@media screen and (max-width: 768px) and (orientation: portrait) {*/
@media screen and (max-width: 768px) {

    img, video, embed, iframe, object { max-width: 100%; }
    body {
        /* font-size: 120%; */
            /* giulio: wrap long urls so they don't enlarge page width on small screen */
            overflow-wrap: break-word;
            word-wrap: break-word;
            -ms-word-break: break-all;
    }
    h1, h2 { padding: 0.5em 0; margin: 0.3em 0; }
    h2.valign-top, .valign-top { padding-top: 0.5em; }
    #header { height: auto; }
    #header li.phaidra-logo { padding: 0; }
    #header a.phaidra-logo img { display: none !important; visibility: hidden !important; }
    #header a.phaidra-logo:link, #header a.phaidra-logo:visited { height: 54px; width: 109px; background: #EB001E url(../img/logos/phaidra-logo-mobile.svg) left center no-repeat !important; }
    #book-viewer #header a.phaidra-logo:link { background-image: url(../img/logos/phaidra-logo-mobile.svg) }
    .menu-link { margin-bottom: 1px; }
    #header #menu-search-detail { display: none !important; visibility: hidden !important; }
    #header form { float: none; }
    #header #lang.dropdown, #header #login.dropdown { width: 70%; left: 3.4%; }
    #header .screen-reader { position: relative !important; }
    #header ul { display: block; float: none; position: relative; background-color: #2C3E50; line-height: 1px; }
    #header b { font-weight: 300; }
    #header li, #header .menu-link, #header a.menu-link:link, #header .collapsed a.menu-link:link:hover { display: block; float: none; width: 100%; }
    #header a.phaidra-logo:link, #header li.phaidra-logo { display: inline-block; width: 109px; background: transparent; }
    #header a.menu-search-prod:link, #header a.menu-search-prod:visited, #header a.menu-search-test:link, #header a.menu-search-test:visited { background-image: url(../img/unipd/menu-search.png); background-repeat: no-repeat; background-position: center center; }
    #header .menu-link a:link { font-size: 100%; background-position: left center; }
    #header a.menu-menu:link { background-position: center center; }
    #header .topnav .collapsed {
        opacity: 0;
        height: 0;
        overflow: hidden;
        margin:0;
    }
    #header .topnav.responsive .menu-link.collapsed {
        opacity: 1;
        height: inherit;
        position: relative;
        width: 100% !important;
        background-color: #2C3E50;
        text-indent: 50px;
        border-top: 1px solid #1F2C39;
    }
    #header .topnav .menu-link.permanent,
    #header .topnav.responsive .menu-link.permanent {
        display: inline-block !important;
        float: right;
        width: 54px !important;
        top: 0;
    }
    #header .topnav .menu-link.permanent { position: absolute; }
    #header .menu-link.permanent a:link { background-position: center center; }
    #header .topnav li.menu-search { right: 165px; /*border-left: 1px solid #1F2C39;*/ }
    #header .topnav li.menu-login  { right: 110px; }
    #header .topnav li.menu-lang   { right: 55px; }
    #header .topnav li.menu-menu   { right: 0px; }
    #header .topnav .menu-search .screen-reader,
    #header .topnav .menu-menu .screen-reader,
    #header .topnav .menu-login .screen-reader,
    #header .topnav .menu-lang .screen-reader { display: none; }
    #header .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    #header .dev-sticker {
        top: -4px;
        left: 100px;
    }
    #header .topnav.responsive .menu-link.permanent a { text-align: center; }
    .carousel { height: 1px; width: 1px; visibility: hidden; }
    .collections { padding-left: 0; }
    #pagebody, #main #pagebody { padding-top: 0; clear: both; }
    #pagebody .footer-left { margin: 0; width: 100%; }
    #content { clear: both; width: 100%; }
    #book-viewer #content { width: 100% !important; }
    #book-viewer #right-column { width: 100% !important; padding-top: 30px; right: 0 !important; }
    #book-viewer #header .topnav li.menu-search { right: 111px; }
    #BRreturn { max-width: 66%; }
    #left-column.detail { float: none; }
    .collections { float: left; width: 100%; clear: both; }
    #search-box { display: none; visibility: hidden; padding-bottom: 10px; }
    #search-detail { display: none; visibility: hidden; }
    .browse-block-container { padding: 24px 4% 30px 4%; width: 92%; }
    .browse-block select { min-width: 100px; }
    .informations, .printables { display: none !important; visibility: hidden; }
    #right-column-first-and-second, #right-column-first-and-second.home, #right-column-first-and-second.browse { width: 100%; padding-left: 0; }
    .featuredcollection { padding-top: 0px; }
    .featuredcollection { width: 100%; padding: 0; position: relative; }
    .featuredcollection img { float: left; width: 128px; position: relative; top: 0; z-index: 1; }
    .featuredcollection .featuredcollectionlabel { float: left; padding-left: 140px; position: absolute; top: 0; z-index: 0; }
    .new.featuredcollection, .new .cycler div { height: 128px; }
    .new .cycler div { border-bottom: 0; }
    #collections-list .collections-list-collection { float: none; width: inherit; margin-bottom: 20px; }
    #collections-list .collections-list-collection.all { position: relative !important; width: inherit; }
    #toggle-alphalist { display: block; position: relative; left: 0}
    #alphalist ol { margin-left: 0; }
    #alphalist ol li { margin-left: 1em; }
    .collection-title { margin-top: 1em; }
    #single-collection { margin-left: 0; }
    .objectcount-switch { width: 100% !important; display: block; float: none !important; }
    .collection-listitem { line-height: 1.2em; }
    /* .thumbnailitem-container { float: left; } */
    .thumbnailitem-title { position: relative; /*height: 8em;*/ overflow-y: auto; }
    #right-column-second .thumbnailitem-title { text-indent: 0; margin: 0; }
        #left-column.detail .thumbnailitem-title { padding-left: 0.6em; }
    .search-result-listitem {
        height: auto;
        hyphens: auto;
        -epub-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
    }
    #search-results.favourites .search-result-item-desc { font-size: 90%; }
    .detail-item-desc .right { float: none; }
    #right-column { top: 0; }
    #footer { width: auto; clear: both; padding: 6px 0px 100px; }
    .footer-center, .footer-right { width: 100%; }
    .logos { display: block; }
    .footer-right .partner-CoreTrustSeal { left: 10px; }
    #left-column.home { width: 100%; max-width: 100%; }
    #left-column.detail, #right-column.detail { display: block; width: 100% !important; }
    #left-column.detail { margin: 0; }
    #right-column.detail { position: relative; top: 0; left: 0; padding-left: 0; }
    #right-column.detail .metadata-button { min-height: 5em; margin-bottom: 20px; }
    #right-column-first, .detail #right-column-first, #right-column.collection #right-column-first { width: 100%; }
    #left-column,
    #right-column-second,
    #right-column-first,
    #right-column-second,
    #right-column.collection #right-column-second {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    #right-column.collection .double-image {
        float: none;
        margin: 26px 0;
        width: 100%;
    }
    #right-column-first .browse-collection { display: none; visibility: hidden; }
    #rel-show .issideof { display: inline-block; }
    #pagebody.detail h2.object-title { display: none; visibility: hidden; }
    #pagebody.detail h2.object-title-small-screen {
        display: table;
        visibility: visible;
        margin: 0;
        position: relative;
        left: 0;
        text-indent: 0;
        padding-right: 0;
    }
    #pagebody.detail h2.object-title-small-screen i, #pagebody.detail h2.object-title-small-screen span#title { display: table-cell; padding-right: 8px; }
    .no-mobile { display: none !important; visibility: hidden; } /* hide from small screens */
    .featuredcollection,
    .featuredcollection a:link,
    .cycler div { height: 128px; }
    .cycler div { position: relative !important; z-index: 1; }
    .featuredcollection a:link { width: 100%; }
    .faculty {
        padding: 0 0 12px 0px;
        background-image: none !important;
        min-height: auto;
    }
    .detail-item-desc .objectcount-switch { margin-top: 10px; }
}

@media screen and (max-width: 1024px) {
    .carousel, .carousel img { max-height: 220px; }
    .carousel ul li { min-height: 220px; }
    p.carousel-title, .carousel p, .carousel .btn { top: 20px; }
    .informations p { font-size: inherit; padding: 10px 0 6px 0; }
}

@media screen and (min-width: 1200px) {
    #pagebody.detail #left-column { display: block; visibility: visible; }
    #pagebody.detail #middle-column { margin-left: 8px; }
}

@media screen and (min-width: 1700px) {
    #pagebody { position: static; }
    #main { position: relative; width: 100%; }
    .carousel { width: 1400px; height: 370px; }
    .collections { width: 1400px; padding-left: 0; }
    #main.home #left-column h2.personal-menu { padding: 0 0 0.8em 0; }
    #main .no-private { display: none; visibility: hidden; }
    .featuredcollection { width: 128px; margin: 0 0 16px 0; }
    #main.home #left-column {
        left: 1420px;
        min-width: 200px;
        max-width: 100%;
        width: auto;
        position: absolute;
        top: 0;
    }
    #right-column-first-and-second.home {
        width: 100%;
        padding-left: 0;
        max-width: 1400px;
    }
}

.red { border: 1px solid red; }

