.style-light .radiofilters {
  width: 28%;
}
.style-light .radiofilters h3 {
  color: #0b7689;
}
.style-light .radiofilters .radio-button-container .radio-button {
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000;
  line-height: 24px;
}
.style-light .radiofilters .radio-button-container .radio-button:hover {
  color: #0b7689;
}
#my-ajax-filter-search form {
  max-width: 545px;
  margin: 0 auto;
  padding: 0 0 20px;
}
#resource-container {
  width: 68%;
  display: flex;
  flex-wrap: wrap;
}
#resource-container center {
  margin: auto;
}
#resource-container > div {
  flex: 44%;
  margin: 1em;
  max-width: 44%;
}
#resource-container a {
  color: #d9141b;
}
#resource-container a:hover {
  color: #323647;
}
#resource-container .content {
  padding: 0 0 20px;
  margin: 0;
}
#resource-container .panel p {
  padding: 0;
  margin: 0;
}
#resource-container .panel ul,
#resource-container .panel ol {
  padding-left: 2em !important;
}
#resource-container .huresource {
  padding: 2em;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: relative;
  min-height: 200px;
}
#resource-container .cat {
  font-size: 14px;
  text-transform: uppercase;
  color: #0b7689;
}
#resource-container .title {
  font-size: 20px;
  text-transform: capitalize;
  color: #4b4b4b;
  font-weight: 600;
}
#resource-container .download {
  position: absolute;
  bottom: 30px;
}
#resource-container .download a {
  color: #0b7689;
  font-weight: 600;
  font-size: 18px;
}
#resource-container .download img {
  width: 10px;
}
#resource-container .fa-download::before {
  font-size: 14px;
}
#resource-container a:hover .fa-download::before,
#resource-container .download a:hover {
  color: #a376ab;
  transition: all 0.5s ease-in-out;
}
/* Radio Filters */
.radiofilters .default-filter,
.style-light .radiofilters input[type="radio"],
#my-ajax-filter-search {
  display: none;
}
.radiofilters .radio-button-container .radio-button.active,
.radiofilters .radio-button-container input:focus + label,
.radiofilters .radio-button-container input:active + label,
.style-light .radiofilters .radio-button-container .radio-button:hover {
  color: #a376ab;
}
@media only screen and (max-width: 1083px) {
  #resource-container {
    width: 65%;
  }
  #resource-container > div {
    flex: 40%;
  }
}
@media only screen and (max-width: 959px) {
  #resource-container > div {
    flex: 100%;
    max-width: 100%;
    margin: 10px;
  }
}
@media only screen and (max-width: 640px) {
  #resource-container,
  .style-light .radiofilters {
    width: 100%;
  }
}