@charset "utf-8";
/* CSS Document sidetools  */
/* layout for: breadcrumbs, site search, chat, sidetools and modals that launch from it */

#s-lib-bc-page.active { display:none; }

input#searchterm { 
  height:auto; 
  min-width:20rem; 
  border-radius:4px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  border:1px solid #ccc; 
}

button#bentosearch { 
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border:1px solid #ccc;
}



/*------------------------------------*\
  #CHAT
\*------------------------------------*/

svg#chat1 { width:36px; height:36px; margin-right:1rem;  }
#chat1head { display:flex; align-items:center; margin-bottom:1.2rem; }
#chat1head h3 { margin:0; }
#chat1wrap .chatMsg	{ width:240px;  }
#chat1body { margin-left:50px; }





/*------------------------------------*\
  #SIDETOOLS
\*------------------------------------*/

#sideToolsWrap { 
  position:fixed; 
  padding:0; 
  text-align:center; 
  z-index:100000; 
  top:40%; 
  right:0; 
  background-color: #ebebeb; 
  color:#000;
}

#sideToolsWrap button.btn.btn-default.btn-circle { 
  height:28px; width:28px; 
  padding:0; 
  border:2px solid #333; 
  border-radius: 50%; 
}

#sideToolsWrap button { 
  color: #fff; 
  background-color:#555;
  text-shadow: 1px 1px 1px #000;
}

#sideToolsWrap button .glyphicon { 
  color: #fff; 
  background-color:transparent;
}

#sideToolsWrap button:hover { 
  color: #fff; 
  background-color:#ad0000;
}

#sideToolsWrap button.btn.btn-default.btn-circle:hover { 
  border:2px solid #900000;
}

span.glyphicon.glyphicon-chevron-down { padding:.3rem 0 0 .1rem; }
span.glyphicon.glyphicon-chevron-up { padding:.1rem 0 0 .2rem;}

#sideTools2020 button:nth-of-type(2) .glyphicon {padding:.2rem 0 0 .1rem;}
#sideTools2020 button:nth-of-type(3) .glyphicon {padding:.4rem 0 0 .2rem;}



/*------------------------------------*\
  #PROFILES
\*------------------------------------*/

#s-lg-guide-main .s-lib-profile-email { margin-left:1rem; margin-bottom:0;   }
.s-lib-profile-email .label.label-info { box-shadow:0; padding:0;   }
#s-lg-guide-main .s-lib-profile-email a { padding:.5rem; }
#s-lg-guide-main .s-lib-profile-contact { text-align:center;  }
#s-lg-guide-main .s-lib-profile-contact>a { display:none; } /* website link in contact info of profile */


#s-lg-guide-main .s-lib-profile-contact strong { display:none; }
.s-lib-profile-subject { margin-left:1rem;} 

#s-lg-guide-main .people { display:flex; align-items:center;  }
#s-lg-guide-main .people figure { width:25%; min-width:100px; margin-right:2rem;  }
#s-lg-guide-main .people img { border-radius: 1px; }
#s-lg-guide-main .people h2 { margin-top:0;}
#s-lg-guide-main .people p { margin:0 0 .2rem; }
#s-lg-guide-main .s-lib-profile-container .s-lib-profile-social { display:none; }


.pic img, 
.s-lib-profile-image img { 
  background-color:#fff; 
  border:1px solid #a9a9a9; 
  box-shadow: 3px 3px 4px #aaa;
  padding:4px; 
  max-width:95%;
}

.profile1, 
.profileSchedule, 
.profile2018 .officeHrs,
.moreOfficeHrs { 
  text-align:center; 
}

/* .profileSchedule button { line-height:1.3; } */

.dropdown.specialty, 
.profileSchedule { margin-bottom: .5rem; }

.profile2018 { margin-bottom: 1rem; }
.profile2018 .open>.dropdown-menu { 
    padding: .5rem 1rem 1rem;
    width:100%; }


.btn.launchOfficeHrs { background-color:#292d35; color:white; white-space:normal; }

.dropdown-menu.moreOfficeHrs { z-index:1010; }

@media (min-width:768px) { 
  #sideTools2020,
  #sideTools2018 { 
    border:4px solid white; 
    border-right: 0; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); 
  }
}



/*------------------------------------*\
  #MODALS
\*------------------------------------*/

#bootstrap_modal_1 { display:none; }
.modal-body { padding-top:0; }
.modal-header { padding:2px; border-bottom:none;}
.modal-dialog { height:100%; }
.modal-content { border-radius:0; height:auto;  }
.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

#modals .modal-body { margin:-1rem 1rem 1rem; }


div#s-lg-box-collapse-214265 .s-lib-box-content, div#s-lg-box-214265 { border:none; }

#permalink { margin:1rem; padding:1rem;  }
#permalink h2 { margin:1rem; }
#permalink .modal-content { height:auto;}
#permalink ul { list-style:none; padding-left:1rem; }
#permalink li { display:flex; flex-direction:column; margin-bottom:1rem; align-items:flex-start;}
#permalink label { width:80px; margin-bottom:0;}


#permalinkModal .modal-header button.close, #questionModal .modal-header button.close { margin:-1rem -1rem 0 0; padding:4px; opacity:.8; border-radius:4px; background:url("https://lcimages.s3.amazonaws.com/ms-x.png") no-repeat; width:25px; height:29px; }



#permalinkModal .modal-header button.close:hover, #questionModal .modal-header button.close:hover { 
    box-shadow: 0px 0px 150px #000000;
	z-index:9999;
	opacity:1;
}

#help.modal-body h2.s-lib-box-title { display:none; }
#help .s-lib-box {z-index:100; }
#help .s-lib-box-content { padding:0; border:none;  }
#help .s-lib-profile-image { max-width:250px; float:left; margin-right:2rem;  }
#help .s-lib-profile-center { text-align:left;  }
#help .s-lib-profile-email .label.label-info, a.label.label-info { border-radius:0; }
#help .s-lib-profile-contact a { display:none;} /* hide icons */
#help .s-lg-widget {display:flex; justify-content:center; }




#questionModal #helpWrap { display:flex; flex-direction:column; align-items:center; justify-content:center;  }
/* #questionModal #helpWrap.widePic { flex-direction:column; } */
#helpImage img, #helpImage2 img, .helpImage img { padding:4px;  }
#questionModal #helpImage img { max-width:370px; }
#s-lg-guide-main #helpContact, #questionModal #helpContact { margin:2rem 2rem 0; }
#s-lg-guide-main #helpContact { display:flex; flex-direction:column; }
#s-lg-guide-main #helpContact .schedule { justify-content:center; display:flex; }
#help.modal-body #helpContact { align-items:center; }
#helpWrap, #helpWrap2 { display:flex; flex-direction:column; align-items:center; }
#helpContact h2 { margin-top:1rem; }
#help.modal-body #helpContact p { text-align:center; }
#questionModal strong { display:none; }
#questionModal .schedule { display:flex; justify-content:center; }
#help.modal-body p.specialty { display:none; }
#questionModal .profileText { text-align:center; }


  #s-lg-guide-main .s-lib-box #helpImage, #s-lg-guide-main .s-lib-box #helpImage2  { max-width:250px; }
  #s-lg-guide-main .s-lib-box #helpImage img, #s-lg-guide-main .s-lib-box #helpImage2 img { width:100%; }
  #s-lg-guide-main .s-lib-box #helpWrap h2, #s-lg-guide-main .s-lib-box #helpWrap2 h2  { margin-left:0;}

#help h1 { text-align:center; }
#help h2.location { float:none; margin:1rem 0 0 0; }
#s-lg-box-214265 .s-lib-box-title { display:none; }

#questionModal .libraryh3lp { text-align:center; }
#questionModal #chat { text-align:center; padding:1rem; }

#questionModal #s-lib-box-title {display:none; }
.profile img { box-shadow: 0 0 0 1px black;  border-radius: 1px; }
.profile p { margin:0 0 .2rem; }








/* 
  _____  ______  _____ _____   ____  _   _  _____ _______      ________ 
 |  __ \|  ____|/ ____|  __ \ / __ \| \ | |/ ____|_   _\ \    / /  ____|
 | |__) | |__  | (___ | |__) | |  | |  \| | (___   | |  \ \  / /| |__   
 |  _  /|  __|  \___ \|  ___/| |  | | . ` |\___ \  | |   \ \/ / |  __|  
 | | \ \| |____ ____) | |    | |__| | |\  |____) |_| |_   \  /  | |____ 
 |_|  \_\______|_____/|_|     \____/|_| \_|_____/|_____|   \/   |______|
                                                                        
*/



@media (max-width:767.9px) {
	.breadcrumb { display: none; }

  #searchUofLlibraries { display: flex; }

	#s-lg-guide-header .pull-right, 
  #s-lg-guide-header-search {
    display:flex; 
    justify-content:flex-start; 
    float:none!important; }

	#s-lg-guide-header-search { 
    position:fixed; 
    bottom:0; 
    left:0; 
    z-index:20000; 
    border-top:0; 
    width:auto; 
    height:auto; 
    background-color:transparent; 
  }
		

  #sideTools2020 { max-width: 140px; }
	#sideToolsWrap { 
    top:auto; 
    right: 0; 
    bottom: 0; 
    z-index: 10000; 
    width: 100%; 
    display: flex; 
    justify-content: flex-end; 
    align-items: center; 
    height: 42px; 
  }
	#sideTools2020 .btn, #sideTools .btn { margin:0 .1rem; }

	.modal-dialog { width: 300px;}	
	#permalink { 
    padding:0; 
    border:0; 
  }
	#permalink h2 { margin-top:0; }
	.permaWrap { margin: 1rem 1.5rem; }
	#permalink input { width: 260px; }
	
	
}

@media screen and (max-width: 440px) { 
  #sideTools2020 { 
    padding: .7rem .7rem 80px; 
    white-space:nowrap; 
  }
  
  #s-lg-guide-header-search { width: 100%; }
  
  #searchUofLlibraries { 
    width: 100%; 
    margin: 0 1rem; 
  }
}




@media (min-width:768px) { 
	#permalink input { width:340px; }
	#bcSearch { 
    display:flex; 
    justify-content: space-between; 
    margin-bottom:1rem;  
  }
  
	#s-lib-admin-bc .breadcrumb, 
  #s-lib-bc .breadcrumb, 
  .breadcrumb { 
    background-color:transparent; 
    padding:0; 
    margin:0 2rem 0 0; 
  }
	
	div#searchUofLlibraries { display:flex; }

	#sideTools2020, 
  #sideTools2018,
  #sideTools { 
    text-align:center; 
    padding:5px; 
    display:flex; 
    flex-direction: column; 
  }
	#sideTools2020 button, 
  #sideTools button { margin:.5rem; }

  #sideToolsWrap button.btn.btn-default.btn-circle { 
    margin:.2rem 0; }
  
  #helpCol.col-sm-6 { width:380px; }
  #chatCol.col-sm-6 { width:270px; }
  .modal-dialog { width:400px;}	

}


@media (min-width:768px) and (max-width:991.99px) { 
  #s-lg-guide-header-search { 
    float:right; 
    max-width:300px; 
    margin-left:auto; 
    margin-top: 1rem; }
  }
  
  #bcSearch { 
    display:flex; 
    flex-direction:column; 
    justify-content: space-between; 
    margin-bottom:1rem;  
  }
	#s-lib-admin-bc .breadcrumb, 
  #s-lib-bc .breadcrumb { 
    margin:0 2rem 0 0; 
  }
	
	div#searchUofLlibraries { display:flex; }


@media (min-width:992px) { 
	#bcSearch { 
    display:flex; 
    flex-direction:row; 
    justify-content: space-between; 
    margin-bottom:1rem;  
  }
	
  #s-lib-bc { width:calc(100% - 31rem);  }
	div#searchUofLlibraries { display:flex; }

  
}

@media print { 
  #s-lib-bc, 
  #sideToolsWrap, 
  #searchUofLlibraries { 
    display:none; 
  }	
	
}