table caption { display: none; }

ol { margin-bottom: 20px; }
ol li { margin-bottom: 15px; }
.arrow-list { margin-bottom: 40px; }

/* Omni */
.omni-new { font-size: 14px; color: #fff; text-transform: uppercase; vertical-align: middle; margin-left: 25px; padding: 3px 20px; border: 1px solid #990000; background: #cc0000; }
#omni-search { width: 80%; margin-bottom: 40px; }

/* List of Buttons (used on Accessibility page) */
.button-list { text-align: center; padding-bottom: 20px; }
.button-list li { display: inline-block; padding: 5px; }

/* A-Z Buttons */
.alphaList { max-width: 800px; margin: 10px 0; padding: 0; text-align: center; }
.alphaList li { display: inline; padding: 5px; }
.alphaList li a { width: 15px; margin-bottom: 10px; }

.alphaList li button { width: 40px; margin-bottom: 10px; }
.alphaList li button.disabledButton { cursor: default; opacity: 40%;}

.btn-disabled, .btn-disabled:hover { cursor: not-allowed; opacity: 40%; text-decoration: none; }

/* A-Z Tables */
#alphaTable tbody tr, tr[class^="row_"] { display:none; }
#alphaTable tbody tr.row_A { display: table-row; }

/* News */
.news-block .display-box { max-width: 358px; }
.news-list { margin-bottom: 20px; }
.news-list li { margin-bottom: 10px; }
.news-title { font-weight: bold; }
.news-date { }
.news-block .display-box .news-title { margin: 20px 20px 0 20px; }
.news-block .display-box .news-date { margin: 0 20px 20px 20px; }
.news-block .desc p { text-align: left; }
#news-list-homepage { margin-bottom: 5px; }

.news-block .display-box:hover .imageBackground { transform: none; }

/* Today's Hours */
.hours-today { width: 245px; }
.hours-today th, .hours-today td { font-size: 14px; color: #000000; padding: 5px 3px; }

table.hours-today tbody { border: none !important; }
table tbody tr.hours-today-row { border-left: none !important; border-right: none !important; }
table tbody tr.hours-today-row td { border-left: none !important; border-right: none !important; }
.hours-col-loc { font-weight: bold; background: none; border: none; }
.hours-depart { display: none; }

/* Location Hours */
#location-hours { margin-bottom: 50px; }
#location-hours .hours-depart { display: table-row; }
.s-lc-time. .s-lc-byap { color: #444; }

.s-lc-whw th, .s-lc-whw td { width: 12%; }
.s-lc-whw th.s-lc-whw-bh, .s-lc-whw .s-lc-whw-locname { width: 16%; }
.s-lc-whw-head-date { color: #444 !important; }

.s-lc-whw-today-h { background-color: #4f2683 !important; }
.s-lc-whw-today-h, .s-lc-whw-today-h .s-lc-whw-head-date { color: #fff !important; }
.s-lc-whw-today { background-color: #777 !important; }
.s-lc-whw-today, .s-lc-whw-today .s-lc-time { color: #fff !important; }

.s-lc-whw-loc:hover, .s-lc-whw-subloc:hover { background: #eee; }
.s-lc-whw-today:hover { background: #333 !important; }

/* Sidebar Location Hours */
.sidebar-hours-library { padding-left: 3px; overflow: hidden; }
.sidebar-hours-name { font-weight: bold; }
.sidebar-hours-name:not(:first-child) { margin-top: 10px; } /* spacing above dept name, unless it is the first item */



/* Texting Hours */
.texting-location { float: left; margin-right: 10px; }
.texting-location h2 { margin-bottom: 20px; }
.texting-icon { width: 25px; height: 25px; float: left; margin: 10px; }
.texting-today-time { margin: 10px 0 0 0; }

/* Texting Weekly Hours */

.texting-today th { background-color: #4f2683; color: #fff; }
.texting-today td { background-color: #4f2683; }
.texting-today td .s-lc-time { color: #fff; }

.texting-hours-col-day { text-align: left; background: none; border-left: none; border-right: none; }

.texting-ChatHoursBlock { float: left; margin-right: 20px; width: 45%; }
.texting-ChatHoursBlock table { width: 100%; }


/* All Hours */
#hours-filters { margin: 0; padding: 0 0 10px 0; list-style-type: none; }
#hours-filters li { display: inline-block; margin: 0 5px 5px 0; }

/* Contact Buttons */
#contact-buttons { list-style: none; }
#contact-buttons li { display: inline-block; vertical-align: top; padding: 30px 22px; }
#contact-buttons li img { background-image: none !important; }

/* Contact Location List */
.contact-location-leftcol, .contact-location-rightcol { display: table-cell; padding-bottom: 20px; }
.contact-location-leftcol { float: left; padding-right: 20px; }
.contact-location { display: table; }
.contact-location-row { display: table-row; padding-bottom: 15px; }
.contact-location-photo { width: 300px; height: 250px; border: 1px solid #bbb; }
.contact-location-icon { display: table-cell; padding: 5px 15px 25px 0; }
.contact-location-info { display: table-cell; }

/* Contact Departments List */
.contactlist { width: 100%; border-top: 1px solid #eee; padding: 25px 0; }
.contactlist .subunit { width: 100%; padding-top: 5px; }
.contactlist .subunit .unitnamelib { width: 60%; float: left; }
.contactlist .subunit .unitphoneemail { width: 40%;  float: left; }
.contactlist .subunit .unitname { width: 45%; float: left; }
.contactlist .subunit .unitphone { width: 15%;  float: left; }
.contactlist .subunit .unitext { width: 15%; float: left; }
.contactlist .subunit .unitemail { width: 25%; float: left; }
.contactlist .unitdir { width: 100%; margin: 10px 0; }

.teamgrid .infoleft, .teamgrid .infoleft h3 { margin-top: 0; margin-bottom: 0; padding-top: 0; }

/* Content Boxes */
.display-box:focus-within { border: 3px solid #4f2683; } /* highlight for those using keyboard navigation */

/* Chat Page Styles (no longer needed)*/
/* #chat-table { width: 100%; }
#chat-table .chat-button-cell { width: 200px; } */
/*#chat-table #online, #chat-table #onlinefr { display: none; }*/
/* #chat-table .libraryh3lp { display: none; } */

/* Chat Page Styles */
.chat-hours-left { float: left; padding: 10px 0;}
.chat-hours-right { float: right; padding: 10px 0; }

/* Chat - Proactive */
.ui-dialog .ui-widget-header button.ui-button span:first-child, .ui-dialog .ui-widget-header button.ui-button span:first-child { margin: -8px; }
.ui-widget-header { background: #4f2683 !important; color: #fff !important; }

/* Licensed Content Style */
#licensed-content-year-block { float: right; text-align: right; }
#licensed-content-year-block p { margin: 0; font-weight: bold; }
#licensed-content-year { width: 100px; padding: 5px; }
.licensed-content-resource li { padding: 4px 0; }
.licensed-content-icon { float: left; padding-right: 10px; } 
.licensed-content-list li { list-style-type: none; display: inline-block; padding: 30px 30px 0 0; }
.licensed-content-list li .licensed-content-item { overflow: hidden; }
.licensed-content-list li .licensed-content-item li { display: block; width: 100%; padding: 2px 0; vertical-align: top; }

/* Alert Messages */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

.message-success, .message-info, .message-secondary, .message-alert, .message-warning { margin: 20px 10px; padding: 12px; border-radius: 4px; }
.message-success { color: #155724; background: #c3e6cb; border: 1px solid #d4edda; }
.message-info { color: #0c5460; border: 1px solid #bee5eb; background: #d1ecf1; }
.message-secondary { color: #444; background: #eee; border: 1px solid #bbb; }
.message-alert { color: #856404; border: 1px solid #ffeeba; background: #fff3cd; }
.message-warning { color: #721c24; border: 1px solid #cc0000; background: #fce5e5; }

/* Page Anchors (used on MDC) */
.page-anchors { width: 100%; text-align: left; margin-bottom: 20px; }
.page-anchors ul li { display: inline-block; margin-bottom: 10px; }

/* Homepage Tabs */
#TabbedPanels1 { width: 98%; }

.TabbedPanelsTab h2 { font-size: 1.25em; line-height: 1.3; margin: 5px 0 10px 0px; }
.TabbedPanelsContent { padding: 30px 20px !important; min-height: 70px; }
.TabbedPanelsContent .search { float: none; padding-top: 0; }

#TabbedPanels1 #search_field { width: 85%; border: 1px solid #bbb; padding: 4px; color: #666; font-size: 130%; background: none; background-color: #fff; }
#TabbedPanels1 .btn_go { background: #ccc; border: 2px solid #bbb; color: #666; padding: 3px 10px; font-size: 130%; cursor: pointer; }

#go { border: 2px solid #bbb; }

/* Omni Search Box */
#primoQueryTemp { width: 85%; border: 1px solid #bbb; padding: 4px; color: #666; background-color: rgba(255, 255, 255, .6); font-size: 130%; }
#go { background: #ccc; border: 2px solid #bbb; color: #666; padding: 3px 10px; font-size: 130%; cursor: pointer; }

/* Homepage Search Links (below Omni box) */
#homepage-search-links { list-style-type: none; padding-top: 10px; }
#homepage-search-links li { display: inline; white-space: nowrap; padding-right: 30px; }

/* Homepage Link Styles */
#homepage-links { width: 100%; text-align: center; padding: 20px 0; }
#homepage-links ul { list-style-type: none; margin: 0; padding: 0; }
#homepage-links ul li { display: inline; padding-right: 30px; }
#homepage-links ul li img { background-image: none; }

/* Newsletter Homepage Sign Up */
.newsletter-signup { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-left: 10px; }
.newsletter-button { width: 270px; margin: 30px 0; }
.newsletter-text { width: 65%; }

/* Location Homepages */
#library-banner img { width: 48%; margin-right: 10px; padding-bottom: 13px; background-image: url(https://www.uwo.ca/web_standards/img/bkg/shadowcorner.png); background-position: right bottom; background-repeat: no-repeat; }


/* Left Nav */
.leftnav-social { margin-bottom: 50px; }

.leftnav-opt-links { margin: 30px 0; }
.leftnav-opt-links li { margin: 15px 0; }

/* Connect Regions */
h2.connect-libraries { margin-top: 15px; }

/* Citations */
.citation-bib { padding-left: 22px; text-indent: -22px; }
.citation-footnote { text-indent: 22px; }

/* Multi-column Lists */
.list-2column { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.list-3column { columns: 3; -webkit-columns: 3; -moz-columns: 3; }

/* Highlights */
.selectedRow { background: #fff3cd; border: 1px solid #ffeeba; }

/* Passwords */
#passwordsTable { width: 100%; }
.selectedRow { background: #fff3cd; border: 1px solid #ffeeba; }
/* was used to display notice on mobile devices since sidebar is hidden
#passwordNoticeMobile { display: none; }
*/

/* Policies */
.policy-metadata-wrapper { margin-bottom: 40px; display: table; }
.policy-metadata { display: table-row; }
.policy-metadata-heading { font-weight: bold; display: table-cell; padding-right: 5px; }

/* Events and Exhibits */
#exhibits .display-box p { margin: 20px 0 0 0; text-align: center; }


/* Open Access Journal Finder */
.journalTitle { width: 40%; }
.dt-search #dt-search-0 { width: 270px; }
.journalDiscount { widht: 20%; }
.journalSubjects { width: 40%; text-transform: capitalize; }
.journalInfoTable { width: 100%; border-collapse: collapse; }
.journalInfoTable th { background: #dcdcdc; text-align: left; width: 35%; }
.journalInfoTable th, .journalInfoTable td { margin: 0; padding: 7px; text-align-left; border: 1px solid #bbb; }


/* Forms */
input.formError, select.formError { border: 1px solid #cc0000; }

/* Link Boxes (used on Research Support) */
.linkbox-container { width: 70%; float:left; }
.instructional-support-container { width: 30%; float: left; }
.instructional-support { padding: 20px; margin: 0 10px 60px 10px; box-shadow: 0 4px 16px -2px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.02); border-radius: 2px; float: right; }
.instructional-support-info { margin-top: 20px; }

.linkbox { width: 90%; margin-bottom: 60px; padding: 20px; box-shadow: 0 4px 16px -2px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.02); border-radius: 2px; position: relative; float: left; }
.linkbox-photo, .instructional-support-photo { width: 250px; height: 175px; }
.linkbox-photo { float: left; }
.linkbox-info { margin-left: 20px; float:left; }
.linkbox-info h2 { margin-top: 0; }
.linkbox-info .arrow-list, .instructional-support-info .arrow-list { margin-bottom: 20px; }

/* Timelines */
.timeline-title { color: #561b8d; font-weight: bold; font-size: 1.5em; }
.timeline-year { color: #666666; font-size: 1.5em; font-weight: bold; text-transform: uppercase; }
.timeline-caption { font-size: 0.9em; font-style: italic; }

.timeline-row { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; min-height: 200px; /* border: 1px solid orange; */ }
.timeline-row.reverse { flex-direction: row-reverse; }
.timeline-content, .timeline-image { width: 50%; padding: 30px 0; }
.timeline-divider { width: 60px; border-left: 1px solid #bbb; }
.timeline-content { margin-right: 60px; }
.timeline-row.reverse .timeline-content { margin-right: 0; }
.timeline-row.reverse .timeline-image { margin-right: 60px; }

.timeline-dot { height: 25px; width: 25px; background-color: #4f2683; border-radius: 50%; display: inline-block; margin: 20px 0 0 -13px; }
.timeline-dot:hover { background: #8F55E0; }


/* Study Space */
#studyspace .gallery-main { object-fit: cover; width: 413px; height: 260px; }


/* YouTube Responsive Videos */
/* 56.25% = 16:9 */
.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* YouTube Thumbnail / Overlay */
#youtube-video { position: relative; width: 100%; padding-bottom: 20px; }
#youtube-thumbnail { display: block; width: 100%; height: auto; }
#youtube-play-button { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: url(https://www.lib.uwo.ca/files/icons/youtube-play.svg) no-repeat center center; background-size: 70px; }

/* Mobile Styles */
/* display in two rows (14 columns) if larger screen 
@media only screen and (min-width: 1000px) {
  .alphaList { display: grid; grid-template-columns: repeat(14, 0fr); }
}
*/

@media (max-width: 1090px) {
    .linkbox-container { width: 100%; float: none; }
    .linkbox { width: 90%; }
    .instructional-support-container { width: 100%; float: none; clear: both; }
    .instructional-support { width: 90%; margin-left: 0; position: relative; float: left; }
    .instructional-support-photo, .instructional-support-info { float: left; }
    .instructional-support-info { margin-left: 20px; margin-top: 0; }
    .instructional-support-info h2 { margin-top: 0; }
}

@media only screen and (max-width: 1060px) {
    #go, .searchtab  #btn_go { margin-top: 10px; }
}

@media only screen and (max-width: 946px) {
    .contactlist .subunit .unitname, .contactlist .subunit .unitphone, .contactlist .subunit .unitext, .contactlist .subunit .unitemail { float: none; width: 100%; }
    .contactlist .subunit .unitname { padding-top: 10px; }

    .chat-hours-left, .chat-hours-right { float: none; }

    .list-2column, .list-3column { columns: 1; -webkit-columns: 1; -moz-columns: 1; }

    #passwordNoticeMobile { display: block; }

    #primoQueryTemp { width: 95%; }
    #omni-search { width: 100%; }

    #summon_links li { display: block; padding-right: 0; }
    #homepage-search-links li { display: block; padding-right: 0; }
    #homepage-links { text-align: left; }
    #homepage-links ul li { display: block; padding-top: 10px; padding-right: 0; }
}

@media only screen and (max-width: 777px) {
    .searchtab .search { margin: 0 10px 10px 0; }   
    #primoQueryTemp, .searchtab #search_field { width: 95% !important; height: 25px; font-size: 100% !important; }
    
    .newsletter-signup { display: block; }
    .newsletter-text { width: 95%; }
    
    .linkbox-photo, .linkbox-info { float: none; }
    .linkbox:after { right: auto; }
    .linkbox-info { margin-left: 0; margin-top: 20px; }
    .instructional-support-photo, .instructional-support-info { float: none; }
    .instructional-support-info { margin-left: 0; margin-top: 20px; }

    .timeline-row { display: block; }
    .timeline-content, .timeline-image { width: 100%; margin-left: 0; margin-right: 0; /*padding: 30px 0;*/ }
    .timeline-image { border-bottom: 1px solid #bbb; }
    .timeline-divider { display: none; }
}

@media only screen and (max-width: 600px) {
    .TabbedPanelsTab h2 { font-size: 1em; line-height: 1.6; }
    .contact-location-leftcol, .contact-location-rightcol { display: block; clear: both; }  

    .texting-ChatHoursBlock { float: none; display: block; width: 100%; }
}

@media only screen and (max-width: 450px) {
    .TabbedPanelsTab h2 { font-size: 0.8em; line-height: 1.1; }
    #primoQueryTemp, .searchtab #search_field { font-size: 90% !important; }
}

/* Test mobile style for S@W Feeds
@media only screen and (max-width: 620px)  {
    #sw-feed-table, #sw-feed-table thead, #sw-feed-table tbody, #sw-feed-table th, #sw-feed-table td, #sw-feed-table tr { 
		display: block; 
	}
	#sw-feed-table tr { margin-bottom: 20px; }
	#sw-feed-table td.sw-feed-thumbnail { width: 100%; }
	#sw-feed-table td.sw-feed-thumbnail img { float: none; }
}
*/