/*
Brock U Library Toolkit CSS

*/

/* ----------------------------------------------
   ----------------------------------------------
   Large Screen desktops (Default)
   ----------------------------------------------
   ---------------------------------------------- */

#carousel .slide .slide-overlay {
	max-width: 580px; /* extend the width of the overlay, to accommodate the supersearch form. Library website only. */
	}

/*  SuperSearch
----------------------- */
#ssb_form {
	padding: .5em 0 0 0;
	width: auto !important;
	}
	#ssb_form form { width: auto !important; }

#ssb_form input { padding-right: 0; }
#ssb_form input {
	color: #989898 !important;
	font-size: 14px !important;
	height: 55px !important; width: 80%;
	padding: 5px 5px 5px 10px !important;
	margin: 0 !important;
	border: 1px solid #f8f8f8 !important;
	background: #f8f8f8 !important;
	border-right: none;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	-webkit-transition: border .2s ease-out;
	   -moz-transition: border .2s ease-out;
		-ms-transition: border .2s ease-out;
	     -o-transition: border .2s ease-out;
		 	transition: border .2s ease-out;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
	#ssb_form input:focus,	
	#ssb_form input:hover {
		border: 1px solid #f8f8f8 !important;
		background: #f4f4f4 !important;
		color: #585858 !important;
		}

#ssb_form button {
	margin: 0; padding: 0 5px !important;
	height: 55px !important; width: 20%;
	color: #fff !important;
	float: right;
	background: #000 !important;
	font-size: 11px;
	letter-spacing: .05em;
	text-transform: uppercase;
	border: none !important;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	-webkit-transition: border .05s ease-out;
	   -moz-transition: border .05s ease-out;
		-ms-transition: border .05s ease-out;
	     -o-transition: border .05s ease-out;
		 	transition: border .05s ease-out;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
#ssb_form button:hover,
#ssb_form button:focus {
	cursor: pointer;
	background: #8c0000 !important;
	color: #fff !important;
	}
#ssb_form button:active {
	border: 1px solid #fff;
	border-right: none;
	background: #8c0000 !important;
	}


/* reversed */
#carousel #ssb_form button { background: #282828 !important; }
#carousel #ssb_form button:hover { background: #585858 !important; }
#carousel #ssb_form button:active { background: #585858 !important; }

/* advanced search button */
#carousel-container #carousel .slide-overlay a.advancedsearch { background: none !important; color: #fff !important; padding: 0; text-transform: none; letter-spacing: 0; margin-top: 20px; }
#carousel-container #carousel .slide-overlay a.advancedsearch:hover { color: #fff !important; text-decoration: underline; }
#carousel-container #carousel .slide-overlay a.advancedsearch:active,
#carousel-container #carousel .slide-overlay a.advancedsearch:focus { color: #fff !important; text-decoration: underline; }


/* HOURS PLUGIN STYLES   */

<!-- Styling for LibCal Weekly Grid widget -->
<!-- Please note: The following styles are optional, feel free to modify! //-->

.s-lc-whw thead { background-color: #F5F5F5; }
.s-lc-whw-head-date { color: #fff; }
.s-lc-whw-today-h {  background-color: #ddd; }
.s-lc-whw-today { background-color: #f8f8f8; }
.s-lc-whw-bh { text-align: center; white-space: nowrap; }
.s-lc-whw-locname { padding:5px; background-color: #f8f8f8; }
.s-lc-whw-locname a {text-decoration:none; }
.s-lc-whw-sublocname{ padding-left: 20px!important; background-color:#f8f8f8; }
.s-lc-whw-footnote { color: #555; font-size: 80%; }
.s-lc-whw-footnote td:hover { background-color:#fff!important; }


/* Additions made by John and Colleen 2018-04-13 */

/* Weekly Grid widget */
.libraryHoursWrapper .s-lc-whw td { border: 1px solid #e8e8e8 ; padding:10px ;}
.libraryHoursWrapper thead th { border: 1px solid #585858; background-color:#000; color:#fff; padding:7px; vertical-align: middle; }
.libraryHoursWrapper a { }
.libraryHoursWrapper a:hover { }
.libraryHoursWrapper .s-lc-whw-locname a { font-family: "Bliss Bold", "Trebuchet MS", sans-serif; font-weight:bold; }
.hours-depart { display:none !important; } /* stops departments showing up in daily hours widget */

/* Daily Hours widget */
.hours-today th { padding: 7px 10px 7px 0; }
.hours-today td { padding: 7px 0 7px 10px; }
table.hours-today tbody { border: none !important; text-align:left}
table tbody tr.hours-today-row { border-left: none !important;border-right: none !important;border:1px solid #e8e8e8;}
table tbody tr.hours-today-row td { border-left: none !important; border-right: none !important; }
.hours-col-loc { font-family: "Bliss Bold", "Trebuchet MS", sans-serif; font-weight: bold; background: none; border: none; }

/* When BG is red */
.vc_row-has-fill .hours-today th,
.vc_row-has-fill .hours-today td { color: #fff !important; }
.vc_row-has-fill table tbody tr.hours-today-row { border-color: rgba( 255, 255, 255, 0.4 ); }

/* Buttons */
#content .libraryHoursWrapper thead th button { padding: 2px 15px; min-height: 38px; }
#content .libraryHoursWrapper thead th button:hover,
#content .libraryHoursWrapper thead th button:active,
#content .libraryHoursWrapper thead th button:focus { background: #fff !important; color: #000 !important; }


/* ----------------------------------------------
   ----------------------------------------------
   Tablets
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 951px) and (max-width: 1114px) {
	
	#ssb_form input {
		font-size: 12px !important;
		}
	
	#ssb_form button {
		padding: 0 !important;
		font-size: 10px;
		}

}



/* ----------------------------------------------
   ----------------------------------------------
   Small Tablet
   ----------------------------------------------
   ---------------------------------------------- */
   
@media only screen 
and (min-width : 841px) and (max-width: 950px) {
	
	#ssb_form input {
		font-size: 12px !important;
		}
	
	#ssb_form button {
		padding: 0 !important;
		font-size: 10px;
		}
	
	.table-responsive { overflow-y: scroll; }

}



/* ----------------------------------------------
   ----------------------------------------------
   Mobile
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (max-width: 840px) {
	
	#carousel .slide .slide-overlay {	
		max-width: none;
		}
	
	#ssb_form input {
		width: 70%;
		font-size: 16px !important;
		}
	
	#ssb_form button {
		width: 30%;
		font-size: 10px;
		}
		
	.table-responsive { overflow-y: scroll; }
	table.hours-today { width: 100%; }

}