#pageIdentity {
	display: none;
}

.hash_mark {
    display: block;
    background: linear-gradient(to right, #FCE701, #FFCC00);
    width: 82px;
    height: 8px;
    margin-bottom: 20px;
}


#search-box {
	display: flex;
	margin-bottom: 20px;
	margin-top: 150px;
	background: #333333cc;
	padding: 15px 15px 20px 20px;
	border-radius: 5px;
}

/*

#search-box {
	display: flex;
	margin-bottom: 20px;
	margin-top: 150px;
	background: #333333cc;
	padding: 15px 15px 20px 20px;
	border-radius: 5px;
}

#cards{
	margin-top: 115px;
}
#container{
	background: url(/library/archives/images/banner1-o.jpg);
	background: linear-gradient( rgba(20, 20, 20, 0.1), rgba(90, 90, 90, 0.4) ), url(/library/archives/images/banner1-o.jpg);
	background-size: cover;
	background-position-x: center;
	max-height: 550px;
}

*/

/* Temporary holiday notice 12-9-24 */

#search-box {
	display: flex;
	margin-bottom: 20px;
	margin-top: 120px;
	background: #333333cc;
	padding: 15px 15px 20px 20px;
	border-radius: 5px;
}

#cards{
	margin-top: 70px;
}

#container{
	background: url(/library/archives/images/banner1-o.jpg);
	background: linear-gradient( rgba(20, 20, 20, 0.1), rgba(90, 90, 90, 0.4) ), url(/library/archives/images/banner1-o.jpg);
	background-size: cover;
	background-position-x: center;
	max-height: 490px;
}

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

.card{
	width: 170px;
}

.text {
	padding-top: 5px;
}

div#all-box, div#manuscripts-box, div#archives-box, div#cdm-box {
	padding-top: 9px;	
}

div#all-box, div#manuscripts-box, div#archives-box, div#cdm-box {
	width: 100%;
	margin-left: -2px;

}

.ui.selection.dropdown {
	height: 39px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0.28571429rem;
	border-bottom-left-radius: 0.28571429rem;
	padding: 0.8em 2.1em 0 1em !important;
}
.ui.input {
	width: 85%;
	padding: 1px;
}
.ui.input > input{
	font-family: Arial, sans-serif !important;
}

.ui.button {
	width: 13%;
	min-width: 95px;
	margin-left: -5px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	height: 53px !important;
	font-family: Arial, sans-serif !important;
	background-color: #003366 !important;
	color: #fff !important;
}

.ui.button:hover{
	background-color: #01426A !important;
}

.searchField {
	height: 30px;
	border-radius: 0 !important;
	font-size: 15px;
}

#search-categories {
	padding-top: 0.64rem;
}

#current-selection {
	padding-left: 10px;
	margin-top: 2px;
	font-size: 15px;
}

.dropdown.icon {
	top: 1.4em !important;
}

.item.active.selected {
	border-left: 5px solid #01426a !important;
}

#news-section, #quick-links{
	width: 45%;
	min-width: 425px;
	margin-left: auto;
	margin-right: auto;
}

#news-section{
	width: 0;
	display: none;
}
#quick-links{
	margin: 32px auto;
	width: 50%;
	border-radius: 0;
}

.card-top {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.card-top img {
	max-width: 110%;
}

.card {
	box-shadow: 0 0 4px #aaa;
}

.card:hover {
	box-shadow: 0 0 8px #888;
}

#collection-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.collection-card.card {
	width: 225px;
	height: 230px;
}
.collection-card.card a {
	min-height: 230px;
	display: block;
}

.collection-card .card-top{
	border: none;
	padding: 0;
	height: 140px;
	overflow: hidden;
}

.collection-card.card:hover .card-top {
	border-top: none;
}

.collection-card .card-bottom {
	border-top: none;
	padding: 0 14px;
}

.flexslider {
	padding: 0;
	background: none;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px #ccc;
	margin: 0 auto;
}

.flex-control-nav {
	bottom: -20px;
}

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

.flex-caption span {
	padding: 5px;
	display: block;
}
@media screen and (max-width: 980px){
	.ui.dropdown{
		border-radius: 0 !important;
	}
}

@media screen and (max-width: 978px){
	#search-box {
		flex-wrap: wrap;
	}
	#news-section{
		min-width: 350px;
	}
	#quick-links {
		min-width: 315px;
	}
	.flexslider {
		min-height: 180px;
	}
}

@media screen and (max-width:955px){
	j.dropdown.icon{
		display: block;
	}
}

@media screen and (max-width:753px){
	.ui.button{
		margin-top: 15px !important;
		margin-left: 2px !important;
		width: 140px;
		border-radius: 0 !important;
	}

	.ui.input{
		width: 100%;
	}

	.ui.dropdown{
		border-radius: 0 !important;
	}
}

@media screen and (max-width: 700px){
	#search-box {
		margin-top: 50px;
		background: #444;
		padding: 15px;
		border-radius: 5px;
	}
	#cards{
		margin-top: 55px;
	}
}

@media screen and (max-width: 1100px) and (orientation: landscape){
	#container{
		max-height: 380px;
	}
	div#search-box {
		margin-top: 60px;
	}

	div#cards {
		margin-top: 0;
	}
}

@media screen and (max-width: 900px) and (orientation: landscape){
	#container{
		max-height: 380px;
	}
	div#search-box {
		margin-top: 40px;
	}

	div#cards {
		margin-top: 0;
	}

	.card {
		width: 140px;
		height: 150px;
	}

	p.card-link {
		font-size: 13px;
	}

	.card-top {
		height: 88px;
		border-top: 10px solid #003366;
	}

	.card h2 {
		font-size: 16px;
		line-height: 1.1;
		padding-top: 20px;
	}
}