@charset "UTF-8";
/********************************************************************************************************************
* This CSS file adds responsive styling for all collections.
* It is used in tandem with files for specific collections. The additional responsive styling for each collection
* will be found within the common css file for that specific collection. The selectors within each collection file may
* need to be of higher weight or greater specificity.
* The collection specific files are named common-{collection-name}.css, eg common-occom.css.
* *******************************************************************************************************************/
/******************************
*    Less than 1085px
*    Image viewer buttons
*******************************/
@media screen and (max-width: 1085px) {
    #iip-button-bar li {
        display:inline;
        float:left;
        width: 48.2%;
        padding: .5em 0;
    }
    #iip-button-bar li:nth-child(n) {
        border: none;
        border-bottom: 1px solid #fff;
    }
    #iip-button-bar li:nth-child(2n) {
        border-left:1px solid #fff;
    }
}

/*****************************
*    Less than 950px
******************************/
@media screen and (max-width: 950px) {
    .search-block3 {
        display:block;
    }
}

/******************************
* 721px to 800px wide
*******************************/
@media screen and (max-width: 800px) {
    body{
        min-width:0
    }
    /* header */
    body #collection-header-wrapper{
        height:6em;
        background:none;
    }
    body #collection-header-wrapper span.lineBreak{
        display:inline-block;
        width:.4em;
    }
    body  #collection-header-wrapper .collection-header-contact-info .contactTelBreak{
        display:block;
    }
    
    body #collection-header-nav{
        text-align:left;
        padding-left: 0;
    }
    body #collection-header-nav ul,
    body #collection-header-nav ul li{
        text-align:left;
        margin-left:1px;
    }
    body #collection-header-name{
        margin-top:-.8em;
        padding-left:0;
        width:auto;
    }
    body #collection-header-name .lib-nameHREF{
        display:block;
    }
    body #collection-header-name .lib-nameNextLine{
        display:inline;
    }
    body .collection-header-contact-info{
        top: 2.6em;
        left:7px;
        width:90%;
        text-align:left;
        position:relative;
    }
    
    body .collection-header-contact-info br {
        display: none;
    }
    
    body #collection-header-wrapper .collection-header-contact-info .collection-header-contact-infoTelBreak{
        display:block;
    }
    
    /* index pages */
    body #left-navigation {
        float:none;
    }
    
    body #main-content {
        margin-left: 0;
        max-width: 100%;
    }
    
    
    /*footer*/
    body #collection-footer-general-resources{
        width:auto;
        border-right:none;
        margin:auto;
        padding-left:1em;
    }
    body #collection-footer-contact2-socialmedia .socialMediaLineBreak{
        display:block;
    }
    body #collection-footer-contact2-socialmedia .socialMedia{
        margin-left:0;
    }
    body #collection-footer-contact{
        display:none;
    }
    body #collection-bottom-footer{
        width:auto;
    }
    body .layoutControlContainer {
        font-size: .8em;
    }
    body div.fixed-info-bar{
        top:0;
        width:100%;
        text-indent:0;
        padding:5px;
        z-index: 3;
        overflow-y:hidden;
    }
}    

/******************************
* 651px to 720px wide
*******************************/
@media screen and (max-width: 720px) {
    
    body .inline-nav {
        display: none;
    }
    
    body .breadcrumbs-wrapper {
        font-size: .9em;
    }
    
    body .breadcrumbs-part {
        display: block;
        padding: .6em .3em;
        border-bottom: 1px solid #666;
        min-height: 0;
    }
    
    body .breadcrumbs-part:last-child {
        border: none;
    }
    
    body .breadcrumbs-part ul {
        padding: .6em 0;    
    }
    
    body .breadcrumbs-divider {
        display:none;
    }
    
    body .breadcrumb-menu-left {
        display:none;
    }
    
    body .breadcrumb-menu-right {
        display: inline;
        padding: 0 10px;
        vertical-align: top;
    }

    body .tei-content .tei_div, body .tei-content .tei_div .tei_page_break {
        padding: 0;
    }
    body .tei-content .tei_div .page_header {
        padding: .5em 0;
    }
}

/******************************
* 581px to 650px wide
*******************************/
@media screen and (max-width: 650px) {
    
    body br {
        display: none;
    }
    
    body #collection-header-name{
        font-size:1.4em;
        padding-left:2px;
    }
    body #collection-header-name span.lineBreak{
        display:inline-block;
    }
    
    body .breadcrumb-menu-right {
        background-image: url("icons-36-black.png");
        background-position: -3px -3px;
        border: 1px solid #999999;
        border-radius: 20px 20px 20px 20px;
        cursor: pointer;
        height: 34px;
        padding: 4px 16px;
        width: 36px;
        vertical-align: top;
    }
    
    /* search */
    .search-block2 {
        display:block;
    }
    
    body .tei-content{
        font-size:1em;
    }
    body .tei_div .tei_paragraph {
        margin-left: 0;
    }
    
    body .tei-content .page-image {
        float:none;
        margin: 0 auto;
    }
    body .page-image .imageOptions {
        vertical-align: top;
    }
    body .tei-content .page-image img {
        height: 100px;
    }
    
    body .tei-content .tei_trailer {
        margin-top: 1.3em;
    }
    
    body .layoutControlContainer {
        height: 2.3em;
    }
    body #views {
        font-size: .9em;
    }
}

/******************************
* 486px to 580px wide
*******************************/
@media screen and (max-width: 580px) {

    body {
        border: 1px solid #809B55
    }
    body #collection-header-nav{
        display:none;
    }
    body #collection-header-name{
        font-size:1.2em;
        padding-left:2px;
        margin-top:0;
    }
    
    body #collection-header-wrapper {
        height: 2em;
    }
    
    body #collection-header-wrapper span.lineBreak{
        display:block
    }
    body #collection-header-name span.lineBreak{
        display:inline-block;
    }
    body .collection-header-contact-info{
        display:none;
    }
    body .TEItitle{
        font-size:.9em;
        padding:4px;
    } 
    body .breadcrumb-menu .TEItitle-extra {
        display: none;
    }
    body .tei-content {
        margin:.2em 0;
    }
    body .tei-content{
        padding:.2em .4em;
    }
    body .tei-content div{
        padding-left:.5em;
    }
    body .tei-content p.label{
        width:130px;
    }
}


/******************************
* 366px to 510px wide
*******************************/
@media screen and (max-width: 510px) {
	body #collection-header-name{
        font-size:1em;
    }
    
    body #collection-header-wrapper {
        height: 3em;
    } 
    body #collection-header-name span.lineBreak{
        display:inline-block;
    }
    body .layoutControlContainer {
        height: 3.2em;
    }
}

/******************************
* up to 365px wide
*******************************/
@media screen and (max-width: 365px) {
    body #collection-header-wrapper {
        height: 3em;
    } 
    body .layoutControlContainer {
        height: 4.6em;
    }
}