/*
 * CSS to be used in conjunction with the [bc_areas_of_study] shortcode.
 */
.academic-areas-of-study * { box-sizing: border-box; }

/* .bc-program-areas */
.bc-program-areas:after {
  content: "";
  display: table;
  clear: both;
}

.bc-program-areas .program-type {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 10px 10px 0 0;
  text-align: center;
  border-radius: 8px;
  background: #930027;
  padding: 12px;
  width: 100%;
  line-height: 1em;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

@media (min-width: 768px ) {
  .bc-program-areas .program-type {
    width: 160px;
    float: left;
  }

  .bc-program-areas .program-type:last-child { margin-right: 0; }
  .bc-program-areas .program-type.selected {
    background: #b5985a;
    box-shadow: inset 0 0 0 3px #785d23;
  }
  .bc-program-areas .program-type:hover {
    background: #b5985a;
  }
}
/* end .bc-program-areas */

/* .bc-programs */
.bc-programs * {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 600;
}

.bc-program {
  opacity: 0.5;
  float: left;
  pointer-events: none;
  margin-top: 20px;
  background-color: #b5985a;
  padding: 20px;
  width: 100%;
  transition: opacity 0.25s;
}

.bc-program:hover {
  background-color: #A88B4D; /* 5% darker */
}

@media (min-width: 768px ) {
  .bc-program {
    height: 125px;
    width: 45%; /* no calc fallback */
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .bc-program:nth-child(2n) { margin-right: 0; }
}

@media (min-width: 768px ) {
  .bc-program {
    width: 30%; /* no calc fallback */
    width: calc(33% - 20px);
  }
  .bc-program:nth-child(2n) { margin-right: 20px; }
  .bc-program:nth-child(3n) { margin-right: 0; }
}

.bc-program.selected {
  pointer-events: auto;
  opacity: 1;
}

.bc-program, .bc-program:hover, .bc-program:visited, .bc-program:focus {
  text-decoration: none;
}

.bc-program.disabled {
  pointer-events: none;
  opacity: .3;
  cursor: default;
}

.bc-programs .bc-program h3 {
  color: #000;
  font-size: 1.125em;
  margin: 0 0 5px;
  font-weight: 600;
}

.bc-programs .bc-program h4 {
  text-transform: uppercase;
  font-style: normal;
  font-size: .9375em;
  color: #000000;
  margin: 0;
  font-weight: 400;
}

.bc-programs .bc-program {
  text-decoration: none;
}