@import  'https://provo.ent.sirsi.net/client/css/vse/open.css'; /* SITEADDRESS is the actual URL to Enterprise. This copies in the default styles. */

/* Insert the image for the background in the parentheses */
body{
 background: #ffffff url(/custom/web/content/provo_125px_red_header-a81e2f.png) repeat-x top left;
 font-family: Gotham, Helvetica, Arial, sans-serif;
}


/* Top/Header Area */


.library_logo {
padding-top: 10px;
}

.library_logo_image_desktop {
	display: inline;
}

.library_catalog_image_desktop {
	display: inline;
}

.library_logo_image_mobile {
	display: none;
}

.library_catalog_image_mobile {
	display: none;
}

.desktop_header_text {
	padding-left: 123px;
	display: inline;
}

/* menu links color property: color */
.menuActive a{
color: #c0c0c0;	
}
.menuLink a, .menuLink a:visited, .menuLink a:active, .loginLink a {
color: #000000;	
}

/* Control the color of the new wheelchair and help FontAwesome icons in menu */

.fa-wheelchair::before, .fa-question-circle::before {
    color: #000; /* use the color they have for the rest of the menu */
}


.logo_container img {
       max-height: 90px;
}

.welcome {
 color: ;	
}
/* language option color property: color */

.lpdropdown a:visited, .lpdropdown a:hover, .lpdropdown a:active {
color: ;
}
/* language dropdown list items */

.lpdropdown .dropdownListItem a {
color: ;
}

#lpMainLink {
color: #000000;
}



/* makes dropdown not blue */ 

#searchBox .dropDown {
 background-color: #ffffff;
 border: 1px solid #a81e2f;
 color: #000000;
} 

#searchBoxAdvancedLink a {
color: ;
}

/* search box border property: border-color */

#q, #q:focus{

}

/* pull-down border property: border-color */

#searchLimitDropDown .dropDown {

}
/* repositions the search box and contents boxes if you increased the height of the header.  Add amount of pixels added to default listed here. */
#searchBoxWrapper {
top: 125px;
}

#content {
margin-top: 40px;
}

/* increased to make detail cover art the size it used to be */

.detail_cover_art {
	max-height: 200px;
}


/* repositions the search suggestions drop-down, add enough pixels to fix if you increase the height of the search bar.

#dropDown {
	left: 496px !important;
	top: 30px !important;
}

#dropDown, x:-moz-any-link, x:default {
	left: 484px !important;
	top: 32px !important;
}
*/
/* changes the width of restriction boxes
#restrictionDropDown {
    width: 180px;
}
#searchLimitDropDown {
    width: 180px;
}
*/



/* if hiding the availability feature */
#onlyAvailableButton {
visibility: hidden;
}

#advancedSearchOnlyAvailableWrapper {
visibility: hidden;
}

/* buttons */

#searchButton {
 background-color: #807f83;
 color: ; 
}

#searchButton:hover {
 background-color: #807f83;
 color: ;
}

.button {
 background-color: #807f83;	
}

.button:hover {
 background-color: #a81e2f;	
}

.loginButton {
background-color: #7bc143;
}
.loginButton:hover {
background-color: #69b032;
}

/* Left Menu Buttons */

.listbutton-2l {
	width: 160px;
	height: 35px;
	box-shadow: inset 0px 1px 0px 0px #e6e3e3;
	background-color: #807f83;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0px;
	border: 1px solid #8a8a8a;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	word-wrap: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #1c191c;
	margin-bottom: 2px; 
	margin-left: 15px; 
	margin-right: 15px; 
	position: relative; 
	cursor: pointer;
}
.listbutton-2l a:link {
	color: #ffffff;
}
.listbutton-2l:hover {
	background-color:#a81e2f;
	box-shadow:inset 0px 1px 0px 0px #d1284e;
}
.listbutton-2l:active {
	position:relative;
	top:1px;
}
.listbutton-1l {
	width: 160px;
	height: 20px;
	box-shadow: inset 0px 1px 0px 0px #e6e3e3;
	background-color: #807f83;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0px;
	border: 1px solid #8a8a8a;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	word-wrap: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #1c191c;
	margin-bottom: 2px; 
	margin-left: 15px; 
	margin-right: 15px; 
	position: relative; 
	cursor: pointer;
}
.listbutton-1l a:link {
	color: #ffffff;
}
.listbutton-1l:hover {
	background-color:#a81e2f;
	box-shadow:inset 0px 1px 0px 0px #d1284e;
}
.listbutton-1l:active {
	position:relative;
	top:1px;
}

.listbutton-1l2 {
	width: 160px;
	height: 20px;
	box-shadow: inset 0px 1px 0px 0px #e6e3e3;
	background-color: #807f83;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0px;
	border: 1px solid #8a8a8a;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	word-wrap: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #1c191c;
	margin-bottom: 2px; 
	margin-left: 15px; 
	margin-right: 15px; 
	position: relative; 
	cursor: pointer;
}
.listbutton-1l2 a:link {
	color: #ffffff;
}
.listbutton-1l2:hover {
	background-color:#a81e2f;
	box-shadow:inset 0px 1px 0px 0px #d1284e;
}
.listbutton-1l2:active {
	position:relative;
	top:1px;
}
.listbutton-1l3 {
	display: none;
}

/* switch the home image with a new one created in Photoshop
#searchBoxHomeLink img {
  visibility: hidden;
}

#searchBoxHomeLink a {
  background: transparent url(PDLhome.png) no-repeat top left;
  display: block;
  height: 32px;
  width: 32px;
}
*/

/* Center column, table formatting */

.container .box { 
  display:table;
  width:468px;
  height:144px;
} 
.container .box .box-row { 
  display:table-row; 
} 
.container .box .box-cell { 
  display:table-cell; 
  width:33%;
} 
.container .box .box-cell.box1 { 
  display: inline-block;
  width:125px;
  height:125px;
  margin-left: 15px;
  margin-right: 14px;  
} 
.container .box .box-cell.box2 { 
  display: inline-block;
  width:125px;
  height:125px;
  margin-left: 15px;
  margin-right: 14px; 
} 
.container .box .box-cell.box3 { 
  display: inline-block;
  width:125px;
  height:125px;
  margin-left: 15px;
  margin-right: 14px;
}


/* Center column - drop box shadows */

.container .box .box-cell.box1:hover {
  box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
}  

.container .box .box-cell.box2:hover {
  box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
}  

.container .box .box-cell.box3:hover {
  box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
}  

/* Contact Icons */

.contact_container1 {
  display: inline-block;
  width: 178px;
  height: 50px;  
  border: 0; 
  margin-top: 10px; 
  margin-bottom: 6px; 
  margin-left: 15px; 
  margin-right: 15px; 
  position: relative; 
  cursor: pointer;	
}

.contact_container2 {
  display: inline-block; 
  width: 178px;
  height: 50px;  
  border: 0; 
  margin-bottom: 10px; 
  margin-left: 15px; 
  margin-right: 15px;
  position: relative; 
  cursor: pointer;	
}
.contact_container1:hover {
   box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
} 

.contact_container2:hover {
   box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
} 

/* Social Media Icons formatting - Right Menu */


.social_container .box { 
  display:table;
  width:208px;
  height:100px;
} 
.social_container .box .box-row { 
  display:table-row;
  height:50px;  
} 
.social_container .box .box-cell { 
  display:table-cell; 
  width:24%;
} 
.social_container .box .box-cell.box1 { 
  display: inline-block;
  width:40px;
  height:40px;
  margin-left: 6px;
  margin-right: 4px;  
} 
.social_container .box .box-cell.box2 { 
  display: inline-block;
  width:40px;
  height:40px;
  margin-left: 4px;
  margin-right: 4px; 
} 
.social_container .box .box-cell.box3 { 
  display: inline-block;
  width:40px;
  height:40px;
  margin-left: 4px;
  margin-right: 4px;
}

.social_container .box .box-cell.box4 { 
  display: inline-block;
  width:40px;
  height:40px;
  margin-left: 4px;
  margin-right: 6px;
}

.social_container .box .box-cell.box1:hover {
   box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
} 

.social_container .box .box-cell.box2:hover {
   box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
} 

.social_container .box .box-cell.box3:hover {
   box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
} 

.social_container .box .box-cell.box4:hover {
   box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
} 

/* Left & Right Column Main icons */

.left_right_main_icons {
  display: inline-block;
  width: 180px;
  height: 180px;  
  margin-left: 15px; 
  margin-right: 15px; 
  margin-bottom: 10px;
}

.left_right_main_icons:hover {
  box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -moz-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
  -webkit-box-shadow: 0 0 8px 6px rgba(33,33,33,.2);
}




/* Niche Academy and Mosio */ 

.na.sideButton {
  background-image: linear-gradient(-300deg, #a81e2f,#a81e2f 300%);
  font-size: 20px !important;
  font-weight: 900;
  height: 44px !important;
  margin-top: 400px !important;
  font-family: arial !important;
  border-radius: 5px 5px 0px 0px !important;
  padding: 4px 13px !important;
}

.na.sideButton:hover{
  background-image: linear-gradient(-300deg, #fff,#fff 300%) !important;
  color: #a81e2f !important;
  border: 1px solid #a81e2f;
  font-size: 20px !important;
  font-weight: 900;
  font-family: arial !important;
  padding: 4px 13px !important;
}

#mosio_widget_tab{
  background-image: none !important;
  background-color: #a81e2f;
  transform: rotate(-90deg);
  color: white;
  font-size: 20px;
  width: 150px !important;
  height: 44px !important;
  margin-right: -75px;
  margin-top: 185px !important;
  padding: 10px 20px 15px 20px;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
}

#mosio_widget_tab:hover{
  background-color: #fff;
  color: #a81e2f;
  border: 1px solid #a81e2f;
  text-align: center;
}

#mosio_widget_tab:before{
  content: "Ask a Librarian"; 
}

/* End Niche Academy and Mosio */


/* footer background property: background-color */

.list .results_bio {
width: 522px;
}

.list .results_right {
width: 100px;
}

#footer {
background-color: #a81e2f;
color: ;
}

/* Footer formatting */

#ftr-td-styl-1 {
  padding: 0 5px 0 5px;
  color: #ffffff;
}

#ftr-td-styl-2 {
  padding: 0 5px 0 10px;
  color: #ffffff;
  border-left: 1px solid #ffffff;
}

#ftr-td-styl-3 {
  padding: 0 5px 0 10px;
  color: #ffffff;
  border-left: 1px solid #ffffff;
}

#ftr-hdr-txt {
  font-size: 18px;
  color: #ffffff;
  text-align: left;
}

#ftr-name-txt {
  font-size: 12px;
  color: #ffffff;
  text-align: left;
}

#ftr-txt {
  font-size: 12px;
  color: #ffffff;
  text-align: left;
}
/* SureSailing change 3/3/2023 */
.listbutton-1l a:visited {
	color: white;
}
.listbutton-2l a:visited {
	color: white;
}
.listbutton-1l2 a:visited {
	color: white;
}
.listbutton-1l3 a:visited {
	color: white;
}