/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 .major{
	border-bottom:1px solid #e3e3e3;
	display: none;
	margin: 20px 0;
	padding: 10px 0;
	position: relative;
}
.major .major-type button{
	margin: 5px 0 10px -3px;
}
/* .major .major-type .secondary span{
	background-color: transparent;
} */
.major .major-type ul li{
	display: inline;
}
.major .open {
	color: #85754d;
}
.major .capa {
	color: #542e91;
}
.major .mini {
	color: #eb4b99;
}
.major .dir {
	color: #33b1a8;
}
.major .open, .major .capa, .major .mini, .major .dir{
	border: 1px solid;
	display: flex;
	font-size: .8rem;
	padding: 5px;
	text-transform: uppercase;
}
.major.show{
	display:flex;
	flex-direction: column;
	margin: 15px; 
}
#btnContainer{
	display: flex;
    flex-wrap: wrap;
}
#btnContainer .major-btn{
	border: 1px solid;
    color: #4b2e83;
    font-family: 'Encode Sans Compressed';
    font-weight: 600;
    text-transform: uppercase;
	margin: 5px;
    padding: 5px 25px;
}
#mjrContainer select, #mjrContainer input{
	padding: 10px;
	width: 100%
}
#mjrContainer #related {
	border-bottom: 1px solid #e8e3d3;
	display: inline-block;
	font-weight: 700;
	margin: 30px 15px 0;
    padding: 15px 0;
}
.maj-details{
	background: #efefef;
	height: max-content;
	padding-top: 20px;
}
.school-name{
	color: #85754d;
	font-weight: 700;
	text-transform: uppercase;
}
.single-major #admissions-menu {
	padding: 10px 0 55px;
}
.single-major article{
	padding: 15px;
}