/*
 *
 Theme Name:       UW WordPress Theme - Child Theme
 Theme URI:        https://github.com/uweb/uw_wp_theme_child
 GitHub Theme URI: https://github.com/uweb/uw_wp_theme_child
 Primary Branch:   main
 Author:           UW Web Team
 Author URI:       https://github.com/uweb
 Description:      A child theme based on the UW WordPress Theme
 Template:         uw_wp_theme
 Version:          1.1
 License:          GNU General Public License v2 or later
 License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 Tags:             two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:      uw_wp_theme_child
*/
  div#inner-content2 { width: 90%; max-width: 1650px; margin-left: auto; margin-right: auto; }
  header.masthead {height: 100px; }
  header.site-header div.navbar .site-branding .uw-wordmark {
   background: url(/wp-content/uploads/2016/02/Hlth.Sci_.Lib_UW_U.Lib_reversed-no-W-e1456419245241.png) no-repeat transparent !important;
   background-origin: content-box;
   height: 90px;
  }
  body div#page div#page-inner div.container-fluid.uw-body{ 
   padding-right: 0vw; 
   padding-left: 0vw;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
  .center { text-align: center; }
  .hidden { display: none; } 
  .right { float: right; }
  .left { float: left; }

  .accordion > .card > .card-header {background-color: transparent;}
  .accordion > .card > .card-header > h3 > button > span.btn-text {padding: 15px;}
  .accordion > .card > .card-header > h3 >  button { font-weight: 600; }
  .accordion > .card {border-left: 0; border-right: 0;}

  ul.li-style > li { list-style: disc; }
  body a{ text-decoration: none; color:#32006e; font-weight: 600;}
  h3, h4 { margin-top: 30px; font-weight: 600;}
  a[aria-label="login required"]::after{
    content: "  \f023";
    font-family: FontAwesome;
    margin-left: 5px;

  }

  .accordion .card .card-header h3 button { font-weight: 600; }
  .uw-hero-image { 
    height: 250px; 
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
   }

  .uw-hero-image:after, .no-uw-hero-image:after { background: none; }

  .uw-hero-image .uw-site-title {
    color: unset;
    text-shadow: none;
  }
  table#software { width: 60%; }

  span.link_button {
   font-size: .8em;
   padding: 1px 4px;
   color: white;
   border-radius: 12px;
   border: 1px solid rgb(21,85,110);
   font-weight: 700;
   background-color: rgb(21, 85,105);
   margin-left: 7px;
   vertical-align: middle;
  }

   
  h2 {font-weight: 600; }
  body a:hover { text-decoration: underline; color: #85754d}
  body a:visited { color: #32006e; }
  body a:visited:hover { color: #85754d; }
  li {list-style: none; margin-bottom: 10px; }
  ol > li {list-style: decimal; };
  div.uw-body main#primary div.entry-content{ width: 100%;  }

  div#page.site > div#page-inner > div.uw-body > div.row >  main#primary >  div#inner-content { width: 90%; margin-left: auto; margin-right: auto; }

  div.entry-content{
    width: 100%; 
    margin-left: auto; 
    margin-right: auto;
  }

  div#page-inner > div.container-fluid.uw-body > div.row > main > div#hsl-main-content{
    width: 80%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  div#page-inner > div.container-fluid.uw-body > div.row > main > div#hsl-main-content  > article[id="404"] { margin: 1em; }

  div#pg-2-2 > div#srch-area { margin-top: -25px; }
  ul.ul-grid {
    display: flex;
    flex-flow: row wrap;
    margin-left: 0px;
    max-width: 920px;
  }
  ul.ul-grid > li {
    width: 300px;
    line-height: 2em;
    padding-right: 10px;
  }
  ul.collection-list  {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    margin-left: 0px;
    padding-left: 0px;
  }
  ul.collection-list > li.collection-cats {
    line-height: 3em;
    display: inline-block;
    width: 300px;
  }
  a#hsl-btn { 
    float: right;
    margin-right: 23px;
  }
  div.fa_icon_left { 
    float: left;
    height: 100%;
    width: 35px;
   }
  main#primary header.entry-header h1.entry-title { 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto;
    padding-bottom: 25px;
  }
  nav.az_nav  { margin-left: -3px; margin-bottom: 20px; }
  nav.az_nav > a{
    display: inline-block;
    padding: 5px 10px 5px 10px; 
    background-color: #e8e3d3;
    color: black;
    margin-left: 3px;
    margin-top: 5px;
  }
  
  nav.az_nav > a.active{
    background-color: #85754d;
    color: white;
  }
 
  div.pg_nmbrs{
   width: 250px;
   height:30px;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
   font-weight: 600;
   font-size: .8em

  }
  
  div.pg_nmbrs > a.pg-first, div.pg_nmbrs > a.pg-last {
   color: white;
   background-color: #4b2e83;
   border-radius: 5px;
   padding: 3px 6px 3px 6px;  
   font-weight: 500;
  }
  
  div.pg_nmbrs > a.prev, div.pg_nmbrs > a.pg-next {
   font-weight: 500;
  }
  
/* ************* small link boxes ************ */
  div.sm_link_boxes_container {
    display: flex;
    flex-wrap:wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
  }
  div.sm_link_box{
    background-color: #e8e3d3 ;
    color: #f1ecf8;
    border-radius: 5px;
    border-bottom: 1px solid black;
    border-right: 1px solid #888 ;
    height: 50px;
  }

  div.sm_link_box_txt{
    position: relative;
    top:50%;
    transform: translate(0, -50%);
    width: 170px;
    vertical-align: middle;
    text-align: center;
    float: right;
    padding-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: .9em;
    font-weight: 600;
    color: black;
  } 

  div.sm_link_box_txt a, div.sm_link_box_txt a:visited, div.sm_link_box_txt a:active {
   
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #32006e;
  }
  div.sm_link_boxes_container > div.sm_link_box >  div.fa_icon_left > i{
    color: #32006e;
    position: relative;
    margin-left: 10px;
    top: 50%;
    font-size: 200%;
    transform: translate(0, -50%);
  }

/* ************* lg link boxes ************ */
  div.lg_link_boxes_container {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    width: 300px;
    gap: 30px;
    padding-top: 20px;
  }
  div.lg_link_box{
    background-color: #e8e3d3 ;
    color: #f1ecf8;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px; 
    height: 66px;
    
  }

  div.lg_link_box_txt{
    position: relative;
    top:50%;
    transform: translate(0, -50%);
    width: 200px;
    vertical-align: middle;
    text-align: center;
    float: right;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 40px;
    font-size: 1.4em;
    font-weight: 700;
    color: black;
    padding-right: 10px;
  } 

  div.lg_link_box_txt a, div.lg_link_box_txt a:visited, div.lg_link_box_txt a:active {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #32006e;
  }
  div.lg_link_boxes_container > div.lg_link_box >  div.fa_icon_left > i{
    color: #32006e;
    position: relative;
    margin-left: 20px;
    top: 50%;
    font-size: 200%;
    transform: translate(0, -50%);
  }
  div#books_sidebar > div#rt_box_img_outer > h2  { border-bottom: 1px solid #bbb; }
  div#books_sidebar > div#rt_box_img_outer > div.lg_link_boxes_container { padding-top: 40px; }
  div#ej_sidebar > div#rt_box_img_outer > div.lg_link_boxes_container { width: 350px; }
  div#ej_sidebar > div.lg_link_boxes_container > div.lg_link_box { width: 350px; }
  div#ej_sidebar > div.lg_link_boxes_container > div.lg_link_box > div.lg_link_box_txt { width: 240px; }
  
  /* ************** Operations Banner **************** */

  div#op-banner-box {
    border: 1px solid #ccc;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    justify-content: space-around;
    background-color: #ffc700;
    min-height: 70px;
  }
  div#op-banner-txt {
    width: 60%;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
  }

  div#op-banner-txt p {
    font-size: 14px;
    font-weight: 700;
    color: black;
    margin-top: auto;
    margin-bottom: auto;

  }
  div#op-banner-btn{
    width: 270px;
    height: 70px;
    position: relative;
    float: left;
    margin: auto;
    padding-right: 45px;
  }
  div#op-banner-box > div#op-banner-btn > a {
    position: absolute;
    display: block;
    padding: 10px;
    color: #fff;
    width: 200px;
    margin-bottom: 0px !important;
    margin-top: auto;
    margin-bottom: auto;
    text-decoration: none;
    background-color: rgb(75,46,131);
    top: 50%;
    transform: translateY(-50%);
  }
  /* *************** Search boxes ****************** */
  /* front page and fac staff page   */
  div#srch-area{ 
    width: 100%;
    height: 300px;
    position: relative;
  }

  div#srch-area > div, div#srch-area > div > div, div#srch-area > div > div > div, div#srch-area > div > div > div > div { 
    height: inherit;
  }

  #srch-area > div > div > div > div {
    line-height: 230px;
  } 
  div#srch-box{
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    margin-left: 17%;
    width: 665px;
  } 

  div#srch-box > div.js-tabs {
    width: 100%;
  }

  div#srch-box > div.js-tabs > div.tab_content_area > div#id_second > form.hsl-search   {
    margin: 8px 35px 8px 35px;
    height: 40px;
  }
  div#srch-box > div.js-tabs > div.tab_content_area > div#id_second > form.hsl-search > div.search-form-wrapper > input {
    height: 40px;
    font-size: .8em;
    font-weight: 800;
  }


  div#srch-box > div.js-tabs > div.tab_content_area > div#id_second > form.hsl-search > div.search-form-wrapper > input.search {
    font-weight: 700;
  }
  /* end front page and fac staff specific */

  div#bks-srch-box, div#jrnl-srch-box, div#db-srch-box, div#vids-srch-box{
    width: 665px;
    height: 150px;
    margin-top: 30px;
  }

  div#bks-srch-box > div.js-tabs, div#jrnl-srch-box > div.js-tabs, div#db-srch-box > div.js-tabs, div#vids-srch-box > div.js-tabs {
    width: 100%;
    height: 100%;
    margin-top: 20px;

  }
  
  div#bks-srch-box > div.js-tabs div.tab_content_area > div.example-tabs-tabs__content , 
  div#vids-srch-box > div.js-tabs div.tab_content_area > div.example-tabs-tabs__content , 
  div#jrnl-srch-box > div.js-tabs div.tab_content_area > div.example-tabs-tabs__content , 
  div#db-srch-box > div.js-tabs div.tab_content_area > div.example-tabs-tabs__content {
    height: 85px
  
  }
  div#jrnl-srch-box { width: 730px; margin-left: 0px; margin-right: 0px; }
  div.tab_content_area {
   height: 80px;
  }
 
 
  div.js-tabs > ul.js-tablist  { height: 40px; }
  div.js-tabs > ul.js-tablist > li > a { padding: 8px 16px 4px 16px }

  
  .invisible {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .example-tabs-tabs__list {
    margin: 0;
    padding: 0;
    height: 50px;
  }
  div.js-tabs ul.example-tabs-tabs__list {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #4b2e83;
  }

  div.js-tabs ul.example-tabs-tabs__list li.js-tablist__item{
    height: 40px;
  }

  div.js-tabs ul.example-tabs-tabs__list li.js-tablist__item a{
    text-decoration: none;
  }
  .example-tabs-tabs__item {
    display: inline-block;
  }

  .example-tabs-tabs__link {
    display: inline-block;
    padding: 4px 8px 7px 7px;
    background: rgb(75, 46, 131, .9);
    cursor: pointer;
    color: black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
  }

  [aria-selected="true"].example-tabs-tabs__link {
    color: #fff;
    font-weight: 700;
    background: rgb(75, 46, 131, .9);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  [aria-selected="false"].example-tabs-tabs__link {
    
    background:  rgb(75, 46, 131, .6);
    color: #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

  }
  .example-tabs-tabs__content {
    background: rgb(75, 46, 131, .9);
    color: white; 
    padding: 1em;
    width: 100%;
  }

  [aria-hidden="true"].example-tabs-tabs__content {
    display: none;
  }
  div#id_first, div#id_second { height: auto; }
  div#id_first > div#lib-srch-logo, div#id_second > div#lib-srch-logo { 
    max-width: 30px;
    height: 30px; 
    margin-right: 20px; 
    float: left;
    padding-top: 12px;
  }

  div#jrnl-srch-box > div.js-tabs > div.tab_content_area > div#id_first > div#lib-srch-logo, div#id_second > div#lib-srch-logo,  
  div#bks-srch-box > div.js-tabs > div.tab_content_area > div#id_first > div#lib-srch-logo, div#id_second > div#lib-srch-logo,  
  div#vids-srch-box > div.js-tabs > div.tab_content_area > div#id_first > div#lib-srch-logo, div#id_second > div#lib-srch-logo,  
  div#db-srch-box > div.js-tabs > div.tab_content_area > div#id_first > div#lib-srch-logo, div#id_second > div#lib-srch-logo { 
    padding-top: 8px;
  }

  div#id_first > div#lib-srch-form, div#id_second > div#lib-srch-form {
    width: 100%;
    padding-top: 7px;
  }
  
  div#id_first > div#lib-srch-form form#simple, div#id_second > div#lib-srch-form form#simple{
    height: 50px;
  }

  div#id_first > div#lib-srch-form form#simple input#primoQueryTemp, div#id_second > div#lib-srch-form form#simple input#primoQueryTemp{
    height: 40px;
    color: #000; 
    font-size: .8em;
    font-weight: 800;
  }
  div#id_first > div#lib-srch-form form#simple input#go, div#id_second > div#lib-srch-form form#simple input#go, form > input#submit{
    height: 39px;
    font-weight: bold;
    padding: .6em 1em;
  }
  span.srch_links { margin-top: 10px; }
  span.srch_links > a, span.srch_links > a:visited{
    color: white;
    font-weight: 600;
  }

  /* *************** Toolkit icon row ****************** */

  h2.tkh2 {
    margin-left: auto; 
    margin-right: auto; 
    width: 100%;
   }

  div#tk_icon_content { 
    max-width: 1600px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    text-align: center;
    margin: 0 auto; 
  }

  div.tk-icons{
    display: inline-block;
    max-width: 110px; 
    min-width: 90px;
  }
 
  div.tk-icons >  a { 
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
  }

  div.tk-icons img { 
    vertical-align: top; 
    width: 90px;
    margin-bottom: 5px;
  }
    
  /* *************** beige 4 col link boxes row ****************** */
  div#link_boxes_container {
    min-height: 275px;
    max-width: 1600px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    gap: 20px;
  }
  div.link_box {
    min-width: 230px;
    padding: 20px 0px;
    min-height: 200px;
  }

  div.link_box h2 {
    position: relative;
    margin-left: 40px;
  }
/*  div.link_box h2:before {
    position: absolute;
    left: 0;
    top: 1.2em;
    height: 0;
    width: 80px;
    content: '';
    border-top: 1px solid black;  
  }
*/
  div.link_box p { margin-left: 25px; }


  ul.fp_link_boxes > li{
    margin-bottom:10px;
  }

 /* *************** 4 lavender boxes row ******************** */
  div.fp > div#link_card_no_icon_container { margin-top: 10px; }
  div#link_card_no_icon_container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between; 
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   gap: 20px;
  }
  div.link_card_no_icon { 
   display: inline-flex;
   background-color: #e3d9f9; 
   width: 23%; 
   max-width: 350px;
   min-width: 250px;
   height: 140px;
   border-bottom: 2px solid #ddd;
   border-right: 1px solid #ddd;
   border-radius: 5px; 
  }
  div.link_card_no_icon h2 { 
   padding: 20px 20px 0px 20px; 
  }
  div.link_card_no_icon  p { 
   padding: 5px 20px 5px 20px; 
   font-size: .9rem;
  }
  /* *************** 3 img boxes row ****************** */
 
  div.img_cards_container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display:flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    gap: 20px; 
  }
  div.img_cards_container > div.img_card{
    display:grid;
    grid-template-columns: 20px 1fr 1fr 20px;
    grid-template-rows: 240px 50px 50px 20px;
    background-color: #85754d;
    height: 440px;
    width: 350px;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 2px solid #6b6045;
    border-right: 1px solid #6b6045;
  }

  div.img_cards_container > div.img_card > div.img_card_img{
    display:inline-grid;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 1;
    max-height: 230px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
  }

  div.img_cards_container > div.img_card > h2{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
    display: inline-grid; 
    margin-top: 0px;
    color: white;
  }
  div.img_cards_container > div.img_card  > p.card_text{
    display: inline-grid;
    color: white;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  
  div.img_cards_container > div.img_card > p.card_btn{
    justify-self: end;
    display: inline-grid; 
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 5;
    align-self: end;
     
  }
  div.img_cards_container > div.img_card > p.card_btn > a{
  }

/* *************** link cards on all services page (no longer used on fp) ****************** */
  
  div.link_cards_container {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-content: space-between;
    align-items: stretch;
    gap: 30px 45px;
    margin-bottom: 20px;
  } 

  div.link_card {
    display: grid; 
    grid-template-columns: 65px auto;
    background: #e8e3d3;
    height: 100px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    width: 400px; 
  }
   div.link_card > div {
    display: inline-grid;
  }
  div.link_card > div > i{
    display: grid;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    justify-self: center;
    align-self: center; 
    font-size: 200%;
  }


  div.link_cards_container > div.link_card > div.link_card_contents {
    display: grid;
    grid-template-rows: 40px auto;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    font-size: .8em; 
  }

  div.link_card_contents > h2 {
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: auto;
  }


  div.link_card_contents > p {
    display: inline-grid;
    align-self: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /* ***************  resource link cards */

  div.link_card.resource_card{
    height: 125px;
    width: 370px;
    overflow: hidden;
  }

  div.link_card.resource_card > div.fa_icon_left {
   width: 50px;
  }
  div.link_cards_container > div.link_card.resource_card > div.link_card_contents {
   width: calc(100% - 75px);
  }

  div.link_card.resource_card > div.link_card_contents > p{
    font-size: .9rem;

  }
  /* *************** news row ****************** */
  div#news-container { width: 100%; margin-left: auto; margin-right: auto; }
  div#news-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-content: space-between;
    margin-top: 20px;
    gap: 20px;
  }

  div#news-row > div#news-left-container, div#news-row > div#news-right-container {
    width: 550px;
    min-height: 440px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: center;
   
  }
  div#news-row div.news-title {
    display: grid;
  }
  div#news-row > div#news-left-container > div.news.fp1{
    display: grid;
    grid-template-rows: 260px;
    background-color: #f6f6f6;
    width: 550px;
    height: 100%;
    border-bottom: 2px solid #ddd;
    border-right: 1px solid #ddd;
   
  }

  div#news-row > div#news-left-container > div.news.fp1 > div.news-img{
    text-align: center;
    width: 100%;
    height: 260px;
    overflow: hidden;
  }
  div#news-row >  div.news.fp1 > div.news-img >  img{
    width: 100%;
  }

  div#news-row > div#news-left-container > div.news.fp1 > div.news-title{
   width : 100%;
   text-align: center;
  }


  div.news.fp2, div.news.fp3, div.news.fp4 {
    display: flex; 
    background: #f6f6f6;
    width: 550px;
    height: 135px;
    border-bottom: 2px solid #ddd;
    border-right: 1px solid #ddd;
   }

  div.news.fp2 > div.news-img, div.news.fp3 > div.news-img, div.news.fp4 > div.news-img {
    height: 134px;
    overflow: hidden;
    max-width: 40%;
  } 
  div.news.fp2 > div.news-img > img, div.news.fp3 > div.news-img > img, div.news.fp4 > div.news-img > img { 
    width: 175px;
    height: 100%;
  }

 
  div.news.fp2 > div.news-title, div.news.fp3 > div.news-title, div.news.fp4 > div.news-title {
    width: 360px;
  }
  div.news-title h3 {
    align-self: center;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 0px;
  }
  
  div#news-container > p  {
    margin-top: 20px;
    margin-left: 20px;
    text-align: center;
  }
  div#news-container > p > a#hsl-btn {
    float: none;
  }  
  div#news-left-container > div.news.fp1 > div.news-title > h3 >  a { font-size: 1.8em; }
  /* ********** sub pages ******************* */
  div.container-fluid.uw-body > div.row > main#primary {
    width: 100%;
    max-width: 100%;
    min-height: 250px; 
    flex: 0 0 100%;
    
  }

  div.hsl-site {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
  }
  div.uw-body > div.row > main#primary.hsl-site > article > header.entry-header {
    text-align: center;
  }
/* ********************** all services page *********************************** */
  div.all-services-boxes{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    flex-flow: row wrap;
    
  }

  div.li-box-w-img{
   border: 1px solid #ccc;
   border-top: 2px solid black;
   margin: 10px;
   width: 350px;
   min-width: 300px; 
  }

  div.li-box-w-img > header{
    height: 100px;
    display: flex;
    align-items: center;
  }
  div.li-box-w-img > header > h2{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
  }

  div.li-box-w-img > h3{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
  }
  div.li-box-w-img > p {
    text-align: center;
  }
  div.li-box-w-img img.li-box-img{
     margin-left: auto;
     margin-right: auto;
  }
  div.li-box-w-img > ul{
    margin: 10px;
  }

/* ************* ask us page ******************* */
  div#ask_us > div.row > div.col-sm-1 { min-width: 75px; max-width: 75px; }
  div#ask_us > div.row > div.col-sm-8 { width: 80%; min-width: 300px;}
  

/* ************* fac/staff page ******************* */

  div.fs_text_boxes {
    border-top: 2px solid black;
    width: 100%;
    max-width: 600px; 
  }
  div.fs_text_boxes h2{
   margin-top: 10px;
   margin-bottom: 30px;
  }
  div.fs_text_boxes > nav {
   margin-bottom: 30px;
  }
  div.service_icon_container {
    margin-top: 30px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px 10px;
  }
  div.service_icon_box{
    text-align: center; 
    width: 20%;
    height: 170px;
    min-width: 150px;
  }
  div.service_icon {
   background-color: #f7f6f1;
   border-radius: 50%;
   width: 70px;
   height: 70px;
   text-align: center;
   margin-bottom: 25px;
   margin-left: auto;
   margin-right: auto;
   
  }

  div.service_icon > i {
   font-size: 200%;
   margin-top: 20px;
  }
  div.service_icon_text {
    text-align: center;
    font-size: .8em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
/* ***************************** eb, ej, db & vid forms ************************ */
  div#bk_forms, div#vid_forms {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;

  }
  div#bk_select, div#vid_select { width: 100%; }
  
  div#bk_search_boxes, div#vid_search_boxes {width: 100%; }  
  div.jrnlsrchform, div.ebsrchform, div.dbsrchform, div.vidsrchform {
    display: flex;
    width: 550px;
    height: 40px;
    margin: 8px 35px 8px 0px;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  div.jrnlsrchform > form, div.ebsrchform > form, div.dbsrchform > form, div.vidsrchform > form {
    height: 40px;
  }
  
  div.jrnlsrchform label, div.ebsrchform label, div.dbsrchform label, div.vidsrchform label {
  } 
  div.jrnlsrchform > form > input#search, div.ebsrchform > form > input#search, div.dbsrchform > form > input#search, div.vidsrchform > form > input#search {
    width: 475px;
    height: 100%;
    border-radius: 5px;
    padding: 10px;
    font-size: .8em;
    font-weight: 800;
  }

  div.jrnlsrchform > form > select, div.ebsrchform > form > select#ebook_cats, div.dbsrchform > form > select {
    height: 100%;
    border-radius: 5px;
  }
  div.jrnlsrchform input.submit, div.ebsrchform input.submit, div.dbsrchform input.submit, div.vidsrchform input.submit{
    position:absolute;
    height: 100%;
    border-radius: 5px;
  }

  ul#jrnl_list, ul#eb_list, ul#db_list {
   margin-left: 0em;
   padding-left: 0em;

  }
  a.jrnl_btn {
    padding: 2px 5px 2px 5px;
    margin-left: 15px;
    background-color: #4b2e83;
    border-radius: 5px;
    color: white;
    font-size: .8em;
  } 
  div.ebsrchform { margin-bottom: 40px; }
  div.vidsrchform > form > select#vid_cats { height: 100%; } 
  /* ************* sidebars on eb, db etc pages ***************** */

  div#rt_box_img_outer{
   padding-left: 25px;
   width: 300px;
  
  }

  div#rt_box_img_outer > div.rt_box_content{
    display: inline-block;
    position: relative;
    width: 330px;
    margin-top: 15px;
 }
  div#rt_box_img_outer > div.rt_box_content h2{
   font-size: 1.2em;
   width: 100%;
  }
  div#rt_box_img_outer > div.rt_box_content > div.rt_box {
   display: inline-block;
   margin-bottom: 20px;
  }
  div#rt_box_img_outer > div.rt_box_content > div.rt_box > span{
   position: relative;
   height: 100px;
   width: 75px;
   float: left;
   margin-right: 15px;
   overflow: hidden;
  }

  div#rt_box_img_outer > div.rt_box_content > div.rt_box > a { font-size: 1.2em; }
  div#rt_box_img_outer > div.rt_box_content > div.rt_box > p { font-size: 1em; }

  div#rt_box_container_no_img > div.rt_box_txt { margin-top: 15px; }
  div#rt_box_container_no_img > div.rt_box_txt > a { font-size: 1.2em;  }


/* ******************* databases page ************** */

 
  ul#db_list > li {
    border-top: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
  }

/* **************** books page ******************** */
  ul#eb_list{
   margin-right: 25px;
  }

/* **************** videos page ******************** */
  div#videos_container, div#books_container, div#ej_container, div#db_container { 
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1910px; 
    display:flex; 
    flex-flow: row wrap; 
    align-content: space-between; 
    justify-content: space-between; 
    gap: 10px;
  }
  div#videos_main, div#db_main, div#books_main, div#ej_main { width: 70%; }
  div#videos_nav, div#videos_content, div#books_nav, div#books_content, div#db_nav, div#db_content, div#ej_nav, div#ej_content { width: 100%; }
  div#videos_sidebar, div#db_sidebar, div#books_sidebar, div#ej_sidebar { width: 25%; min-width: 300px; }
  div#videos_sidebar > h2, div#db_sidebar > h2, div#ej_sidebar > h2 { border-bottom: 1px solid #bbb; }
  div.vid_cat_boxes_container {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
  }

  div.vid_cat_boxes_container > div.vid_cat_box{
    background-color: #fff;
    height: 310px;
    width: 260px;
    overflow: hidden;
    margin-bottom:10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd; 
  }

  div.vid_cat_boxes_container > div.vid_cat_box > h2{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  div.vid_cat_boxes_container > h3{
    width: 100%;
  }
/* ************** toolkits ************************* */



  .toolkits .textwidget, .toolkits .textwidget p { 
      line-height: 1.5; 
      font-size: 15px;
      margin-bottom: 0px;
   }

   .toolkits h2, .toolkits h2.widget-title {
      width: 100%;
      margin-bottom: 5px;
      padding-bottom: 5px;
      color: #85754d;
      border-bottom: 2px solid #32006e;
   }
    
   .toolkits .textwidget a{
      display: inline-block;
      margin-top: 10px;
   }

/* **************  news page   ************************* */
   div#featured-news-container { 
       display: flex;
       align-content: space-between;
       flex-flow: row wrap;
       justify-content: space-between;
       gap: 30px;
   } 
   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item{ 
       background-color: rgb(75, 46,131); 
       width: 450px;
       display: grid;
       grid-template-columns: 25px 400px 25px;
       grid-template-rows: 20px 250px 20px 150px 20px;
       overflow: hidden;
       border-bottom: 2px solid #ccc;
       border-right: 2px solid #aaa;
   }

   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-text {
       grid-column-start: 2;
       grid-row-start: 3;
    }

   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-text > h3 > a{
       color: white;
       font-size: 18px;
   }
   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-text > div.news-pg-featured-item-excerpt {
       color: white; 
   }
   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-img { 
       text-align: center; 
       grid-row-start: 2;
       grid-column-start: 2;
       width: 400px;
       height: 250px;
       overflow: hidden;
   }
   form#news {
       float: right;
   }
  
   div#news-page-container {
      display: flex;
      flex-flow: row wrap;
      align-content: space-between;
      justify-content: space-between;
      gap: 30px;
      margin-top: 30px;
   }
   
   div#news-page-container > div.news-page-item {
      width: 300px;
      height: 380px;
      align-self: flex-start;
      border: 1px solid #d3d3d3;
   }

   div#news-page-container > div.news-page-item > div.news-img {
      display: flex;
      align-items: center;
      background-color: #eee;
      height: 300px;
      width: 300px;
      text-align: center;
      overflow: hidden;
   }
   div#news-page-container > div.news-page-item > div.news-img > img{
      width: 300px;
      margin-top: auto;
      margin-bottom: auto;
   } 

   div#news-page-container > div.news-page-item > div.news-title {
      display: flex;
      height: 80px;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-top: 1px solid #d3d3d3;
   }
   div#news-page-container > div.news-page-item > div.news-title h3{
      padding: 0px 20px;
   }

/* **************  individual news item  ************************* */
   div#news_item_single {
     width: 100%;
   }

   div#news_item_single > div.featured-image {
     width: 300px;
     float: right;
     margin-left: 20px;
     margin-bottom: 20px;
   }  
   
/* **************  site search results page  ************************* */
  div.search_links > h3 {
     margin-left: 25px;
  }

/* **************  about page  ************************* */
  div#hsl_maps { 
     display: flex;
     flex-flow: row wrap;
  }
  div#hsl_maps > div.hslmap2, div#hsl_maps > div.hslmap3 { width: 400px; }
  div#hsl_maps > div.hslmap2{
     align-self: flex-end;
     padding-top: 100px;
  }  
  div#hsl_maps > div.hslmap3 {
     align-self: flex-start;
  }

  div.alt_blk_container_img_lft, div.alt_blk_container_img_rt {
     display: flex;
     flex-flow: row wrap;
     padding: 20px 0px;
  }
  div.alt_blk {
     width: 55%;
  }
  div.alt_blk_img {
    display: inline-block;
    height: 375px;
    line-height: 375px;
  }
  div.alt_blk_img > img {
  } 
  div#abt_footer, div#ll_footer {
     width: 100%;
     display: flex;
     flex-flow: row wrap;
     margin-top: 75px;
   }
  
  div#abt_footer > div[id^="abt_footer_box"] > h3, div#abt_footer > div[id^="abt_footer_box"] > p, div#abt_footer > div[id^="abt_footer_box"] > a > i, 
  div#ll_footer > div[id^="ll_footer_box"] > h3, div#ll_footer > div[id^="ll_footer_box"] > p, div#ll_footer > div[id^="ll_footer_box"] > a > i {
    color: white;
    padding: 10px;
    margin-left: 20px;
  }
  div#abt_footer > div#abt_footer_box1, div#ll_footer > div#ll_footer_box1 {
    max-width: 48%;
    min-width: 280px;
    background-color: #32006e;
  }

  div#abt_footer > div#abt_footer_box1 > p, div#ll_footer > div#ll_footer_box1 > p {
    width:90%;
  }
  div#abt_footer > div#abt_footer_box1 > p > a > span, div#ll_footer > div#ll_footer_box1 > p > a > span {
    background-color: #c5b4e3;
    float: right;
    margin-right: 50px;
    margin-bottom: 20px;
    padding: 10px;
    color: #32006e;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ddd;
  }

  div#abt_footer > div#abt_footer_box2, div#ll_footer > div#ll_footer_box2 {
    width: 25%;
    min-width: 200px;
    background-color: rgb(51, 0, 111, .8);
  }
  div#abt_footer > div#abt_footer_box2 > p, div#ll_footer > div#ll_footer_box2 > p  {
    width: 90%;
  }
  div#abt_footer > div#abt_footer_box2 > p > a , div#abt_footer > div#abt_footer_box2 > p > a:visited, div#ll_footer > div#ll_footer_box2 > p > a , div#ll_footer > div#ll_footer_box2 > p > a:visited  {
    font-size: 28px;
    float: right;
    padding: 10px;
    margin-top: 10px;
    color: white;
  }
  div#abt_footer > div#abt_footer_box3, div#ll_footer > div#ll_footer_box3 {
    width: 25%;
    line-height: 2em;
    min-width: 200px;
    background-color: #c5b4e3;
  }

  div#abt_footer > div#abt_footer_box3 > h3, div#ll_footer > div#ll_footer_box3 > h3 {
    color: black;
  }
/* ************** li lu page  ************************* */
/* ******** see about page above for footer and space below for spaces boxes  ******************* */

/* ************** spaces page  ************************* */
  div#featured_space_container {
    display:flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
    gap: 20px;

  }
  div.featured_space_box {
    min-height: 400px;
    width:630px;
    display: grid;
    grid-template-columns: 400px auto;
    grid-template-rows: 50px 300px auto;
    overflow: hidden;
  }

  div.featured_space_box > h2 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;

  }
  div.fs_img { 
   grid-column-start: 1;
   grid-row-start: 2;
  }
  
  div.fs_links {
   grid-column-start: 2;
   grid-row-start: 2;
  }

  div.fs_links > ul {
   margin-left: .5em;
   padding-left: 0em;
  }
  div.fs_links > ul > li {
   padding-bottom: 1em;
  }
  div.fs_desc {
   display: grid;
   grid-column-start: 1;
   grid-column-end: 3;
   grid-row-start: 3;
   padding-top: 10px;
  }
  span.button { 
     width: 250px; 
     display: inline-block;  
     height: 50px; 
     font-weight: 800; 
     float: left;
     line-height: 50px;
     text-align: center;
     background-color: rgb(227, 191, 66, .7);
     border: 1px solid rgb(227, 191, 66, .8);
     margin-right: 20px;
     margin-bottom: 20px;
     border-radius: 10px;
     padding: 0px 20px;
  }

  div.spaces_container { 
     display: flex; 
     flex-flow: row wrap; 
     align-content: space-between;
     justify-content: space-between;
     gap: 20px;
     margin-top: 30px;
     margin-bottom: 30px;
  }
  div.space_box { width: 360px; }
  div.space_box_lg { width: 450px; }
  div.space_img > img, div.space_img_lg > img { border-radius: 10px; height: 330px; }
  div.space_title > h3 {font-size: 18px; margin-top: 20px;}
  div.space_txt > ul > li {list-style-type: disc !important; }
  
  div.space_btn { height: 45px; margin-top: 30px; }


/* **************  commons page  ************************* */
  div#commons_container {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    gap: 20px;
  }
  div#commons_main { width: 55%; }
  div#commons_sidebar {
    background-color: #e8e3d3;
    padding: 20px;
    width:40%;
    min-width: 400px;
  }
  div#commons_main > div.commons_banner {
    background-color: #ffffbb;
    text-align:center;
    padding: 20px;
    border: 1px solid black;
    margin-bottom: 30px;
  }




/* **************  hours tables/divs  ************************* */

  div#timebox { width: 100%; margin-right: 10vw; }
  div#timebox > p {
     color: white;
     float:right;
     padding-right: 20px;
  }
  div#timebox > p > a, div#timebox > p > a:visited {
     color: white;
  }
  div.hours_table_container { height: 100%; }
  
  table.hsl_hours { 
     border-collapse: collapse; 
     height: 125px; 
     margin-top: auto; 
     margin-bottom: auto;
     padding-bottom: 20px;
  }
  table.hsl_hours > tbody > tr:first-child { border-right: 1px solid #aaa; }
 
  table.hsl_hours > tbody > tr:first-child > th,  table.hsl_hours > tbody > tr:first-child > td { 
     background-color: #DFDDE8;
     border-bottom: 2px solid #ccc;
     
  }
  table.hsl_hours > tbody > tr:nth-child(2) > td, table.hsl_hours > tbody > tr:nth-child(2) > th{ 
     border-bottom: 1px solid black;
  }
  div#about_hrs{
   display:flex;
   flex-flow: row wrap;
   justify-content: space-between;
  }
  
  div#about_hrs > div.reg_hrs{
   width: 700px;
   margin-bottom: 20px;
  }
 
  div#about_hrs > div.reg_hrs > table.hsl_hours{
    height: 180px;
    margin-top: auto; 
    margin-bottom: auto;
  }
  div#about_hrs > div#holiday_hrs{
   width: 330px;
  }
  div#about_hrs > div.reg_hrs > table.hsl_hours > tbody > tr > td, div#about_hrs > div.reg_hrs > table.hsl_hours tbody > tr > th{
    padding: 10px 15px;
  }

  table.hsl_hours > tbody > tr > td{ padding: 10px 5px; }

  div#about_hrs > div.reg_hrs > table.hsl-hours > tbody > tr > td{
   font-weight: 600;
  }

  div#holiday_hrs > dl.holiday_datetime > dt{
   font-weight: 700;
  }

  div#about_hrs > div.reg_hrs > table.hsl_hours > tbody > tr > td > span, div#about_hrs > div#holiday_hrs > dl.holiday_datetime dd{
    font-size: .9em;
    font-weight: 600;
  }
  div#about_hrs > div.holiday_hrs {
   width: 400px;
  }


  div#about-hrs > div.holiday_hrs > p > span{
   
  }

/* **************  course reserves  ************************* */
  div#course_reserves_container {
    width: 100%;
    min-height: 360px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
    padding-top:30px;
  }
  
  div#course_reserves_container > div#course_reserves_content {
    width: 60%;
    max-width: 1070px;

    padding-right: 50px;
  }

  div.lg_link_boxes_container  { margin-bottom: 30px; }
  div#course_reserves_sidebar > p > a { font-size: .9em; }
  div#course_reserves_sidebar > div.related_links > ul { margin-left: 0px; padding-left: 0px;}
  div#course_reserves_sidebar > div.related_links > h2 {border-bottom: 1px solid black; padding-bottom: 4px; position: relative;}
  div#course_reserves_sidebar > div.related_links > h2:after {content: ''; display: block; position: absolute; bottom: -1px; right:0px;  width: 40%;  border-bottom: 1px solid white;}
  div#course_reserves_sidebar > div.lg_link_boxes_container > div.lg_link_box  { width: 300px; min-width: 300px; }
  div#course_reserves_sidebar > div.lg_link_boxes_container > div.lg_link_box > div.lg_link_box_txt {
    font-size: 1.1em;
    font-weight: 700;
    
  }

  div#course_reserves_container > div#course_reserves_content > p > span { margin-bottom: 30px; font-size: .9em; font-style: italic;}
  div#course_reserves_container > div#course_reserves_content > form > input#primoQueryTemp {  width: 430px; height: 2.5em; }


/* **************  footer  ************************* */
  footer.site-footer { border: none; }
  div#footer-container { 
    width: 100%;
    min-height: 360px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-around;
    padding-top:30px;
  }

  div#footer-left-container{
    width: 50%;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-content: flex-start;
    text-align: left;
    padding-left: 15%;
  }
   
  div#footer-left-container > div#footer-connect >  p{
    color: white;
  }
  div#footer-left-container > div#footer-connect >  div.sm_link_boxes_container{
    width: unset;
    min-width: 70%;
    margin-bottom: 20px;
  }

  div#footer-left-container > div#footer-connect >  div.sm_link_boxes_container > div.sm_link_box {
    background-color: #ffc700;
    color: white;
  }
  div#footer-left-container > div#footer-connect >  p{
    margin-top: 10px;
    text-indent: -12px;
    padding-left: 26px;
  }
  
  div#footer-container > div#footer-left-container >  div#footer-connect  p.footer-content, div#footer-container > div#footer-left-container div#footer-connect  p.footer-content > a, div#footer-container > div#footer-left-container > div#footer-connect  p.footer-content > a:visited {
    color: #ffffff;
  }
 
 div#footer-container > div#footer-left-container > div#footer-connect > div#uw-info > p.footer-content {
    color: #ffffff;
    margin-bottom: 0px;
  }

 
  div#footer-left-container p > i {
    margin-right: 10px;
  }
  div#footer-right-container{
    width: 50%;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-content: space-between;
    padding-right: 15%;
  }


  div#footer-right-container > div#map, div#footer-right-container > div#map-img, div#footer-right-container > div#map, div#footer-right-container > div#cc-notice{
    text-align: right;
    width: 100%;
  }

  div#footer-right-container > div#cc-notice > p{
    text-align: right;
    font-size: .8em;
    color: white;
  }

  div#footer-left-container > div#footer-connect > p:first-of-type{
    text-indent: -13px;
    padding-left: 30px;
  } 
  div.mask-box { background-color: #4e3287;  padding: 15px; color: white;}
  div.mask-box p { color: white; font-weight: bold; margin-bottom: 10px; }


@media (max-width: 1800px){
  div#featured-news-container, div#news-page-container { justify-content: center; }
  div#tk_icon_content, div#link_boxes_container, div#link_card_no_icon_container, div.img_cards_container, div#news_container { max-width: 85%; } 
  div#course_reserves_container > div#course_reserves_content { max-width: 650px; }
  div.spaces_container > div.space_box_lg { width: 410px; }
}
@media (max-width: 1600px){
  div#inner-content2 { width: 92%; }
  div#timebox { margin-right: 9vw; }
  div#srch-area { margin-top: -10px; }   
  table#software { width: 80%; }  
  div#page-inner > div.container-fluid.uw-body > div.row > main > div#hsl-main-content{
    width: 90%;

  }
  div#news-row > div#news-left-container, div#news-row > div#news-right-container { width: 48%; } 
  div#featured-news-container > div.featured-news-box > div.news-pg-featured-item {
    width: 410px;
    grid-template-columns: 15px 380px 15px;
  }
  div#hsl_maps {flex-direction: column-reverse; }
  div#hsl_maps > div.hslmap2, div#hsl_maps > div.hslmap3 { width: 360px; }
  div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-img { width: 380px; }
  div#featured_space_container > div.featured_space_box { 
     grid-template-columns: 3fr 2fr; 
     grid-template-rows: auto auto auto; 
     width: 550px;
  }
  div.spaces_container > div.space_box { width: 300px; }
  div.spaces_container > div.space_box_lg { width: 400px; }
  div.vid_cat_boxes_container > div.vid_cat_box { width: 225px; }
  div.vid_cat_boxes_container > div.vid_cat_box >h2 { margin-left: 7px; margin-right: 7px; }
  div#videos_main, div#books_main, div#db_main, div#ej_main { width: 73%; }
}

@media (max-width: 1300px){
  div.alt_blk { width: 100%; }
  div#hsl_maps > div.hslmap2 { align-self: flex-start; }
  div.spaces_container { justify-content: center; }
  div#videos_main, div#books_main, div#db_main, div#ej_main { width: 715px; }
  div#featured_space_container > div.featured_space_box { 
     grid-template-columns: 2fr 2fr; 
     width: 48%;
  }
  div.fs_links > ul > li { padding-bottom: 0; }
}
@media (max-width: 1200px){
  div#timebox { width: 30%; }
  div#srch-area { height: 200px;}  
  div#srch-area > div > div > div > div { 
    line-height: 200px;
  }
  div#link_boxes_container, div#link_card_no_icon_container, div.img_cards_container { justify-content: center; }
  div.link_box { padding-bottom: 0px; }
  div.link_box > ul { margin-bottom; 0px; }
  table#software { width: 95%; }  
  ul.collection-list { grid-template-columns: auto auto; margin-left: 20px;}
  div#videos_main, div#books_main, div#db_main, div#ej_main { width: 95%; }
  div#course_reserves_container > div#course_reserves_content { width: 50%; max-width: unset; }
  div#commons_sidebar { min-width: 300px; }
  div#abt_footer > div#abt_footer_box1 { width: 100%;  max-width: 100%; }
  div#abt_footer > div#abt_footer_box2, div#abt_footer > div#abt_footer_box3 { width: 50%; max-width: 50%; }
  div#news_item_single { display: flex; flex-flow: row wrap; }
  div#news_item_single > div.featured-image {width: 300px; }
  div#news_item_single > div#news_content { min-width: 550px;}
  div.alt_blk_img { height: unset; line-height:unset; margin: auto; padding-bottom:10px;  } 
}

@media (max-width: 800px){
  header.site-header { height: 80px; }

  div#page-inner > div.container-fluid.uw-body > div.row > main > div#hsl-main-content{
    width: 95%;
  }
  div#srch-area { background-image: none !important; }
  div#srch-box {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
  div#id_first > div#lib-srch-form form#simple input#primoQueryTemp, div#id_second > div#lib-srch-form form#simple input#primoQueryTemp {
    width: 250px;
  }
  div#commons_container { justify-content: center; }
  div#commons_main, div#commons_sidebar {width: 100%; }

  div#news-row > div#news-left-container, div#news-row > div#news-right-container { width: 100%; }
  div#vids-srch-box, div#bks-srch-box, div#db-srch-box, div#jrnl-srch-box {
     width: 100%;
  }
  form.hsl-search > div.search-form-wrapper > input#search_input2 { width: 70%; }
  div#news-container {
    width: 100%;
  }
  div.link_cards_container {
    width: 100%;
  }
  div.link_card_contents {
    width: 340px;
  }
  
  ul.collection-list > li.collection-cats {  width: 250px; line-height: 1.2em; margin-top: 10px;}

  div#course_reserves_container > div#course_reserves_content { width: 100%; }
  div#course_reserves_container > div#course_reserves_sidebar { 
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: space-between;
    width: 100%;
  }
  div#featured_space_container > div.featured_space_box { width: 100%; }

  div#course_reserves_container > div#course_reserves_sidebar > div.lg_link_boxes_container { width: 100%; flex-flow: row wrap; }
  table#software { width: 100%; }  
  div.service_icon_container { justify-content: center; }
}

@media (max-width: 721px){
  
  div#timebox { width: 180px; }
  a#brand-logo { display: none; }

  div#page-inner > div.container-fluid.uw-body > div.row > main > div#hsl-main-content{
    width: 100%;
  }
  div#op-banner-txt {
    margin-top: 10px;
  }
  ul#jrnl_list, ul#db_list, ul#eb_list {
    margin-left: 0 !important;
    padding-left: 0 !important;  
  }

  div#srch-box {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
  }
  div#id_first > div#lib-srch-form form#simple input#primoQueryTemp, div#id_second > div#lib-srch-form form#simple input#primoQueryTemp { width: 220px; }
  ul.ul-grid > li {
    width: 270px;
  }
}

@media (max-width: 600px){
  div#ask_us > div.row { width: 100%; margin:5px; }
  div#ask_us > div.row > div.col-sm-1, div#ask_us > div.row > div.col-sm-8 { padding-left: 5px; padding-right: 5px; }
  
  div#tk_icon_content, div#link_boxes_container, div#link_card_no_icon_container, div.img_cards_container, div#news_container { max-width: 100%; } 
  a#brand-txt {width: 265px;  }
  div#timebox { padding-right: 3px; margin-right: 0px; }
  main#primary div#hsl-main-content header.entry-header h1.entry-title {
    text-align: center;
  }
  div#pg-2-2 > div.panel-row-style {
     background-image: none;
  } 
  div#srch-area{
   height: 195px;
   padding-top: 5px;
  }
  
  div#srch-box {
   width: 98%;
   margin-top: 0px;
  }

  span.srch_links{ margin-top: 0px; }
  div#id_first > div#lib-srch-form form#simple input#primoQueryTemp, div#id_second > div#lib-srch-form form#simple input#primoQueryTemp {
    width: 200px;
  }
  div.ebsrchform, div.dbsrchform, div.vidsrchform {
    width: 100%;
  }
  div.ebsrchform > form, div.dbsrchform > form, div.vidsrchform > form {
    width: 80%;
  }
  div.ebsrchform > form > select#ebook_cats{
    width: 80%;
  }
/*  div#srch-box > div.js-tabs > div.tab_content_area > div#id_second > form.hsl-search {
    margin: 35px 0px;
  } */
  div.jrnlsrchform > form > input#search, div.ebsrchform > form > input#search, div.dbsrchform > form > input#search, div.vidsrchform > form > input#search {
    width: 100%;
  }

  div#id_first, div#id_second { width: 100%; }
  div.sm_link_boxes_container {
    width: 100%;
    text-align: center;
  }

  div.sm_link_boxes_container > div.sm_link_box {
    margin-left: auto; margin-right: auto; }

  div#link_card_no_icon_container {
    justify-content: center;

  }
  div.link_card_no_icon {
    max-width: 590px;
    width: 95%;
  }
  div.img_cards_container > div.img_card {
    grid-template-columns: 20px 1fr 1fr 20px;
    max-width: 590px;
  }
  div.img_cards_container > div.img_card > div.img_card_img {
    grid-column-end: 5;
    width: 100%;
  }

 
  ul.collection-list { grid-template-columns: auto; margin-left: 50px;} 
  div#news-row > div#news-left-container, div#news-row > div#news-right-container{
    width: 100%;
  }

  div.featured-news-box {
    width: 400px;
  }
  div#featured-news-container > div.featured-news-box >   div.news-pg-featured-item {
    grid-template-columns: 20px 360px 20px;
    width: 400px;
  }

  div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-img { 
    width: 360px;
  }
  div.fs_stext_boxes > div.service_icon_container > div.service_icon_box { min-width: 145px; }
  
  div.vid_cat_boxes_container { justify-content: center; }
  div#footer-left-container, div#footer-right-container, div#footer-connect {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
  }
  div#footer-left-container > div#footer-connect > p:first-of-type, ul.footer-social {
    text-indent: 0px;
    padding-left: 0px;
  }
  div#footer-connect div.sm_link_boxes_container{
    justify-content: center;
  }
  div#footer-right-container > div#map, div#footer-right-container > div#map-img, div#footer-right-container > div#map, div#footer-right-container > div#cc-notice {
    width: 100%;
    text-align: center;
  }
  div#footer-right-container > div#cc-notice > p { 
    text-align: center; 
    width: 80%; 
    margin: auto; 
  }
  div#abt_footer > div#abt_footer_box1, div#abt_footer > div#abt_footer_box2, div#abt_footer > div#abt_footer_box3 { width: 100%; max-width: 100%; margin-top: 20px; }

  div#ll_footer > div#ll_footer_box1, div#ll_footer > div#ll_footer_box2, div#ll_footer > div#ll_footer_box3 { width: 100%; max-width: 100%; margin-top: 20px; }
  div#news_item_single > div#news_content { min-width: unset; width: 100%;}


}
@media (max-width: 460px){
   div#timebox {position: absolute; display: block; top: 10px; right: 5px; }
   div#timebox > p > a {font-size: .8em; }
   a#brand-txt { width: 350px; margin-left: 20px; }
   div#srch-box { 
    width: 100%;
   }
   div.link_card { width: 330px; }
   div.link_card > div.link_card_contents { width: unset; }
   div#books_sidebar > div#rt_box_img_outer { padding-left: 0px; }
   div#books_sidebar > div#rt_box_img_outer > div.rt_box_content { width: 100%; }
   div#ej_sidebar > div.lg_link_boxes_container > div.lg_link_box { width: 310px; }
   div#ej_sidebar > div.lg_link_boxes_container > div.lg_link_box > div.lg_link_box_txt { width: 210px; }
   div#lib-srch-logo { display: none; }
   div#course_reserves_container > div#course_reserves_content > form > input#primoQueryTemp { width: unset; }
   div#featured-news-container > div.featured-news-box { width: 100%; }
   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item {grid-template-columns: 10px auto 10px; width: 100%;}
   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-img { width: 100%; }
   div#featured-news-container > div.featured-news-box > div.news-pg-featured-item > div.news-pg-featured-item-img > img { width: 100%; }
}

@media (max-width: 370px){
  div#id_first > div#lib-srch-form form#simple input#primoQueryTemp, div#id_second > div#lib-srch-form form#simple input#primoQueryTemp { width: 190px; }
}