.hon-deg-cards {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.hon-deg-card {
	border: 1px solid #e0e0e0;
	display: flex;
	margin: 0 1em 1em 0;
	width: 100%;
	transition: all .2s ease;
}
.decade {
	transition: all .3s ease;
}

@media only screen and (min-width: 760px) {
	.hon-deg-card {
		width: calc(100% / 2 - 1rem);
	}
}

@media only screen and (min-width: 1100px) {
	.hon-deg-card {
		width: calc(100% / 3 - 1rem);
/* 		width: 415px; */
	}
}
 

.hidden {
/* 	display: none; */
	border: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
	scale: 0;
	width: 0;
}


.hon-deg-card a.image {
	display: block;
}

.hon-deg-card img {
	aspect-ratio: 1;
	display: block;
	height: 128px;	
	max-width: 128px;	
	width: 128px;	
}

.hon-deg-card .no-image {
	background-color: #e0e0e0;
	min-height: 128px;	
	min-width: 128px;	
	width: 128px;	
}

.content .hon-deg-card a:not([class*=button]):focus,
.content .hon-deg-card a:not([class*=button]):hover {
	outline: none;
}

.hon-deg-card a.title,
.hon-deg-card p.title {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: .25em;
}

.hon-deg-card .details {
	margin: .25em 1em .5em;
}

.hon-deg-card div.title {
	margin-bottom: .25em;
}

.hon-deg-card div.degree {
	font-style: italic;
}

.hon-deg-card div.title,
.hon-deg-card div.degree {
	font-size: .93em;
}

#hondeg-filter {
	align-items: flex-end;
	display: flex;
	gap: 1em;
	margin-bottom: 40px;
}

#hondeg-filter span {
	font-weight: bold;
	padding-bottom: .625em;
}
#hondeg-filter select, 
#hondeg-filter input,
#hondeg-filter button {
	background-color: #eaeaea;
	border: 2px solid #eaeaea;
	border-radius: 0;
	padding: .5em;
	-webkit-appearance: none;
}
#hondeg-filter input {
	background-color: transparent;
	padding-right: 2rem;
}

#hondeg-filter select {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='m5.99 7.59L.2 1.81 1.62.39l4.37 4.37L10.38.37l1.41 1.41-5.81 5.81Z'/%3E%3C/svg%3E");
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: 8px 12px;
	padding-right: 2em;
}

#hondeg-filter button {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.5 15.16'%3E%3Cpath class='b' fill='%23707070' d='m9 0C5.41 0 2.5 2.91 2.5 6.5c0 1.35.41 2.61 1.12 3.65L.29 13.47c-.39.39-.39 1.01 0 1.4s1.01.39 1.4 0l3.28-3.28c1.11.88 2.51 1.41 4.03 1.41 3.59 0 6.5-2.91 6.5-6.5S12.59 0 9 0Zm0 11c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5Z'/%3E%3C/svg%3E");
	background-position: 95% 50%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 19px 16px;
	height: 2.5em;
	padding: .75rem .5rem;
	width: 2rem;
	margin-left: -3rem;
}


div.at-a-glance {
	padding-bottom: .25rem;
}