#program-filters {
	 margin: 0 4rem .5rem;
}
 #program-filters select, #program-filters input, #program-filters button {
	 border: 2px solid #500000;
	 padding: .6rem .6rem .6rem 1rem;
	 height: 50px;
}
/* hide dropdown arrow - we're using bootstrap's custom one */
 #program-filters select {
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
}
 #program-filters select::-ms-expand {
	 display: none;
}
 #program-search input[type=search] {
	/* temporary - submit doesnt work, need to build js to handle post. hiding for now width: calc(100% - 145px);
	 */
	 width: 100%;
	 margin: 0;
}
 #program-search button[type=submit] {
	 display: none;
	/* temporary - submit doesnt work, need to build js to handle post. hiding for now width: 140px;
	 color: #fff;
	 background-color: #500000;
	 margin-left: -4px;
	 padding: 0.7rem;
	*/
}
 #program-search button[type=submit]:hover, #program-search button[type=submit]:active, #program-search button[type=submit]:focus {
	 background: #300000;
}
 .programs .highlight {
	 background-color: #FCE300;
}
 .card-title .highlight {
	 background-color: #777;
}
 .programs__notfound {
	 font-style: italic;
	 text-align: center;
	 display: none;
	 font-size: 1.2rem;
}
 .programs__notfound.is-visible {
	 display: block;
}
 a.card {
	 width: calc(33% - 30px);
	 margin-right: 30px;
	 margin-bottom: 60px;
	 text-decoration: none;
	 /*margin-top: 0.5rem;*/
}
 a.card:hover, a.card:focus {
	 outline: none;
}
 a.card:hover .card-title, a.card:focus .card-title, a.card:hover .button-primary, a.card:hover .button-primary {
	 background: #300000;
}

a.card .card-block{
    padding: 0 1rem 1rem 1rem!important;
}

.card .card-block .card-text {
    padding-bottom: unset;
}
 a.card .card-title {
	 text-align: left;
	 padding: 1rem 1rem 2rem 1rem;
	 color: #fff;
	 font-weight: 300;
	 text-align: left;
	 text-transform: none;
	 font-size: 1.5rem;
	 letter-spacing: 2px;
	 display: block;
	 margin: 0 -1rem 1rem -1rem;
	 color: #fff;
	 background-color: #500000;
	 display: block;
	 text-decoration: none;
	 -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	 -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	 transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
 a.card .card-text {
	 color: #111;
}
 a.card .parent-school {
	 background-color: #ddd;
	 font-style: italic;
	 padding: .5rem 1rem;
	 margin: -1rem -1rem 1rem -1rem;
	 font-size: .9rem;
}
 a.card .location-box {
	 position: absolute;
	 bottom: 5px;
	 width: 100%;
	 padding-right: 2rem; 
}
 a.card .location-offered {
	 font-size: .73rem;
	 padding: 3px 6px;
	 color: #000;
	 display: inline-block;
	 margin: 20px 0 3px 0;
	 -webkit-text-decoration-color: #4B1313;
	 text-decoration-color: #4B1313;
	 font-style: italic;
}
 a.card .button-primary {
	 width: 100%;
	 margin: auto 0 0 0;
	 padding: 0.5rem 1rem;
	 font-size: .9rem;
	 color: #fff;
	 text-align: right;
	 text-transform: none;
	 -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	 -o-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	 transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/* keywords just for search and filtering */
 .hidden-keywords {
	 display: none;
}
 #hide-search {
	 display: none;
}
 @media (min-width: 769px) and (max-width: 991px) {
	 a.card {
		 width: 48%;
		 margin-right: 1%;
		 text-decoration: none;
	}
}
 @media (max-width: 768px) {
	 a.card {
		 width: 96%;
		 margin-left: 4%;
		 text-decoration: none;
	}
}
 .deadline-table-vertical td {
	 border-bottom: 1px solid #e6e4e4;
	 background: #fdfdfd !important;
}
 #tracks-image {
	 max-width: 80%;
	 margin-right: 10%;
	 margin-left: 10%;
}