#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);*/
  width: auto;
  margin-right: 30px;
  margin-bottom: 30px;
  text-decoration: none; 
  border: 0;
}

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-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;
  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-subhead {
    margin: 0;
}
  
a.card .card-block {
   padding: 0;
   border: 1px solid rgba(0,0,0,.125);
}  

a.card .card-text {
  padding-bottom: 0;
  color: #111; }

a.card .parent-college {
  background-color: #ddd;
  font-style: italic;
  padding: .5rem 1rem;
  margin: -1rem -1rem 1rem -1rem;
  font-size: .9rem; }

a.card .location-box {
  position: absolute;
  bottom: 50px; }

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); }

a.card .card-block .card-overview {
   padding: 20px 20px 10px;
}

/* 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%;
    margin-bottom: 1%;
    text-decoration: none; } }

@media (max-width: 768px) {
  a.card {
    width: 96%;
    margin-left: 4%;
    margin-bottom: 1rem;
    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%; }