/* ==================================================================== */
/* For library collections search box
= http://libraries.uark.edu/
= http://libraries.uark.edu/distancelearning/
= http://libraries.uark.edu/physics/
= http://libraries.uark.edu/fal/
= https://libraries.uark.edu/chemistry/
= https://libraries.uark.edu/multimedia/
/* ==================================================================== */

#discovery {
    padding-top: 0;
    }

#discovery #tabs ul {
    padding: 0;
    margin: 0;
    }


#discovery .dropdown button .caret {
    margin-left: 20px;
    font-size: 1em;
	}

#discovery #tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    line-height: 35px;
    cursor: pointer;
	}


#discovery form button:hover {
    background-color: #e6e6e6;
    }

#discovery form a.advanced-search {
    background-color: #1a4478;
    width: 10%;
    color: #fff;
    text-decoration: none;
    display: block;
    float: right;
    border-left: 1px solid rgba(0,0,0,0.1);
    vertical-align: middle;
    }

#discovery form a.advanced-search {
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    }


#discovery form div.checkbox, #discovery form div.radio {
    display: inline-block;
    font-size: 18px;
    margin: 5px 20px 5px 0;
    }

#discovery #tabs-catalog form div.checkbox{
        display: block;
        text-align: left;
        margin-left: 0;
        }

#discovery form div.checkbox label, #discovery form div.checkbox span, #discovery form div.radio label, #discovery form div.radio span {
    white-space: nowrap;
    }

#discovery form input[type="checkbox"], #discovery form input[type="radio"] {
    top: 0;
    }




    /*==================================================*/

    .dropdown-toggle .fa-chevron-down {
      float: right;
      line-height: 1.5em;
    }

    .dropdown-toggle {
      text-align: left;
    }

    .dropdown-menu {
      font-size: 1.2em;
      border-radius: 0;
      margin-top: 1px;
      border: 0;
    }

    .dropdown-menu li a {
      cursor: pointer;
    }

    #discojar {
    	background-color: #333;
    	padding: 30px 0;
    }

    #prime-search {
      display: grid;
      background-color: rgba(0,0,0,.7);
    }

    #prime-search input[type="text"] {
      border: 0;
      border-right: 1px solid #000;
      border-radius: 0;
      padding-left: 20px;
    }

    #prime-search input[type="text"], #prime-search button {
      height: 70px;
      font-size: 1.3em;
    }

    #prime-search button {
      border-radius: 0;
      background-color: #fff;
      color: #000;
      border: 0;
      margin: 0;
    }


    #prime-search input[type=text]:not(.onesearch), #prime-search button:not(.onesearch), #prime-search .auxiliary:not(.onesearch) {
      display: none;
    }


    #search-cats-toggle {
      display: block !important;
      width: 100%;
    }

    #search-select {
      width: 195px;
    }

    #prime-search .auxiliary {
      grid-column-start: 1;
      grid-column-end: 4;
      color: #fff;
      min-height: 40px;
    }

    #prime-search .auxiliary .search-options {
      padding: 10px;
    }

    #prime-search .auxiliary .links {
      padding: 10px;
      margin: 0;
      background-color: rgba(0,0,0,.5);
    }

    #prime-search .auxiliary .links a {
      color: #fff;
      text-decoration: underline;
    }


    /*==================================================*/



  @media only screen and (max-width:767px) {
      #prime-search { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
      #prime-search .dropdown { grid-column-start: 1; grid-column-end: 4; }
      #prime-search #search-cats-toggle { background-color: #e6e6e6; border-bottom: 1px solid #000; }
      #prime-search .search-options p { margin-bottom: 5px; }
    }


    @media only screen and (min-width:768px) {
      #discojar { background: url('/libimages/floor-3b.jpg') 50% 0 no-repeat; background-position: 50% 0; background-size: cover; padding: 52px 0 30px; min-height: 300px; }
      #prime-search { grid-template-columns: 1fr 4fr 1fr; }
      #prime-search .auxiliary .search-options { display: grid; grid-template-columns: 1fr 4fr 1fr; padding: 10px; column-gap: 20px; }
      #prime-search .auxiliary.catalog .search-options { display: grid; grid-template-columns: 1fr 2fr 3fr; }
      #prime-search .auxiliary .search-options > p:first-child { text-align: right; }
      #prime-search input[type="text"] { border-left: 1px solid #000; }
    }


    @media only screen and (min-width:768px) and (max-width:991px) {
      #search-cats-toggle .fa { display: none; }
    }



@media (max-width: 991px) {
    #discovery #tabs li.active a { color: #fff; }
    /* current lib-style overrides -- to remove when all is updated */
    #search-cats-toggle { margin: 5px; }
}


/* This is in libstyle.css! -*/
@media (min-width: 992px) {
  #search-content .searchchoice, #homesearch #tabs {
    height: auto;
  }
}