gistfile1.txt

/* ------------------------------------------------------------------------------------------------------ */

/*--- Z-INDEX STANDARDS ---*/

/* ------------------------------------------------------------------------------------------------------ */
/* 9999 - tapestry popups/error messages/etc. (must be closeable)                                         */
/* 9998 - assorted items with high z-index (formerly 9999999999 - modal resize icon, dropdown item, etc.) */
/* 9997 - assorted items with high z-index (formerly 999999999)                                           */
/* 9996 - formerly 99999 (ui-resizable-handle)                                                            */
/* 9995 - formerly 9999 (modal background, more_info_container, a couple of others)                       */
/* >999 - should be for modals and stuff written over them (?)                                            */
/*  999 - loadingBackdrop                                                                                 */
/*  998 - language picker dropdown (dropdownList, libraryInfo, customDropdown ul)                         */
/*  997 - qchoices and tinymce                                                                            */
/*  >99 - should be for the main page and stuff written over it (?)                                       */
/*   52 - #mainMenuContainer                                                                              */
/*   51 - .logoContainer p (from editing the page as an admin)/.logo_container                            */
/*   50 - some search box/header stuff                                                                    */

/*---

OpenSans-Regular.ttf: Digitized data copyright © 2010-2011, Google Corporation.

SourceSansPro-Regular.ttf: Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.

Font Awesome by Dave Gandy - http://fontawesome.io.

---*/

/****************************************/

/*--- GENERAL COLORS ---*/

/****************************************/

/* Background for some headers and buttons, such as search bar, book river header, and dialog title bar */
.nm-bgcolor-p3 {
	background: #306d9c;
	color: #ffffff;
}
.ada-mode .nm-bgcolor-p3 {
	background: #063b63;
}

/* Main menu and ADA navigation menu */
.nm-bgcolor-p4 {
	background: #6F9CBE;
	color: #ffffff;
}
.ada-mode .nm-bgcolor-p4 {
	background: #063b63;
}

/* Background for accordion headers, dialog title bar, facet title bar within the facet section, and others  */
.nm-bgcolor-p5 {
	background: #7FA5C2;
	color: #ffffff;
}
/* My Lists left sidebar uses black text for some reason, this preserves that. */
.nm-bgcolor-p5-dark {
	background: #7FA5C2;
	color: #000000;
}
/* Accordion header hover */
.nm-bgcolor-p5.ui-state-hover {
	background: #306d9c;
}
/* No hover for ADA mode is intentional, DO NOT move this above the previous rule unless you want to change that! */
.ada-mode .nm-bgcolor-p5 {
	background: #063b63;
}

/* Upper header background color */
.nm-bgcolor-p6 {
	background: #ADC9DE;
}

/* Background for research starter, facet area, EDS search result sections in an interfiled search, etc. */
.nm-bgcolor-p7 {
    background: #DEEEFA;
	color: #000000;
}
/* Allows hover style for interfiled EDS search results on the hitlist when present */
.nm-bgcolor-p7.has-hover:hover {
    background-color: #c6e5fd;
}
/* No hover for ADA mode */
.ada-mode .nm-bgcolor-p7, .ada-mode .nm-bgcolor-p7:hover {
	background: #ecf7ff;
}

/* Background for hitlist search results and ILS facets */
.nm-bgcolor-white {
	background: #ffffff;
}
/* Hover for hitlist search results */
.nm-bgcolor-white.has-hover:hover {
    background: #efefef;
}
/* No hover for ADA mode */
.ada-mode .nm-bgcolor-white:hover {
	background: #ffffff;
}

/* For some areas that need a color only in ADA mode, mostly a background for bulk action checkbox */
.ada-mode .nm-bgcolor-ada {
	background: #063b63;
}

/* Color for pagination forward/back arrows, facet breadcrumb remove icon, carousel left/right arrows, etc. */
.nm-color-p3 {
	color: #306d9c;
}
.ada-mode .nm-color-p3 {
	color: #063b63;
}

/* Special link color for parent room breadcrumb link */
.nm-color-p4 {
	color: #6F9CBE;
}

/* Footer text color */
.nm-color-p6 {
	color: #ADC9DE;
}

/* Main menu welcome text color */
.nm-color-a7 {
    color: #c8f581;
}
.ada-mode .nm-color-a7 {
    color: #ffffff;
}

/* Yellow text for number of search results */
.nm-color-y {
		color: #FFED36;
}
.ada-mode .nm-color-y {
		color: #FFED36;
}

/* Grey text for My Lists right panel header/footer */
.nm-bgcolor-grey {
    background: #d0d0d0;
    color: #000000;
}

/* Border color around search results and on eRC child lookup error messages on the detail display */
.nm-bcolor-s5 {
    border-color: #ccc;
}

/* ADA overrides for elements that don't use the main ADA color change */
.ada-mode .nm-ada-bgcolor-p3 {
	background: #306d9c;
}
.ada-mode .nm-ada-bgcolor-p7 {
	background: #ecf7ff;
}
.ada-mode .bgcolor-link-text {
    color: #5e8fb5;
	background-color: #000000;
}

/****************************************/

/*--- GLOBAL SETTINGS ---*/

/****************************************/

/*--- Added for Sticky Footer ---*/

html {
	position: relative;
	position: static\9;
		min-height: 100%;
}

body {
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			background-color: #eee;
			font-size: 12px;
			min-width: 1000px;
			/**Added for Sticky Footer**/
			margin: 0 0 44px;
}

body > div {
			margin: 0 auto;
}

a {
			color: #306d9c;
}

table.sortable thead,
.table.sortable .thead {
			background-color: #7FA5C2;
			font-weight: 500;
			cursor: pointer;
			color: #fff;
}

/* CONTAINER LAYOUT */

.button, .button:visited {
	background: #306d9c;
	border: none;
	padding: 5px 15px;
	font-weight: 100;
	font-family: 'Source Sans Pro', sans-serif;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
	-webkit-appearance: none;
}

/*--- Modal Button ---*/

.noback .button {
	padding: 5px 20px;
	font-size: 14px;
	color: #fff;
	margin-top: 12px;
}

.noback .button:hover {
	cursor: pointer;
}

/*--- Place Hold Modal ---*/

#holdTable .titleColumn {
	text-align: left;
}

#holdTable .pickupColumn {
	text-align: left;
}

/*-----*/

#searchInterfiledPanelPlacard {
			background: #749b6c;
}

.button:hover {
			background-color: #2d4e79;
}

a:hover.button {
	background-color: #2d4e79;
}

/****************************************/

/*--- HEADER ---*/

/****************************************/

/*--- Moved From Discovery_base ---*/

.headerWrapper {
			width: 100%;
			z-index: 97;
}

/****************************************/

.header_container{
			color: #000000;
			width: 1000px;
			margin: 0 auto;
			min-height: 105px;
}

.logo_container {
	margin-left: 0px;
	position: relative;
}
.logo_container h1, .logo_container h2, .logo_container h3, .logo_container h4, .logo_container h5, .logo_container h6, .logo_container p {
    margin-top: 0;
    margin-bottom: 0;
}

.loginButton {
	font-size: 12px;
    font-weight: 300;
	padding: 5px 20px;
}

/* SEARCH BAR */

#searchBoxWrapper {
	position: relative;
	padding-top: 4px;
	border-bottom: solid 1px #eee;
	height: 44px;
	min-width: 1000px;
	clear: both;
	margin-bottom: 15px;
}

#searchField {
    top: -4px;
}

#searchBoxHomeLink {
    opacity: .7;
    margin-top: 4px;
}

#searchBox .dropDown {
    margin: 5px;
    background-color: #fff;
    color: #306D9C ;
    height: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: small;
    border: none
}

.customDropdown {
    color: #306d9c;
    height: 31px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 12px;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
    padding-left: 10px;
    border-radius: 5px;
}

.customDropdown:focus {
    color: #000000;
}

.sortDropDown, .edsSortSelect {
	float: right;
	background-color: #fff;
	color: #306D9C;
	height: 31px;
	width: 180px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	border: none;
	margin-right: 15px;
	cursor: pointer;
	right: 25px;
	padding-left: 10px;
}

#searchBoxAdvancedLink {
		padding-left: 10px;
		position: relative;
		top: 8px;
}

/*--- Fixes for Consistently Sized Search Bar Fields and Dropdown Menus ---*/

#searchButton {
    background-color: #749b6c;
	min-width: 80px;
	margin-right: 10px;
	margin-left: 5px;
    top: -3px;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    box-shadow: none !important;
    border: solid 1px rgba(255, 255, 255, 0.25);
    height: 30px;
}

#searchButton:hover {
	background-color: #47763c;
}

#q {
	border: 0;
	height: 26px;
    padding-left: 10px;
    margin: 1px 5px;
    border-radius: 5px;
    font-size: 14px;
	width: 305px;
    padding-right: 30px;
}

#q:focus {
	background: #eef7e8;
}

/*--- SEARCH RESULTS ---*/

.editField {
			padding-bottom: 10px;
}

/*--- MAIN MENU ---*/

#mainMenuContainer {
	clear: both;
	padding: 8px 10px;
	border-radius: 30px;
	margin-top: 15px;
	line-height: 20px;
	position: relative;
}

.welcome {
	padding: 10px;
	color: #c8f581;
	font-size: 13px;
	font-style: italic;
}

#libInfoContainer {
			font-family: 'Source Sans Pro', sans-serif;
			font-weight: 200;
}

.patron_help img {
			left: 10px;
			margin-right: 10px;
			opacity: .8;
}

.secondary_header_menu_container ul li a {
			color: inherit;
			font-weight: 700;
			margin-right: 10px;
}

.menu_link_after {
			margin: 0 5px;
}

.menu_link_after:before {
			font-family: FontAwesome;
			content: "\f054";
			color: #999;
			font-size: 10px;
}

/****************************************/

/*--- CONTENT ---*/

/****************************************/


.content {
			padding: 15px;
}

.content p {
			margin: 10px;
}

#content {
	background: transparent;
	display: inline-block;
	display: block\9;
	min-height: 200px;
	height: auto;
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	clear: both;
	margin-bottom: 30px;
}

.content_container {
			margin-bottom: 5px;
			color: #306d9c;
}

.content_container .asset_pagination {
	color: #000000;
}
/*--- FOOTER ---*/

/*--- Stick Footer to Bottom ---*/

#footer {
	position: absolute;
	position: static\9;
	left: 0;
	bottom: 0;
	height: 44px;
	min-height: 44px;
	width: 100%;
	margin-top: 20px;
	padding-top: 5px;

	min-width: 1000px;
}

#footer a {
			color: #ffffff;
}

#copyright {
			padding: 10px;
}

/*--- MY ACCOUNT ---*/

#accountMain .badge {
	position: absolute;
	top: -6px;
	right: 0;
	width: 24px;
	height: 24px;
	z-index: 1;
}
#accountMain .redBadge {
	width: 20px;
	height: 20px;
}

input#changePin {
	margin-top: 10px;
}

.checkoutsButtons {
			float: left;
}

.checkoutsUser {
			text-align: center;
}

.checkoutsDueDate {
			text-align: center;
			font-size: 11px;
}

.holdError {
    font-size: 15px;
}

#checkoutUnreturnableLinkDiv {
			float: right;
}

/****************************************/

/*--- THUMBNAIL ---*/

/****************************************/

.thumb .results_cell {

			width: 170px;
			padding: 5px;
			margin: 5px;
}

.thumb .results_chkbox {
			top: 220px;
}

.thumb .results_top_half {
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			-khtml-border-radius: 0px;
			border-radius: 0px;
}

.thumb .results_bio {
	width: 130px;
	padding-top: 10px;
	margin-left: 5px;
}

/****************************************/

/*--- LIST VIEW ---*/

/****************************************/

.list .results_right {
			width: 120px;
			text-align: center;
}

.results_right input {
	width: 128px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('./ellipsis.xml#ellipsis');
}

.list .myListItem .results_right {
			width: 125px;
}

.list .myListItem .results_bio {
			width: 375px;
}

.list .cell_wrapper {
	padding: 20px;
	border-bottom: dotted 1px #b5b5b5;
}

.myListList .cell_wrapper:hover {
    background: transparent;
}

.list_cell_wrapper:hover {
    background: #efefef;
}


.displayDetailLink > a {
			font-family: 'Open Sans', sans-serif;
			font-weight: 700;
			color: #306d96;
}

/****************************************/

/*--- FEDERATED VIEW ---*/

/****************************************/

.federatedResultsPanel {
    background: #fff;
    border-width: 1px;
    border-style: solid;
}

#federatedSearchTitle {
			padding: 20px 0px 10px 25px;
			font-size: 21px;
}

#federatedTitleBar_did_you_mean .didYouMeansWrapper {
			background: #ededed;
			margin: 0px 20px;
			font-size: 14px;
}

#federatedTitleBar_did_you_mean .didYouMeansWrapper .didYouMean {
			margin: 5px 20px 15px 15px;
			padding: 10px;
}

.federatedNoResult {
    display: inline-block;
    padding: 20px;
}

.loadingFederatedResults {
			height: 500px;
			margin: 10px 0px 0px 20px;
}

.federated .cell_wrapper {
    padding: 20px 20px 0px 20px;
}

.federated .results_img_div {
	height: 120px;
}

.federated .connectionError {
			height: 500px;
}

.federated .facebook_share {
    margin-left: 0;
}

.federated .documentSummaries .hasLimits {
    border-color: #ccc;
}

/* TOOLBAR */
.resultsToolbar_did_you_mean {
	text-align: left;
	background: #ededed;
}

.didYouMean {
    padding: 10px;
    padding-left: 15px;
}

.didYouMeanLabel {
    color: #c33030;
    font-weight: 600;
}

.resultsToolbar_left {
	width: 26%;
	padding-left: 15px;
}
.federated .resultsToolbar_left {
	padding-left: 20px;
}
.ada-mode .federated .resultsToolbar_left {
	padding-left: 17px;
}

.federatedMultipleResultsSection .resultsToolbar_left {
	padding-left: 12px;
}
.ada-mode .federatedMultipleResultsSection .resultsToolbar_left {
	padding-left: 10px;
}
.adaFederatedListSeperator + h2 {
    border-bottom: 1px dotted #b5b5b5;
    margin: 0;
    padding: 5px;
}

.resultsToolbar_right {
			width: 41%;
}

.resultsToolbar_right .pagination {
			margin-top: 15px;
			margin-bottom: 15px;
}

.federated .pagination {
			margin-top: 3px;
}

.paginationNavigation {
			vertical-align: bottom;
}

.resultsToolbar_paginationNumbers {
    margin: 0 5px;
    color: #33393d;
}

.currentPage {
    color: #33393d;
}

#chooseListForm div {
			margin-top: 0.5em;
}

#chooseListForm .button {
			float: right;
}

#addToListWaiting img {
			margin: 0 auto;
			display: block;
}

#addToListResultDiv ul, #addToListResultDivDetail ul {
			font-style: italic;
			clear: both;
			margin: 5px 10px 5px 24px;
			margin-left: 24px;
}

#addToListResultDiv .success_icon, #addToListResultDivDetail .success_icon {
			padding-left: 24px;
			min-height: 24px;
			line-height: 24px;
			background-image: url('/client/images/account-icons/green!.png');
			background-repeat: no-repeat;
}

#addToListResultDiv .error_icon, #addToListResultDivDetail .error_icon {
			padding-left: 24px;
			min-height: 24px;
			line-height: 24px;
			margin-bottom: 5px;
			background-image: url('/client/images/account-icons/red!.png');
			background-repeat: no-repeat;
}

#bottomToolbar_wrapper, .bottomToolbar_wrapper {
			padding-top: 10px;
			padding-bottom: 13px;
			background: #ffffff;
}

#bottomToolbar_wrapper .selectAllCheck, .bottomToolbar_wrapper .selectAllCheck {
	margin: 10px 10px 0px 12px;
}

#bottomToolbar_wrapper .selectAllCheck input, .bottomToolbar_wrapper .selectAllCheck input {
	width: 14px;
	height: 14px;
}

#bottomToolbar_wrapper .pagination, .bottomToolbar_wrapper .pagination {
			margin-top: 10px;
}

/* Limit Column */

.facet {
			padding: 0px 0px 10px;
			line-height: 1.4em;
}

.limitcolumn_wrapper .shown {
			float: left;
}

.moreNavigators {
			margin-left: 28px;
			margin-top: 10px;
			line-height: 18px;
			font-family: 'Open Sans', sans-serif;
}

.moreNavigators a {
			color: #000;
			font-weight: 600;
			font-size: 11px;
}

.fewerNavigators {
			margin-left: 28px;
			margin-top: 10px;
			line-height: 18px;
			font-family: 'Open Sans', sans-serif;
}

.fewerNavigators a {
			color: #000;
			font-weight: 600;
			font-size: 11px;
}

.limitcolumn_wrapper {
    font-family: 'Source Sans Pro', sans-serif;
    padding: 6px;
}

.federated .limitcolumn_wrapper {
    border-bottom-width: 0;
}

.limitcolumn_title {
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 18px;
			font-weight: 600;
}

#limitcolumn_author {
			font-size: 10px;
}

.limitcolumn_wrapper hr {
			margin-bottom: 5px;
			margin-top: 5px;
}

.limitcolumn_wrapper .button {
    padding: 4px 6px;
    position: relative;
    font-weight: 100;
    background: #306d9c;
}
.limitcolumn_wrapper .clearAllCrumbs .button {
	background: #C78F8F;
}

.limitcolumn_wrapper .limitcolumn_button .button {
    top: 5px;
}

.limitcolumn_wrapper .button:hover {
	background: #2d4e79;
}

.breadCrumbs {
    padding: 0 5px 5px;
}

.breadCrumbs .facetTitle {
	min-width: 100%;
	padding: 8px 0px 0px 10px;
	top: 0;
	left: -5px;
	height: 24px;
}

.navCrumbRow {
    margin-left: 10px;
}

.facetTitleRow {
	margin-bottom: 10px;
	padding-right: 5px;
	height: initial;
	min-height: 32px;
}

.facetTitle {
			font-size: 13px;
			font-family: 'Source Sans Pro', sans-serif;
			position: relative;
			top: 9px;
			left: 10px;
}

.navigatorCheckBox {
			margin-left: 0px;
			margin-right: 2px;
}

.facetItem {
			width: 97%; /* SO CHILD ITEMS CAN FLOAT RIGHT */
			padding: 3px 0;
			left: 10px;
}

.navigatorName {
			float: left;
			display: inline-block;
			margin-left: 3px;
			max-width: 130px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			-moz-binding: url('./ellipsis.xml#ellipsis');
}

.federated .navigatorName {
		max-width: 150px;
}

.navigatorCount {
		color: red;
		text-align: right;
		padding-right: 18px;
}

.federated.navigatorCount {
		position: relative;
}

#nav_sort_label, .nav_sort_label {
		padding-right: 5px;
}

#facet_navigators_table_header .navigatorCheckBox.navHeader, .facet_navigators_table_header .navigatorCheckBox.navHeader {
			margin-left: 0px;
}

#facet_navigators_table td, .facet_navigators_table td {
			border: none;
}

/*--- View All Results Table Width ---*/

.navCountColumn .navHeader {
	width: 70px;
}

#view_all_facets_div .navCountColumn, .view_all_facets_div .navCountColumn {
	width: initial;
	max-width: initial;
}

#view_all_facets_div, .ui-dialog > .view_all_facets_div.ui-dialog-content {
		padding: 6px;
}

#view_all_facets_div .button, .view_all_facets_div .button {
		font-size: 10px;
		margin-right: 4px;
		border-radius: 5px;
		padding: 5px 15px;
}

#view_all_facets_div .navFacetNameColumn, .view_all_facets_div .navFacetNameColumn {
		width: 100%;
}

.limitcolumn_more {
			font-size: 9px;
}

#pub_date_btn, .pub_date_btn, #facetCrumbClearAllButton {
	padding: 5px 10px;
	margin-bottom: 10px;
	left: 8px;
	background: #999;
	border-radius: 5px;
	outline: none;
}

#pub_date_btn:hover, .pub_date_btn:hover {
	background: #ccc;
}

.rightSearchLimitsColumn .facetItem span {
	display: inline-block;
	margin-left: 3px;
	max-width: 130px;
	overflow: hidden;
}

/*--- Prevents the EDS Expanders and Limiters Sections from Truncating ---*/

#searchResultsColumn, .csResultsColumn {
    background: #fff;
    float: right;
}
.csResultsColumn {
    border-bottom-width: 0;
}

.csResultsWrapper {
    display: block;
}

/****************************************/

/*--- PUBLICATION DATE ---*/

/****************************************/

.pub_date_textbox {
			color: #000;
			padding: 3px;
			padding-left: 6px;
			width: 33%;
}

#facet_DT1_2 .center {
			text-align: left;
			margin-left: 5px;
}

/****************************************/

/*--- DETAIL PAGE ---*/

/****************************************/

#detail_wrapper {
			font-family: Arial, Verdana, sans-serif;
}

.detail_biblio {
			width: 310px;
			padding-left: 0px;
			padding-right: 0px;
}

right .assetresource_detail_cover_art {
			position: relative;
			top: initial;
			transform: initial;
			left: 15px;
}

right .erc_child_detail_cover_art {
	position: relative;
	top: initial;
	transform: initial;
	left: 15px;
}

.detail_cover_asset_div .jscarousal {
	padding-top: 14px;
	height: 128px;
	background: none;
}

.detail_cover_erc_child_div .jscarousal {
	padding-top: 14px;
	padding-left: 0;
	height: 200px;
	background: none;
}
.detail_cover_erc_child_div.loading {
	height: 151px;
}

.detail_cover_asset_div .jscarousal-contents {
	width: 728px;
}

.detail_cover_asset_div .jscarousal .jscarousal-left {
	top: 40px;
	height: auto;
	margin-right: 0px;
}

.detail_cover_erc_child_div .jscarousal .jscarousal-left {
	top: 40px;
	height: auto;
	margin-right: 0px;

}

.detail_cover_asset_div .jscarousal .jscarousal-right {
	top: 40px;
	height: auto;
	z-index: 99999;
}

.detail_cover_erc_child_div .jscarousal .jscarousal-right {
	top: 40px;
	height: auto;
}

.detail_buttons .customDropdown {
    margin: 0px;
    border: solid 1px;
    width: 198px;
}

#no_results_wrapper, .requestsError {
    padding-bottom: 70px;
}
.requestsError {
    border: none;
}
#no_results_wrapper {
    border-style: solid;
    border-width: 1px;
}

.holdButton {
	width: 100%;
}

.list .holdButton .button {
	padding: 4px;
}

.detailItems td {
    padding-bottom: 7px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #ccc;
}

.detailItems th {
			border: solid 1px #ccc;
			font-weight: 500;
			font-family: "Source Sans Pro", sans-serif;
			font-size: 14px;
}

.detailItemTable {
			border-collapse: collapse;
}

/*--- Added by Ryan ---*/

.nonasset_detail {
			padding: 20px;
}

/****************************************/

/*--- INTERFILED TOOLBAR ---*/

/****************************************/

.dropDownButton {
    background: #fff;
    height: 26px;
    width: 175px;
    padding-left: 10px;
    padding-top: 5px;
    border-radius: 5px;
    font-family: "Open Sans", sans-serif;
    text-align: right;
}

/*--- My Lists custom dropdown ---*/
.myListControls .customDropdown {
    line-height: normal;
}


.customDropdown ul {
			border: 1px solid #dedede;
			margin-left: 0px;
}

.customDropdown li a, .dropDownButton div {
    color: #306D9C;
}
.dropDownButton .customDropdownText {
    display: inline-block;
    margin-right: 10px;
    max-width: 148px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

/*--- Add Plus/Minus Icons to Include/Exclude Buttons ---*/
.customDropdown li a {
			font-family: FontAwesome;
			content: "\f0d7";
			-webkit-font-smoothing: antialiased;
			margin-left: 70px;
}
.dropDownButton:after {
    font-family: FontAwesome;
    content: "\f0d7";
    color: #306D9C;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-top: 3px;
    margin-right: 10px;
    vertical-align: middle;
}

.customDropdown li {
			margin-left: 0px;
			margin-bottom: 0px;
			padding-left: 0px;
}

.customDropdown li a {
			width: 185px;
			border-bottom: solid 1px #ededed;
			padding-left: 0px;
			padding-top: 5px;
			margin-top: 0px;
			margin-left: 0px;
}

.customDropdown ul li:last-child a {
			border-bottom: none !important;
}

.customDropdown li a span {
			margin-top: 3px;
			font-family: "Source Sans Pro", sans-serif;
}

.customDropdown ul img {
			margin-right: 5px;
			position: relative;
			top: -2px;
			margin-left: 8px;
}

/* NON-MODAL DETAIL PAGE */

#nm_detail_wrapper {
			padding: 30px;
}

/* MODAL STYLING */

.fieldLabel {
			margin-left: 5px;
			margin-right: 5px;
}

/* ERC WIDGET BASE */

.detailActions .button {
	font-family: "Source Sans Pro", sans-serif !important;
	height: auto;
	padding: 4px;
}

.detailActions a.button {
    width: 190px;
    height: 14px;
    padding-top: 4px;
}

.displayElementWrapper {
			color: #000;
			line-height: 20px;
			padding-bottom: 5px;
}

.displayElementText {
			color: rgb(68, 68, 68);
}

.tab {
    background-color: #DEEEFA;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    margin-bottom: -1px;
    margin-left: 5px;
    padding: 6px 10px;
    position: relative;
    z-index: 1;
}

.tab_selected {
    background-color: #fff;
    border-bottom-color: #fff;
    margin-left: 5px;
    margin-right: 0px;
    padding: 6px 10px;
}
/*--- BOOK RIVER ---*/

.nytimes_listbar {
		height: 50px;
		width: 100%;
		padding: 10px 0px;
		padding-left: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

.nytimes_select {
			top: 10px;
			left: 15px;
			height: 30px !important;
			border-radius: 0px;
			border: none;
			padding: 5px;
			font-size: 13px;
			color: #306D9C;
}

.bookRiver .nytimes_select {
			position: relative;
			top: 0px;
			left: 0px;
			max-width: 420px;
			height: 30px !important;
			border-radius: 0px;
			border: none;
			padding: 0px;
			font-size: 13px;
			color: #306D9C;
			padding-left: 5px;
}

#nytimes_detail_wrapper {
			width: 100%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 25px;
}

.amazonButton {
			width: 100%;
			font-size: 11px;
			font-weight: 100;
			float: right;
			text-transform: capitalize;
}

.nytimes_most_popular_more {
			margin-top: 30px;
}

.nytimes_top_three_authors {
			margin-left: 15px;
}

.nytimes_top_three_subjects_label {
			color: #306D9C;
}

.nytimes_top_three_titles_label {
			color: #306D9C;
}

.nytimes_top_three_authors_label {
			color: #306D9C;
}

.jscarousal {
			width: 100%;
			height: 118px;
			padding-top: 10px;
			padding-left: 4px;
			background-color: #859bac;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
}

.jscarousal .jscarousal-left {
			float: left;
			position: relative;
			top: 10px;
			cursor: pointer;
			margin-right: 3px;
}
#bookRiverWrapper .jscarousal-left, #bookRiverWrapper .jscarousal-right {
    color: #fff;
    top: 42px;
}

.jscarousal .jscarousal-right {
			float: left;
			position: relative;
			top: 10px;
			cursor: pointer;
}

.jscarousal .jscarousal-left:before {
			font-family: FontAwesome;
			content: "\f137";
			color: inherit;
			font-size: 18px;
}

.jscarousal .jscarousal-right:before {
			font-family: FontAwesome;
			content: "\f138";
			color: inherit;
			font-size: 18px;
}

/*--- MY LISTS ---*/

.listsTable {
			display: table;
			width: 100%;
}

.listsCell {
			float: left;
			width: 740px;
}

.listsContainer form {
			margin-top: -15px;
}

.myListHeader {
    padding: 20px;
}

#myListsHeader {
			padding-bottom: 24px;
}

#myListsHeader .myListControls  {
			padding-top: 13px;
}

.listWrapper {
			float: left;
			width: 100%;
}

.myListTitle {
			height: 30px;
}

.myListTitleIcon {
			margin-right: 5px;
}

.myListControls {
    width: 100%;

}

.myListDetails {
    border: 1px dotted #acacac;
    box-sizing: border-box;
}

select.myListControl.lists {
			background: #fff;
			height: 32px;
			width: 140px;
			cursor: pointer;
			border-radius: 5px;
			font-size: 12px;
			border: none;
			color: #306D9C;
			margin-left: 15px;
}

 /* override .list .cell_wrapper */
.myListList .cell_wrapper {
    background: transparent;
    border-bottom: none;
    padding: 7px;
    padding-bottom: 0px;
}

.myListsUL li {
			padding: 10px 5px;
}

.myListDetailsUL li {
	padding: 10px;
}

/* ADVANCED SEARCH */

#advancedSearchInnerBox {
    margin: 10px;
    padding: 30px;
    padding-bottom: 50px;
}

#example {
    top: 13px;
    width: 82%;
    margin-right: 19px;
}

.advancedSearchTitle {
    margin-bottom: 10px;
    color: #306d9c;
}
.advancedSearchTitle {
    font-weight: 600;
}

#libraryFacetDiv {
			margin-bottom: 15px;
}

.advancedSearchLabel {
			font-size: 12px;
}

.advancedSearchDropDown {
			width: 200px;
			background-color: #efefef;
			height: 22px;
}

.advancedSearchTextField {
			height: 20px;
}

.advancedSearchRadioLabel {
			margin-left: 5px;
			margin-right: 10px;
}

.advancedSearchRadioSection .advancedSearchLabel {
			font-size: 12px;
}

#advancedSearchOnlyAvailableWrapper {
			margin-bottom: 20px;
			padding: 10px;
			padding-left: 20px;
}

#advancedSearchOnlyAvailable {
			margin: 2px;
			margin-right: 5px;
}

.searchModifiersColumn {
			margin-left: 43px;
}

.searchModifiersLabel {
			margin-bottom: 10px;
			margin-left: -20px;
			color: #306d9c;
}
.searchModifiersLabel {
    font-size: 14px;
    font-weight: 600;
}

.searchModifier {
			margin-bottom: 5px;
}

.searchModifier input {
			margin-right: 5px;
}

#advancedSearchForm div.t-error li {
			margin-left: 20px;
}

/* DROPDOWN LANGUAGE PICKER */

.dropdownList {
			width: 200px;
			font-family: "Open Sans", sans-serif;
}

.lpdropdown li {
			border: 1px solid #6F9CBE;
			text-align: left;
			margin-bottom: 0px;
			border-bottom: 0px;
}

/*--- MISCELLANEOUS ---*/

/* Determines the size of the Google Preview modal when opened */
.googlePreviewHolder {
    height: 666px;
}

.bookRiverLoading{
			height: 350px;
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 18px;
			padding-top: 20px;
			color: #306d9c;
}

li {
			margin-bottom: 2px;
}

#taxonomyContainer {
			padding: 10px;
}
#tabs-left .ui-tabs-nav {
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-top-left-radius: 4px;
    border-left: none;
    border-top: none;
    border-right: none;
    margin: 0.4em 0.4em 0;
}
/*--- IE SPECIFIC CSS ---*/

.nytimes_bio .bold {
			font-weight: 700;
}

#bookRiverWrapper .nytimes_bio .bold {
			font-weight: 700;
			font-size: 14px;
			color: #306d9c;
}

/* ADA SPECIFIC CLASSES */

.ada_div_top {
			float: right;
			top: 12px;
			margin-left: 15px;
			height: 20px;
			line-height: normal;
			padding: 8px 22px;
			border-radius: 25px;
			margin-bottom: 6px;
}

.ada_div_bottom {
			padding: 15px 30px;
			text-align: center;
			background: #fff;
			margin-top: 20px;
			width: 75%;
			border-radius: 30px;
			border: solid 1px #D0D0D0;
			position: relative;
			bottom: 25px;
}

.ada_div_bottom a {
			font-size: 18px;
			font-weight: 600;
}

.ada_div_bottom span {
			font-size: 18px;
			font-weight: 600;
			color: #306d9c;
}

.ada_link img{
    margin: 0px 5px;
    vertical-align: middle;
}

.quicksearchBar {
			margin: 0 auto;
}

.quicksearchIcon {
			height: 35px;
			width: 35px;
			padding: 0 2px;
}

.interfiled3rdParty.cell_wrapper {
	border-bottom: dotted 1px #b5b5b5;
}

.resource_margin {
	margin-left: 15px;
	padding: 10px;
	width: 95%;
}

.ada_link {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 100;
}

.myListsListMain {
			margin-top: 15px;
}

/*--- LOGIN ---*/

.patronLogin {
    overflow: hidden;
}

/*--- Register/Forgot My PIN Colors and Icons ---*/

#registration_link {
	color: #22B900 !important;
}
#registration_link:hover {
	text-decoration: none;
}

#passwordRecovery_link, #changePinLink {
	color: #e36262 !important;
}
#passwordRecovery_link:hover, #changePinLink:hover {
	text-decoration: none;
}

#lists_deleteListsSubmit {
			margin-left: 7px;
}

#lists_deleteListsCancel {
			margin-left: 7px;
}

#lists_createListSubmit {
			margin-left: 7px;
}

#lists_createListCancel {
			margin-left: 7px;
}

#emailModalDialogZone {
			padding: 15px;
}

.emailFormElementsContainer .editField {
    margin-bottom: 10px;
    padding-bottom: 0;
}

#addToListResultDivinterfiled {
			padding: 15px;
}

#addToListSuccessListinterfiled li {
			margin: 5px;
			color: #278C12;
}

.checkboxSidetable .sortable {
	border-collapse: collapse;
}

.detail_main .detailActions .amazonButton {
			float: none;
			padding: 0px;
}

.bookRiver {
			height: 310px;
}

.bookRiver .nytimes_detail_bio {
			float: left;
			width: 295px;
}

.myListsListMain #listLoginLink {
			padding: 10px;
			margin-right: 5px;
			border-radius: 5px;
			padding: 5px 15px;
}

/* Pagination Arrows */

.pagination .fa {
			font-size: 21px;
}

.publicationPlacard input:nth-of-type(1) {
			height: 20px;
			padding-left: 10px;
			margin-right: 10px;
}

/* Icons for Buttons, Home, Etc. */

#mainMenuContainer .fa-question-circle:before {
    font-size: 15px;
}

.btn-include:before {
			margin-right: 8px;
			color: #fff;
}

.btn-exclude:before {
			color: #fff;
}

.fewerNavigators .fa-caret-right:before {
		color: #aaa;
}

.fa-times-circle {
			font-size: 16px;
}

/* Buttons */

.btn-library-only, .btn-library-only:visited {
			border-radius: 5px;
			padding: 4px 10px !important;
}

.btn-available, .btn-available:visited {
			border-radius: 5px;
			padding: 4px 10px !important;
}

.btn-unavailable, .btn-unavailable:visited {
			border-radius: 5px;
			padding: 4px 10px !important;
}

.btn-eds-only, .btn-eds-only:visited {
			border-radius: 5px;
			padding: 4px 10px !important;
			margin-bottom: 20px;
}

.ercSecondaryButton {
	background: #d8d8d8;
}

.ercPrimaryButton {
	background: #306d9c;
}

.ercPrimaryButton:hover {
	background: #2d4e79;
}

#view_all_facets_div .button.selectedButton, .view_all_facets_div .button.selectedButton {
			background: #ccc;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
}

#view_all_facets_div .button:focus, .view_all_facets_div .button:focus {
			border: none;
			box-shadow: none;
			outline: none;
}

.btn-inc-pubdate {
		border-radius: 5px;
		margin-right: 8px;
}

/*--- Available Label ---*/

.availableLabel, .availableNumber {
	font-size: 14px;
	margin-top: 4px;
}

/*--- Search Page *---*/

.list .results_right i {
			margin-bottom: 6px;
}

.list .results_right .button {
			font-weight: 100;
			padding: 4px;
			margin: 2px;
			text-transform: capitalize;
			margin-bottom: 6px;
			border-radius: 5px;
}

.clearAllCrumbs {
    border-top: solid 1px #C8D9E7;
    margin-top: 10px;
}

.clearAllCrumbs .button {
	float: left;
	padding: 5px 10px;
	font-size: 10px !important;
	margin-top: 15px;
	margin-bottom: 10px;
	left: 10px;
	background: #C78F8F;
	border-radius: 5px;
}

.displayElementLabel.INITIAL_TITLE_SRCH, .displayElementLabel.TITLE {
			display: none;
}

.navCheckboxColumn .navigatorCheckBox {
			margin-right: 0px;
}

#facet_navigators_table_header .navHeader, .facet_navigators_table_header .navHeader {
	border-bottom: none;
	border: none;
	background: #dadada;
	text-align: left;
	height: unset;
}

 #nav_header_bar .navigator.facetItem {
    background-color: #dadada;
 }

#facet_navigators_table_header > tbody > tr > th.navFacetNameColumn > div, .facet_navigators_table_header > tbody > tr > th.navFacetNameColumn > div {
			border-right: none;
			border-left: none;
}

#facet_navigators_table tr:nth-child(odd), .facet_navigators_table tr:nth-child(odd) {
	background: #f5f5f5;
}

/*--- Some of the SVN Changes by Others Since Ryan Started ---*/

.requestData .textbox {
	height: 27px;
	border: solid 1px;
}

.requestEntryLabel {
			min-width: 100px;
			text-align: right;
			font-weight: bold;
}

.requestHeader {
	border: 0;
	margin: 3px;
}

.requestRow select {
	background-color: #fff;
}

/*--- Fixes from Academic Profile Custom CSS ---*/

.landingPage {
			overflow-x: hidden !important;
}

.landingPage body {
			overflow-x: hidden !important;
}

.ui-widget, .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: "Open Sans", sans-serif;
}

.logo_container img {
	margin-top: 5px;
	max-height: 80px;
	width: auto;
}

.dropdownList ul {
			margin: 0;
	}

.lpdropdown li:last-child {
			border-bottom: 1px;
}

#languageSelector .lpdropdown a#lpMainLink {
			font-size: 12px;
			font-family: "Source Sans Pro", sans-serif;
			font-weight: 200;
}

#languageSelector .pipeSeparator {
			color: inherit;
}

.researchStarter .results_bio {
			padding: 20px 30px 20px 30px;
}

.researchStarter .thumbnail {
			vertical-align: top;
}

.sortDropDown {
    border-radius: 5px;
    margin-right: 11px;
}

.federated .resultsToolbar_right .sortDropDown {
	margin-top: 7px;
	right: 30px;
	outline: none;
}

.detail_cover_asset_div .jscarousal .jscarousal-left:before, .detail_cover_asset_div .jscarousal .jscarousal-right:before {
    color: inherit;
}

div.sorter {
			margin-bottom: 10px;
			font-size: 11px !important;
}

/*--- Added 4/15/15 ---*/

ul.whats-new {
			list-style-position: outside;
			margin: 0 15px;
}

ul.whats-new li {
			margin-top: 8px;
}

ul.whats-new li ul li {
			list-style-position: outside;
			margin-left: 15px;
}

/*--- jQuery Overrides ---*/

/*--- jQuery dialog/modal style ---*/

.ui-dialog .ui-dialog-titlebar {
    border: none;
    padding: 10px;
    margin: 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}
.ui-dialog .ui-dialog-title {
    color: inherit;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: .6em;
}

/*--- jQuery accordion style ---*/

.ui-accordion .ui-accordion-header {
    border-radius: 0px;
}
.ui-accordion .ui-accordion-header.ui-state-hover {
    border-radius: 0px;
    outline: none;
}

.ui-accordion-header > a, .ui-accordion-header > a:link, .ui-accordion-header > a:visited {
    font-size: 14px;
    padding-left: .5em;
}

/*--- jQuery tab style ---*/

.ui-tabs > .ui-tabs-nav {
    background-color: #7fa5c2;
    border-color: #9b9b9b;
}
.ui-tabs .ui-tabs-tab {
    background-color: #dedede;
    border-color: #9b9b9b;
    outline: none;
}
.ui-tabs .ui-tabs-tab.ui-state-hover {
    border-radius: 0px;
}
.ui-tabs .ui-tabs-tab.ui-state-active {
    background-color: #ffffff;
    border-color: #9b9b9b;
}
.ui-tabs-tab a.ui-tabs-anchor, .ui-tabs-tab a.ui-tabs-anchor:link {
    color: #666666;
    outline: none;
}
.ui-tabs-tab.ui-state-hover a.ui-tabs-anchor, .ui-tabs-tab.ui-state-hover a.ui-tabs-anchor:link {
    color: #666666;
}
.ui-tabs-tab.ui-state-active a.ui-tabs-anchor, .ui-tabs-tab.ui-state-active a.ui-tabs-anchor:link {
    color: #313131;
}

/*--- Added 4/27/15 ---*/

/*--- My Account Section ---*/

.noPatronWarning {
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #33;
    font-family: "Open Sans", sans-serif;
}

#accountMain {
	width: 759px;
}

#accountTabs .ui-tabs-nav {
	padding: .2em .4em 0;
}

#accountTabs .ui-tabs-tab {
	background-color: #cfe5f5;
	border: 1px solid #ffffff;
	border-bottom: 0;
	border-radius: 0;
	margin-top: 1px;
	padding-bottom: 0;
}
#accountTabs .ui-tabs-tab.ui-state-hover {
    background-color: #306d9c;
    border-color: #c2c2c2;
}
#accountTabs .ui-tabs-tab.ui-state-active {
	background-color: #ffffff;
    border-color: #ffffff;
    border-bottom-style: solid;
	border-bottom-width: 1px;
}

#accountTabs .ui-tabs-tab a.ui-tabs-anchor {
	padding: .5em 1em;
}
#accountTabs .ui-tabs-tab.ui-state-hover a.ui-tabs-anchor, #accountTabs .ui-tabs-tab.ui-state-hover a.ui-tabs-anchor:link {
	color: #ffffff;
}
#accountTabs .ui-tabs-tab.ui-state-active a.ui-tabs-anchor, #accountTabs .ui-tabs-tab.ui-state-active a.ui-tabs-anchor:link {
    color: #313131;
}

#accountTabs .ui-tabs-anchor > img {
	display: none;
}

#accountTabs .ui-tabs-tab a:before {
	color: #306d9c;
	font-family: FontAwesome;
	font-size: 18px;
	position: relative;
	top: 2px;
	-webkit-font-smoothing: antialiased;
}
#accountTabs .ui-tabs-tab.ui-state-hover a:before {
	color: #ffffff;
}
#accountTabs .ui-tabs-tab.ui-state-active a:before {
	color: #306d9c;
}
#accountTabs .ui-tabs-tab:nth-of-type(1) a:before {
	content: "\f007";
}
#accountTabs .ui-tabs-tab:nth-of-type(2) a:before {
	content: "\f14a";
}
#accountTabs .ui-tabs-tab:nth-of-type(3) a:before {
	content: "\f02d";
}
#accountTabs .ui-tabs-tab:nth-of-type(4) a:before {
	content: "\f0d6";
}
#accountTabs .ui-tabs-tab:nth-of-type(5) a:before {
	content: "\f044";
}

#accountSummary {
	background: white;
	float: right;
	width: 190px;
	border: 1px solid #c2c2c2;
	padding: 10px 20px 10px 10px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#accountSummary .summaryPic {
	width: 30px;
}

#accountSummary .summarySubheading {
	margin-bottom: 8px !important;
	float: left;
	width: 100%;
	font-weight: 500;
	padding-right: 0;
}

#accountSummary .userStatusSection {
	font-weight: 700;
}

#accountSummary .summarySection {
	padding: 10px 0;
}

#accountSummary .alertIcon {
	margin-right: 5px;
}

/*--- Checkouts Section ---*/

td.checkoutsBookInfo {
	height: 70px;
	padding: 5px 10px;
}

.checkoutsRenewCountHeader {
		width: 100px;
}

.checkoutsDueDateHeader {
		width: 70px;
}

#checkoutsSummary {
	padding: 10px;
	margin-bottom: 10px;
}

#checkoutsSummary h3 {
	padding: 0;
}

.checkoutsAlert img {
	width: 18px;
	height: auto;
}

.sorttable_sortAnyInd img {
		width: 16px;
		height: auto;
}

/*--- Holds Section ---*/

.HoldsSummary {
	padding: 10px;
	margin-bottom: 10px;
}

.HoldsSummary h3 {
	padding: 0;
}

.holdsHeader button {
	clear: both;
}

.holdsRank {
	width: 70px;
	text-align: left;
}

.holdsRank .myAccountHeader_div {
	font-size: 11px;
}

.myAccountHeader_div {
	text-align: left;
}

.pickupHoldsLine td {
	padding: 5px;
	padding-left: 10px;
}

.holdsCoverArt {
	width: 13%;
	text-align: left;
}

.holdsAlert .fa-calendar {
	font-size: 18px;
	color: #E5AA2B;
}

.holdsHeader td {
	padding: 5px;
	font-size: 12px;
	padding-left: 10px !important;
	text-align: left;
	border: none;
	max-height: 19px;
	font-weight: 500;
	font-family: "Source Sans Pro", sans-serif;
}

/*--- Fines Section ---*/

.accruingFinesTable .td {
	padding: 10px;
	padding-bottom: 0;
}

.paymentHistoryTable .th.right {
	text-align: left;
	padding-left: 30px;
}

.paymentHistoryTable td.right {
	text-align: left;
	padding-left: 30px;
}

.paymentHistoryTable .paymentTotal .td {
	padding-bottom: 20px;
}

.accruingFinesHeader_div {
	padding: 5px;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 8px;
	text-align: left;
	border: none;
	max-height: 19px;
	font-weight: 500;
	font-family: "Source Sans Pro", sans-serif;
}

.paymentHistoryHeader_div {
	font-size: 12px;
	text-align: left;
	border: none;
	max-height: 19px;
	font-weight: 500;
	font-family: "Source Sans Pro", sans-serif;
}

.moneyCol.totalCredit {
	font-family: Verdana,Arial,sans-serif;
}

.accruingFinesTable .thead button {
	display: block;
	margin-left: 8px;
	margin-top: -6px;
	margin-bottom: 8px;
}

.blocksHeaderRow {
			line-height: 35px;
}

.blocksHeader {
			padding-left: 5px;
}

.noneHoldMessage {
			font-weight: bold;
			font-size: 16px;
}

/*- Top and Left Different --*/
.federated .hitNumber {
			top: 10px;
			left: 3px;
}

.federated .adaMode {
			padding: 5px;
			height: 35px;
}

/*- Width and Height Different --*/
.thumb .availableDiv {
			display: none;
}

/*- Padding Different --*/
.warning {
			padding: 20px;
}

#searchLimitDropDown {
			width: 180px;
}

/*- Padding Different --*/
.loginLink a {
			font-size: 12px;
			padding: 10px;
}

/*- Padding Different --*/
.menuLink a {
			font-size: 12px;
			padding: 10px;
}

.menuActive a {
			padding: 10px;
			color: #FFD07A;
}

.lpdropdown a:visited, .lpdropdown a:hover, .lpdropdown a:active {
			color: black;
}

#lpMainLink {
			color:white;
}

.noback {
	background:#FFFFFF;
	min-width: 0;
}

/* Background Tranparent Added */
.header_container {
			background: transparent;
}

.holdsTable {
			width: 500px
}

.titleColumn {
			width: 300px
}

.confirmation {
			text-align: center;
}

.sortSelectLabel {
			left: 4px;
}

/*--------------------------------------------*/

.cell_wrapper.researchStarter {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 5px;
}

.researchStarter .thumbnail {
		float: none;
		display: table-cell;
		vertical-align: middle;
		width: auto;
}

.researchStarter .thumbnail img {
		max-width: 200px;
		max-height: 200px;
		padding: 5px;
		padding-left: 20px;
		padding-top: 30px;
}

.researchStarter .results_bio {
		float: none;
		display: table-cell;
		vertical-align: middle;
		width: auto;
		left: 0px;
		margin: 0;
		padding: 20px;
}

.researchStarter .results_bio h2 {
		color: #306D9C;
}

.researchStarter p:nth-child(1) {
			font-size: 14px;
			margin-bottom: 10px;
}

/*--- Fix Sort Images in Detail View ---*/

.checkoutsIcons {
	display: block;
	clear: both;
}

/*--- My Lists Adjustments ---*/

.list .results_chkbox {
	top: 7px;
	left: -9px;
}

ul#listdetails_list .results_img {
	margin-top: 5px;
}

/*--- My Account Adjustments ---*/

.patronRequestDiv .fa-caret-right, .patronRequestDiv .fa-caret-down:before {
		margin-right: 6px;
}

.requestEntryLabel {
	display: initial;
}

.checkoutsCheckboxSelectAll {
	margin-left: 44px;
	margin-top: 4px;
}

.holdsActionMessages {
	margin: 5px;
}

.payFinesTable .th {
	background-color: #7FA5C2;
	padding: 5px;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 8px;
	text-align: left;
	border: none;
	max-height: 19px;
	font-weight: 500;
	font-family: "Source Sans Pro", sans-serif;
}

.payFinesTable .finesFooter {
	background-color: #BFD2E0;
}

.list .hitNumber {
	top: -14px;
	left: -8px;
}

#facet_navigators_table_header th, .facet_navigators_table_header th {
	padding: 0;
}

#view_all_facets_div table#facet_navigators_table_header .navCountColumn, .view_all_facets_div table.facet_navigators_table_header .navCountColumn {
	padding-right: 0;
}

/*--- Adjustments for Holdings Table ---*/

#results_wrapper .results_every_four .cell_wrapper .sortable, .results_wrapper_cs .results_every_four .cell_wrapper .sortable {
	width: 100%;
	border-collapse: collapse;
}

#view_all_facets_div, .ui-dialog > .view_all_facets_div.ui-dialog-content {
	height: auto !important;
}

#results_wrapper .results_every_four .cell_wrapper .sortable th, .results_wrapper_cs .results_every_four .cell_wrapper .sortable th {
	padding: 8px;
	text-align: left;
	border: solid 1px #ccc;
}

#results_wrapper .results_every_four .cell_wrapper .sortable td, .results_wrapper_cs .results_every_four .cell_wrapper .sortable td {
	padding: 8px;
	text-align: left;
	border: solid 1px #ccc;
}

.list .results_wrapper .cell_wrapper .sortable {
	width: 100%;
	border-collapse: collapse;
}

.list .results_wrapper .cell_wrapper .sortable th {
	padding: 8px;
	text-align: left;
	border: solid 1px #ccc;
}

.list .results_wrapper .cell_wrapper .sortable td {
	padding: 8px;
	text-align: left;
	border: solid 1px #ccc;
}

/*----------*/

#changePinPanel td:first-child {
	width: 135px;
}

/*--- Fix Scrollbar Issues in Place Hold Modal ---*/

#placeHold {
	overflow-y: hidden;
	overflow-x: hidden;
}

/*--- Email Error Fix ---*/

div.t-error li {
	margin-left: 5px !important;
}

/*--- Make Checkbox Bigger ---*/

.selectAll {
		font-size: 16px;
}

.cell_wrapper.publicationPlacard {
	border-bottom: dotted 1px #a9a9a9;
}

.dataByNyTimes {
	margin-left: -1px;
	padding-right: 5px;
}

/*--- Checkouts History Formatting ---*/

td.checkoutsHistoryCheckoutDates {
	padding: 5px;
	width: 15%;
}


/*--- Logout Warning Button ---*/

button#okButton {
	border: none;
	background: none;
}

button#okButton .ui-button-text {
	background: #306d9c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

button#okButton .ui-button-text:hover {
	background-color: #2d4e79;
	text-decoration: none;
}

/*--- Book Position for IE 8 ---*/

.detail_cover_art {
	margin-left: 35px\9;
}

/*--- Sort Button Alignment ---*/

.checkoutsIcons {
	position: relative;
	top: 2px;
}

.detailItems th {
	vertical-align: bottom;
}

.holdsHeader td {
	padding-bottom: 6px;
	vertical-align: bottom;
}

.checkoutsList th {
	vertical-align: bottom;
}

.checkoutsHistoryList th {
	vertical-align: bottom;
}

th.checkboxCol.sorttable_nosort,
.th.checkboxCol.sorttable_nosort {
	vertical-align: top;
}

/*--- Book River Padding ---*/

#bookRiverWrapper .jscarousal {
	padding-left: 14px;
}

/*--- Asset Display Spacing ---*/

#assetDisplayZone .documentDetail {
		margin-top: 15px;
		padding-left: 20px;
}

/*--- Update Requests Dialog Button Margin ---*/

.updateRequestButtonDiv {
		margin-top: 10px;
}

/*--- Allows 'Only Show Library Results' Button to Wrap in French Mode ---*/

a.button.btn-library-only, a.button.btn-eds-only {
    display: inline-block;
}

/*----------------------------------*/
/*--- Positioning for Book Title ---*/
/*----------------------------------*/

.no_image_text {
	font-family: 'Source Sans Pro', sans-serif;
}

/* Non-Interfiled and Assets Search Results */

#searchViewDISCOVERY_ALL .no_image_text, .csResultsWrapper .no_image_text {
	width: 56px;
	max-height: 46px;
	top: 19px;
	left: 33px;
	font-size: 9px;
}

/* Modal Window Detail View (Interfiled/Assets/Federated/My Lists) and Non-Modal Detail View */

#searchViewINTERFILED .ui-widget .detail_cover_art_div .no_image_text,
#searchViewDISCOVERY_ALL .ui-widget .detail_cover_art_div .no_image_text,
.csResultsWrapper .ui-widget .detail_cover_art_div .no_image_text,
.federated .ui-widget .detail_cover_art_div .no_image_text,
.listsTable .ui-widget .detail_cover_art_div .no_image_text,
.detail_cover_art_div .no_image_text {
	width: 77px;
	max-height: 71px;
	top: 15px;
	left: 54px;
	font-size: 11px;
}

/* Assets Detail View Carousal (Non-Modal) */

.detail_cover_asset_div .jscarousal-contents .no_image_text {
	top: 11px;
	left: 46px;
}

/* Assets Detail View Carousal (Modal Window) */

#searchViewDISCOVERY_ALL .jscarousal-contents .no_image_text, .csResultsWrapper .jscarousal-contents .no_image_text {
	width: 59px;
	max-height: 51px;
	top: 11px;
	left: 41px;
	font-size: 10px;
}

/* Book River Details */

.bookRiver .no_image_text {
	width: 115px;
	max-height: 96px;
	top: 21px;
	left: 24px;
	font-size: 15px;
}

/* Book River Carasouel */

.jscarousal-contents .no_image_text {
	width: 59px;
	max-height: 51px;
	top: 8px;
	left: 15px;
	font-size: 10px;
}

/* My Lists */

.listsTable .no_image_text {
	max-height: 53px;
}

/*--- Additional ADA Compliance ---*/


#ada_header .welcome {
	font-style: italic;
}

#ada_header #searchBoxHomeLink {
	opacity: 1;
}

#ada_header #searchButton {
	background-color: #36692C;
}

#ada_header .menuActive a {
	color: #fff;
	font-weight: bold;
}

.ada-mode .limitcolumn_wrapper .button,
.ada-mode table.sortable thead,
.ada-mode .table.sortable .thead,
.ada-mode .button,
.ada-mode .button:visited,
.ada-mode #searchInterfiledPanelPlacard,
.ada-mode .federated .publicationPlacard input.button {
	background: #063b63;
}

.ada-mode .resultsToolbar_paginationNumbers {
	color: #000;
	background-color: #fff;
	padding: 3px;
}

.ada-mode .ui-accordion-header .fa-caret-right, .ui-accordion-header .fa-caret-down {
    color: inherit;
}
.ada-mode .ui-accordion-header .availableLabel, .ada-mode .ui-accordion-header .totalAvailable {
    color: inherit;
}
.ada-mode .ui-accordion-header > a, .ada-mode .ui-accordion-header > a:link, .ada-mode .ui-accordion-header > a:visited {
    color: inherit;
}
.ada-mode .ui-tabs > .ui-tabs-nav {
    background-color: #063b63;
}
.ada-mode #accountTabs .ui-tabs-tab.ui-state-hover {
    background-color: #cfe5f5;
    border-color: #ffffff;
}
.ada-mode #accountTabs .ui-tabs-tab.ui-state-active {
    background-color: #ffffff;
}
.ada-mode #accountTabs .ui-tabs-tab a:before {
	color: #063b63;
}

.ada-mode #accountTabs .ui-tabs-tab a.ui-tabs-anchor, .ada-mode #accountTabs .ui-tabs-tab a.ui-tabs-anchor:link {
    color: #313131;
}
.ada-mode #accountTabs .ui-tabs-tab.ui-state-hover a.ui-tabs-anchor, .ada-mode #accountTabs .ui-tabs-tab.ui-state-hover a.ui-tabs-anchor:link {
	color: #313131;
}
.ada-mode #accountTabs .ui-tabs-tab.ui-state-active a.ui-tabs-anchor, .ada-mode #accountTabs .ui-tabs-tab.ui-state-active a.ui-tabs-anchor:link {
    color: #313131;
}

.ada-mode .navigatorCount,
.ada-mode .finesError,
.ada-mode .checkoutsError,
.ada-mode .holdsErrorMsg,
.ada-mode .additionalInformationError,
.ada-mode .patronRequestsError {
		color: #cc0000;
}

.ada-mode .payFinesTable .th {
	background-color: #D0D0D0;
	color: #063b63;
}

.ada-mode .advancedSearchTextField {
	border: solid 1px #000;
}

/*---------------------------------*/
/*--- Layout Fixes Added 9/1/15 ---*/
/*---------------------------------*/

/*--- Fix For Overlapping Buttons On My List Page ---*/

.myListList .results_right {
	float: right;
	position: static;
}

.myListList .results_bio {
	margin: 0;
	float: left;
}

/*--- Button Width Fix ---*/

.list .results_right a.button {
	width: 120px !important;
}

/*--- SMS Notification Button Fix ---*/

.addSmsDiv {
	margin-top: 0;
}

.smsPrefButtons .button {
	float: left;
	font-family: "Source Sans Pro";
}

.smsPrefButtons button {
	margin-right: 5px;
}

.smsPrefButtons {
	padding-bottom: 10px;
}

/*--- iFrame for Relais Page ---*/

#relais_search_results {
	border: solid 1px #ccc;
}

/*--- Topmost Title For iFrame ---*/

#jerFederatedTitleBar {
	font-size: 18px;
	padding: 9px;
}

/*--- Fix for Results Bio Middle Column (Interfiled Results) - Keeps Widgets from Wrapping to Bottom ---*/

.interfiledResultsWrapper div[id^=results_bio] {
    max-width: 240px;
    margin-right: 0;
}

/*--- Fix for Results Bio Middle Column (Library Only Results) - Keeps Widgets from Wrapping to Bottom ---*/

#results_wrapper div[id^=results_bio]], .results_wrapper_cs div[id^=results_bio] {
    max-width: 450px;
}

/*--- Fix for Results Bio Middle Column (EDS and Other Database Results) - Keeps Widgets from Wrapping to Bottom ---*/

.federated div[id^=results_bio] {
    max-width: 450px;
}

/*--- Remove Right Margin From EDS Only Results ---*/

.interfiled3rdParty .results_bio {
    margin-right: 0;
}

.federated .ui-dialog-content .no_image_text,
#searchViewINTERFILED .federated .ui-dialog-content .no_image_text  {
    top: 15px;
    left: 54px;
}

.myAccountCoverArt .no_image_text {
    max-height: 28px;
}

/*--- Fix for Journal Section Button and Margin ---*/

.federated .publicationPlacard input.button {
    background: #749b6c;
}

.federated .publicationPlacard {
    padding-bottom: 20px;
    border-bottom: none;
}

/*--- Add Padding to Bottom of Thumbnail Results Display ---*/

.thumb #results_wrapper, .thumb .results_wrapper_cs {
	padding-bottom: 10px;
}

/*--- Sort Dropdown ---*/

.sortDropDown:focus {
	background: #fff;
}

 /*--- Fixes for Other Languages ---*/

.customDropdown li a {
	margin-right: 5px;
	padding-left: 10px;
}

.HoldsDetail .holdsButtons:last-of-type {
	margin-top: 15px;
}

/*--- Fixes for Thumbnail View ---*/

#searchViewINTERFILED .thumb .no_image_text, #searchViewDISCOVERY_ALL .thumb .no_image_text, .csResultsWrapper .thumb .no_image_text {
	font-size: 16px;
	width: 120px;
	max-height: 104px;
	top: 22px;
}

/*--- Fix for no_image_text ---*/

.searchView .no_image_text {
	top: 19px;
}

.federated .no_image_text,
 #searchViewINTERFILED .federated .no_image_text {
    left: 28px;
}

/*-------------------------------------------*/
/*--- CSS for Internet Explorer 10 and Up ---*/
/*-------------------------------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* IE10+ CSS styles go here */

	html {
		position: relative;
	}

	#q {
		margin-top: -1px;
	}

	#searchButton {
			top: -5px;
	}

	#footer {
		position: absolute;
	}

	.ui-widget .detail_cover_art_div .no_image_text {
		max-height: 69px;
	}

	#content {
		display: inline-block;
	}

	/*--- Book Position for IE 8 ---*/

	.detail_cover_art {
		margin-left: 50%;
	}
}

/* Put this at the bottom for max priority */
.hidden {
    display: none;
}

/* Begin SirsiDynix FRBRish styling */
/* FRBR Detail Display (Other editions) */

.frbrNote {
    font-size: 11px;
}

ul.frbr-dropdown,
ul.list-items {
    list-style:none;
}

ul.list-items {
    clear:both;
    text-align:left;
    padding-left:2em;
    text-indent: -2em;
    border: solid 1px #aaa;
}

.list-items .formatTypeIcon {
    min-width: unset;
}

/* FRBR Search Results Display */
.frbrClusterDisplay {
    background-color: beige !important;
}

.frbrExpressionLinks {
    display:inline-block;
    white-space: inherit;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.expressionSearchLink {
    padding: 1px 12px 0px;
    border: solid 1px #ccc;
    border-top: none;
    background: #fff;
}
.expressionSearchLink:hover {
    cursor: pointer;
}

ul.frbr-sr-dropdown {
    list-style: none;
}

li.frbr-expressions {
    margin-left: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

li.frbr-expressions>a {
    color: #000;
    text-decoration: none;
    width: 95%;
}

.frbr-menu-labels {
    margin-left: 5px;
}
.frbr-menu-open {
    float: right;
}
.mobile .frbr-menu-open {
    display: none;
}

ul.frbr-sr-list-items {
    list-style: none;
    display: none;
    margin: 10px 0px;
}

.frbr-sr-list-items .frbrFormatTypeIcon {
    background-repeat: no-repeat;
    height: 16px;
    position: relative;
    top: 2px;
}

ul.frbr-sr-list-items>li {
    position: relative;
    padding-right: 10px;
}

.frbrFormatTypeIcon {
    display: inline-block;
    background-repeat: no-repeat;
    width:auto;
    padding-left: 18px;
    background-size: 18px 18px;
}
.mobile .frbrFormatTypeIcon {
    min-height: 22px;
}

.frbr-expressions i:before {
    font-size: 14px;
    margin-right: 6px;
    margin-left: 4px;
}

.cell_wrapper.frbrClusterDisplay .results_bio {
    max-width: 600px !important;
}

.frbrClusterDisplay button[class^="availability-button"] {
    display: none !important;
}

.frbr-accordion {
    float: left;
    clear: both;
    width: 100%;
    min-width: 600px;
    margin-top: 20px;
    text-align: left;
    border: 1px solid rgb(222, 222, 222);
    padding: 2px 10px;
    background: rgb(246, 246, 246);
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

.frbr-accordion>.displayElementWrapper .displayElementLabel:hover {
    cursor: pointer;
}

.frbr-accordion-content {
    display: none;
    float: left;
    width: 100%;
}

.frbr-accordion .frbr-displayElementWrapper {
    line-height: 20px;
    padding-bottom: 5px;
}

.frbr-accordion .displayElementLabel {
    font-weight: 400;
    color: #1e6aad;
    position: relative;
    top: 3px;
}

.frbr-accordion .displayElementLabel i {
    margin-right: 5px;
    color: #000;
}

.frbr-accordion .frbr-number-of-formats,
.frbr-accordion .frbr-number-of-items {
    font-weight: 700;
}

.frbr-table {
    width: 100%;
    border-collapse: collapse;
}

.frbr-table th {
    border: solid 1px #ccc;
    background: #7a879b;
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    padding: 3px 6px;
}

.frbr-table td {
    border: solid 1px #ccc;
    padding: 3px 6px;
    font-size: 11px;
}

.frbr-table tr:nth-child(even) {
    background: #f1f1f1;
}

.frbr-table tr:nth-child(odd) {
    background: #fff;
}

.frbr-table th:nth-child(2) {
    width: 56px;
}

.frbr-table th:nth-child(4) {
    width: 90px;
}

.frbr-table th:last-child {
    width: 66px;
}

.availability-table-div td {
    background: none !important;
}

.availability-table-div tr {
    background: #fff;
}

.availability-table-div tr:nth-child(even) {
    background: #f1f1f1;
}

.frbr-table th:first-child {
    width: 90px;
}

.frbr-first-format {
    border-top: solid 1px #ccc;
}
.list-all-editions .frbr-open-all {
    top:auto;
    height: auto;
}

/*--- FRBR Open All Button ---*/

.frbr-open-all {
    float: right;
    position: relative;
    text-transform: uppercase;
    top: -23px;
    right: 15px;
    color: #1e6aad;
    height: 0px;
    font-size: 11px;
}

.frbr-open-all:hover {
    cursor: pointer;
}

button.frbrToggle {
    width: 17px;
    height: 20px;
    font-size: 14px;
}
.fa-angle-down:before {
    content: "\f107";
    margin-left: -2px !important;
}

/*--- FRBR "Place Hold" Button ---*/

.frbr-table .button {
    font-size: 10px;
    padding: 2px 10px;
    margin: 2px 0px;
}

.frbr-table .button:hover {
    background: #3b3a36;
    opacity: .5;
}

.formatTypeIcon-UNKNOWN{
    background-image: url(/client/images/format-icons/unknown.png);
}
.list_hidden{
  display: none;
}
.thumb .list_hidden{
  display: inline;
}
.frbrPopupHeader {
    font-weight: 700;
    margin-bottom: 5px;
}
.frbrThumbButton {
  margin-left: 21px;
}

/*--- FRBR Format Holds (Blanket Holds) ---*/

.frbr-format-holds {
    float: right;
    position: relative;
    top: -25px;
    height: 0;
    right: 10px;
}

.frbr-format-holds .button {
    padding: 2px 12px;
    font-size: 10px;
    text-transform: uppercase;
}

.frbr-format-holds-check {
    float: right;
    height: 0;
    width: 95px;
    position: relative;
    top: 7px;
    right: -615px;
    font-size: 11px;
}

.frbr-format-holds-check input {
    margin-left: 10px;
}

.frbr-available-note {
    float: right;
    position: relative;
    top: -23px;
    right: 140px;
    color: #1e6aad;
    height: 0px;
    font-size: 11px;
    font-style: italic;
}

.submit-format-holds {
    float: right;
    margin: 10px 10px 0;
    line-height: 1.5;
}

.submit-format-holds .button {
    padding: 2px 12px;
    font-size: 10px;
    text-transform: uppercase;
}

.frbr-format-holds {
    display:none;
}

.frbrClusterDisplay .sumItemsDiv, .frbrClusterDisplay .summaryitems, .frbrClusterDisplay .availability-table-div, .frbrClusterDisplay button[class^="availability-button"], .frbrClusterDisplay .detailitems, .frbrClusterDisplay .copies_wrapper, .frbrClusterDisplay .marcHoldings_outerWrapper {
    display:none !important;
}
/* End SirsiDynix FRBRish styling */

@import 'libsvic-reframe.css';

/* Announcement Banner */
@media screen and (max-width: 600px) {.reframe #menu #announcement {display: none;}}
.bigband.announcement {padding: 1rem;}

/* Back to top button */
.topButton{bottom:2rem}

.slideMenu {
    background-color: white;
}

.mobile div#buttonsWrapper {
    float: right;
}

.mobile #searchBoxWrapper {
    top: auto;
    padding: 0rem 1rem 1rem;
}

.mobile .searchBoxLinks a {
    color: white;
}

.mobile div#searchBox {
    /*  max-width: calc(100% - 50px); */
}

.mobile div.searchBoxLinkRow {
    width: none;
}

.mobile .searchBoxSection {
    margin-bottom: 0;
}

.mobile .buttonsWrapper .fa-search {
    top: 7px;
    left: 16px;
}

.mobile #searchButton {
    min-width: 50px;
	margin-left: 0;
	min-height: auto;
}

.mobile .fa-search {
	background-color: transparent;
}

.mobile div#searchBoxWrapper:before,
.mobilehomebutton {
    content: "";
    background-image: url(/custom/web/LSA_horizontal_white_text.png);
    width: calc(100% - 115px);
    display: inline-block;
    height: 69px;
    background-repeat: no-repeat;
    background-size: contain;
}

.mobile div#searchBoxWrapper:before {
    background: none;
    display:none;
}

.heavyweight .mobile div#searchBoxWrapper:before {
    display:none;
}

/* :::: overwrite above and add new small libSA logo in mobile :::: */
.mobile .mobilehomebutton {
    width: 54%;
    left: 75px;
}

/* below added in saplnjslauncher instead so as not to break the search results page
.mobile div#searchBoxWrapper:before {
    display: initial;
}*/
.mobilehomebuttonPls {
    background: url(/custom/web/PLS/redesign/libraries-SA.png) no-repeat;
    position: relative;
    left: 0;
    height: 70px;
    width: 60px;
    background-size: contain;
    z-index: 22;
}



@media (max-width: 768px) {

    /*.mobile div#searchBoxWrapper.scrolled:before, .mobilehomebutton {
        display: none;
    }*/
    .mobile div#searchBoxWrapper.scrolled:before {
        display: none;
    }

    .mobile div#searchBoxWrapper.scrolled #searchField {
        /*margin-top: 14px;*/
    }

    .mobile div#searchBoxWrapper.scrolled {
        padding-top: 14px;
    }
}

/* mobilehomebutton is added by the custom_js_launcher to be a clickable home button in mobile view */
.mobilehomebutton {
    background-image: url(/custom/web/LSA_horizontal_white_text.png);
    position: absolute;
    top: 0;
    left: 1em;
    z-index: 1;
    cursor: pointer;
}

.mobile .mobilehomebutton {
    z-index: 21;
}

.mobile div#searchBoxWrapper {
    background-color: rgba(23, 83, 119, 0);
    /* transition: all 2s; */
}

.mobile div#searchBoxWrapper.scrolled {
    background-color: rgba(23, 83, 119, 0.9);
}

.mobile .header {
    z-index: 21;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
}

.mobile .headerWrapper {
    height: 64px;
    /*50px;*/
    width: 50px;
    left: auto;
    padding: 1rem 1rem 0 0;
    position: absolute;
    right: 0;
    z-index: 21;
}

.mobile .header_container {
    min-height: auto;
    color: auto;
    width: auto;
    height: auto;
    color: inherit;
}

.mobile #searchLimitDropDown {
    width: 100%;
}

.mobile div#searchField {
    width: 100%;
}

.mobile .headerWrapper.scroll-img {
    background: transparent;
    /* background:rgba(0,0,0,.6);*/
}

.mobile .headerWrapper {
    /*background:rgba(0,0,0,.6);*/
}

.mobile .dropDown {
    box-shadow: none;
    background-color: white;
}

.mobile #searchBox .dropDown {
    margin: 5px 0;
}

.mobile #hero_area {
    padding-top: 285px;
    min-height: 500px;
}

/* table fixes */
@media (min-width: 768px) {
    .mobile #hero_area {
        padding-top: 100px;
    }

    .mobile .thumb .results_cell {
        width: 90%;
    }

    .mobile #searchResultsColumn {
        width: 98vw;
        margin: 0 auto;
    }

    .mobile #nm_detail_wrapper {
        width: 100vw;
    }

}

.mobile #searchBox .dropDown.restrictionDropDown {
    width: 150px;
}

.mobile .restrictionForm i.fa-caret-down.select-arrow {
    left: 122px;
}

/*stop jumping when mobile menu changes on scroll*/
.mobile .scroll-position {
    position: relative;
    top: 180px;
    margin-bottom: 170px;
}

/* search results filter layout*/
.mobile table#facet_navigators_table {
    background: white;
    padding: 6px;
}

.mobile table#facet_navigators_table tr td {
    padding: 10px;
}

/* my lists page.reduce width on mobile*/
/*.mobile #myListsContainer {
    max-width:400px;
}
*/
/*.mobile .listsCell {
    width: initial;
}
*/
.mobile #hero_area #local_hero_area {
    margin-top: 40px;
}

.mobile #eventsResultsPanel .list>img {
    margin-top: 20px;
}

.mobile .comm_info_results {
    margin-top: 30px;
}

.mobile a.commInfoIDLink {
    margin-left: 0;
    padding: 3px 6px !important;
}


.mobile .contact_id {
    margin-top: 6px;
}

/* related services in search results */
.mobile div#eventsResultsPanel {
    padding: 8px;
}

.mobile div#eventsResultsPanel h4 {
    text-align: left;
}

.mobile div#eventsResultsPanel h4 a {
    margin-top: 8px;
    font-size: 20px;
}

.mobile div#eventsResultsPanel h4 a::before {
    color: #444;
    display: inline-block;
    font-family: FontAwesome;
    content: "\f054";
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    margin-right: 4px;
}

.mobile .displayElementWrapper img {
    width: 100%;
}

.mobile #results_wrapper .border-v:not(.hidden)~.border-v {
    border-top: 1px solid #ccc;
}

.mobile #results_wrapper .list .cell_wrapper {
    border-bottom: none !important;
}

.mobile .comm_info_results .thumb_hidden_comm_info:nth-child(3) {
    position: relative !important;
    left: 0;
}

.mobile .comm_info_results span.thumb_hidden_comm_info {
    position: relative;
    top: 16px;
}

.mobile .list .cell_wrapper {
    padding: 32px 5px;
}

.mobile #preferencesPanel .fieldSection .dropDown,
.mobile #resultSelectWrapper select#resultSelect {
    padding: 10px;
    border-radius: 4px;
}

.mobile #preferencesPanel .fieldSection i.fa-caret-down {
    margin-top: 24px;
}

.mobile #userPanel .fieldSection>.text-h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #306d9c;
    margin-top: 24px;
}

.mobile #userPanel .fieldSection.listField .field {
    font-size: 18px;
}

.mobile #userPanel .fieldSection .field .label {
    font-weight: bold;
    color: #666;
}

.mobile #userPanel .fieldSection .field .label::after {
    content: ':';
    display: inline-block;
}

.mobile #userPanel .fieldSection.listField .field:not(.hidden)~.field {
    padding-top: 10px;
}

.mobile .mobileMenuLink a {
    color: inherit !important;
    /* padding-left: 8px; */
    margin-left: 6px;
}

.mobile .mobileMenuLink i.fa {
    top: 32px;
    font-size: 12px;
    position: relative;
    padding-left: 6px;
    color: #555;
}

.mobile a.tab_selected.required,
.mobile #links a.tab {
    text-decoration: none;
}

.mobile .frbrExpressionLinks {
    background: white;
    padding: 8px 0;
    border-radius: 2px;
    margin-top: 8px;
}

.mobile .expressionSearchLink {
    padding: 6px 12px 0;
}

.mobile button.frbrToggle {
    padding: 3px 6px;
    border: 1px solid #aaa;
}

.mobile #suggestWrapper .dropdown {
    background: rgba(0, 0, 0, .6)
}

.mobile .accountResult {
    position: relative;
}

.mobile .holdActionMenu {
    z-index: 19;
    position: absolute;
    right: 8px;
}

.ui-dialog.bgcolor-white {
    background-color: white;
}

.mobile .ui-dialog-buttonpane .ui-button {
    color: white;
}

.mobile .resultsToolbar a#slideMenuLinksearchLimitsColumn {
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 3px;
    background: #fafafa;
    margin-bottom: 6px;
}

.mobile .resultsToolbar a#slideMenuLinksearchLimitsColumn::after {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font-size:14px;
    content: "\f0b0";
    color:lightblue;
    margin-left:4px;
	font: normal normal normal 14px/1 FontAwesome;
}

.gsc-search-button-v2 {
    border-radius: 0;
}

.mobile .messageSection {
    margin: 10px;
    background: rgba(255, 255, 255, .6);
    padding: 8px;
}

.mobile .searchInputClearButton {
	right: 75px;
}

.mobile div#buttonsWrapper {
	margin-left: 0;
}


/* Advanced Search Menu Change */
var style_advanced = `<style class="style-advanced">
.mobile #searchBox.expanded .advanced .fa-chevron-down {
    transform: rotate(180deg);
}

 .returnToPreviousWrapper {
        position: relative;
        left: 0px;
        bottom: 6px;
		margin-left: 1rem;
}

body.heavyweight.mobile.reframe #search {
  margin-bottom: 19px;
  padding-left: 4px;
  padding-right: 4px;
}

.mobile #searchBox.expanded .advanced .fa-chevron-down {
    transform: rotate(180deg);
}

.mobile #searchBox .fa {
    transition: all 0.5s;
}



.mobile #searchBox .fa {
    transition: all 0.5s;
}

.mobile #searchBox #more {
    /* display:none !important; */
}

.mobile #searchBoxExpandedLinks {
    display:none
}

.mobile #searchBoxCollapsedLink {
    display:none
}

.mobile .collapsed .advanced-link {
    display:none;
}

.mobile .advanced-link {
    padding-top: 8px
}
.mobile .advanced-link a {
    color:white;
}

.mobile #searchBox .dropDown {
    max-width:none; 
}

.mobile #searchBox .dropDown.restrictionDropDown {
    width:100%;
}

.mobile #searchBox .restrictionForm i.fa-caret-down.select-arrow {
    left: auto;
}

.mobile #buttonsWrapper.hasAdvanced #searchButton {
    outline: revert;
    border: 1px solid rgba(255,255,255,0.25);
    border-right: 0;
}

.mobile #buttonsWrapper.hasAdvanced button.advanced {
    outline: revert; 
}
</style>`;

$J(".style-advanced").remove(); 
$J("head").append(style_advanced);


/* Advanced Search Room Changes */
.advancedSearchLabel::before, .advancedSearchRadioLabel::before, .advancedSearchRadioLabel::after {content: "\n\n"; white-space:pre-wrap;}
#advancedSearchOnlyAvailableWrapper {font-weight: bold;}
.advancedSearchDropDown, .advancedSearchField #restrictionDropDown {float: left; width: 100%; border-radius: 4px; font-size: 1.25rem; height: 2rem; border-color: blue; margin-bottom: 1rem;}
.advancedSearchTextField {height: 2rem; font-size: 1rem; width: 100%;}
.advancedSearchLabel {font-size: 1.5rem;}
.advancedSearchField {margin-left: 0%;}
.inlineAdvancedSearch {display: inherit;}
#advancedSearchSubmit {margin-left: 10px; margin-top: 30px;}
.flexAdvancedSearch {margin-left: 10px;}
#advancedSearchButton {color: #fff; font-weight: bold;}
#advancedSearchPage {margin: 0px !important;}

@font-face {
    font-family: 'Mittelschrift';
    src: url("/custom/web/content/libsvic/css/DIN1451Mittelschrift.eot");
    src: url("/custom/web/content/libsvic/css/DIN1451Mittelschrift.eot?#iefix") format("embedded-opentype"), url("/custom/web/content/libsvic/css/DIN1451Mittelschrift.woff2") format("woff2"), url("/custom/web/content/libsvic/css/DIN1451Mittelschrift.woff") format("woff"), url("/custom/web/content/libsvic/css/DIN1451Mittelschrift.ttf") format("truetype"), url("/custom/web/content/libsvic/css/DIN1451Mittelschrift.svg#DIN1451Mittelschrift") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINlight';
    src: url("/custom/web/content/libsvic/css/DINLight.eot");
    src: url("/custom/web/content/libsvic/css/DINLight.eot?#iefix") format("embedded-opentype"), url("/custom/web/content/libsvic/css/dinlight.woff2") format("woff2"), url("/custom/web/content/libsvic/css/dinlight.woff") format("woff"), url("/custom/web/content/libsvic/css/DINLight.ttf") format("truetype"), url("/custom/web/content/libsvic/css/DINLight.svg#DINLight") format("svg");
    font-weight: normal;
    font-style: normal
}

body.heavyweight.reframe #account,
body.heavyweight.reframe #search  {
    background-color: #A2394E;
}
div#footer.footer_container {
    background-color: #3a4752;
    padding: 16px 0;
}
div#footer p {
    margin: 0;
    padding:  0;
}

#content {
    background-color: white !important;
}

.buttongrid.colour2 .img {
    background-color: #188cb9;
}


/**** font families ****/
body #libInfoContainer {
    font-family: 'Source Sans Pro', sans-serif;
}

body,
input {
    font-family: 'DINlight', Arial;
}
#searchBox .dropDown,
h1,
h2,
h3,
h4,
h5,
h6,
#megamenu ul li {
     font-family:'Mittelschrift', Arial;
     font-weight: 400;
}

div#suggestWrapper {
    background-color: white;
    color: black;
}

/************************** BODY STYLES *******************/
/* Insert the image for the background in the parentheses */
body {
    height: auto;
}

div#hero {
    background-image: url(https://libsvictest.ent.sirsidynix.net.au/custom/web/content/libsvic/images/LV-New-Home-Page-Web-Banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/**** heavyweight: special code halton is currently working on. ***/

.heavyweight.reframe #account {
    background-color: transparent;
    padding: 0;
}

.heavyweight.mobile.reframe #mobile {
    background: transparent;
    position: relative;
    color: white;
}

.heavyweight.reframe #search {
    display: inherit;
    position: sticky;
    padding: 0;
}

.heavyweight.reframe #account {
    position: relative;
    top: 0;
}

.heavyweight.mobile.reframe #mainMenu {
    background-color: transparent;
    padding: 16px;
}

body[stuck].heavyweight.reframe #search {
    background-color: rgb(162 57 78 / 90%);
    z-index: 20;
}

.heavyweight div#searchBoxesWrapper {
    padding: 0;
}

.heavyweight.mobile #mainMenu>.slideMenuLink {
    background-color: white;
    border-color: transparent;
}

.heavyweight.mobile.reframe .mobilehomebutton {
    background-image: url(/custom/web/content/libsvic/LV_Logo_CMYK-2019.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.heavyweight div#hero_area {
    padding-top: 0;
}

/**** reframe : javascript changes the order of dom elements on the page to make it easier to style.  */
body.reframe {
    background-color: white;
    background-size: 100%;
    margin-bottom: 0;
}

.reframe #account>*,
.reframe #search>*,
.reframe #menu>* {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.reframe #search {
    position: sticky;
    top: -2px;
    /* special case for intersection observer to detect when off page */
    z-index: 1;
    display: none;
    position: inherit;
    padding-bottom: 16px;
    padding-top: 16px;
}

.reframe div#searchBoxesWrapper {
    padding-top: 0;
}

.reframe.mobile #search {
    display: block;
}

.reframe #account {
    position: sticky;
    top: -2px;
    z-index: 51;
    padding: 16px 0;
    background-color: white;
    transition: padding 0.1s;
}

.ada-mode.reframe #account {
    position: relative;
    top: auto;
}

.reframe.mobile #account {
    display: none;
}

body[stuck].reframe #account {
    padding: 0;
}

.ada-mode.reframe #search {
    position: unset;
}


.mobile.reframe #search {
    padding: 16px;
    margin-top: -16px;
}
body.heavyweight.mobile.reframe #search {
    padding-top: 0;
    margin-top: 0; 
}
body[stuck].heavyweight.mobile.reframe #search {
    padding-top: 16px;
}

.reframe #menu {
    background-color: #A2394E;
	margin-top: -20px;
}

@media only screen and (max-width:992px) {
    .reframe #menu {
        padding-top: 0px;
    }
}

.reframe #searchBoxHomeLink {
    float: none;
    display: inline-block;
}

.reframe #megamenu ul ul {
    z-index: 21;
}

.reframe #advancedSearchPage {
    margin-top: 0px !important;
}

.reframe.nonhomepage #content {
    margin-top: 0px;
}

body[stuck] .reframe #search {
    background-color: rgba(23, 83, 119, 0.9);
}

body[stuck] .ada-mode.reframe #search {
    background-color: unset;
}

.reframe #hero_area {
    display: grid;

    /* grid-template-rows: 1fr 1.5fr; */
    grid-template-rows:  1fr;
    min-height: 500px;
    padding-top: 0;
}

.mobile.reframe #hero_area {
    grid-template-rows: unset;
}

.reframe #hero_area #subheading {
    background-color: #A2394E;
    margin: auto;
    display: inline-block;
    border-radius: 16px;
    padding: 16px;
}

.reframe #hero_area #subheading {
    align-self: end;
}

.reframe #hero_area #local_hero_area {
    align-self: end;
    position: unset;
}

.reframe #hero_area h1 {
    font-size: 64px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 8px; 
}

.reframe #hero_area h2 {
    font-family: 'DINlight';
    margin-top: 16px;
    font-size: 32px;    
}

.mobile.reframe #slideMenuLinkmainMenu {
    border-radius: 0;
    padding: 8px 18px 6px;
}

.mobile.reframe .bgcolor-p3 {
    color: white;
}

.has-title.mobile.reframe #mobile {
    display: block;
}

.mobile.reframe #mobile {
    position: sticky;
    display: flex;
    top: 0;
    z-index: 30;
    background: white;
    color: #222;
}

.ada-mode.mobile.reframe #mobile {
    position: relative;
}

.mobile.reframe .mobilehomebutton {
    order: 2;
    position: relative;
    left: auto;
    width: calc(100% - 120px);
    background: none;
}

.mobile .mobilehomebutton .mm-logo {
    display: flex;
    height: 100%;
    justify-content: center;
}

.mobile .mobilehomebutton .mm-logo a {
    align-self: center;
}

.mobilehomebutton .mm-logo img {
    max-height: 68px;
    max-width: 100%;
    padding-top: 6px;
}

.mobile.reframe #mainMenu {
    order: 3;
    position: relative;
    margin-left: auto;
    padding: 10px;
    right: 0;
    top: 0;
}

.mobile.reframe #header.header_container {
    margin: 0;
}

.mobile.reframe .pageTitleText {
    display: block;
    padding: 0;
    margin-top: 16px;
}

.reframe #searchBoxStyleDiv {
    display: flex;
    align-items: center;
    height: auto;
}

/**** page types set by page_type_detector() ****/
.search-page div#content{
    max-width: 1200px;
}
body.search-page {
    background-image: none;
}

/*************************** HEADER AREA ******************************/

/* Background color of header as well as the color "area" of the header - default height of header color 150px */
.headerWrapper {
    background-color: transparent;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    height: 43px
}

/* Placement of a banner -- you may need to lower a banner by 30px if it gets in the way of the ADA menu */
.header_container,
#ada_header .header_container {
    background-color: transparent;
    max-width: 1200px;
    width: auto;
    min-height: auto;
}

#header.header_container {
    padding: 0;
}

/* menu links color property: color */
/* menu container background color */

#mainMenuContainer {
    background-color: transparent;
    float: none;
    padding: 11px 0;
    margin: 0;
    border-radius: 0;
}

#mainMenuContainer a {
    color: white;
}

.menuLink a,
.menuLink a:visited,
.menuLink a:active,
.loginLink a,
.menuActive a,
#lpMainLink {
    color: rgb(42, 106, 156);
    font-size: 18px;
    font-weight: bold;
}

.logo_container {
    z-index: 19;
    /* stop menu appearing in front of sticky header */
}

.menuLink a.searchBox {
    white-space: nowrap;
}

#libInfoContainer .menuLink:nth-child(n+9) a:hover {
    text-decoration: none;
}

.welcome {
    font-weight: bold;
}

#languageSelector .pipeSeparator,
.pipeSeparator-light {
    display: none;
}

/* language option color property: color */

.lpdropdown li {
    border: 1px;
    border-bottom: 0px;
}

.lpdropdown li:last-child {
    border: 1px;
}

/* Change help and ADA icon color */
.fa-question-circle::before,
.fa-wheelchair::before {
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.fa-question-circle::before {
    content: "\f128";
}

/* ADA menu box background color */
.ada_div_top_wrapper {
    width: 250px;
    position: relative;
    right: auto;
    z-index: 22;
    margin: 0;
    margin-top: 6px;
}

.ada_div_top {
    float: none;
    top: auto;
}

.ada_div_top_wrapper .ada_link_light {
    font-weight: bold;
}

.ada_div_top_wrapper .pipeSeparator-light {
    display: initial;
}

#adaNav a,
.ada_link,
#adaNav .pipeSeparator-light {
    color: #fff;
}

#adaNav a:hover,
.ada_link:hover {
    color: #fff;
    text-decoration: none;
    color: yellow;
}

a#patronHelp:hover i {
    text-decoration: none;
    color: yellow;
}

#mainMenuContainer>.patron_help {
    vertical-align: middle;
    margin-right: 10px;
}

#ada_header .loginLink a,
#ada_header .menuLink a,
#ada_header .pipeSeparator-light,
#ada_header .pipeSeparator {
    color: #fff;
}

#ada_header .fa-question-circle::before,
#ada_header .fa-wheelchair::before {
    color: #fff;
}

#ada_header .fa-question-circle:hover:before,
#ada_header .fa-wheelchair:hover:before {
    color: #fff;
}

.light a .fa::before,
.light a .fa:hover:before {
    color: #333;
}


/* join link style
body.reframe.heavyweight .menuLink a.joinLink,
a.loginLink.joinLink,
.loginLink a {
    color: yellow !important;
}

.light a.loginLink.joinLink,
.light .loginLink a {
    color: #cc0000 !important;
}

body.reframe .menuLink a.joinLink {
    color: #08c !important;
} */

/**************** MEGA MENU MM STYLES NEW **************************/
#megamenu {
    max-width: 1200px;
    z-index: 20;
    margin: auto;
    text-align: left;
}

#megamenu a {
    text-decoration: none;
}

#megamenu>ul {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    background-color: #A2394E;
    margin:0;
}

#megamenu ul li {
    display: inline-block;
    color: #fff;
    margin: 0;
    font-size: 20px;
    margin-right: 30px;
    padding: 1em 12px;
    text-align: left;
    vertical-align: top;
    transition: .1s all ease;
    background-color: #A2394E;
    border-radius: 0;
}

#megamenu.light ul li,
#megamenu.light ul li:hover,
#megamenu.light ul li:focus {
    color: #333;
}

#megamenu ul li:hover,
#megamenu ul li:focus {
    color: #fff;
    background-color: #832e3f;
}

#megamenu ul li:last-child {
    margin-right: 0;
    position: relative;
}

#megamenu ul ul {
    position: absolute;
    margin-top: 1em;
    margin-left: -12px;
    min-width: 224px;
    padding: 0;
}

#megamenu ul li ul li {
    margin-right: 0;
    padding: 6px 20px;
    background-color: white;
}

#megamenu ul li ul li a {
    color: black;
}

#megamenu ul li ul li:hover,
#megamenu ul li ul li:focus {
    color: white;
    background-color: #A2394E;
}
#megamenu ul li ul li:hover a,
#megamenu ul li ul li:focus a{
    color: white;
}

#megamenu ul li ul li a {
    transition: all .2s ease;
}

#megamenu ul li ul li:hover a,
#megamenu ul li ul li:focus a {
    margin-left: 3px;
    transition: all .2s ease;
}

#megamenu.light ul li a {
    color: #555;
}

#megamenu ul li a {
    color: #fff;
    padding: 0.5em 0;
}

#megamenu ul li a:hover,
#megamenu ul li a:focus {
    text-decoration: none;
}

#megamenu ul li ul li a {
    display: block;
}

#megamenu ul li ul li a:hover,
#megamenu ul li ul li a:focus {
    text-decoration: none;
}

#megamenu ul.flyout li {
    display: none;
    font-size: 15px;
}

#megamenu .menu:hover ul.flyout {
    border-top: 16px solid transparent;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
}

#megamenu li:focus ul li,
#megamenu li:hover ul li {
    display: block;
    float: none;
    margin-bottom: 0px;
    color: black;
    text-indent: 0;
}


#megamenu ul li:last-child ul {
    position: absolute;
    right: 0;
    min-width: 236px;
}


#megamenu ul li:last-child ul li {
    text-align: right;
}

#megamenu ul li:last-child ul li:focus a,
#megamenu ul li:last-child ul li:hover a {
    margin-right: 3px;
}

#megamenu .fa {
    font-size: 14px;
    margin-left: 4px;
}


/***** MINI MENU ******/
.minimenu .mm-logo img {
    max-width: 415px;
    transition: .2s all ease-in-out;
    max-height: 200px;
}

.logo-sm {
    max-height: 80px !important;
    transition: .2s all ease-in-out;
}

.minimenu .mm-logo.auto-width img {
    width: auto;
}

.minimenu .mm-logo.invert img {
    filter: invert(1);
}

.minimenu .mm-logo.height-60 img {
    width: auto;
    height: 60px;
}

.minimenu .mm-logo.height-100 img {
    width: auto;
    height: 100px;
}

.minimenu .mm-logo.height-120 img {
    width: auto;
    height: 120px;
}

.minimenu {
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 10px;
}

.minimenu .mm-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

#megamenu.minimenu ul li {
    margin-right: 0px;
}

#megamenu.minimenu>ul {
    background-color: transparent;
}

#megamenu.minimenu ul li.mm-search {
    padding-right: 0;
    padding-left: 0;
}

.search_open #megamenu.minimenu ul li.mm-search {
    display: none;
}

#megamenu.minimenu ul li.mm-help {
    padding-left: 0;
}

#megamenu.minimenu.light ul li:hover,
#megamenu.minimenu.light ul li ul li {
    background-color: white;
    border-radius: 5px;
}

#megamenu.minimenu.light ul li:hover a {
    color: #222;
}

#megamenu.minimenu.light ul li ul li:hover {
    background-color: white;
}

#megamenu.minimenu.light ul li ul li .menuLink:hover {
    background-color: #ddd;
}

#megamenu.minimenu.light ul li ul li.nohover:hover,
#megamenu.minimenu.light ul li ul li.nohover {
    background-color: #eee;
    cursor: default;
}

#megamenu.minimenu li.mm-flyout a {
    padding: .5em 12px;
}

#megamenu.minimenu ul li ul li.mm-flyout {
    padding: 6px 4px;
}

#megamenu.minimenu li.mm-flyout a:hover {
    background-color: #eee;
}

li.menu.menu5.mm-search.snatch-lwSearch:hover {
    background-color: transparent !important;
}

#lwSearchButton:hover {
    filter: brightness(1.2);
}


/* ************ stop menu layout breaking before mobile menu *************/

@media (min-width:768px) and (max-width: 950px) {
    #megamenu ul ul {
        min-width: 196px;
    }

    #megamenu ul li {
        font-size: 14px;
        margin-right: 0;
    }

    #megamenu ul li:last-child ul {
        margin-left: -75px;

    }

    #megamenu .fa {
        font-size: 12px;
    }

    #megamenu ul.flyout li {
        font-size: 14px;
    }
}


@media (min-width: 376px)and (max-width: 768px) {
    #hero_area {
        padding-top: 10px !important;
    }
}

/* ::::::::: END NEW MM MENU ::::::::::::::*/
/* down caret */
.caret {
    position: relative;
}

.caret:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: 12px;
}

.caret:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 10px;
    border-top: 4px solid rgb(36, 102, 153);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 12px;
}

/************************** SEARCH BOX AREA **************************************/

#searchBoxWrapper {
    background-color: transparent;
    border-bottom: none;
    z-index: 20 !important;
    min-width: initial;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 0;
    height: auto;
    min-width: auto;
    transition: 1s background-color;
}

div#searchBoxWrapper.scrolled {
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

.ada-mode div#searchBoxWrapper.scrolled {
    position: relative;
}

.header.scrolled {
    /* this counteracts the effect of changing searchboxwrapper from relative to fixed */
    padding-bottom: 80px;
}

.ada-mode .header.scrolled {
    padding-bottom: 0;
}

a.returnToPrevious {
    color: inherit;
}

/* change Home link color */
.fa-home::before {
    color: transparent;
    content: "";
}

.fa-home::after {
    content: "";
    background: transparent url(/custom/web/content/libsvic/LV_Logo_CMYK-2019.png) no-repeat 0px 0px;
    width: 200px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0;
    display: none;
}

#lvLogo {
    background-image: url(/custom/web/content/libsvic/css/LV-Logo-CMYK-2019.png);
    height: 43px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 210px;
    background-size: auto 43px;
    margin: 32px;
}

.mobile #lvLogo {
    margin: 5px 0 0 0;
    min-width: 120px;
    background-size: auto 32px;
    height: 32px;

}

#plvLogo {
    background-image: url(/custom/web/content/libsvic/css/PLV-Logo-Reverse-2018.png);
    height: 43px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 210px;
    background-size: auto 43px;
    margin: 32px;
	margin-right: 16px;
}

.mobile #plvLogo {
    margin: 5px 0 0 0;
    min-width: 160px;
    background-size: auto 32px;
    height: 32px;
}

@media only screen and (max-width:380px) {
    .mobile #plvLogo {
        background-size: auto 30px;
        min-width:  158px;
    }

    .mobile #lvLogo {
        background-size: auto 30px;
        min-width: 118px;
    }
}

@media only screen and (max-width:360px) {
    .mobile #plvLogo {
        background-size: auto 26px;
        min-width:  132px;
    }

    .mobile #lvLogo {
        background-size: auto 26px;
        min-width: 105px;
    }
}

@media only screen and (max-width:319px) {
    .mobile #plvLogo {
        background-size: auto 24px;
        min-width:  122px;
    }

    .mobile #lvLogo {
        background-size: auto 24px;
        min-width: 95px;
    }
}
/* Home icon is 0.7 opacity by default.  If you want the true color, set opacity to 1 */
#searchBoxHomeLink {
    /* position: fixed; */
    top: 13px;
    /* max-width: 1200px; */
    /* margin: auto; */
    display: block;
    width: auto;
    text-align: left;
    /* top: auto; */
    opacity: 1;
    padding: 0px;
    /* min-width: auto; */
    width: auto;
    margin: 0;
}

/* Set color of search drop-down menus */
#searchBox .dropDown {
    font-size: 18px;
    height: 34px;
    border-radius: 5px;
    margin-right: 12px;
}

#searchBox .dropDown.restrictionDropDown {
    width: 108px;
}

/* Set color of search box */
#q {
    font-size: 16px;
    height: 35px;
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0px;

}

.reframe #searchBox .dropDown,
.mobile #searchBox .dropDown,
#q {
    border: 1px solid #e8e8e8;
}

.mobile.reframe.lightweight .searchBoxLinks a {
    color: #333;
}

.extendedSearchBoxDiv input#q {
    width: 100%;
}

/* Advanced Search Link */
#searchBoxAdvancedLink {
    display: none;
}


/* Search Button */
.searchButton {
    vertical-align: top;
    background-color: #568E14;
    /* WCAG 2.0 contrast */
    height: 35px;
    font-size: 18px;
    cursor: pointer;
}

#lwSearchButton {
    text-transform: none;
    background-color: #568E14;
    /* WCAG 2.0 contrast */
    font-size: 18px;
    height: 34px;
    min-width: 100px;
    top: 0;
    margin: 0px 0px 0px 5px;
    outline: none;
    font-weight: 700;
    border: solid 1px rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
}

#searchButton {
    text-transform: none;
    background-color: #568E14;
    /* WCAG 2.0 contrast */
    font-size: 18px;
    height: 36px;
    min-width: 88px;
    top: 0;
    margin: 0px 0px 0px 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    outline: none;
}

.searchButton:hover {
    background-color: #3A7728;
}

#searchButtonDropdown {
    width: 20px;
    font-size: 18px;
    border-radius: 0px 5px 5px 0;
    border-width: 1px 1px 1px 0;
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='378' height='378' viewBox='0 0 100 100'%3E%3Cpath d='M90.2 34.5l-40 40-40-40 8-8 32 32 32-32 8 8' fill='%23fff' stroke='%23fff' stroke-width='5'/%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center 12px;
}

#searchButtonMore {
    position: absolute;
    width: 200px;
    border: 0.2px solid black;
    right: 0;
    color: black;
    background-color: white;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

input#searchButton.searchButtonLeft {
    border-radius: 5px 0 0 5px;
}



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

/******************** BOOKRIVER STYLES ***********************************/


/*** secondary menu ******/
/* halton hid this: 28/08/2019 */
.secondary_header_menu_container {
    display: none;
}


div#secondary_header_menu_container {
    background-color: white;
    color: black;
    margin-top: 200px;
    padding: 1rem;
    margin-bottom: 0;
}

.secondary_header_menu_container {
    width: auto;
}


/**** new rivers - promotional panel ****/
.bigband.bigband.bigband.rivers-sd {
    background-color: #252523;
}

.bigband.rivers-sd h2 {
    color: white;
}

.rivers-thumb {
    text-align: center;
}

.rivers-thumb img {
    width: 50%;
    min-width: 300px;
}

#river-content.bigband {
    width: inherit;
    min-width: inherit;
    background-color: white;
}

.mobile #river-content.bigband {
    padding: 8px;
}

/******************** CONTENT AREA ***************************************/

#content {
    margin-bottom: 0;
    padding-bottom: 0;
    width: auto;
    min-height: auto;
    display: block;
}

#content.mobile {
    padding-top: 0px;
}

.content a {
    text-decoration: underline;
}

.column {
    /* padding-bottom: 0; */
    /* margin-bottom: 0; */
    float: none;
    padding: 0;
    margin: 0;
}

.content_container {
    color:  #585858;
    margin-bottom: 0;
}

#content .columns_container {
    background-color: transparent;
    color: black;
    padding-top: 120px;
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: auto;
    display: block;
    width: auto;
    /* overflow: hidden; */
    padding: 0;
    /* box-sizing: border-box; */
    margin-top: 0;
}

.nonhomepage #content {
    background-color: white;
    margin-top: 110px;
}

.nonhomepage #content .columns_container {
    max-width: 1200px;
    box-sizing: border-box;
    margin: auto;
    background-color: white;
}

#content .columns_container h1 {
    font-size: 60px;
    text-align: center;
    line-height: 60px;
    /* text-shadow: 1px 2px 14px rgba(0, 0, 0, .6); */
}

.nonhomepage #content .columns_container h1 {
    text-shadow: none;
}

#content .columns_container h2 {
    /* color: #6d6d6d; */
    /* font-size: 40px; */
    /* text-align: center; */
    /* margin-bottom: 40px; */
}

#content .columns_container h3 {
    /*  color: #6d6d6d;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px; */
}

.columns_container .pct50,
.columns_container .pct75 {
    width: auto;
}

#content>#message {
    /* https://test.onecard.network/client/en_AU/mitcham/search/paymentmessage/0/search.PaymentMessage.Cancel */
    padding: 48px;
}

.bigband.max1200 {
    max-width: 1200px;
}


/* header/banner on content pages */
#content .bigband.banner {
    background-color: #f0f0f0;
}

#content .bigband.banner h1 {
    font-size: 53px;
    line-height: unset;
    text-align: left;
    margin: 0;
}

/* if you need to be able to "scroll to" an element with an anchor tag, this overcomes the header size */
.anchor-header-fix {
    margin-top: -220px;
    padding-top: 220px;
    background-clip: content-box;
    display: block;
    pointer-events: none;
}

.allexpanded .anchor-header-fix {
    margin-top: 0;
    padding-top: 0;
}

/* HS type-scale.com */
html {
    scroll-behavior: smooth;
}

html,
body {
    font-size: 17px;
}

body {
    background-color: white;
    font-weight: 400;
    line-height: 1.7;
    color: #333;
}

p {
    /* margin-bottom: 1.25em; */
}

h1,
h2,
h3,
h4,
h5 {
    margin: 2.75rem 0 1rem;
    font-weight: 400;
    line-height: 1.15;
}

h1 {
    margin-top: 0;
    font-size: 3.052em;
}

h2 {
    font-size: 2.441em;
}

h3 {
    font-size: 1.953em;
}

h4 {
    font-size: 1.563em;
}

h5 {
    font-size: 1.25em;
}

small,
.text_small {
    font-size: 0.8em;
}


#footer h3 {
    font-size: 1.25em;
}

/*
.buttongrid a {
    font-size:1.563em;
}*/


/* HS refactor */
body,
body #libInfoContainer {
    min-width: auto;
}


.bigband {
    padding: 3rem;
    /* width: 90%; */
    box-sizing: border-box;
    border: 1px;
    margin: 0;
    display: block;
    max-width: 100vw;
    overflow-x: auto;
}

.bigband.odd {
    background-color: #006699;
}

.bigband.even {
    background-color: #3a4752;
}

.bigband>.panel,
.bigband>div {
    max-width: 1200px;
    margin: auto;
}

#content .infopanel {
    color: white;
    height: 340px;
    /* padding-top: 20px; */
}

.infopanel {
    /* border:1px solid red; */
    color: white;
}

.infopanel.even {
    /* border:1px solid blue; */
    background-position-x: left !important;
    background-repeat: no-repeat;
    position: relative;
}

.infopanel>div {
    width: 50%;
    padding: 40px 60px;
    box-sizing: border-box;
}

.infopanel.even>div {
    /* border:1px solid red; */
    position: absolute;
    right: 0px;
}

.infopanel h2 {
    line-height: 40px;
    /* color: white; */
}

.infopanel div p>a {
    border: 1px solid white;
    padding: 1em;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    /* border-radius: 4px; */
    /* margin-top: 20px; */
}

/**** search results  *****/
.searchResults_wrapper {
    background-color: #eee;
}

#resultsWrapper {
    width: calc(100% - 325px);
    margin-bottom: 40px;
}

#resultsWrapper span.thumb_hidden.FORMAT {
    display: initial;
}

#resultsWrapper #links {
    border: none;
    background-color: #f6f6f6;
}

.thumb .resultsToolbar_big_wrapper {
    border: none;
}

#searchResultsColumn {
    width: 100%;
    border-color: #ccc;
}

.searchResults_wrapper .searchLimitsColumn {
    max-height: 1493px;
    overflow-y: auto;
    -webkit-box-shadow: 0px 35px 20px -4px white;
    -moz-box-shadow: 0px 35px 20px -4px white;
    box-shadow: 0px 35px 20px -4px white;
}

.searchResults_wrapper .searchLimitsColumn {
    width: 325px;
}

.searchLimitsColumn .navigatorName {
    max-width: 215px;
}

.searchLimitsColumn span.navigatorName a {
    font-size: 14px;
}

#results_wrapper div[id^=results_bio] {
    max-width: 75%;
    width: 75%;
}

.thumb .results_every_four {
    padding-left: 16px;
}

/* goodreads button */
#detail0GOODREADS_BUTTON {
    background-image: none !important;
    width: 99% !important;
    height: 26px !important;
    position: relative;
    background-color: #ece8dc;
    color: #382110;
    text-shadow: 1px 0 white;
    letter-spacing: -1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
}

#detail0GOODREADS_BUTTON::before,
#detail0GOODREADS_BUTTON::after {
    font-size: 18px;
    left: 0;
    right: 0;
    top: 0;
    padding: 2px 10px;
}

#detail0GOODREADS_BUTTON::before {
    content: "good";
    position: absolute;
    font-weight: 100;
    right: 48px;
}

#detail0GOODREADS_BUTTON::after {
    content: "reads +";
    font-weight: 500;
    position: absolute;
    left: 34px;
}

.thumb .results_chkbox {
    left: 0;
    width: 16px;
    height: 16px;
}

/***** updated search results ****/
/***** SEARCH RESULTS SECTION *****/
/***** SEARCH RESULTS SECTION *****/
#results_wrapper button.frbrThumbButton {
    font-weight: 700;
}

.searchLimitsColumn .facetTitleRow {
    background: #e0e5f1;
    color: #333;
    border-radius: 2px;
}

.facetTitleRow .facetTitle {
    font-size: 15px;
    font-weight: 600;
}

.searchLimitsColumn .limitcolumn_wrapper .button,
.searchLimitsColumn .detailPanel {
    box-shadow: none;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
}

.searchLimitsColumn .frbrThumbButton {
    box-shadow: none;
    border-radius: 3px;
}

.searchResults_wrapper .searchLimitsColumn {
    max-height: initial;
}

#search_target_tabs .tab.tab_selected {
    background-color: white;
}

.resultsToolbar_wrapper {
    background-color: #f6f6f6;
}

/** libsvic custom **/
body.mobile.search-page #plvLogo {
    display: none;
}
.searchResults_wrapper .searchLimitsColumn {
    padding-top: 20px;
}
.limitcolumn_availability {
    margin-bottom: 22px;
}

.searchResults_wrapper {
    background-color: none;
}
#results_wrapper .cell_wrapper {
    border: none;
    border-radius: 3px;
    margin: 22px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
}
.searchResults_wrapper .limitcolumn_wrapper,
#results_wrapper #searchResultsColumn {
    border: 0;
}
.mobile #results_wrapper {
    padding: 12px;
}
.mobile #results_wrapper .cell_wrapper {
    margin: 16px 0;
}
/* results tab NOT selected */
#searchResultsColumn #results_wrapper .tab {
    border: 1px solid #aaa;
    border-bottom: 0;
}

/* results tab SELECTED */
#results_wrapper a.tab_selected.required {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
    color: midnightblue;
}

.thumb #results_wrapper {
    padding-left: 0;
    display: initial;
    /* was inline block that created  some white space */
}

.resultsToolbar_wrapper.top {
    border: none;
}

.resultsToolbar_num_results {
    border-radius: 6px;
}

.federatedResultsPanel {
    float: none;
    margin-top: 29px;
}

/* :: Fix results layout :: */
#resultsWrapper .thumb .results_cell {
    float: none;
    display: table-cell;
}

#resultsWrapper .thumb .thumbnail {
    vertical-align: bottom;
    padding-bottom: 3px;
}

#resultsWrapper #searchViewDISCOVERY_ALL .thumb .no_image_text {
    top: 28px;
}

/* search results mobile */
.mobile .list .cell_wrapper {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.mobile .list .results_cell {
    padding-right: 0;
}

.mobile #results_wrapper div[id^=results_bio] {
    max-width: none;
    width: auto;
}

.mobile .resultsToolbar_left {
    width: auto;
    padding: 0;
}

.mobile .resultsToolbar_num_results {
    padding: 0;
}

.mobile .tab,
.mobile .tab_selected {
    white-space: nowrap
}

.mobile .resultsToolbar_right {
    float: none;
}

.mobile .list .results_right {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 65px;
}

.mobile #links .tab,
.mobile #links .tab_selected {
    display: inline-block;
    padding: 10px 4px;
    margin: 0;
}

.mobile .displayDetailLink {
    border: 0px solid red;
    max-width: calc(100% - 45px);
    display: inline-block;
}

.mobile #mainMenu {
    position: absolute;
    top: 17px;
    padding: 0;
    margin: 0;
    right: 17px;
    background-color: white;
}

.mobile #mainMenu .fa.fa-bars {
    color: #08c;
}

.mobile #mainMenu>.slideMenuLink {
    padding: 7px 17px 5px;
}

#mainMenu {
    z-index: 30;
}

#mainMenuMobile {
    display: none;
    z-index: 30;
    background-color: white;
}

.customDropdown.resultsToolbar {
    font-size: 12px;
}

.dropDownButton:after {
    content: "\f078"; /* chevron-down */
}

.customDropdown .dropDownButton {
    border-radius: 0;
}

/** change the burger menu **/
.mobile #mainMenu {
    top: 15px;
    right: 15px;
}

.heavyweight.mobile.reframe #mainMenu {
    padding: 10px 16px 10px 12px;
}


#mainMenu>.slideMenuLink,
.mobile #mainMenu>.slideMenuLink {
    border: 0;
    border-radius: 0;
    padding: 7px 15px 5px;
}

#slideMenuLinkmainMenu i,
.mobile #mainMenu .fa.fa-bars,
#mainMenu a.slideMenuLink.fa.fa-bars {
    font-size: 28px;
    color: #568E14;
}

#mainMenu a.slideMenuLink .fa-bars::after {
    content: 'MENU';
    color: #568E14;
    background: white;
    padding: 2px;
    width: 54px;
    text-align: center;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: absolute;
    left: -15px;
    bottom: -12px;
}

/** //end change the burger menu **/

.mobile .resultsSection {
    background-color: white;
}

/*.tab {
    float: none;
}*/


/* search: related services */
.mobile .comm_info_results {
    margin-left: 0 !important;
    width: auto !important;
}

#eventsResultsPanel .list>img {
    max-width: 100%;
    margin-top: 14px;
    height: 100%;
}

/* search: state library */
.mobile .federated .results_img_div {
    margin-bottom: 20px;
}

/* search:; detailnonmodal - available in onecard, additional info and reading suggestions, other formats/editions - chrome on ipad holdfast and npsp*/
.mobile #results_wrapper {
    background: white;
}

.mobile #content #nm_detail_wrapper.detail_wrapper .ui-tabs-panel.ui-widget-content {
    background-color: white;
}

.mobile .detailItems {
    background-color: white;
}

.mobile #nm_detail_wrapper.detail_wrapper .list-items {
    background-color: white;
}


.mobile #nm_detail_wrapper.detail_wrapper .unbound_mega {
    background-color: white;
}


.mobile #nm_detail_wrapper.detail_wrapper .unbound_mega>* {
    background-color: white;
}

/* buttongrid widget */

.clickable {
    cursor: pointer;
}

.buttongrid.buttongrid-cards {
    grid-row-gap: 0;
}

.buttongrid.buttongrid-cards h3 {
    padding-top: 0;
    margin-top: 0;
}

.buttongrid.buttongrid-cards>div h4.more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
}

.buttongrid.buttongrid-cards>div.colspan3 {
    width: 100%;
}

.buttongrid.buttongrid-cards>div h3 {
    color: black;
}

.buttongrid.buttongrid-cards .subtitle {
    color: #767676;
    /* WCAG 2.0 contrast */
    display: block;
    font-size: 60%;
}

.buttongrid.buttongrid-cards>div h4 {
    font-size: 1em;
    min-height: 2.2em;
    align-items: center;
    display: flex;
    justify-content: center;
}


.buttongrid.buttongrid-circles>div {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    width: 193px;
    height: 193px;
    margin: auto;
    align-items: center;
    justify-items: center;
}

.buttongrid.buttongrid-circles>div h4 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: white;
}

.buttongrid.buttongrid-circles .img {
    height: 193px;
}

.buttongrid.buttongrid-circles .img img {
    width: 193px;
    max-height: none;
    filter: blur(2px) contrast(0.6);
    mix-blend-mode: luminosity;
}

.buttongrid-circles>div:hover {
    filter: brightness(1.5);
}

.buttongrid-circles>div:nth-of-type(1) .img {
    background-color: #3aaacf;
}

.buttongrid-circles>div:nth-of-type(2) .img {
    background-color: #8d3685;
}

.buttongrid-circles>div:nth-of-type(3) .img {
    background-color: #236f6f;
}

.buttongrid-circles>div:nth-of-type(4) .img {
    background-color: #eb833b;
}

.buttongrid-circles>div:nth-of-type(5) .img {
    background-color: #c32522;
}

.buttongrid-circles>div:nth-of-type(6) .img {
    background-color: #1e688b;
}

.buttongrid-circles>div:nth-of-type(7) .img {
    background-color: #3aaacf;
}

.buttongrid-circles>div:nth-of-type(8) .img {
    background-color: #8d3685;
}

.buttongrid-circles>div:nth-of-type(9) .img {
    background-color: #236f6f;
}

.buttongrid-circles>div:nth-of-type(10) .img {
    background-color: #c32522;
}

.buttongrid h4 {
    padding: 0;
    margin: 0;
}

.buttongrid.buttongrid-cards .category-block {
    position: relative;
}

/* new grid circles */
.grid-circle {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3rem;
    justify-items: center;
    text-align: center;
}

.grid-circle .img img {
    width: 190px;
    max-height: none;
    filter: blur(2px) contrast(0.6);
    mix-blend-mode: luminosity;
}

.grid-circle>div {
    display: grid;
    background-color: #08c;
    padding: 10px;
    height: 190px;
    width: 190px;
    border-radius: 50%;
    align-items: center;
    justify-items: center;
    transition: all .2s ease;
}

.grid-circle>div:hover {
    transition: all .2s ease;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.34);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    filter: brightness(1.2);
    /*transform: rotate(10deg) scale(1.1);*/
}

.grid-circle>div a {
    color: white;
    text-decoration: none !important;
}

/* .grid-circle>div div.img {
    clip-path: polygon(15% 66%, 15% 54%, 34% 61%, 34% 48%, 100% 81%, 100% 100%, 0 100%, 0 61%);
} */

.grid-circle>div:nth-of-type(1) {
    background-color: #3aaacf;
}

.grid-circle>div:nth-of-type(2) {
    background-color: #8d3685;
}

.grid-circle>div:nth-of-type(3) {
    background-color: #236f6f;
}

.grid-circle>div:nth-of-type(4) {
    background-color: #eb833b;
}

.grid-circle>div:nth-of-type(5) {
    background-color: #c32522;
}

.grid-circle>div:nth-of-type(6) {
    background-color: #1e688b;
}

.grid-circle>div:nth-of-type(7) {
    background-color: #3aaacf;
}

.grid-circle>div:nth-of-type(8) {
    background-color: #8d3685;
}

.grid-circle>div:nth-of-type(9) {
    background-color: #236f6f;
}

.grid-circle>div:nth-of-type(10) {
    background-color: #c32522;
}

.grid-circle>div:nth-of-type(11) {
    background-color: #1e688b;
}

.grid-circle>div:nth-of-type(12) {
    background-color: #3aaacf;
}

.grid-circle>div:nth-of-type(13) {
    background-color: #8d3685;
}

.grid-circle>div:nth-of-type(14) {
    background-color: #236f6f;
}

.grid-circle>div:nth-of-type(15) {
    background-color: #eb833b;
}

/*
.buttongrid .category-block:after {
    content: "+";
    position: absolute;
    right: 11px;
    top: 14px;
}

.buttongrid .category-block.expanded:after {
    content:"-";
}

.buttongrid .subcategory-block h5:after {
    content: "+";
    right:11px;
    position: absolute;
}

.buttongrid .subcategory-block.expanded h5:after {
    content:"-";
}
*/


.allexpanded .buttongrid div div.subcategories,
.allexpanded .buttongrid div div.subcategory-items {
    display: block;
}

.allexpanded .buttongrid {
    display: block;
    grid-template-columns: 1fr;
    width: 100%;
}

.allexpanded .buttongrid.buttongrid-cards>div {
    width: 100%;
}

.allexpanded .buttongrid .img,
.allexpanded .buttongrid.buttongrid-cards>div,
.allexpanded .buttongrid.buttongrid-cards>div h4 {
    background-color: transparent;
    color: black;
}

.allexpanded .buttongrid.buttongrid-cards div div.subcategory-items a:link {
    color: #0000EE;
}

.allexpanded .buttongrid.buttongrid-cards div div.subcategory-items a:visited {
    color: #551A8B;
}

.allexpanded .buttongrid.buttongrid-cards>div h4 {
    font-size: 1.563em;
    justify-content: normal;
    padding-left: 16px;
}

.allexpanded .buttongrid.buttongrid-cards>div {
    margin-bottom: 1em;

}

.buttongrid.buttongrid-cards>div {
    border: 1px solid #ebebeb;
    height: 100%;
    transition: .2s all ease-in-out;
}

.buttongrid.buttongrid-cards>div:hover {
    background: #f1f1f1;
    transition: .2s all ease-in-out;

}

.buttongrid-cards a {
    text-decoration: none;
}

.buttongrid-cards a:hover {
    text-decoration: none;
}

.allexpanded .buttongrid .category-block:after {
    content: "";
}

.buttongrid div div.subcategories,
.buttongrid div div.subcategory-items {
    min-height: 10px;
    clear: both;
    float: none;
    margin-top: 5px;
}

.buttongrid div div.subcategories {
    padding-bottom: 2em;
    display: none;
}

.buttongrid div div.subcategory-items {
    display: none;
}

.subcategory-items p {
    text-align: left;
    padding: 10px;
}

.buttongrid div div.subcategory-block {
    float: none;
    clear: both;
    min-height: 0px;
    margin: 5px 0 0 !important;
    position: relative;
}

.buttongrid div div.subcategory-block h5 {
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    text-align: left !important;
    font-size: 1rem;
}

.buttongrid div div.subcategory-block h6 {
    margin: 0 0 0 40px !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 20px;
}

.buttongrid div div.subcategory-items a {
    font-weight: 700;
    font-size: inherit;
    display: inline;
    color: #6d6d6d;
}

.buttongrid .img {
    display: inline-block;
    margin: auto;
    width: 100%;
    height: 150px;
    display: grid;
    align-items: center;
    justify-items: center;
}

.buttongrid .img.no-img {
    height: 75px;
}

.buttongrid .img img.shadow {
    filter: drop-shadow(4px 4px 1px rgba(0, 0, 0, 0.3));
    max-width: 100%;
    max-height: 100%;
}

.buttongrid {
    /* border:1px solid red; */
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "header header header";
    grid-row-gap: 3rem;
}

.buttongrid.branches-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "header";
}

.buttongrid.branches-1>div {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.buttongrid.branches-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "header";

}

.buttongrid.branches-2>div {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.buttongrid>*:first-child() {
    -ms-grid-column: 1;
    /* IE fix */
}

.buttongrid>*:nth-child(2) {
    -ms-grid-column: 2;
    /* IE fix */
}

.buttongrid>*:nth-child(3) {
    -ms-grid-column: 3;
    /* IE fix */
}

.buttongrid>*:nth-child(4) {
    -ms-grid-column: 1;
    /* IE fix */
    -ms-grid-row: 2;
    /* IE fix */
}

.buttongrid>*:nth-child(5) {
    -ms-grid-column: 2;
    /* IE fix */
    -ms-grid-row: 2;
    /* IE fix */
}

.buttongrid>*:nth-child(6) {
    -ms-grid-column: 3;
    /* IE fix */
    -ms-grid-row: 2;
    /* IE fix */
}

.buttongrid.single {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
}

.buttongrid>div {
    text-align: center;
}

.buttongrid>div.colspan3 {
    grid-column: 1 / span 3;
}

.buttongrid h2 {
    grid-column-start: 1;
    grid-column-end: 4;
}

/* twopanel widget */
.twopanel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "header header";
    grid-row-gap: 3rem;
}

.twopanel>*:first-child {
    -ms-grid-column: 1;
    /* IE fix */
}

.twopanel>*:nth-child(2) {
    -ms-grid-column: 2;
    /* IE fix */
}

.twopanel .leftpad {
    padding-left: 2rem;
}

.twopanel img {
    max-width: 100%;
    max-height: 100%;
}


.twopanel.image-right .image {
    order: 1;
    text-align: center;
}

.twopanel.news h5 {
    margin-top: 0;
}
.twopanel.news {
    grid-column-gap: 1rem;
}
.twopanel.img-text {
    grid-column-gap: 3rem;
    align-items: center;
}
.twopanel.img-text h1,
.twopanel.img-text h2,
.twopanel.img-text h3 {
    padding-bottom: 8px;
    text-align: left;
}


@media only screen and (max-width: 576px) {
    .twopanel.news .image {
        order: 1;
    }
    .twopanel.image-left>*:first-child {
        order: 2;
    }
}


/* three panels */
.threepanel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "header header header";
    grid-row-gap: 1rem;
    grid-column-gap: .5rem;
}

.threepanel>*:first-child {
    -ms-grid-column: 1;
    /* IE fix */
}

.threepanel>*:nth-child(2) {
    -ms-grid-column: 2;
    /* IE fix */
}

.threepanel>*:nth-child(3) {
    -ms-grid-column: 3;
    /* IE fix */
}

/* four panels */
.fourpanel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "header header header header";
    grid-row-gap: 1rem;
    grid-column-gap: .5rem;
}

.fourpanel>*:first-child {
    -ms-grid-column: 1;
    /* IE fix */
}

.fourpanel>*:nth-child(2) {
    -ms-grid-column: 2;
    /* IE fix */
}

.fourpanel>*:nth-child(3) {
    -ms-grid-column: 3;
    /* IE fix */
}

.fourpanel>*:nth-child(4) {
    -ms-grid-column: 4;
    /* IE fix */
}

/** INFOGRAPHIC **/
.twopanel.news.image-right {
    grid-template-columns: 42% auto;
    -ms-grid-columns: 42% auto;
    grid-column-gap: 2em;
}
.infographic-container {
    overflow-x: auto;
    box-shadow: 0 0px 8px rgb(0 0 0 / 30%);
}
.infographic {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    min-width: 550px;
    /*grid-column-gap: 1em;
    grid-row-gap: 1em;*/
}

.mobile .infographic {
    min-width: auto;
    grid-template-columns: 1fr;
}

.infographic img {
    max-height: 100px;
    float: right;
    margin: 2px 8px;
}
.infographic div {
    padding: 10px;
}
.infographic h3 {
    margin-bottom: 0;
    color: #4e992f;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 200;
}
.infographic p {
    float: left;
    color: #333;
    font-size: 17px;
}

/* row 1 */
.infographic .ig-a {
    grid-column: 1 / span 4;
    border-right: 5px solid #bbb;
    border-bottom: 5px solid #bbb;;
    background-color: #f1f1f1;

}

.infographic .ig-a img {
}
.infographic .ig-b {
    grid-column: 5 / span 2;
    border-bottom: 5px solid #bbb;;

    background-color: #f9f9f9;
}


.infographic .ig-b img {
    max-height: 45px;
    padding-top: 20px;
}
/* row 2 */

.infographic .ig-c {
    grid-column: 1 / span 3;
    border-bottom: 5px solid #bbb;;
    border-right: 5px solid #bbb;

    background-color: #f9f9f9;
}
.infographic .ig-c img {
    max-height: 100px;
}
.infographic .ig-d {
    grid-column: 4 / span 3;
    border-bottom: 5px solid #bbb;;
    background-color: #f1f1f1;
}
.infographic .ig-d img {
    max-height: 90px;
}
/* row 3 */
.infographic .ig-e {
    grid-column: 1 / span 2;
    background-color: #f1f1f1;
    border-right: 5px solid #bbb;
}
.infographic .ig-e img {
    max-height: 70px;
}
.infographic .ig-f {
    grid-column: 3 / span 4;
    background-color: #f9f9f9;
}

.mobile .infographic > div {
    grid-column: 1;
    border-right: 0px;
    border-bottom: 4px solid #bbb;    
}

/*.clickable:hover {
    filter: brightness(1.1);
}*/

/* footer address panel widget */
/* footer address panel widget */
#footer-our-branches {
    color: black;
    background-color: #f2f2f2;
}

#footer #footer-our-branches a {
    text-decoration: none;
    color: #6d6d6d;
}

#footer-our-branches .branch-image {
    min-height: 50px;
}

#footer-our-branches .branch-image.library-0,
#footer-our-branches .branch-image.library-6 {
    background-color: #1e688b;
}

#footer-our-branches .branch-image.library-1,
#footer-our-branches .branch-image.library-7 {
    background-color: #3aaacf;
}

#footer-our-branches .branch-image.library-2,
#footer-our-branches .branch-image.library-8 {
    background-color: #ff4500;
}

#footer-our-branches .branch-image.library-3,
#footer-our-branches .branch-image.library-9 {
    background-color: #255454;
}

#footer-our-branches .branch-image.library-4,
#footer-our-branches .branch-image.library-10 {
    background-color: #ffa500;
}

#footer-our-branches .branch-image.library-5,
#footer-our-branches .branch-image.library-11 {
    background-color: #8d3685;
}


#footer-our-branches .address-panel {
    grid-column-gap: 1rem;
}

#footer-our-branches .address-panel>div {
    background-color: white;
    color: #6d6d6d;
    line-height: 1.6em;
    padding-bottom: 54px;

}

#footer-our-branches .address-panel h3 {
    color: #6d6d6d;
    text-transform: uppercase;
    margin-top: 1rem;
    padding: 8px 10px 12px 10px;
}

#footer-our-branches .countrytemplate .address-panel .email {
    white-space: nowrap;
}

.footer_container .gsc-control-cse.gsc-control-cse-en {
    background-color: transparent;
    border-color: transparent;
}

.gsc-results-wrapper-visible {
    background-color: white;
}

.searchbox {
    max-width: 1200px;
    margin: auto;
}

#footer #footer_social .searchbox .gsc-search-button-v2 {
    padding: 14px 26px;
    cursor: pointer;
    border-radius: 0;
}

/* address panel widget */
/* address panel widget */


.address-panel {
    padding: 32px 0;
}

.address-panel>div {
    position: relative;
}

.address-panel h3 {
    margin: 24px;
    color: white;
    padding: 0 0 16px 0;
    margin: 0;
    font-size: 20px;
}

.address-panel a {
    color: white;
}

#footer-our-branches .address-panel .more {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.address-panel table {
    display: inline-block;
    text-align: left;
}

.address-panel .more a {
    color: white;
    font-size: 1em;
}

.address-panel img {
    max-height: none;
    width: 100%;
}

.address-panel .hours td {
    padding-right: 1em;
}

.address-panel .hours {
    font-size: 14px;
    padding: 1em 1em 0 1em;
}

/* outline button widget */
a.outlinebutton {
    display: inline-block;
    border: 1px solid white;
    padding: 12px;
    color: white;
    text-transform: uppercase;
    margin-top: 13px;
    text-decoration: none !important;
    background-color: rgba(255, 255, 255, .05);
    transition: .1s all ease;
}

a.outlinebutton:hover {
    background-color: rgba(255, 255, 255, .2);
}

a.outlinebutton i.fa,
a.outlinebutton i.fad {
    transition: .1s all ease;
    opacity: 0;
    margin-left: -8px;
}

a.outlinebutton:hover {
    padding-left: 10px;
    transition: .1s all ease;
}

a.outlinebutton:hover i.fa,
a.outlinebutton:hover i.fad {
    transition: .1s all ease;
    opacity: 1;
    margin-left: 4px;
}

/* What's new styles */
#nytimes_play_pause {
    display: none;
}

#hiddenInitialLoad,
.bookRiverLoading {
    visibility: hidden;
}

.bigband .nytimes_wrapper {
    width: auto;
    max-width: 600px;
}

.bookRiver .nytimes_detail_bio {
    width: 750px;
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
}

.bookRiver .nytimes_select {
    width: calc(100% - 10px);
    max-width: 480px;
    font-size: 18px;
    color: #000;
}

.nytimes_listbar,
.noItems {
    background-color: transparent;
    border: solid 1px #3a4752;
    width: auto;
}

#nytimes_detail_wrapper {
    border: 1px solid #3a4752;
    border-top: none;
    height: auto;
    width: auto;
    display: block;
    max-height: 251px;
    padding: 0px;
    overflow: hidden;
    background-color: white;
}

.mobile #nytimes_detail_wrapper {
    max-height: none;
}

#bookRiverWrapper .jscarousal {
    padding-left: 0;
}

.jscarousal {
    background-color: transparent;
    width: auto;
    height: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 35px 1fr 35px;
    grid-template-columns: 35px auto 35px;
}

.jscarousal-left {
    -ms-grid-column: 1;
    /* IE fix */
}

.jscarousal-contents {
    -ms-grid-column: 2;
    /* IE fix */
}

.jscarousal-right {
    -ms-grid-column: 3;
    /* IE fix */
}

.jscarousal .jscarousal-right,
.jscarousal .jscarousal-left {
    background-color: transparent;
    float: none;
    padding-top: 40px;
    box-sizing: border-box;
    text-align: center;
    outline: none;

}

.jscarousal .jscarousal-right:before,
.jscarousal .jscarousal-left:before {
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    transition: .2s all ease-in-out;
}

.jscarousal .jscarousal-right:hover:before,
.jscarousal .jscarousal-left:hover:before {
    color: rgba(255, 255, 255, 1);
    transition: .2s all ease-in-out;
}

.jscarousal-left i,
.jscarousal-right i {
    display: none;
}

.jscarousal .jscarousal-left:before {
    content: "\f137";
}

.jscarousal .jscarousal-right:before {
    content: "\f138";
}


#bookRiverWrapper .nytimes_bio {
    width: auto;
    display: block;
}

#bookRiverWrapper .nytimes_bio .bold {
    color: #000;
    text-transform: uppercase;

}

.nytimes_detail_bio input.button {
    min-width: 300px;
    font-size: 16px;
    font-weight: bold;
}


.mobile .fa-caret-down.select-arrow {
    top: 12px;
}

.mobile .dropDown.fullwidth {
    height: 40px;
}

.mobile #myHoldsEditZone .fa.fa-caret-down.select-arrow {
    top: 25px;
}

.mobile .fieldSection .inputGroup .fa-caret-down.select-arrow {
    top: 3px;
}

.mobile .fieldSection {
    text-align: center;
}

.mobile .fieldSection .button {
    padding: 12px 15px;
    width: 70%;
    border-radius: 2px;
    color: white;
}

.mobile .fieldSection .button+.button.cancel {
    opacity: .8;
}

/* cms blank line fix */

/* App styles */
#lv-app {
    text-align: center;
    background-color: #007c66;
    color: white;
}

#lv-app img {
    max-height: 440px;
}

#lv-app h3 {
    font-size: 2.441rem;
}

#lv-app p {
    font-size: 1.563rem;
}

#lv-app .stores img {
    padding: 1rem 0.5rem 0;
    max-width: 150px;
}

#lv-app .image img {
    min-height: 200px;
    max-height: 420px;
}

#lv-app .image#appPageBtn {
    max-height: 420px;
}

#lv-app.countrytemplate {
    background-color: #eef4f7;
    color: #306d9c;
    text-align: left;
}

#lv-app.countrytemplate h2 {
    display: none;
}

#appPageBtn {
    cursor: pointer;
    transition: .2s all ease;
}

#appPageBtn:hover {
    transform: scale(1.03);
    opacity: .9;
    transition: .2s all ease;
}

/*Featured Collections styles*/
.buttonlist>div>div>a:nth-of-type(2) img {
    max-width: 100px;
}

/* facet buttons */

/* fix position of down arrow in action drop-down – it moves over the Did You Mean section if in any language other than English.  This will position it ALWAYS the same place */

.dropDownButton div::after {
    position: absolute;
    right: 10px;
    text-align: right;
}

/* fix missing arrow in Sort By dropdown */

.sortDropDown::after {
    color: #000;
    display: inline-block;
    font-family: FontAwesome;
    content: "\f0d7";
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    left: 62px;
    margin-left: 5px;
}

/* fix Thumbnail view for Detail issue in FLAT theme only */

.thumb #results_wrapper .cell_wrapper div:nth-child(2) {
    display: block;
}

/* hide Item Level Hold link activated due to bug DSC-6230 */

.detailItemsTable_SD_ITEM_HOLD_LINK {
    display: none;
}

/*********************** BACK TO TOP ***************************************************/

.back-to-top {
    font-size: 12px;
    background-color: transparent;
}


.back-to-top a,
.mobile .back-to-top a {
    display: block;
    position: fixed;
    z-index: 39;
    bottom: 10px;
    right: 10px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #0078ae;
    background-color: rgba(0, 120, 174, 0.85);
    padding: 0 12px 0 10px;
}

.back-to-top a span,
.mobile .back-to-top a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.back-to-top a:hover,
.back-to-top a:focus {
    background-color: #0078ae;
}

.fa .fa-arrow-up::before {
    content: "\f062";
    font-size: 14px;
}

/*********************** MY ACCOUNT ****************************************************/

#myAccount {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 1200px;
}

#accountSummary {
    box-sizing: border-box;
    width: 210px;
    margin-top: 12px;
}

/*********************** FOOTER AREA ***************************************************/

#footer {
    background: linear-gradient(to bottom, #006699 0%, #006699 60%, #3a4752 60%, #3a4752 100%);
    color: #fff;
    /* min-height: 520px; */
    /* bottom: auto; */
    /* text-align: center; */
    /* font-size: 18px; */
    margin-top: 0;
    padding-top: 0;
    position: relative;
    /* margin-top: 0; */
    height: auto;
}

#footer a {
    color: #fff;
}

#footer .sdCopyrightLink a {
    color: inherit;
    pointer-events: none;
}

#footer .logoContainer {
    /* text-align: center; */
    /* position: relative; */
    /* margin: 0 auto; */
    background-color: #3a4752;
}

#footer_left_column {
    text-align: left;
    float: left;
    width: 450px;
    margin: 0 20px;
}

#footer_right_column {
    text-align: left;
    float: right;
    width: 450px;
    margin: 0 20px;
    padding-top: 20px;
}

/* Library footer styles */

#library_footer {
    /* display: block; */
    /* color: #fff; */
    /* font-size: 16px; */
    /* text-align: center; */
}

#library_footer .library_info {
    /* float: left; */
    /* margin: 50px 20px 0 0; */
    /* text-align: left; */
    /* width: 300px; */
    /* min-height: 220px; */
}

#footer_social {
    background-color: #3a4752;
    /* min-height: 150px; */
    /* margin-top: 40px; */
    border-top: 1px solid #52606c;
    padding: 2em;
    text-align: center;
}

#footer_social ul {
    padding-bottom: 1em;
    font-weight: bold;
    margin-bottom: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#footer_social ul li {
    display: inline-block;
    padding: 0 1.5em;
}

#footer_social .contact {
    font-weight: normal;
    text-align: left;
}

#footer_social .contact.inline {
    text-align: center;
}

#footer_social ul.contact li {
    display: block;
    padding: 0;
}

#footer_social .contact.inline li {
    display: inline-block;
    padding: 0;
}


#copyright {
    background-color: #3a4752;
}

/* Social icons */

#footer_social .fa,
#footer_social .fab,
#footer_social .fad {
    font-size: 36px;
    opacity: .8;
}

#footer_social .fa:hover,
#footer_social .fab:hover,
#footer_social .fad:hover {
    opacity: 1;
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-youtube-square:before {
    content: "\f166";
}

/************* ROOMS EDIT CONTROLS *****************/
#headerContent_edit_control,
#middle_content_edit_control,
#left_content_edit_control,
#right_content_edit_control,
#footerContent_edit_control {
    display: none;
}


#headerContent_edit_raw_control:before {
    content: "Header:";
    color: #fff !important;
    background-color: #000000aa !important;
}


#middle_content_edit_raw_control:before {
    content: "Body:";
    color: #fff !important;
    background-color: #000000aa !important;
}

#left_content_edit_raw_control:before {
    content: "Left:";
    color: #fff !important;
    background-color: #000000aa !important;
}

#right_content_edit_raw_control:before {
    content: "Right:";
    color: #fff !important;
    background-color: #000000aa !important;
}

#footerContent_edit_raw_control:before {
    content: "Footer:";
    color: #fff !important;
    background-color: #000000aa !important;
}

.reframe #headerContent_edit_raw_control:before,
.reframe #middle_content_edit_raw_control:before,
.reframe #left_content_edit_raw_control:before,
.reframe #right_content_edit_raw_control:before,
.reframe #footerContent_edit_raw_control:before {
    color: black !important;
    background-color: white !important;
}

#headerContent_edit_raw_control a,
#headerContent_edit_control a,
#headerContent_save_control a,
#headerContent_revert_control a,
#footerContent_edit_raw_control a,
#footerContent_edit_control a,
#footerContent_save_control a,
#footerContent_revert_control a,
#left_content_edit_raw_control a,
#left_content_edit_control a,
#left_content_save_control a,
#left_content_revert_control a,
#right_content_edit_raw_control a,
#right_content_edit_control a,
#right_content_save_control a,
#right_content_revert_control a,
#middle_content_edit_raw_control a,
#middle_content_edit_control a,
#middle_content_save_control a,
#middle_content_revert_control a {
    color: #fff !important;
    background-color: #000000aa !important;
}

.reframe #headerContent_edit_raw_control a,
.reframe #headerContent_edit_control a,
.reframe #headerContent_save_control a,
.reframe #headerContent_revert_control a,
.reframe #footerContent_edit_raw_control a,
.reframe #footerContent_edit_control a,
.reframe #footerContent_save_control a,
.reframe #footerContent_revert_control a,
.reframe #left_content_edit_raw_control a,
.reframe #left_content_edit_control a,
.reframe #left_content_save_control a,
.reframe #left_content_revert_control a,
.reframe #right_content_edit_raw_control a,
.reframe #right_content_edit_control a,
.reframe #right_content_save_control a,
.reframe #right_content_revert_control a,
.reframe #middle_content_edit_raw_control a,
.reframe #middle_content_edit_control a,
.reframe #middle_content_save_control a,
.reframe #middle_content_revert_control a {
    background-color: #efefef !important;
    padding: 8px;
    border: 1px solid #bfbfbf;
    text-decoration: none;
    color: #272727 !important;
    border-radius: 2px;
    margin-left: 8px;
    font-family: Arial;
    font-size: 13px;
}

.reframe textarea#headerContent,
.reframe textarea#middle_content,
.reframe textarea#footerContent {
    margin-top: 16px;
    min-width: 100%;
}

.reframe #headerContent_edit_control a,
.reframe #footerContent_edit_control a,
.reframe #left_content_edit_control a,
.reframe #right_content_edit_control a,
.reframe #middle_content_edit_control a {
    display: none;
}

.profile_content_container textarea,
.profile_content_container .mce-tinymce.mce-container.mce-panel {
    margin-top: 0px;
    width: 100% !important;
    max-width: 800px;
}


/***  uploads dialog ***/
.editField {
    padding-bottom: 16px;
    background-color: white;
    padding: 16px;
    max-width: 600px;
    margin: auto;
    box-shadow: rgb(51, 51, 51) 1px 1px 3px 0px;
    border-radius: 2px;
}

.editField::before {
    content: "Upload Files";
    display: block;
    font-size: 32px;
    color: black;
    font-weight: bold;
}

.editField iframe {
    border: 0;
    padding-top: 16px;
}

.reframe form.editform {
    border: 2px solid white;
    padding: 16px;
    box-shadow: 1px 1px 3px;
    border-radius: 2px;
    margin: 5px;
    background-color: white;
    max-width: none;
}

.tox.tox-tinymce {
    z-index: 5;
    /* tinymce wysiwyg editor higher than the inline-edit buttons */
}

.tox.tox-tinymce-aux {
    z-index: 999999;
    /* tinymce source editor higher than the hedit buttons */
}

/* mcedit table of contents */

.mce-toc h2 {
    font-size: 28px;
    padding-bottom: 16px;
    padding-top: 16px;
    text-align: left;
}

.mce-toc ul {
    padding-left: 1em;
}

/**** remove BG while editing for better readability ****/
body#tinymce {
    background-image: none;
}


/***summary item adds****/
.thumb .availButton,
.thumb .availability-table-div {
    display: none !important;
}

.list .availButton {
    display: block;
    border: none !important;
    padding: 10px !important;
    border-radius: 2px !important;
    font-size: 15px;
    max-width: 160px;
}

.list .thumbAvailButton {
    display: none;
}

.ui-dialog td.sumItemsTd {
    padding: 5px;
}

/****end***/

/*** system messages and alerts ***/
#myAlerts_checkoutslistnonmobile_table .accountCoverImage {
    position: inherit !important;
}

#myAlerts_holdslistnonmobile_table .accountCoverImage {
    position: inherit !important;
}

#systemMessagesTable {
    width: 100%;
}

#systemMessagesTable tbody td,
#systemMessagesTable tbody td {
    padding: 5px;
}

#alertsBox {
    position: fixed;
    width: 100%;
    z-index: 40;
    bottom: 0;
}

.ada-mode #alertsBox {
    position: relative;
}

#cookiesAlert {
    text-align: center;
    background-color: #006699;
    color: white;
}

.sysMessage {
    font-size: large;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
    padding: 0.5rem;
}

.ada-mode.mobile #cookiesAlert {
    display: block;
}

#undo_cookiesAlert {
    background-color: #006699;
    color: white;
    display: none;
}

#cookiesAlert a {
    color: #7fa5c2;
}

.messageText {
    text-align: left;
    display: inline-block;
}

#alertsBox button {
    max-height: 50px;
    min-height: 30px;
}

#alertsBox .undo {
    display: inline-block;
}

.sysMessage {
    text-align: center;
    background-color: #7fa5c2;
    padding: 0.5em;
    font-size: large;
    position: relative;
    box-sizing: border-box;
}

.sysMessage button {
    padding: 5px;
}

#numMessages {
    display: none;
}

/*** end ***/

/*** holds ***/
.mobile #myHoldsSuspendDialog input,
.mobile #myHoldsSuspendDialog select,
.mobile #myHoldsEditZone input,
.mobile #myHoldsEditZone select,
.mobile #confirmDialog button {
    min-height: 40px;
}


/*** Availability Summary ***/
.availSummaryOnShelf {
    color: #289A41;
    margin-top: 5px;
}

.availSummaryCheckedOut {
    color: #3486C6;
    margin-top: 5px;
}

.availSummaryNone {
    color: grey;
    margin-top: 5px;
}

/*** end ***/

/*** Custom formats ***/
.formatTypeIcon-BLURAY {
    background-image: url(/custom/web/bluray.png);
}

.formatTypeIcon-NEWSPAPER {
    background-image: url(/custom/web/newspaper.png);
}

/****end***/
.thumb .facebook_spacer {
    margin-top: 15px;
}



div#footer {
    /* background-color: #3a4752; */
    background-image: none;
    /* border: 1px solid red; */
    /* color: red; */
    min-width: auto;
}

div#local_footer {
    max-width: 1200px;
    margin: auto;
}


div.footer_container .bigband>* {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.buttonlist>div>div {
    /* border: 1px solid red; */
    /* display: inline-block; */
    float: none;
}

.buttonlist>div>div>a:nth-of-type(1) img {
    /* max-width: 100px; */
    vertical-align: middle;
}

.content .bigband.libsvic.libsvic {
    /*background-color: #eee;*/
}

.bigband.light,
.bigband .light {
    background-color: #f3f3f3;
}

.bigband h2 {
    margin: 0px;
    padding-bottom: 48px;
    text-align: center;
}

.bigband p {
    margin-left: 0;
    margin-right: 0;
}

.nonhomepage .bigband h3 {
    /*font-size: 30px;*/
}

.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

.bigband h3 {
    margin-top: 0px;
}

/* .bigband a {
    display: block;
    color: #000;

    font-weight: bold;
}*/

.bigband-nobottom {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

div#searchBox {
    /* max-width: 1200px; */
    margin: 0;
    width: auto;
    padding: 0px;
}

div#logo_container {
    width: 100%;
    /* border: 1px solid red; */
    position: absolute;
    top: 153px;
    left: 0px;
}

#hero_area {
    color: white;
    text-align: center;
    padding-top: 200px;
    box-sizing: border-box;
    min-height: 615px;
    position: relative;
    /* background-color:#306d9c;*/
    background-color: transparent;
}

.ada-mode #hero_area {
    min-height: auto;
    padding-bottom: 100px;
    padding-top: 100px;
}

.ada-mode.mobile #hero_area {
    margin-top: 0 !important;
    min-height: auto;
}

#hero_area h1 {
    margin: 0;
    padding: 0;

}

#hero_area #subheading {
    font-size: 2.441em;
    /*text-shadow: 0px 2px 4px rgba(0, 0, 0, .6);*/
}


#local_hero_area>* {
    max-width: 1200px;
    margin: auto;
}

#local_hero_area .more {
    margin-top: 20px;
}

.address-panel .more a {
    text-decoration: none;
    background: rgba(0, 0, 0, .4);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px
}

.address-panel .more a:hover {
    background: rgba(0, 0, 0, .7);
}

#footer-our-branches .address-panel .more a {
    background: rgba(0, 0, 0, .1);
    color: #555;
}

#footer-our-branches .address-panel .more a:hover {
    background: rgba(0, 0, 0, .2);
    color: #222;
}

.nytimes_detail_coverart {
    width: auto !important;
    float: none;
    display: inline-block;
}


#nytimes_detail_wrapper>.nyDetail {
    position: relative;
    width: auto;
    padding: 25px;
}

.nyDetail form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 160px 1fr;
    grid-template-columns: 160px 1fr;
}

.mobile .nyDetail form {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
}

.jscarousal-contents {
    float: none;
    width: auto;
}

.mobile .jscarousal-contents {
    width: 100%;
}

.contentColumn {
    border: 0;
}

.contentColumn.bookRiver,
.nytimes_top.bookRiver {
    height: auto;
}

.columns_container .column.pct100 {
    width: auto;
}

div.quicksearchWrapper {
    width: auto;
}

div#searchBoxesWrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto 1fr;
    grid-template-columns: auto auto 1fr;
    float: none;
    top: 0;
    width: auto;
    padding-top: 20px;
}

div#searchBoxStyleDiv {
    float: none;
    /* max-width: 1200px; */
    margin: 0;
    position: relative;
    top: 0;
    /* width: auto; */
    /* display: block; */
    height: 80px;
}

.nonhomepage div#searchBoxStyleDiv {
    height: auto;
}

div#searchBoxCentered {
    float: none;
    /* text-align: center; */
    display: block;
    max-width: 1200px;
    margin: auto;
}

#basicSearch {
    display: flex;
}

i.fa.fa-home {
    color: transparent;
}

div#searchBoxHomeLink a {
    display: block;
    background-image: url(/custom/web/content/libsvic/css/LV-Logo-CMYK-2019.png);
    background-repeat: no-repeat;
    height: 43px;
    background-size: auto 43px;
    width: 148px;
    margin: 32px;
    margin-left: 16px;
    border-bottom: 0;
}


div#searchBoxHomeLink a .fa-home {
    display: none;
}

div#buttonsWrapper {
    float: none;
    display: inline-block;
    top: 0;
    /* width: 100px; */
    margin: 4px 0px 0px 10px;
    white-space: nowrap;
}

div#searchField {
    float: none;
    display: inline-block;
    top: 0px;
    width: calc(100% - 134px);
    vertical-align: top;
    min-width: 100px;
}

#nm_detail_wrapper {
    margin-top: 120px;
}

/* library book pages */
div#search_target_tabs {
    /*padding-top: 108px;*/
    padding-top: 12px;
    padding-bottom: 6px;
}

/* other pages */
#taxonomyContainer {
    background-color: white;
}

/* account pages /search/account?dt=list */
#accountMain {
    width: calc(100% - 240px);
    min-width: 615px;
    margin-top: 12px;
}

/* my lists page /search/ */
#myListsContainer {
    background-color: white;
    max-width: 1200px;
    margin: auto;
}

#myListsContainer .loginLink {
    display: inline !important;
    color: white;
}

#myListsContainer .listsLogin.text-p .loginLink a.loginLink {
    color: #333 !important;
}

.mobile .listsContainer #listSelectZone form {
    margin-top: 0;
}

/* mobile overrides */
.mobile #bodyWrapper {
    overflow: unset;
}

.content_container .content.tag-defaults>* {
    background-color: white;
}

.content_container {
    background-color: transparent;
}

.content {
    padding: 0;
}

/*.content {
    padding-bottom: 20px;
}*/

a.commInfoIDLink {
    margin-left: 20px !important;
    border: 1px solid #08c !important;
    background: #fafafa !important;
    border-radius: 2px;
    text-decoration: none;
    font-size: 13px;
}

a.commInfoIDLink:hover {
    background: #eee !important;
}

/* footer sitemap */

#sitemap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#sitemap .sitemap-column li {
    display: block;
    text-align: left;
    font-weight: normal;
    padding-left: 0;
    font-size: 0.8em;
    padding: 0.4em 0;
}

#sitemap .sitemap-column li.child {
    padding-left: 0;
    margin-left: 1em;
    color: #A7B4BE;
    /* WCAG 2.0 contrast */
}

#sitemap .sitemap-column li.child a {
    color: #A7B4BE;
    /* WCAG 2.0 contrast */
}


#sitemap .sitemap-column:first-child() {
    -ms-grid-column: 1;
    /* IE fix */
}

#sitemap .sitemap-column:nth-child(2) {
    -ms-grid-column: 2;
    /* IE fix */
}

#sitemap .sitemap-column:nth-child(3) {
    -ms-grid-column: 3;
    /* IE fix */
}

#sitemap .sitemap-column:nth-child(4) {
    -ms-grid-column: 4;
    /* IE fix */
}

#sitemap ul.sitemap-column {
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    margin-right: 0;
}

/* login modal */
#loginPageForm .loginField {
    padding: 6px 4px;
    font-size: 14px;
}

#loginPageForm .changePin {
    display: grid;
    grid-template-columns: 24px auto;
}

#loginPageForm .changePin i {
    place-self: center;
}

#loginPageForm a#changePinLink {
    padding-left: 8px;
}

/*.list .results_img {
    margin-left:12px;
}*/

#local_hero_area {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/*************** new river for img links ******************/
/*************** new river for img links ******************/
.bigband.grey-bg {
    padding-bottom: 0;
    background-color: #ddd !important;
}

.bigband.grey-bg h2 {
    padding-bottom: 12px;
}

.bigband.nf-river-wrapper {
    padding: 0 10px;
    background-color: #ddd !important;
}

.bigband.nf-river-wrapper>div {
    max-width: 100vw;
    overflow-y: initial;
}

.nf-river-wrapper {
    width: 100%;
    position: relative;
    background: #0e0f11;
    color: #ecf0f1;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rivrow {
    overflow: scroll;
    width: 100%;
}

.rivrow__inner {
    transition: 450ms transform;
    font-size: 0;
    white-space: nowrap;
    /*margin: 70.3125px 0;*/
    margin: 40px 60px;
    padding-bottom: 10px;
}

.tile {
    position: relative;
    display: inline-block;
    width: 350px;
    height: 350px;
    margin-right: 10px;
    font-size: 20px;
    transition: 450ms all;
    transform-origin: center left;
}

#nf-river .tile__img {
    width: 350px;
    height: 350px;
    object-fit: cover;
}

.tile__details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    font-size: 10px;
    opacity: 0;
    /*background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);*/
    transition: 450ms opacity;
    cursor: pointer;
}

.tile__details a {
    display: block;
    height: 100%;
    width: 100%;
}

.tile__details:after,
.tile__details:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    /*background-color: #000;*/
    pointer-events: none;
}

.tile__details:after {
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border: 1px solid #ecf0f1;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;

}

.tile__details:before {
    content: '↪';
    /* content:'\f0c1'; chain link
    font-family: "Font Awesome 5 Free"; */
    left: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    margin-left: 2px;
    margin-top: -9px;
    text-align: center;
    z-index: 2;
}

.tile:hover .tile__details {
    opacity: 1;
}

.tile__title {
    position: absolute;
    bottom: 0;
    padding: 10px;
}

.rivrow__inner:hover {
    transform: translate3d(-62.5px, 0, 0);
}

.rivrow__inner:hover .tile {
    opacity: 0.6;
    transition: all .2s ease;
}

.rivrow__inner:hover .tile:hover {
    transform: scale(1.1);
    opacity: 1;
    transition: all .2s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.tile:hover~.tile {
    /*transform: translate3d(12px, 0, 0);*/
    transform: translate3d(40px, 0, 0);
}

.hide-scroll {
    /* may break controls
    overflow-y: hidden;
    margin-bottom: calc(-.1 * var(--gutter)); */
}


/* controls */
.river-scroll-left,
.river-scroll-right {
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, .7);
    height: 350px;
    width: 110px;
    display: flex;
    top: 40px;
    z-index: 3;
}

.river-scroll-left {
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(220, 220, 220) 0%, rgba(235, 235, 235, 1) 20%, rgba(255, 255, 255, 0.0) 100%);
}

.river-scroll-right {
    right: 0;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgba(255, 255, 255, .0) 0%, rgba(235, 235, 235, 1) 80%, rgb(222, 220, 220) 100%);

}

.river-scroll-left span,
.river-scroll-right span {
    font-size: 44px;
    position: relative;
    color: #444;
    transition: all .2s ease-in-out;
    opacity: .6;

}

.river-scroll-left:hover span,
.river-scroll-right:hover span {
    transition: all .1s ease-in-out;
    transform: scale(1.1);
    opacity: 1;
    cursor: pointer;
}

.river-scroll-left span,
.river-scroll-left span {
    right: 25px;
}

.river-scroll-right span,
.river-scroll-right span {
    left: 25px;
}

@media (max-width:414px) {
    .tile {
        width: 99%;
        height: 340px;
    }

    .tile__img {
        width: 100%;
        height: 100%;
    }

    .river-scroll-left,
    .river-scroll-right,
    .fc .river-scroll-left,
    .fc .river-scroll-right {
        /*height:100%;
        top:0;*/
        display: none;
    }

    .rivrow__inner {
        margin: 20px;
    }

    .rivrow__inner:hover .tile:hover {
        box-shadow: none;
    }
}

/*************** END new river for img links END ******************/

/*************** NEW river for LSA whats new carousel START ******************/

#nytimes_detail_wrapper {
    display: none !important;
}

.nytimes_listbar {
    padding: 0;
    height: auto;
    background: black;
}

form#listForm_110d77e890a052 {
    background-color: black;
}

.bookRiver .nytimes_select {
    background: black;
    color: #aaa;
    height: 40px !important;
    outline: none;
}

.nytimes_top.bookRiver {
    width: 340px;
    margin: 20px auto 0;
}

.bigband .nytimes_wrapper {
    max-width: initial;
}

.jscarousal-contents {
    /* height: 410px; biggerSize*/
    height: 350px;
}

.jscarousal-contents>div {
    top: 40px;
    height: 100%;
}

.detail_cover_asset_div .jscarousal-contents>div {
    top: 0;
}

.jscarousal-contents>div.visible>div {
    height: 100%;
    /*width: 248px; biggerSize*/
    width: 188px;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 248px;
}

.jscarousal-contents>div.visible>div>.no_image_text,
.jscarousal-contents>div.visible>div>img {
    /*width:248px; biggerSize*/
    width: 188px;
}


.jscarousal-contents img {
    /*height: 340px !important; biggerSize*/
    height: 280px !important;
    max-height: initial;
    width: 100%;
    transition: all .2s ease;
}

.jscarousal-contents img:hover {
    transform: scale(1.06);
    transition: all .2s ease;
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
}

.nytimes_thumbnail {
    opacity: 1;
}

.jscarousal .jscarousal-left,
.jscarousal .jscarousal-right {
    padding-top: 22vh;
}

.jscarousal .jscarousal-left::before,
.jscarousal .jscarousal-right::before {
    font-size: 40px;
}

.jscarousal-contents .no_image_text {
    width: auto;
    max-height: 100%;
    top: 10vh;
    font-weight: 400;
    /*left: 36px;biggerSize*/
    left: 14px;
    font-size: 18px;
    /*max-width: 200px; biggerSize*/
    max-width: 200px;
}


img.nytimes_thumb_img:focus,
.nytimes_thumbnail_div.nytimes_thumbnail {
    outline: none;
}

@media (min-width: 768px) {

    /* center book items. works in chrome, breaks safari.. */
    #jsCarousel .visible {
        display: flex;
        justify-content: center;
    }
}

/*** temporary modifications to above bookriver until new river live ***/
#nytimes_detail_wrapper {
    display: block !important;
}

.jscarousal-contents {
    height: 250px;
}

.nytimes_top.bookRiver,
.nytimes_listbar,
#nytimes_detail_wrapper {
    width: 500px;
}

.jscarousal .jscarousal-left,
.jscarousal .jscarousal-right {
    padding-top: 0;
}

#bookRiverWrapper .jscarousal-left,
#bookRiverWrapper .jscarousal-right {
    top: 14px;
}

.jscarousal-contents img {
    height: 176px;
    max-height: 176px;
}

.jscarousal-contents>div.visible>div {
    width: 134px;
    height: 180px;
}

.nytimes_thumbnail {
    opacity: .8;
}

.nytimes_thumbnail:hover {
    opacity: 1;
}

.nytimes_thumbnail.active {
    opacity: 1;
}

.jscarousal-contents .no_image_text {
    top: 5vh;
    font-size: 16px;
}

@media (max-width: 414px) {

    .nytimes_top.bookRiver,
    .nytimes_listbar,
    #nytimes_detail_wrapper {
        width: 90vw;
    }
}

/*** END ***/

/* New featured collections river styles */
/* New featured collections river styles */
.fc.bigband.nf-river-wrapper,
.bigband.title-dark {
    background-color: #222 !important;
}

.bigband.title-dark {
    padding-bottom: 0;
    color: #eee;
}

.bigband.title-dark h2 {
    padding-bottom: 0 !important;
}

.fc .tile__title {
    width: 200px;
    pointer-events: none;
}

.fc .tile__title h2 {
    font-size: 22px;
    width: 200px;
}

.fc .tile__details {
    opacity: 1;
}

.fc .tile__details:after {
    opacity: .4;
}

/* controls */
.fc .river-scroll-left,
.fc .river-scroll-right {
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 110px;
    display: flex;
    top: 0;
    z-index: 3;
}

.fc .river-scroll-left {
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(30, 30, 30) 0%, rgba(40, 40, 40, 1) 20%, rgba(0, 0, 0, 0.0) 100%);
}

.fc .river-scroll-right {
    right: 0;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgba(0, 0, 0, .0) 0%, rgba(40, 40, 40, 1) 80%, rgb(30, 30, 30) 100%);

}

.mobile .fc .river-scroll-right,
.mobile .fc .river-scroll-left {
    display: none;
}

.fc .river-scroll-left span,
.fc .river-scroll-right span {
    color: #ccc;

}

.fc .river-scroll-left span {
    right: 25px;
}

.fc .river-scroll-right span {
    left: 25px;
}

.tile:hover~.tile {
    transform: translate3d(32px, 0, 0);
}

.rivrow__inner:hover {
    transform: translate3d(6px, 0, 0);
}

/*@media (min-width: 1440px) {
    .fc .rivrow__inner {
        display: flex;
        justify-content: center;
    }
}*/

.fc.nf-river-wrapper .tile {
    width: 220px;
    height: 320px;
    white-space: normal;
}

.fc.nf-river-wrapper .tile:nth-of-type(1),
.fc.nf-river-wrapper .tile:nth-of-type(7),
.fc.nf-river-wrapper .tile:nth-of-type(13) {
    background-color: #3aaacf;
    /*background:linear-gradient(13deg, rgb(0, 189, 251) 0%, rgb(91, 214, 255) 80%);*/
    border-left: 8px solid #0f8cb5;
    border-bottom: 8px solid #0f8cb5;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 3px;
}

.fc.nf-river-wrapper .tile:nth-of-type(2),
.fc.nf-river-wrapper .tile:nth-of-type(8),
.fc.nf-river-wrapper .tile:nth-of-type(14) {
    background-color: orangered;
    /*background:linear-gradient(13deg, rgb(255, 69, 0) 0%, rgb(255, 103, 46) 80%);*/
    border-left: 8px solid #b53100;
    border-bottom: 8px solid #b53100;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.fc.nf-river-wrapper .tile:nth-of-type(3),
.fc.nf-river-wrapper .tile:nth-of-type(9),
.fc.nf-river-wrapper .tile:nth-of-type(15) {
    background-color: #236f6f;
    /*background:linear-gradient(13deg, rgb(35, 111, 111) 0%, rgb(40, 195, 195) 80%);*/
    border-left: 8px solid #1a5f5f;
    border-bottom: 8px solid #1a5f5f;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.fc.nf-river-wrapper .tile:nth-of-type(4),
.fc.nf-river-wrapper .tile:nth-of-type(10),
.fc.nf-river-wrapper .tile:nth-of-type(16) {
    background-color: #8d3685;
    /*background:linear-gradient(13deg, rgb(141, 54, 133) 0%, rgb(175, 68, 165) 80%);*/
    border-left: 8px solid #7d2b76;
    border-bottom: 8px solid #7d2b76;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.fc.nf-river-wrapper .tile:nth-of-type(5),
.fc.nf-river-wrapper .tile:nth-of-type(11),
.fc.nf-river-wrapper .tile:nth-of-type(17) {
    background-color: orange;
    border-left: 8px solid #c78100;
    border-bottom: 8px solid #c78100;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.fc.nf-river-wrapper .tile:nth-of-type(6),
.fc.nf-river-wrapper .tile:nth-of-type(12),
.fc.nf-river-wrapper .tile:nth-of-type(18) {
    background-color: #1e688b;
    border-left: 8px solid #155877;
    border-bottom: 8px solid #155877;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* events feed page */
table.rssdog th.rssdog {
    padding: 12px;
    background-color: #08c !important;
    font-family: 'Open Sans', sans-serif;
}

table.rssdog th.rssdog a {
    text-decoration: none;
    pointer-events: none;
}

/* :::::: mobile styles :::::::::: */
.mobile #nytimes_detail_wrapper {
    display: block !important;
    margin: 10px 0;
    background-color: #eee;
}

.mobile .jscarousal {
    height: 180px;
}

.mobile .jscarousal-wrapper {
    height: 100%;
}

.mobile .jscarousal-contents>div>div {
    height: auto;
    padding-left: 4px;
    padding-right: 4px;
}

.mobile .jscarousal-contents>div {
    top: 0;
}

.mobile .jscarousal-contents {
    height: 100%;
}

.mobile .jscarousal-contents img {
    height: auto !important;
    width: initial;
}

/*
.mobile .jscarousal .jscarousal-left::before,
.mobile .jscarousal .jscarousal-right::before,
.mobile .jscarousal:hover .jscarousal-right::before,
.mobile .jscarousal:hover .jscarousal-left::before {
    content: '';
}
*/

.mobile .jscarousal-contents .no_image_text {
    top: 0;
    left: 3px;
    font-size: 12px;

}

.mobile #bookRiverWrapper .buttonSection input.button {
    background-color: #08c;
    color: white;
}

.mobile .jscarousal .jscarousal-left,
.mobile .jscarousal .jscarousal-right {
    padding-top: 6vh;
    width: auto;
}

.mobile .jscarousal-contents>div.visible>.nytimes_thumbnail+.nytimes_thumbnail {
    margin-left: 2px;
}

/* ::: END new LSA what's new bookriver :::; */

.bigband.img-banner {
    display: flex;
    justify-content: center;
    background-color: #ddd !important;
}

.bigband.img-banner a:hover {
    cursor: pointer;
    filter: brightness(0.8);
}


/* :: ADVANCED SEARCH PAGE :: */
#advancedSearchPage {
    float: none !important;
    font-size: 16px;
    background-color: #fafafa !important;
    margin-top: 200px !important;
    margin: 200px 10% 60px 10% !important;
}

.flexAdvancedSearch {display: flex;}

.inlineAdvancedSearch {display: inline;}

.advancedSearchLabel {margin-left: 0px; font-size: 1rem;}

.advancedSearchField #restrictionDropDown {width: 200px;}

#advancedSearchInnerBox {
    background-color: #f5f5f5;
}

#advancedSearchPage #example {
    display: none;
}

#advancedSearchPage #content .columns_container h1 {
    text-align: left !important;
}

#advancedSearchPage .advancedSearchLabel,
#advancedSearchPage .advancedSearchRadioLabel,
#advancedSearchPage .advancedSearchRadioSection .advancedSearchLabel {
    font-size: 14px;
}

.advancedSearchField {
    margin-left: 34%;
}

#advancedSearchPage h1.advancedSearchTitle,
#advancedSearchPage h1.searchModifiersLabel {
    font-size: 28px;
    text-align: left;
}

#advancedSearchPage .advancedSearchTextField {
    height: 30px;
    padding-left: 4px;
    width: 66%;
    /* .advancedSearchField margin-left + 66 = 100%; */
}

#advancedSearchPage .button#advancedSearchButton {
    padding: 8px 14px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 2px;
    box-shadow: none;
}

/* ::: Local Notifications :::; */
.notification-banner {
    width: 80%;
    margin: 0 auto;
    background-color: white;
    border-radius: 8px;
    padding: 22px;
    text-align: center;
}

.notification-banner img {
    max-width: 200px !important;
    height: auto;
    margin: 12px auto;
}

.notification-banner h2 {
    padding-bottom: 22px;
}

.notification-banner a {
    padding: 6px 10px;
    background: #08c;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.notification-banner a:hover {
    filter: brightness(1.5);
}

.bg-grey {
    background-color: #ddd !important;
}

/* KIOSK IFRAME */
#kioskframe button {
    padding: 10px;
    background: orangered;
    font-size: 16px;
    color: white;
    border: 2px solid white;
    letter-spacing: 1px;
}

#kioskframe button:hover {
    filter: brightness(1.4);
}


/*********************** ADVANCED SEARCH ***************************************************/

#buttonsWrapper.hasAdvanced #searchButton {
    border-right: 0;
    outline: 0;
}

#buttonsWrapper.hasAdvanced {
    outline: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#buttonsWrapper.hasAdvanced #more {
    background: #222;
    font-size: 12px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    margin-top: 6px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);

    right: 0;
    position: absolute;
    z-index: 2;
    width: 134px;
}

#buttonsWrapper.hasAdvanced #more a {
    color: white;
    padding: 8px 4px;
    display: block;
}

#buttonsWrapper.hasAdvanced #more a:hover {
    text-decoration: none;
    background-color: #000;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#buttonsWrapper.hasAdvanced button.advanced {
    height: 36px;
    background-color: #568E14;
    /* WCAG 2.0 contrast */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    outline: none;
    padding: 0 4px;
    color: white;
    border: none;
    border: solid 1px rgba(255, 255, 255, 0.25);
}

#buttonsWrapper.hasAdvanced button.advanced:hover {
    background-color: #3A7728;
    cursor: pointer;
}

.langBox {
    background: white;
    /* WCAG 2.0 contrast */
    border-radius: 22px;
    padding: 22px;
    margin: 0 auto 40px 30px;
    /*max-width: 400px;*/
    position: relative;
    transition: .2s all ease-in-out;
}

.langBox.grey {
    background-color: #eee;
}

.langBox a {
    line-height: 1.9em;
    transition: .1s all ease-in-out;
}

.langBox a span:hover {
    transition: .2s all ease-in-out;
    transform: scale(1.1);
    filter: brightness(1.5);
}

.langBox a:last-of-type {
    margin-bottom: 0;
}

/*.langBox::after RIGHT {
    border-left: 26px solid transparent;
    border-top: 26px solid #f1f1f1;
    bottom: -26px;
    content: "";
    position: absolute;
    right: 22px;
}*/
.langBox::after {
    border-right: 26px solid transparent;
    border-top: 26px solid #ffffff;
    bottom: -25px;
    content: "";
    position: absolute;
    left: 22px;
}

.langBox.grey::after {
    border-top: 26px solid #eee;
}

.digMag {
    padding: 32px 14px;
}

.hero_area_blurb {
    width: 70%;
    background: rgba(0, 0, 0, .5);
    padding: 14px;
    margin: 0 auto;
    border-radius: 12px;
}

.frbrFormatTypeIcon {
    display: initial;
}

.expressionSearchLink {
    border: none;
    border-bottom: solid 1px #ccc;
    padding: 8px;
}

button.frbrToggle {
    padding: 2px 8px;
}

/*.contentColumn.bgcolor-white {
    background-color: white;
}*/
.contentColumn.bgcolor-white.bcolor {
    background-color: white;
}

.homepage .contentColumn.bgcolor-white.bcolor {
    background-color: inherit;
}

.contentColumn+.contentColumn {
    padding: 18px;
}

#placeHold iframe {
    height: 220px;
}

#megamenu.nomenu {
    display: none;
}

.mm-left {
    padding-left: 12px;
}

#searchBox .dropDown {
    width: 260px;
    /* max-width: calc(100vw - 12px); */
}

#searchLimitDropDown {
  max-width: 150px;
}

/* account background fixes */
#accountStatus {
    background: rgba(255, 255, 255, .8)
}

.mobileMenuLink {
    background: white;
}

.mobileMenuLink li {
    list-style: none;
}
.mobileMenuLink .fa-chevron-down{
    display: none;
}

/* hide first six built-in menus, show megamenu items */
.mobileMenuLink.text-h4 {
    display: none;
}
.mobileMenuLink.text-h4.megamenu{
    display: inherit;
}

.ui-accordion-content.pad-v {
    background-color: white;
}


/* ::: web print page ::: */
.webprintpage h2,
.webprintpage h3,
.webprintpage h4,
.webprintpage p {
    color: #222;
}

.webprintpage h2 {
    text-align: left !important;
    padding-bottom: 10px;
}

.webprintpage h3 {
    font-size: 1.1em;
}

.webprintpage h4 {
    font-size: 1em;
    margin-bottom: 0;
}

.webprintpage p {
    margin-left: 0;
}

.rowFlex {
    display: flex;
    padding-bottom: 28px;
}

.rowFlex .column {
    padding: 10px;
}

.rowFlex .column1 {
    flex: 0 0 100px;
}

.rowFlex .column2 {
    flex: auto;
}

.webprintpage .rowFlex i.fad,
.webprintpage .rowFlex i.fa {}

.webprintpage .fa-stack {
    display: initial;
}

.webprintpage .fa-stack-1x {
    font-size: initial !important;
}

.webprintpage span img {
    min-width: 80px;
}

.ada-mode #alertsBox {
    position: relative;
}

.ada-mode #alertsBox .sysMessage {
    position: relative;
}

.ada-mode #alertsBox .sysMessage .messageText {
    float: none;
}

/*** covid19 message ***/
#cvTest1.sysMessage {
    /* green */
    background-color: #3A833C;
    /* WCAG 2.0 Contrast */
    color: white;
}

#atsiMessage {
    background-color: #f36b3c;
    color: white;
}

#cvTest1 .messageText {
    width: auto;
    margin-left: 0;
    float: left;
}

#cvTest1 .messageText a {
    color: white;
    text-decoration: underline;
}

#cvTest1 .messageText {
    margin-right: 35px;
}

.noclick {
    pointer-events: none;
}



.covid-block {
    padding-bottom: 32px;
}

.covid-icon {
    float: left;
    width: 100px;
    display: inline-block;
    padding-right: 16px;
}

.covid-div {
    display: inline-block;
    max-width: calc(100% - 116px);
    vertical-align: top;
}

.covid-div p {
    margin-left: 0;
    margin-right: 0;
}

.covid-div h3 {
    padding-top: 0;
    margin-top: 0;
    font-size: 19px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.covid-div {
    display: inline-block;
    max-width: calc(100% - 116px);
    vertical-align: top;
}


/* :: eduroam network page :: */
.eduroam h2,
.eduroam h4,
.eduroam h5,
.eduroam p {
    color: #333;
}

.eduroam h2 {
    text-align: left !important;
    padding-bottom: 14px;
}

.eduroam table {
    border-collapse: collapse;
    color: #444;
}

.eduroam table td {
    border: 1px solid #777;
    padding: 4px 10px;
}

.eduroam ul {
    color: #444;
    text-indent: 22px;
}

/* :: adds unwanted duplicated content (nonmobile-base.css) :: */

.columns_container .pct25 {
    display: none;
}

/* ::: responsive table wrapper ::: */

.table-responsive {
    overflow-x: auto;

}

.table-responsive table {
    margin: 1em;
    border-collapse: collapse;
}

.table-responsive table th {
    background-color: #eee;
}

.table-responsive table th,
.table-responsive table td {
    border: 1px solid #333;
    padding: 20px;
}

iframe.ui-dialog-iframe {
    width: 100%;
}

/* ::::: ARTICLES PANEL :::::: */
.articles .intro {
    margin-bottom: 40px;
    text-align: center;
}

.articles p {
    color: #777;
}

.articles .intro h2 {
    color: #333;
    padding-bottom: 0;
}

.articles .intro a {
    color: #671174;
    text-decoration: none;
}

.articles .buttongrid {
    grid-column-gap: 30px;
}

.articles .item a.action i.fa,
.articles .item a.action i.fad {
    color: rgb(205, 58, 96);
    font-size: 32px;
    vertical-align: middle;
}

.articles h5 {
    margin-top: .5em;
    padding: 0;
    color: #333;
}

.articles .item {
    position: relative;
}

.articles .item a img {
    transition: .2s all ease-in-out;
}

.articles .item a:hover img {
    filter: brightness(1.2);
    transition: .2s all ease-in-out;
}

.articles p.description {
    margin-top: 0;
    margin-bottom: 44px;
}

.articles .item a.action {
    position: absolute;
    bottom: 0;
    transition: .2s all ease-in-out;
    display: block;
    width: 100%;
    text-decoration: none;
}

.articles .item a.action:hover {
    filter: brightness(1.5);
    transition: .2s all ease-in-out;
}

@media only screen and (max-width:1200px) {

    /* improve search results layout with Large iPad Pro Safari */
    #resultsWrapper {
        width: calc(100% - 225px);
        margin-bottom: 40px;
    }

    .searchResults_wrapper .searchLimitsColumn {
        width: 225px;
    }

    .searchResults_wrapper .searchLimitsColumn {
        /* max-height: 2000px; */
    }

    .resultsToolbar_middle {
        width: auto;
    }

    #searchResultsColumn {
        padding-left: 10px;
    }

    .resultsToolbar_num_results {
        padding: 12px;
        border-radius: 10px;
    }

    .resultsToolbar_middle {
        margin-left: 22px;
    }

    .searchLimitsColumn .navigatorName {
        max-width: 148px;
    }

    .detail_main_wrapper {
        background: white;
    }

    #nm_detail_wrapper {
        margin-top: auto;
    }

    .mobile #nm_detail_wrapper #links {
        margin-bottom: -21px;
    }

    .mobile #nm_detail_wrapper #detail_tabs0 {
        background: white;
    }

    .detail_biblio {
        width: auto;
    }

    .mobile .headerWrapper {
        width: auto !important;
        left: 0 !important;
    }

    .mobile .headerWrapper h1.pageTitleText {
        font-size: 20px;
    }

    .heavyweight.reframe.mobile #mobile {
        background: #A2394E;
    }

    .mobile .headerWrapper.scroll-img {
        background: rgba(0, 0, 0, .2) !important;
        padding: 8px;
    }

    .mobile #searchBoxWrapper.scrolled {
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width:1120px) {
    #hero_area {
        max-height: 500px;
        padding-top: 50px;
    }

    .reframe #hero_area {
        max-height: none;
    }

    /* improve search results layout with iPad Safari */
    #resultsWrapper {
        width: calc(100% - 280px);
        margin-bottom: 40px;
    }

    .searchResults_wrapper .searchLimitsColumn {
        width: 280px;
    }

    .searchLimitsColumn .navigatorName {
        max-width: 196px;
    }

    #searchResultsColumn {
        padding-left: initial;
    }

    .searchResults_wrapper .searchLimitsColumn {
        max-height: initial;
    }

    .resultsToolbar_middle {
        margin-left: auto;
    }

    .pageTitle {
        overflow: initial;
    }

    h1.pageTitleText {
        width: 700px;
        font-size: 20px;
    }

    .detail_biblio {
        width: auto;
        background-color: #eee;
        padding: 12px;
    }

    .pagination {
        background-color: #eee;
    }

    .pageNumberInput.textbox {
        height: 50px;
    }

    .nytimes_thumbnail.active img {
        max-height: 150px;
    }

    .jscarousal-contents>div.visible>div>.no_image_text,
    .jscarousal-contents>div.visible>div>img,
    .jscarousal-contents>div.visible>.nytimes_thumbnail.active {
        width: 118px;
    }

    .bookRiver .nytimes_select {
        max-width: initial;
    }

    .mobile .fc.nf-river-wrapper .tile {
        width: 220px;
    }

    .contentColumn+.contentColumn {
        padding: 12px;
    }

    .pageFix {
        background: white;
        padding: 12px 12px 28px 12px;

    }

    .contentColumn+.contentColumn {
        margin-top: 0;
    }

    #advancedSearchPage {
        font-size: 18px;
        width: 100vw !important;
        padding: 0 40px !important;
    }

    #advancedSearchPage h1.advancedSearchTitle,
    #advancedSearchPage h1.searchModifiersLabel {
        font-size: 24px;
        line-height: 1em;
    }

    #advancedSearchPage .advancedSearchTextField {
        height: 48px;
    }

    .advancedSearchDropDown {
        height: 38px;
        width: 100%;
    }

    #advancedSearchPage .button#advancedSearchButton {
        padding: 18px 12px;
        font-size: 22px;
        color: white;
    }

    #advancedSearchPage .searchModifier {
        margin-bottom: 8px;
    }

    #advancedSearchPage .searchModifier:nth-child(odd) {
        background-color: #eaeaea;
        padding: 8px 4px;
        padding-left: 0;
        border-radius: 2px;
    }

    #advancedSearchPage .checkbox-align.label {
        font-size: 18px;
    }

    #advancedSearchPage .advancedSearchTextField {
        width: 66%;
    }

    #advancedSearchPage .searchModifier input {
        margin-right: 0;
        margin-left: 8px;
    }

    #advancedSearchPage .advancedSection+.advancedSection {
        margin-top: 28px;
    }

    #advancedSearchPage .border-t {
        border: none;
    }

    #basicSearch {
        flex-wrap: wrap;
    }
    #searchBoxHomeLink {
        order: 1;
    }
    #plvLogo {
        order: 2;
    }
    #searchBoxStyleDiv {
        order: 3;
    }

    div#searchBoxesWrapper {
        padding-top: 0;
    }

    div#searchBoxStyleDiv {
        height: 60px;
    }

    div#logo_container {
        top: 180px;
    }

    #megamenu {
        padding: 0 10px;
    }

    div#searchBoxCentered {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 768px) {
    div#searchBoxHomeLink a,
    #plvLogo {
        margin: 16px;
    }


    #advancedSearchPage .advancedSearchTextField {
        width: 48vw;
    }

    .ada-mode .ada_div_top {
        display: none;
    }

    #mainMenu {
        /*display: none;*/
    }

    #mainMenuMobile {
        display: block;
    }

    .fourpanel,
    .threepanel {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "header header";
        grid-row-gap: 1rem;
    }

    .buttongrid {
        /* border:1px solid red; */
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "header header";
        grid-row-gap: 3rem;
    }

    .grid-circle {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

   
}

@media only screen and (max-width: 576px) {
    .buttongrid.branches-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "header";

    }

    h1.pageTitleText {
        width: auto;
    }

    .twopanel .leftpad {
        padding-left: 1rem;
    }

    /* stop breaking on mobile by removing width */
    .mobile .fc.nf-river-wrapper .tile {
        width: 70%;
    }

    .langBox {
        margin-left: 8px;
    }

    #advancedSearchPage {
        padding: 0 6px !important;
    }

    .jscarousal-contents>div.visible>div>.no_image_text {
        width: auto;
    }

    #advancedSearchPage .advancedSearchTextField {
        width: 100%;
    }

    .notification-banner {
        width: auto;
    }

    .buttongrid {
        /* border:1px solid red; */
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "header";
        grid-row-gap: 2rem;
    }

    .twopanel,
    .threepanel,
    .fourpanel,
    .twopanel.news.image-right {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "header";
        grid-row-gap: 2rem;
    }

    .threepanel,
    .fourpanel {
        grid-row-gap: 1rem;
    }

    .bigband {
        padding: 1.5rem;
    }

    #sitemap {
        padding: 1rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    #hero_area #local_hero_area {
        position: relative;
        bottom: auto;
        background-color: rgba(0, 0, 0, .5);
    }

    .mobile div#hero_area {
        padding-top: 40px;
    }

    #hero_area h1 {
        padding-bottom: 30px;
    }



    .grid-circle {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

  
    /* :: pagination :: */
    .pagination {
        background-color: #eee;
    }

    .paginationDetails>form {
        display: inline-grid;
        vertical-align: initial;
    }

    .paginationInputs input.button {
        position: absolute;
        right: 22px;
        vertical-align: initial;
        color: white;
    }

    .pageNumberInput.textbox {
        width: 50px;
        border: 1px solid #999;
        border-radius: 3px;
        margin-right: 4px;
    }

    .paginationSingle+.paginationSingle {
        border-left-style: dotted;
        border-color: #aaa;
    }
    .paginationSingle .fa {
        font-size: 50px;
        margin: 8px 0;
    }
    /* :: search results :: */
    div#detail_tabs0 {
        max-width: 345px;
        overflow-x: auto;
    }

    .ui-tabs>.ui-tabs-nav {
        width: fit-content;
        /* These tabs don't show on actual mobile? Style just extends bg colour - not supported in ie  */
    }

    .mobile #nm_detail_wrapper {
        margin-top: 80px;
        background: white;
        padding: 14px;
    }

    .ui-tabs .ui-tabs-panel {
        padding: 8px;
    }

    div#___gcse_0 {
        margin: 0 8px;
    }

    .returnToPreviousWrapper {
        position: relative;
        left: 12px;
        bottom: 6px;
    }

    .headerWrapper {
        background-color: initial;
    }

    .mobile .headerWrapper {
        width: 100% !important;
    }

    .pageTitleText {
        overflow: initial;
        font-style: italic;
        font-weight: 400;
        font-size: 1.2em;
        max-width: 340px;
        text-align: left;
        margin-left: 12px;
        padding-right: 70px;
    }

    #footer #footer_social .searchbox .gsc-search-button-v2 {
        padding: 13px 26px;
    }

    ul.list-items,
    span.expressionSearchLink {
        border: none;
    }

    .mobileMenuLink {
        border-color: white;
    }

    .accountPanel,
    #accountStatus {
        margin-top: 80px;
    }

    .lightweight .accountPanel,
    .lightweight #accountStatus {
        margin-top: 0;
    }

    .heavyweight .accountPanel,
    .heavyweight #accountStatus {
        margin-top: 0;
    }


    #accountStatus {
        background: rgba(255, 255, 255, .4)
    }

    .heavyweight #accountStatus {
        background: rgba(255, 255, 255, .9)
    }

    .ui-accordion .ui-accordion-header {
        padding: 18px 8px;
        margin: 0;
    }

    .ui-accordion .ui-accordion-header a {
        font-size: 18px;
    }

    .ui-accordion-content.pad-v {
        background: #eee;
        border: none;
        padding: 15px 12px;
        margin: 0;
    }

    #accountLinks {
        background: #7FA5C2;
    }

    #accountLinks .mobileMenuLink a {
        padding: 24px 14px;
        font-size: 18px;
    }

    #accountLinks .mobileMenuLink {
        border-color: white !important;
    }

    #accountLinks .mobileMenuLink a::before {
        display: inline-block;
        font-family: FontAwesome;
        /*content: "\f054"; chevron-right*/
        font-size: 24px;
        -webkit-font-smoothing: antialiased;
        margin-right: 14px;
    }

    #accountLinks .mobileMenuLink:nth-of-type(1) a::before {
        content: "\f007";
    }

    #accountLinks .mobileMenuLink:nth-of-type(2) a::before {
        content: "\f14a";
    }

    #accountLinks .mobileMenuLink:nth-of-type(3) a::before {
        content: "\f02d";
    }

    #accountLinks .mobileMenuLink:nth-of-type(4) a::before {
        content: "\f0d6";
    }

    #accountLinks .mobileMenuLink:nth-of-type(5) a::before {
        content: "\f044";
    }

    .label+.textbox {
        padding: 10px 4px;
    }

    #changePinPanel .buttonSection input,
    #preferencesPanel .fieldSection input.button {
        padding: 12px;
        color: white;
        font-size: 18px;
        font-weight: 700;
        border-radius: 2px;
    }

    form#loginPageForm {
        background: white;
        padding: 12px;
    }

    .buttonSection.loginButtons input {
        padding: 12px;
        font-size: 16px;
        color: white;
        font-weight: 700;
    }

    .mobile .listsCell {
        width: 100%;
        /*margin-top: 80px;*/
    }

    .listsContainer {
        padding: 40px 10px;
    }

    .list .myListItem .results_bio {
        width: auto;
    }

    #listSelectZone .listDropdown {
        overflow: initial;
    }

    select#myListsSelection {
        padding: 10px;
    }

    .myListHeader .myListTitle {
        height: 40px;
    }

    select#myListsSelection {
        padding: 14px 10px;
        background: #08c;
        color: white;
        font-size: 18px;
        border-radius: 2px;
        border: none;
        outline: none;
    }

    form#myListSelectForm i {
        color: white;
        margin-top: 10px;
    }
}

/* accessibility ada-mode */
body.ada-mode {
    padding-top: 0;
}

.ada-mode .ada_div_top {
    float: none;
    top: 0;
}

.ada-mode .headerWrapper,
.ada-mode .header {
    position: relative;
    height: auto;
}

.ada-mode #ada_header {
    position: relative;
    height: auto;
    z-index: 21;
    width: auto;
}

.ada-mode #searchBoxHomeLink,
.ada-mode #searchBoxWrapper {
    position: relative;
    top: 0;
}

.ada-mode #mainMenuContainer {
    float: none;
    margin-top: 0;
    margin-bottom: 28px;
}

/***2019 sep 19, SD, hiding hold buttons on thumbnail FRBR***/
.thumb .frbrClusterDisplay .holdButton {
    display: none
}


/*** progress bar ***/
.progress-root {
    height: 4px;
    overflow: hidden;
    position: relative;
    background-color: rgb(167, 202, 237);
}

.progress-root>div {
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    transition: transform 0.2s linear;
    transform-origin: left;
    background-color: #1976d2;
    width: auto;
}

.progress-root>div:first-child {
    animation: progress-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress-root>div:last-child {
    animation: progress-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}

@-webkit-keyframes progress-keyframes-indeterminate1 {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes progress-keyframes-indeterminate2 {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

/** PAGE CONTENT **/

/* paragraph text layout */
.icon-text {
    display: grid;
    grid-template-columns: 200px auto;
    align-items: center;
}
.icon-text img {
    width: 100%;
    max-width: 240px !important;
}
.icon-text h4 {
    margin: initial;
}
.icon-text div:first-of-type {
    padding: 30px;
}
.icon-text div:nth-of-type(2) {

}

@media (max-width: 768px) {
    .icon-text {
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: center;
        margin-top: 40px !important;
    }
    .icon-text h4,
    .icon-text p {
        text-align: center;
    }
}
/*** removed headers, footers and tidy up for the print view ****/
@media print {

    .reframe.nonhomepage #account,
    .reframe.nonhomepage #search,
    .reframe.nonhomepage #menu,
    .reframe.nonhomepage #footer,
    .reframe.nonhomepage #hedit-bar,
    .reframe.nonhomepage #alertsBox {
        display: none !important;
    }

    .reframe.nonhomepage #content .columns_container {
        max-width: none;
    }

    body.reframe.nonhomepage {
        background: none !important;
    }

}
.hotspot {
  background-color: #e0e5f1;
}


/* Announcement Bar */
@media only screen and (max-width: 1120px) {#megamenu.bigband.announcement {padding: 10px;}}
.bigband.announcement {background-color: #007C66; border-top: 3px #fff solid; max-width: 1200px; padding: 0.5rem;}
.announcement a, .announcement h2, .announcement h4 {color: #fff; margin: auto;}
.announcement a {padding: 10px;}
.announcement a:hover {text-decoration: underline !important;}
.announcement a, h3	{font-weight: bold;}
.announcement h3 {font-size: 1.25em;}
.announcement h4 {font-size: 1em;}
.announcement {margin: 5px;}
.announcement button {float: right;}
.announce-icons {margin: 0px 10px 0px 10px; max-height: 30px; max-width: 30px;}


/*Exandable Text Box */
.expandatext {background-color: #FF4D00; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 24px; margin-top: 15px;}
.active, .expandatext:hover {background-color: #FF4D00;}
.expandatext:after {content: '\002B'; color: white; font-weight: bold; float: left; margin-right: 10px;}
.active:after {content: "\2212";}
.moretext {padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #fff;}
.moretext li {padding-left: 15px;}


/* Back to top button */
.topButton {position:fixed;bottom:3rem;right:2rem;z-index:1000}
.topButton .button-3, .topButton{width:2.5rem;height:2.5rem}
.topButton .button-3{background-color:rgba(253,185,19,.5);font-size:0;border-radius:4px;display:block}
.topButton .button-3:before{content:"";display:block;width:1rem;height:1rem;border:1px solid #fff;border-bottom:0;border-right:0;position:absolute;top:2rem;left:.75rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.topButton .button-3:hover{background-color:#0072A6;}

/* GLEN Colours:
Orange = #EF7E2D
Charcoal = #3F464E
Black = #262626
*/

body {
  font-family: "Roboto", sans-serif;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

#river-content {
  padding-top: 20px;
}

.mobile.reframe #search {
  background-color: #3f464e !important;
}

.mobile #slideMenuLinkmainMenu i {
  color: #00677f;
  margin-right: -0.5rem;
  margin-top: 0;
}

.mobile .slideMenuLink .fa-ellipsis-img {
  /* background-image: url(/client/images/action-icons/ellipsis_vertical.png); */
  background-image: url(/custom/web/content/glen/menu.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.mobile .federatedView .fa.fa-ellipsis-img {
  display: none;
}

#slideMenuLinkresultActionsSlideMenudetail0_-1560081834 > i {
  display: inline-block;
}

#lvLogo {
  background-image: url(/custom/web/content/glen/GlenelgLibraryLogoClear.png);
}
#buttonsWrapper.hasAdvanced #more {
  font-size: 16px;
}
body.heavyweight.mobile.reframe #search {
  margin-bottom: 19px;
}
.pageTitle {
  display: none;
}
.mobile.reframe #mainMenu {
  margin-right: 0px;
}
.previous_level {
  display: none !important;
}
.no_image_text {
  display: none !important;
  width: 93px;
}
.mobile.reframe #search {
  padding: 0px;
}

#content .bigband.banner {
  background-color: #fff;
}

/* Update Login Tile Formatting */
#loginPageForm .changePin {
  display: flex;
}
#loginPageForm a#changePinLink {
  padding-left: 0px;
}
.loginActions > .linkSection {
  display: flex;
  width: 90%;
}
.loginActions > .loginButtonSection {
  vertical-align: top;
}

/* Re-enable delivered SD Mobile Menu */
.mobileMenuLink.text-h4 {
  display: flex;
}

/* Header display formatting */
.heavyweight.mobile.reframe #mainMenu {
  display: flex;
  padding: 0px;
  padding-right: 16px;
  justify-content: space-between;
  width: 100%;
}

.mobile #lvLogo {
  margin-left: 0.5rem;
}
.heavyweight.reframe.mobile #mobile {
  background: #fff;
  text-align: right;
}
.mobile #plvLogo {
  display: none;
}
.mobile #lvLogo {
  background-size: auto 70px;
  height: 70px;
  min-width: 266px;
  /* margin-left: 0.5rem; */
}
.mobile #searchButton,
#buttonsWrapper.hasAdvanced button.advanced,
#buttonsWrapper.hasAdvanced #more {
  background-color: #fff !important;
}
.mobile.reframe .bgcolor-p3,
.mobile #searchButton,
#buttonsWrapper.hasAdvanced button.advanced,
#buttonsWrapper.hasAdvanced #more a {
  color: #00677f;
}
.mobile div#buttonsWrapper {
  margin-left: 5px;
}
.mobile #mainMenu .fa.fa-bars,
#mainMenu a.slideMenuLink .fa-bars::after {
  color: #005a2a;
}

/* Hide redundant menu items */
/* .mobile nav#slideMenu--mainMenu .mobileMenuLink:nth-of-type(6), */
/* .mobile nav#slideMenu--mainMenu .mobileMenuLink:nth-of-type(6), */
.mobile nav#slideMenu--mainMenu .mobileMenuLink:nth-of-type(5) {
  display: none;
}
.contentColumn.taxonomy {
  display: none;
}

/*Announcment Banner
.bigband.find-service {background-color: #007A33 !important; padding: 1rem;}
.find-service h4 {color: white;	margin: 5px; font-size: 1em;} */

/* Hero Area Banner */
.reframe #hero_area #subheading {
  color: #0067a0;
  background-color: rgba(255, 255, 255, 0.8);
}

/* Footer Bar */
#footer a {
  color: #85baff;
  display: inline-flex;
}
.buttongrid > div {
  text-align: left;
}
.sm-icons {
  margin: 0px 20px 20px;
  max-height: 40px;
  max-width: 40px;
}
.ext-sites {
  max-height: 50px;
  margin-bottom: 10px;
}
#copyright,
div#footer.footer_container,
#footer .logoContainer {
  background-color: #3f464e;
  /* height: auto; */
}

.mobile #footer {
  height: auto;
  margin: auto;
  position: static;
}

.nm-color-p6 {
  color: #fff;
}

/* Back to top button */
.mobile .topButton {
  position: fixed;
  bottom: rem;
  right: 1rem;
  z-index: 1000;
}
.mobile .topButton .button-3,
.topButton {
  width: 2.5rem;
  height: 2.5rem;
}
.mobile .topButton .button-3 {
  background-color: #ef7e2d;
  font-size: 0;
  opacity: 0.6;
  border-radius: 4px;
  display: block;
}
.mobile .topButton .button-3:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 2px solid #fff;
  border-bottom: 0;
  border-right: 0;
  font-weight: bold;
  position: absolute;
  top: 2rem;
  left: 0.75rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile .topButton .button-3:hover {
  background-color: #3f464e;
}

/* .top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 1000;
}
.top .button-3,
.top {
  width: 2.5rem;
  height: 2.5rem;
}
.top .button-3 {
  background-color: rgba(74, 74, 74, 0.5);
  font-size: 0;
  border-radius: 4px;
  display: block;
}
.top .button-3:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #fff;
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  top: 2rem;
  left: 0.75rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top .button-3:hover {
  background-color: #005a2a;
} */

/*Exandable Text Box */
.expandatext {
  background-color: #007a33;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
  margin-top: 15px;
}
.active,
.expandatext:hover {
  background-color: #007a33;
}
.expandatext:after {
  content: "\002B";
  color: white;
  font-weight: bold;
  float: left;
  margin-right: 10px;
}
.active:after {
  content: "\2212";
}
.moretext {
  padding: 0 18px;
  max-height: 0;
  /* overflow: hidden; */
  transition: max-height 0.2s ease-out;
  background-color: #fff;
}
.moretext li {
  padding-left: 15px;
}

/* DENIS' EDITS */

.mobile #LT_LB {
  font-family: "Roboto", sans-serif !important;
}

.mobile .border-t {
  border-top: none;
}

#slideMenu--mainMenu > div:nth-child(2) {
  color: #fff;
}
#slideMenu--mainMenu > div:nth-child(3) {
  background-color: #338bfd;
  color: #fff;
}
#slideMenu--mainMenu > div:nth-child(4) {
  background-color: #338bfd;
  color: #fff;
}

/* .slideMenuWrapper {
  display: none;
} */

.myListHeader .slideMenuWrapper i {
  display: none;
}

.mobile #loginPageForm .loginField {
  padding: 12px 4px;
  font-size: 14px;
}

.tab_sel {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid white;
  margin-bottom: -1px;
  color: midnightblue;
}

/* .mobile #links > a:nth-child(1) {
  display: none !important;
} */

/* .mobile #links > a.tab_selected.required {
  display: none !important;
} */

.mobile .detailChildFieldLabel {
  font-weight: bold;
}

.mobile .results_top_half {
  padding-left: 5px;
  padding-right: 5px;
}

.mobile .displayElementLabel {
  font-weight: bold;
}

.mobile .ui-dialog .ui-dialog-title {
  color: inherit;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  float: none;
  font-weight: bold;
  margin: 0;
  white-space: normal;
  width: 100%;
}

.mobile #passwordRecovery_link,
#changePinLink {
  color: #306d96 !important;
}

.mobile #registration_link {
  color: #306d96 !important;
}

.mobile .list .results_right {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 65px;
  padding-left: 15px;
}

.mobile #slideMenuLinksortActions .underline {
  text-decoration: none;
}

.mobile #slideMenuLinksearchLimitsColumn .underline {
  text-decoration: none;
}

.mobile #searchResultsColumn {
  border: none;
}

.mobile #searchResultsColumn > div.resultsToolbar.bgcolor-white.border-v {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 0.5rem;
}

.mobile .resultsToolbar_right {
  display: flex;
  justify-content: center;
  width: 100%;
}

.mobile .sortResults,
.mobile .filterResults {
  display: flex;
  align-items: center;
  margin: 0 10px; /* Add some margin between the elements */
}

/* #searchResultsColumn > div.resultsToolbar.bgcolor-white.border-v {
  display: flex;
  justify-content: center;
  align-items: center;
}

.resultsToolbar_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sortResults,
.filterResults {
  display: flex;
  align-items: center;
} */

.mobile .borderSection > .border-v {
  border-color: #ccc;
  border-top-width: 0;
  border-bottom-width: 0;
  margin: 0 auto;
  /* text-align: center; */
}

.mobile .resultsToolbar_right .slideMenuText {
  /* float: left; */
  padding: 10px 0;
  border: 1px solid #ddd;
  padding: 6px 12px;
  border-radius: 3px;
  background: #fafafa;
  margin-bottom: 6px;
}

.mobile .resultsToolbar a#slideMenuLinksearchLimitsColumn {
  border: 1px solid #ddd;
  padding: 6px 12px;
  border-radius: 3px;
  background: #fafafa;
  margin-bottom: 6px;
  /* float: right; */
}

.mobile .resultsToolbar a#slideMenuLinksearchLimitsColumn::after {
  display: none;
}

.mobile #search_target_tabs {
  display: none;
}

/* .mobile #slideMenuLinklistActionsContainer > i {
  display: none;
} */

.listActionMenu {
  float: unset;
  margin: 5px 0 5px 10px;
}

/* .mobile #slideMenuLinklistActionsContainer .fa.fa-ellipsis-img {
  display: none;
} */

.mobile #listDropdown {
  display: block;
}

.mobile .dropDown.fullwidth {
  /* padding: 14px 10px; */
  padding: 14px 10px;
  background: #08c;
  color: white;
  font-size: 18px;
  border-radius: 2px;
  border: none;
  outline: none;
}

.mobile .fa.fa-caret-down.select-arrow {
  color: #fff;
  margin-top: 10px;
}

select#myListsSelection {
  padding: 14px 10px;
  background: #08c;
  color: white;
  font-size: 18px;
  border-radius: 2px;
  border: none;
  outline: none;
}

@media only screen and (max-width: 576px) {
  select#myListsSelection {
    padding: 14px 10px;
    background: #08c;
    color: white;
    font-size: 18px;
    border-radius: 2px;
    border: none;
    outline: none;
  }
}

@media only screen and (max-width: 776px) {
  select#myListsSelection {
    padding: 14px 10px;
    background: #08c;
    color: white;
    font-size: 18px;
    border-radius: 2px;
    border: none;
    outline: none;
  }
}

.mobile #searchButton,
#buttonsWrapper.hasAdvanced button.advanced,
#buttonsWrapper.hasAdvanced #more {
  background-color: #ef7e2d !important;
}

.mobile.reframe .bgcolor-p3,
.mobile #searchButton,
#buttonsWrapper.hasAdvanced button.advanced,
#buttonsWrapper.hasAdvanced #more a {
  color: #fff;
}

@media only screen and (max-width: 799px) {
  .detail_cover_art_div {
    padding: 0 10px 20px;
    pointer-events: none;
    width: 100%;
  }
}

@media only screen and (max-width: 799px) {
  .detail_main .results_right,
  .assetActionMenu {
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media only screen and (max-width: 576px) {
  .mobile #nm_detail_wrapper {
    margin-top: 40px;
    background: white;
    padding: 14px;
  }
}

.mobile #header > div.returnToPreviousWrapper > a > i {
  color: #777;
}

.returnToPreviousWrapper {
  left: 2rem;
  top: 8rem;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Roboto", sans-serif;
  height: 2rem;
}

.mobile .button {
  background-color: #ef7e2d;
  color: #fff;
  font-weight: bold;
}

.mobile .button:focus {
  outline: none;
}

.mobile .button:visited {
  background-color: #ef7e2d;
}

.mobile #notificationDialog .text-p {
  padding: 1rem 0;
}

/* .mobile.reframe #header.header_container {
  display: block !important;
  background-color: #3f464e;
} */

.mobile .logo_container img {
  display: none;
}
/* .mobile.reframe .logo_container img {
  display: none;
} */

.tab {
  background-color: #f4f4f4;
}

.list .cover_text_wrapper {
  display: none;
}

.nm-bgcolor-p5 {
  background: #51949b;
  color: #ffffff;
}

.mobile.reframe .bgcolor-p3 {
  color: #fff;
}

@media only screen and (max-width: 576px) {
  .ui-tabs > .ui-tabs-nav {
    width: auto;
  }
}

@media only screen and (max-width: 1200px) {
  .mobile #nm_detail_wrapper #detail_tabs0 {
    background: white;
    border-radius: 5px 5px 0 0;
  }
}

.ui-tabs .ui-tabs-nav li {
  margin: 4px 0.25em 0 0.25em !important;
  top: 0;
  border: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  height: 28px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.25em 1em;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
}

.ui-tabs .ui-tabs-nav li {
  border-radius: 5px 5px 0 0;
}
.ui-tabs .ui-tabs-nav li:hover {
  border-radius: 5px 5px 0 0;
}

.ui-tabs > .ui-tabs-nav {
  background-color: #51949b;
  border-radius: 5px 5px 0 0;
  border: none;
}

.holdButton PLACE_HOLD {
  display: block !important;
}

/* div .item2 {
  margin-top: 2rem;
} */

.buttongrid > :nth-child(2) {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.item2 > a:nth-child(2) > img:nth-child(1) {
  margin-right: 10rem;
  margin-top: 1rem;
}

#copyright {
  visibility: hidden;
}

.listsLogin {
  padding-left: 1.25rem;
}

.loginLink a {
  padding: 0;
}

#myListsTitle {
  padding-left: 5px;
  margin-bottom: 1rem;
  font-size: 20px;
  font-weight: bold;
}

.mobile .dropDown.fullwidth {
  height: auto;
}

/* @media only screen and (max-width: 576px) {
  form#myListSelectForm i {
    color: white;
    margin-top: 0;
    top: 15px;
  }
} */

.mobile .fa-caret-down.select-arrow {
  top: 3px;
}

#slideMenu--mainMenu > div:nth-child(2) > a:nth-child(1),
#slideMenu--mainMenu > div:nth-child(3) > a:nth-child(1),
#slideMenu--mainMenu > div:nth-child(4) > a:nth-child(1) {
  font-weight: bold;
}

.displayElementWrapper .BIBSUMMARY {
  display: none;
}

#copyright,
div#footer.footer_container,
#footer .logoContainer {
  padding-top: 2rem;
}

/*COPILOT*/

/* .accountPanel {
  position: relative;
  z-index: 10; 
  margin-bottom: 50px; 
}

#footerWrapper {
  position: relative;
  z-index: 1; 
} */

/*END COPILOT*/

/*NEW COPILOT*/
.accountPanel {
  position: relative;
  z-index: 10; /* Ensure it is above the footer */
  margin-bottom: 50px; /* Add some space at the bottom */
}

#footerWrapper {
  position: relative;
  z-index: 1; /* Ensure it is below the account panel */
  clear: both; /* Ensure it stays below any floated elements */
  margin-top: 50px; /* Add some space at the top */
}

/*END NEW COPILOT*/

.displayDetailLink > a {
  text-transform: capitalize;
}

.list .results_img {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

textarea:focus,
input:focus {
  outline: none;
}

.heavyweight.mobile.reframe #mainMenu {
  background-color: #3f464e;
}

.mobile.reframe #header.header_container {
  display: none;
  background-color: #3f464e;
}

.mobile #mainMenu .fa.fa-bars,
#mainMenu a.slideMenuLink .fa-bars::after {
  color: #fff;
}

.heavyweight.mobile #mainMenu > .slideMenuLink {
  background-color: #3f464e;
  outline: none;
}

#slideMenuLinkmainMenu i,
.mobile #mainMenu .fa.fa-bars,
#mainMenu a.slideMenuLink.fa.fa-bars {
  font-size: 50px;
}

#mainMenu a.slideMenuLink .fa-bars::after {
  content: "MENU";
  color: #fff;
  background: #3f464e;
  padding: 2px;
  width: 54px;
  text-align: center;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  position: absolute;
  left: -4px;
  bottom: -18px;
}

#results_wrapper .tab {
  font-size: 12px;
}

#results_wrapper a.tab_selected.required {
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  margin-left: 0.5rem;
}

#searchResultsColumn #results_wrapper .tab {
  border-radius: 4px 4px 0 0;
  margin-left: 0.5rem;
}

.mobile #results_wrapper .cell_wrapper {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

#links {
  border-bottom: 1px solid #bbb !important;
  border-width: 100%;
  margin: 1.5rem -1rem 0 -1rem;
  text-align: center;
}

#links a {
  color: #777;
}

.mobile #results_wrapper {
  padding: 0 12px 12px 12px;
}

.mobile #results_wrapper a.tab_selected.required {
  display: none;
}

.mobile #results_wrapper a.tab {
  display: none;
}

.mobile #links .tab {
  display: none;
}

.mobile #links .tab_selected,
.tab {
  padding: 10px !important;
}

#resultSelectWrapper {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px 10px 10px;
  position: relative;
}

#resultSelectWrapper .fa-caret-down {
  font-size: 25px;
  height: 20px;
  pointer-events: none;
  right: 25px;
  /* top: 6px; */
  top: -2px;
}

.heavyweight.mobile.reframe #mainMenu {
  padding-top: 1rem;
}

body.heavyweight.mobile.reframe #search {
  padding-top: 1rem;
}

body[stuck].heavyweight.mobile.reframe #search {
  padding-top: 4px;
}

#q {
  padding-left: 0;
}

#q:focus {
  background-color: #fff;
}

#nm_detail_wrapper .detail_cover_art {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
  margin-bottom: 1rem;
}

.detail_biblio {
  background-color: #fff;
  padding-top: 0;
}

#nm_detail_wrapper .detail_main {
  padding: 0px 20px 0 0 !important;
}

.detail_biblio .displayElementText.PRIMARY_TITLE,
.detail_biblio .displayElementText.TITLE,
.detail_biblio .displayElementText.INITIAL_TITLE_SRCH {
  font-weight: bold;
  text-transform: capitalize;
}

.river h3 {
  font-size: 14px;
  padding: 0;
  margin-top: 10px;
}

.mobile .river h3 a {
  visibility: visible;
}

.river h3 .river-title {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.river .shift {
  display: none;
}

.river li:first-child {
  display: none;
}

.river li {
  display: inline-block;
  margin: 0 6px -6px 0;
  border: none;
  background: #96253b;
  box-sizing: border-box;
}

.river-image {
  border: none;
  border-radius: 2px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.river {
  /* margin-bottom: -20px; */
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 42px;
  padding-top: 0;
  /* overflow: hidden; */
  width: 100% !important;
}

.river-detail {
  /* min-width: 900px; */
  display: none;
  padding: 20px;
  border: solid 1px #444;
  margin-top: 50px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
}

.river-detail .button {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  font-size: 1rem;
  background-color: #ef7e2d;
  color: #fff;
}

.river-detail .displayElementText {
  color: #000;
  font-size: 16px;
  font-weight: 100;
}

.river-detail .displayDetailLink a {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1rem;
  /* color: #ef7e2d; */
  color: #3f464e;
  /* text-decoration: none; */
}

.river-detail-find-item {
  /* float: left; */
  display: block;
  position: relative;
  /* position: absolute; */
  font-size: 1rem;
  height: 0;
  color: #3f464e;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  margin-top: 5px;
  padding-top: 0;
  display: none;
  text-align: center;
  margin: 0 auto;
  text-decoration: underline;
}

.river-detail em.fa.fa-map-marker {
  color: #000;
}

.river-detail-flex {
  margin-top: 2rem;
}

.river-detail-open {
  top: 100px;
}

i .fa-solid {
  display: none;
}

.topButton {
  right: 1rem;
}

.fa-house,
.fa-home {
  display: none;
}

/* .returnToPreviousWrapper {
  visibility: visible;
} */

/* .returnToPreviousWrapper {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 10px;
  text-align: left;
  display: block;
} */

/* .returnToPrevious .fa-arrow-left:before {
  vertical-align: top;
} */

/* .fa-arrow-left:before {
  content: "\f060";
} */

.holdButton.hidden {
  display: block !important;
}