.hideApp {
	display: none;
}	
.aos-search-field-display {
	display:flex; 
	flex-direction: column;
	align-items:center;
	gap:15px;
}
.aos-form-field {
	display:inline-block;
	width:85%
}
.aos-form-label {
	width:95%
	text-align:center;
}
#aos-searchbar-wrapper{
	position: relative;
}
#areasOfStudy #clear-text {
    position: absolute;
    border-radius: 5px;
    right: 10px;
    top: 6px;
    z-index: 2;
    border: none;
    height: 30px;
    cursor: pointer;
    font-size: 20px;
    color: #555;
    transform: translateX(2px);
}
#areasOfStudy #clear-text:hover {
	color: #333;
}			
/* Blue Background with gold bottom */
#areasOfStudy form {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	background: #0069aa;
    color: #fff;
    border-bottom: 5px solid #ffc423;
}
#areasOfStudy label {
    font-size: 20px;
    margin-bottom: 0px;
}
#areasOfStudy input, #areasOfStudy select {
	height: 40px;
    font-size: 18px;	
}
#areasOfStudy #areasDisplayCount {
    margin-bottom: 15px;
}
/* Degree result items and box styling */
#areas-of-study-list div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#areas-of-study-list .study-item {
	width: 95%;
	margin: 10px 10px 10px 10px;
	overflow-wrap: break-word;
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	border-radius: 8px;
	transition: box-shadow .3s;
	position:relative;
}
/* make entire card a link */		  
#areas-of-study-list .cover-link::after {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 content: "";
}	
#areas-of-study-list .study-item:hover {
  box-shadow: 0 0 9px rgba(33,33,33,.2); 
}
#areas-of-study-list .study-item.undergraduate .study-type .label {
	background-color: #0069aa;	
}
#areas-of-study-list .study-item.graduate .study-type .label {
	background-color: #7b5502;	
}
#areas-of-study-list .study-item.minor .study-type .label {
	background-color: #512b1b;	
}
#areas-of-study-list .study-item.dual-degrees .study-type .label {
	background-color: #822433;	
}
#areas-of-study-list .study-item.certificate .study-type .label {
	background-color: #666;	
}
#areas-of-study-list .study-item {
	display: block;
	width: 100%;
	padding: 14px;
	text-decoration: none;
}
#areas-of-study-list .study-item h4, #areas-of-study-list .study-item p {
	width: 100%;
}
#areasOfStudy h4 {
	margin-top: 0;	
	font-size: 20px;
	font-weight: bold;
}
#areasOfStudy p {
	color: #333;
}
#areasOfStudy p.study-school {
    font-size: 0.9em;
}
#areasOfStudy .list-enter-active, #areasOfStudy .list-leave-active {
    transition: all .2s;
}
#areasOfStudy .list-enter, #areasOfStudy .list-leave-to {
    opacity: 0;
}
	
#areas-of-study-list div {
   		flex-direction: row;
}		
/* two rows of results, form label and field side by side */
@media (min-width: 768px) {
	#areas-of-study-list .study-item {
		width: 46%;		
	}
	.aos-search-field-display {
		flex-direction: row;
	}	
	.aos-form-field {
		display: inline-block;
		width: 65%;
	}
	.aos-form-label {
		width: 35%;
		text-align: left;
	} 
}	
/* three rows of results */
@media (min-width: 1200px) {
	#areas-of-study-list .study-item {
		width: 30%;
		margin: 10px 10px 10px 15px;
	}
}