.degreesContainer {
    margin-bottom: 4rem;
    font-size: 1rem !important;
}
.degreesContainer h4 {
    font-size: 1.3em;
    margin-bottom: 0;
	font-family: inherit;
}

.filter-label {
    color: #000;
    display: block;
    margin-bottom: 4px;
    margin-top: 0;
    padding: 0;
}
.filter-group{
	padding-bottom: 1rem;
}

.filter-group--compound button {
    background-color: transparent;
    width: auto;
    padding: 12px 15px;
	height: auto;
}
.filter-group .btn.active:after, .filter-group .btn.active:before {
    opacity: 1;
}
.filter-group--compound button.active {
    padding: 10px 10px 10px 2rem;
} 

.filter-group .btn {
    position: relative;
    margin: 0 0 5px;
}

.btn:focus.active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.3), 0 0 0 2px rgba(52,73,94,.4);
}

.filter-group .btn.active:after, .filter-group .btn.active:before {
    content: "";
    height: 20px;
    left: 15px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: .2s;
    width: 20px;
}
.filter-group .btn:after {
    background-image: url(https://vestride.github.io/Shuffle/img/check.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
}

.grid__brick {
    margin-bottom: 0rem;
    border-bottom: 1px solid #eee;
    padding: 1rem;
}

.mb-2{
  margin-bottom: 1rem;
}

.filter-group .btn.active:after, .filter-group .btn.active:before {
    left: 15px;
	opacity:1;
  }

.degreesContainer select {
    width: 75%;
	height: 2.5rem;
}

.inputGroup {
    background-color: #eee;
    display:inline-block;
    position: relative;
	}

    label {
      padding: 12px 25px;
      width: 100%;
      display: inline-block;
      text-align: left;
      color: #3C454C;
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: color 200ms ease-in;
	  margin:0;
      }

    input:checked ~ label {
      color: #dc3545;
      font-weight:700;
      }

    .inputGroup input {
      cursor: pointer;
      display: none;
    }
.js-topic-option .inputGroup {
    display: block;
	margin: 5px 0;
}

.textfield {
    -webkit-appearance: none;
    border: 2px solid #95a5a6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #34495e;
    font-size: 1rem;
    padding: .5em;
    transition: .15s;
    width: 100%;
}

.btn {
   border-radius: 0;
}
.btn {
    -webkit-appearance: none;
    background-color: rgba(52,73,94,0);
    border: 1px solid #34495e;
    border-radius: 3px;
    color: #34495e;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    padding: .75em .8em;
    text-align: center;
    transition: .2s ease-out;
}

.btn.active, .btn:active {
    background-color: #34495e;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
    color: #fff;
}
.btn:hover {
    background-color: #34495e;
    color: #fff;
    text-decoration: none;
}

.uaa input:checked ~ label {
    color: #ffffff;
    font-weight: 700;
    background: #00583D;
}
.uaf input:checked ~ label {
    color: #ffffff;
    font-weight: 700;
    background: #236192;
}
.uas input:checked ~ label {
    color: #ffffff;
    font-weight: 700;
    background: #059ac7;
}
.inputGroup:hover {
    background-color: #f5efc6;
}