/*
Theme Name: UHL NEW 2017 
Theme URI: libraries.uh.edu
Description: August 9, 2017, UH Libraries' Web Services launched a new UH branded theme for librari$
Version: 1.0
Author: University of Houston Libraries Web Services (J Fisher, Web Project Manager)
Author URI: https://apps.lib.uh.edu/staff/members/department/Library-Technology-Services
*/


/* ------------------------------------------ */
/* Search Formats Dropdown Tweaks 12.15.2020  */
/* ----------------------------------------- */
#primoFilterTemp {
	-webkit-appearance: none;
	font-weight: bold;
	
}

select#primoFilterTemp.form-control.search-dropdown-arrow{
	font-size: 15px;
}

#primoFilterTemp:focus{
	border: 1px solid #c8102e;
	background: #fff;
	color: inherit;
}

select#primoFilterTemp.form-control option {
        font-weight: 400;
}

.search-dropdown-arrow{  
background: white;
	background-image: url('https://libraries.uh.edu/images/caret-down.svg');
	background-repeat: no-repeat;
	background-position: right 15px center;
    background-size: 10px 10px;
}


@media screen and (max-width: 767px) {
input#primoQueryTemp.facet-search-input {
  width:100%;
  margin-bottom:15px;
}

#search-dropdown {
  width:100%;
  margin-bottom:15px;
}

#primoFilterTemp {
  border-left: 1px solid rgba(204,204,204,1);
  border-right: 1px solid rgba(204,204,204,1);
}

#search-button {
  display:block;
  width:100%;
  text-align:center;
}

#search-button button {
  width:100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.home-search form{
  display:block;
	width: 80%;
	margin: 0 auto;
}

}

@media screen and (min-width: 768px) {
input#primoQueryTemp.facet-search-input {
  width:75%;
  margin-bottom:0;
}

#search-dropdown {
  width:25%;
  margin-bottom:0;
}

#primoFilterTemp {
 border-left: rgba(204,204,204,0);
 border-right: rgba(204,204,204,0);
}
}

/* ------------------------------------------ */  
/** COVID-19 Updates link  **/ 
/* ------------------------------------------ */

li.covid-header-link a {
    background: #F6BE00;
    color: black;
    font-weight: bold;
    border-radius: 3px;
}

li.covid-header-link a:visited{
	color: black;
}



/* ------------------------------------------ */
/* SP Sticky Tab */
/* ------------------------------------------ */

#sp-sticky {
	padding: 0;
	width: max-content;
	margin-right: 0;
	margin-top: .5rem;
	position: fixed;
	background: #c8102e;
	right: 0;
	top: 50vh;
	z-index: 999;
	transform-origin: 100% 50%;
	transition: all .3s;
	/*top: 6vh;*/
}
#sp-sticky .container {
    padding-left: 0;
    padding-right: 0;
}
#sp-sticky .tab-container {
    display: flex;
    height: 100%;
	background: #F6BE00;
}
#sp-sticky .tab-arrows, #sp-sticky a {
    display: inline;
}

#sp-sticky .tab-arrows button:focus{
	outline-color: #F6BE00;
}


#sp-sticky .tab-arrows .glyphicon:last-of-type {
    margin-right: 10px;
}
#sp-sticky .tab-arrows .glyphicon {
    color: #c8102e;
    width: 10px;
    margin-top: auto;
    margin-bottom: auto;
}
#sp-sticky .tab-arrows {
    width: 30px;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #f6be00;
	display: flex;
	padding-top: 52px;
    padding-bottom: 51px;
}
#sp-sticky .tab-arrows:hover {
    cursor: pointer;
}
#sp-sticky .tab-arrows:hover .glyphicon {
    color: #960c22;
    font-weight: bold;
}
#sp-sticky a {
    padding-left: .5rem;
    padding-right: .5rem;
	background: #c8102e;
}
#sp-sticky a:hover {
    background-color: #960c22;
}
#sp-sticky svg {
    margin-top: .5rem;
}
#sp-sticky.tab-collapsed {
    right:-120px;
}
#sp-sticky.tab-expanded {
    right:0;
}
/* this resizes the tag for small devices */
@media (max-width:767px) {
	#sp-sticky {
		top: 70vh;
    }
    #sp-sticky .tab-arrows {
        width: 30px;
        background-color: #f6be00;
        display: flex;
        height: revert;
        margin-top: revert;
        margin-bottom: revert;
    }
}	

/* ------------------------------------------ */
/** NEW BOOTSTRAP ALERT TYPE 031-01-2021 **/
/* ------------------------------------------ */

.alert-fyi{
    background-color: #f1f1f1;
    border-color: #bbbbbb;
    color: #54585a;
    text-shadow: none;
	background-color: hsl(0, 0%, 95%);
	margin-bottom: 20px;
}

.alert-fyi a{
	color: #54585a;
}


/* ------------------------------------------ */
/** HOMEPAGE CHANGES 20-12-2021 **/
/* ------------------------------------------ */


.libraries-web-carousel {
    box-shadow: 0px 0px 30px black;
}

.lib-home .home-search{
background: white;
}

.search-section.onebox {
/*background: url('../../../images/anderson_exterior_night_02.png');*/
background-position: 50% 80%;
transition: padding .25s ease;
}

@media screen and (max-width: 767px) {
#lcs_slide_out_button-14772 {
    display: none;
}

div.search-section div.container div.row div.gray {
background: #f4f4f4;
}

.home-search{
padding: 1.75rem .75rem 0rem;
background: transparent;
}

.home-search form {
    display: block;
    width: 100%;
    margin: 0 auto;
}
}

.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}