/* 
 Author: Emma Jaud
 Organization: University of Delaware Library, Museums and Press
 File: libdatabases.css
 Description: Define styles for libguides A-Z databases page.
*/
/* CSS Document */

/* ------------ UD Database body ------------ */
.ud-database-body {
	background: #e5e9ed;
	font-family: "greycliff_semibold" !important; 
	font-size: 12px;
}


/* ------------ UDHeaderHeight ------------ */
/*	This is already in libguides.css
#UDHeaderHeight {
	min-height: 196px !important;
}
*/

/* ------------ UD Database container ------------ */
.ud-database-container-header {
/*	padding: 4vmin 20px 1.125em !important;*/
	padding: 2vmin 20px 1.125em !important;
}
.ud-database-container-main {
	padding: 0 20px 4vmin !important;
}


/* ------------ UD Database Breadcrumbs ------------ */
.ud-database-breadcrumbs {
	margin-bottom: 4rem;
	color: #555 !important;
}
.ud-database-breadcrumbs ol {
	margin: 0 !important;
}
.ud-database-breadcrumbs li {
	font-size: 1.125rem;
	font-family: "greycliff_semibold" !important;
	font-weight: initial;
}
.ud-database-breadcrumbs a {
	color: #555 !important;
}
.ud-database-breadcrumbs .breadcrumb>li+li:before {
	padding: 0 5px;
    color: #555 !important;
    content: "/\00a0";
}
.ud-database-breadcrumbs .breadcrumb>.active {
	color: #555 !important;
}


/* ------------ UD Database h1 ------------ */
.ud-database-h1 {
	font-size: calc(2rem + 0.5vw) !important;
	line-height: 125% !important;
	letter-spacing: -0.025vmax;
	margin-top: 0 !important;
	/*margin-bottom: 1.125em;*/
	font-weight: initial;
}
.ud-database-h1-description {
	font-size: 1.125rem;
	margin: 0 2px 4px;
}

/* ------------ UD Database Login Button (added by CDE) ------------ */
.ud-db-login {
	display: none;
	text-align: right;
	float: right;
}

.ud-db-login .btn {
    display: block;
    background: var(--color-gold);
    color: var(--color-blue-dark);
    padding: 5px 15px;
    margin-top: 5px;
	font-size: 16px;
    border-radius: 1.5rem;
    text-decoration: none;
    font-weight: initial;
}

.ud-db-login .btn:hover {
	background: var(--color-gold-pale);
}

.ud-db-login .btn.logged-in {
	background: var(--color-gray-med);
    color: var(--color-blue-dark);
}

.ud-db-login .btn.logged-in:hover {
	background: var(--color-blue-light);
    color: white;
}

/* ------------ UD Database Searchbar ------------ */
.ud-database-searchbar nav {
	background-color: #fff;
	border: none !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
	border-radius: 1rem !important;
}
.ud-database-searchbar .navbar-brand {
	color: #333;
}
.ud-database-searchbar #s-lg-az-filter-cols {
	display: flex;
	flex-wrap: wrap;
}
/* Subjects dropdown */
.ud-database-searchbar .col-subjects {
/*	order: 2;*/
}
/* Database Types dropdown */
.ud-database-searchbar .col-types {
/*	order: 3;*/
}
.ud-database-searchbar .col-subjects,
.ud-database-searchbar .col-types {
	padding-bottom: 15px;
}
/*  Hide the Vendors dropdown */
.ud-database-searchbar .col-vendors {
    display: none !important;
}
/* search box */
.ud-database-searchbar #col-search {
	order: 1;
}
.ud-database-searchbar #col-search input {
	padding: 6px 12px !important;
	border-top-left-radius: 1rem !important;
	border-bottom-left-radius: 1rem !important;
}
.ud-database-searchbar #s-lg-sel-az-types, 
.ud-database-searchbar #s-lg-sel-az-vendors, 
.ud-database-searchbar #s-lg-sel-subjects {
	width: 100% !important;
}
/* searchbar form */
.ud-database-searchbar .form-control {
	border-radius: 1rem;
/*
	border-top-left-radius: 1rem !important;
	border-bottom-left-radius: 1rem !important;
*/
	border: 0;
	background-color: var(--color-gray-light);
	color: var(--color-blue-dark);
	font-size: 15px !important;
	padding: 6px 12px 7px !important;
}
.ud-database-searchbar .form-control::placeholder {
	color: gray !important;
}
/* searcbar button */
.ud-database-searchbar .btn {
	border-top-right-radius: 1.5rem !important;
	border-bottom-right-radius: 1.5rem !important;
	background: linear-gradient(var(--color-blue-med),#00539a);
	color: #fff;
	border: none !important;
	padding: 7px 14px 7px 10px !important;
/*
	border-radius: 1.5rem !important;
	margin-left: 6px !important;
*/
}
.ud-database-searchbar .btn:hover {
	background: var(--color-blue-light);
}


/* ------------ A-Z button filter list ------------ */
.ud-az-button-list .btn-group button {
	color: white !important;
	background: var(--color-blue-med);
	padding: 5px 8px 6px !important;
	margin: 0 8px 8px 0;
	min-width: 32px;
	height: 32px;
	/*border-radius: 0.375rem !important;*/
	border-radius: 1.5rem !important;
	text-align: center;
	font-weight: initial;
}
/* All Button */
.ud-az-button-list #s-lg-az-first-all {
	min-width: 45px;
	text-transform: uppercase;
}
/* list of buttons */
.ud-az-button-list .btn-group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ud-az-button-list .btn-group button:hover:enabled {
	background: var(--color-blue-light);
	text-decoration: none;
}
.ud-az-button-list .btn-group button:focus {
	background: var(--color-blue-light);
	outline: solid 2px var(--color-blue-dark) !important;
	text-decoration: none;
}
.ud-az-button-list .btn-group button:disabled {
	opacity: .4 !important;
}


/* ------------ Database info ------------ */
.ud-database-info {
	padding-top: 0 !important;
}
.ud-database-info h2 {
	font-size: calc(1.25rem + 0.5vw) !important;
/*	background: var(--color-gold);*/
	padding: 10px 15px !important;
/*	border-radius: 1rem;*/
	border-bottom: 2px solid var(--color-gold);
	margin: 0 !important;
	line-height: 125% !important;
	font-weight: initial;
}
/* filter reset button */
.ud-database-info #s-lg-az-reset {
	background: var(--color-blue-med);
	border-radius: 1.5rem;
	color: #fff;
	padding: 6px 12px !important;
	font-size: 14px !important;
	border: none;
	margin: 15px 0 0 !important;
}
.ud-database-info #s-lg-az-reset:hover {
	background: var(--color-blue-light);
}


/* ------------ Featured database ------------ */
.ud-database-content #s-lg-db-name-featured {
	background-color: var(--color-gold) !important;
	border-radius: 1rem !important;
}
/* featured card title */
.ud-database-content #s-lg-db-name-featured .s-lg-db-panel-title {
	margin-top: 8px !important;
	border-bottom: 1.5px solid var(--color-gold-pale) !important;
}


/* ------------ Database cards ------------ */
.ud-database-content h3,
.ud-database-content #s-lg-az-name-other .s-lg-db-panel-title {
	padding: 0  0 0.5rem 0.5rem;
	border-bottom: 1.5px solid var(--color-gold) !important;
	margin-bottom: 12px;
	font-size: calc(1.1rem + 0.5vw);
	color: var(--color-blue-med);
	font-weight: initial;
}
/* individual cards */
.ud-database-content .s-lg-az-result {
	background: #fff;
	padding: 15px 15px 16px !important;
	border-radius: 1rem;
	margin: 8px 0;
	position: relative;
}
/* card title */
.ud-database-content .s-lg-az-result-title {
	font-size: calc(1.2rem + 0.25vw) !important;
	display: inline-block;
	margin-top: 1px;
/*	margin-bottom: 2px;*/
}
.ud-database-content .s-lg-az-result-title a {
	color: var(--color-blue-med) !important;
	font-weight: initial;
}
/* card alternate name */
.ud-database-content .s-lg-az-result-keywords {
	margin-top: 2px;
}
.ud-database-content .s-lg-az-result-keywords .bold {
	font-weight: inherit;
}
/* card desciption */
.ud-database-content .s-lg-az-result-description {
/*	font-size: calc(1rem + 0.125vw) !important;*/
	font-size: calc(1rem + 0.15vw) !important;
	margin-top: 4px;
	font-family: 'greycliff_regular';
}
.ud-database-content .s-lg-az-result-description p {
/*	font-size: calc(1rem + 0.125vw) !important;*/
	font-size: calc(1rem + 0.15vw) !important;
	margin-top: 4px;
	margin-bottom: 0;
	font-family: 'greycliff_regular';
}
/* more dropdown */
.ud-database-content .s-lg-label-moreinfo,
.ud-database-sidebar .s-lg-label-moreinfo,
.ud-database-content .s-lg-content-more-info p,
.ud-database-sidebar .s-lg-content-more-info p {
	margin-top: 4px;
	margin-bottom: 0;
}
.ud-database-content .s-lg-az-result-description a,
.ud-database-content .s-lg-label-moreinfo button.btn-link {
	color: var(--color-blue-med);
}
.ud-database-content .s-lg-az-result-description a:hover,
.ud-database-content .s-lg-label-moreinfo button.btn-link:hover,
.ud-database-sidebar .s-lg-label-moreinfo button.btn-link:hover {
	color: var(--color-blue-light);
}
.ud-database-content .s-lg-label-moreinfo button {
	font-size: calc(1rem + 0.15vw);
}
.ud-database-content .s-lg-content-more-info {
	font-family: 'greycliff_regular';
	margin-top: 5px;
	margin-bottom: 0;
	font-size: calc(1rem + 0.12vw);
/*	font-size: 1em;*/
}
.ud-database-sidebar .s-lg-label-moreinfo button.btn-link {
	color: var(--color-blue-dark);
}
.ud-database-sidebar .s-lg-content-more-info {
	margin-top: 5px;
	margin-bottom: 0;
}
/* badges */
.ud-database-content .s-lg-az-result-badges {
	display: inline-block;
	margin-top: 4px;
}
.ud-database-container-main .s-lg-icons li img {
	margin: 0 10px 3px 0;
	border-radius: 50%;
}
.ud-database-container-main .s-lg-icons li a {
/*	margin: 0 10px 0 0 !important;*/
	max-width: 16px !important;
	text-decoration: none !important;
}
.ud-database-container-main .s-lg-icons .sr-only {
	text-decoration: none !important;
}
/* share link */
.ud-database-content .s-lg-az-result-share button {
	padding: 5px !important;
	position: absolute;
	top: 10px;
	right: 10px;
}
.ud-database-content .s-lg-az-result-share {
	margin: 0 !important;
	display: none;
}
/* label card */
.ud-database-content .label {
	font-size: 100%;
	margin-left: 2px;
}
.ud-database-sidebar .label {
	margin-left: 2px;
}

/* ------------ UD Database AZ Experts Sidebar ------------ */
.ud-database-sidebar .s-lib-public-side-header h2 {
	color: var(--color-blue-med);
	border-bottom: 1.5px solid var(--color-gold);
	padding-left: 5px;
	font-family: 'greycliff_semibold';
    font-size: 17px;
}
.ud-database-sidebar .az-quicklinks-desc {
	padding-left: 6px;
}
.ud-database-sidebar #s-lg-box-profile {
	border-radius: 1rem !important;
}
.ud-database-sidebar #s-lg-box-profile h2 {
/*	color: var(--color-blue-dark);*/
	color: #fff;
	font-weight: initial;
}
.ud-database-sidebar .s-lib-box-std .s-lib-box-title {
	background: var(--color-blue-dark);
}
.ud-database-sidebar .s-lib-box {
	border: none !important;
}
.ud-database-sidebar .s-lib-box-content {
	padding: 10px 15px;
}
/* single expert */
.ud-database-sidebar .s-lib-profile-image img {
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; 
	padding: 0;
	margin-top: 10px;
	border-radius: 1rem;
}
/* single expert name */
.ud-database-sidebar .s-lib-profile-name {
	color: var(--color-blue-med);
	font-size: calc(1.2rem + 0.25vw) !important;
	font-weight: initial;
}
/* single expert email */
.ud-database-sidebar .s-lib-profile-email a {
	font-size: 14px !important;
}
.ud-database-sidebar .s-lib-profile-email .label {
	background-color: var(--color-blue-med);
	border-radius: 1.5rem;
	padding: 6px 12px 8px !important;
	border: none !important;
	font-weight: initial;
}
.ud-database-sidebar .s-lib-profile-email .label:hover {
	background-color: var(--color-blue-light);
}
/* single expert second button */
.ud-database-sidebar .s-lib-profile-widget button {
	background-color: var(--color-blue-med) !important;
	border-radius: 1.5rem !important;
	padding: 6px 12px 8px !important;
	border: none !important;
	color: #fff !important;
	font-family: "greycliff_semibold" !important; 
	font-size: 14px;
}
.ud-database-sidebar .s-lib-profile-widget button:hover {
	background-color: var(--color-blue-light) !important;
}
/* single expert contact */
.ud-database-sidebar .s-lib-profile-contact strong {
/*	font-weight: bolder;*/
	border-bottom: 1.5px solid var(--color-gold);
	margin: 8px 0 4px;
	padding-bottom: 4px;
	font-weight: initial;
}
/* multiple expert */
.ud-database-sidebar .s-lib-featured-profile-container {
	display: block !important;
	margin: 5px auto !important;
}
.ud-database-sidebar .s-lib-featured-profile-image {
	margin: 0 auto !important;
	height: 170px !important;
	width: 170px !important;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.ud-database-sidebar .s-lib-featured-profile-name {
	color: var(--color-blue-med);
	font-size: 1.2rem;
	background: #fff;
	margin: 0 0 15px;
	padding: 10px 10px;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	font-weight: initial;
}


/* ------------ UD Database AZ Guides Sidebar ------------ */
.ud-database-sidebar .s-lg-system-list {
	list-style-type: none !important;
	padding: 0 5px !important;
}
.ud-database-sidebar .s-lg-system-list li {
	margin: 6px 0 8px;
/*
	background: #fff;
	border: 5px solid var(--color-gold);
	padding: 10px !important;
*/
	background: var(--color-blue-dark);
	padding: 10px;
	border-radius: 1rem;
}
.ud-database-sidebar .s-lg-system-list li a {
	font-size: 1.3rem;
	line-height: 100%;
	color: white;
}
.ud-database-sidebar .s-lg-guide-list-info {
	margin-top: 4px;
}
.ud-database-sidebar .s-lg-system-list .s-lg-guide-info-account {
	display: block;
	color: var(--color-gold);
}
.ud-database-sidebar .s-lg-system-list .s-lg-guide-info-account a {
	font-size: 1.15rem !important;
	color: white;
}
.ud-database-sidebar .s-lg-system-list .s-lg-guide-info-updated {
	color: var(--color-gold) !important;
}
.ud-database-sidebar .s-lg-system-list .s-lg-guide-info-views {
	float: right;
	display: none;
}

/* ------------ UD Database AZ Trials Sidebar ------------ */
.ud-database-sidebar #s-lg-az-trials .s-lg-az-result, 
.ud-database-sidebar #s-lg-az-trials .s-lg-az-result .s-lg-az-result-new {
	padding: 10px !important;
/*	background: var(--color-blue-dark);*/
/*
	background: #fff;
	border: 5px solid var(--color-gold);
	padding: 10px !important;
*/
	border-radius: 1rem;
	margin: 8px 0;
	font-size: 1.2rem;
	background: #e6f2fe;
}
.ud-database-sidebar #s-lg-az-trials .s-lg-az-result-title {
	font-size: 1.3rem;
	line-height: 145% !important;
	display: block !important;
	margin: 0 0 4px 0;
}
.ud-database-sidebar #s-lg-az-trials .s-lg-az-result-title a {
	color: var(--color-blue-dark);
	font-weight: initial;
/*	color: white;*/
}
.ud-database-sidebar #s-lg-az-trials .s-lg-az-result-description {
	margin-top: 4px;
/*	color: var(--color-gold);*/
	color: black;
}
/* badges */
.ud-database-sidebar .s-lg-az-result-badge-new {
	background-color: var(--color-gold) !important;
	color: black;
}
.ud-database-sidebar .s-lg-az-result-keywords {
	color: black;
}

/* ------------ UD Database AZ Popular Sidebar ------------ */
.ud-database-sidebar #s-lg-az-popular .s-lg-az-result {
	padding: 10px !important;
	background: var(--color-blue-dark);
/*
	background: #fff;
	border: 5px solid var(--color-gold);
	padding: 10px !important;
*/
	border-radius: 1rem;
	margin: 8px 0;
	font-size: 1.2rem;
}
.ud-database-sidebar #s-lg-az-popular .s-lg-az-result-title {
	font-size: 1.3rem;
	line-height: 145% !important;
	display: block !important;
	margin: 0 0 4px 0;
}
.ud-database-sidebar #s-lg-az-popular .s-lg-az-result-title a {
	color: var(--color-blue-dark);
	color: white;
}
.ud-database-sidebar #s-lg-az-popular .s-lg-az-result-description {
	margin-top: 4px;
	color: var(--color-gold);
}

.ud-database-content .s-lg-az-result-title i,
.ud-database-content .s-lg-az-result-title span,
.ud-database-content .s-lg-icons i,
.ud-database-content .s-lg-icons span {
	display: none;
}

/* ------------ UD Database AZ Quicklinks Sidebar ------------ */
.ud-az-quicklinks-div a {
	display: block;
	background: var(--color-blue-med);
	color: white;
	padding: 5px 15px;
	margin-bottom: 4px;
	border-radius: 1.5rem;
	text-decoration: none;
	font-weight: initial;
}
.ud-az-quicklinks-div a:hover {
	background: var(--color-blue-light);
}
.ud-az-quicklinks-div .s-lg-az-result {
	padding: 6px 0 0 !important;
}


/* ------------ UD Database Sidebar Order ------------ */
.ud-database-sidebar {
	display: flex;
	flex-direction: column;
}
.ud-database-sidebar .ud-az-quicklinks-div {
	order: 3;
}
.ud-database-sidebar #s-lg-az-popular-div {
	order: 4;
}
.ud-database-sidebar #s-lg-az-trials-div {
	order: 5;
}
.ud-database-sidebar #s-lg-az-experts-div {
	order: 1;
}
.ud-database-sidebar #s-lg-az-guides-div {
	order: 2;
}


/* ------------ UD Database Springshare Footer ------------ */
.ud-database-body .s-lib-footer {
	background: none;
	padding-bottom: 0;
	border: none;
}










/* ------------ Screen Size Formatting ------------ */
@media only screen and (max-width: 1280px) {
	.ud-az-button-list .btn-group button {
		padding: 4px 8px 6px !important;
	}
}
@media only screen and (max-width: 1200px) {
	.ud-az-button-list .btn-group {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 992px) {
	.ud-database-searchbar #col-subjects,
	.ud-database-searchbar #col-types {
		padding-bottom: 15px;
	}
	
	.ud-database-sidebar .s-lib-profile-image {
		max-width: 160px;
		margin: 0 auto 15px;
	}
}
/*
@media only screen and (max-width: 740px) {
	.ud-database-content .s-lg-az-result-title {
		display: block;
		padding: 0 0 4px 0;
	}
}
*/
@media only screen and (max-width: 768px) {
	.ud-az-button-list .btn-group button {
		padding: 6px 10px 7px !important;
		min-width: 37px;
		min-height: 37px;
		font-size: 14px;
	}

}
@media only screen and (max-width: 484px) {
	.ud-database-breadcrumbs {
		display: none;
	}
	.ud-database-h1 {
		margin-top: 4vmin !important;
	}
}
@media only screen and (max-width: 455px) {
	.ud-az-button-list .btn-group {
		justify-content: center;
	}
	#s-lg-az-search-reset.ud-database-info {
		text-align: center;
	}
	#s-lg-az-search-reset.ud-database-info #s-lg-az-result-count {
		text-align: left;
	}
}