/* Old sky blue #1ba2e6 */
.explore-filter-wrapper {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 8px; }
  .explore-filter-wrapper .browse-bar-container {
    position: relative;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 1300px;
    width: 95%;
    margin: 0 auto; }
    .explore-filter-wrapper .browse-bar-container .string-search {
      margin-bottom: 8px; }
    .explore-filter-wrapper .browse-bar-container .search-mode-container {
      padding-top: 10px;
      padding-bottom: 10px; }
      .explore-filter-wrapper .browse-bar-container .search-mode-container .search-option {
        border-right: 1px solid #949494;
        padding-left: 0; }
        .explore-filter-wrapper .browse-bar-container .search-mode-container .search-option label {
          font-weight: 500;
          position: relative;
          padding-left: 48px;
          cursor: pointer; }
        .explore-filter-wrapper .browse-bar-container .search-mode-container .search-option input[type="radio"] {
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          visibility: hidden;
          position: absolute;
          width: 100%;
          cursor: pointer; }
          .explore-filter-wrapper .browse-bar-container .search-mode-container .search-option input[type="radio"]:focus {
            outline: none; }
        .explore-filter-wrapper .browse-bar-container .search-mode-container .search-option input[type="radio"]:before {
          width: 16px;
          height: 16px;
          border-radius: 16px;
          position: relative;
          top: -1px;
          background-color: #FFFFFF;
          content: '';
          display: inline-block;
          visibility: visible;
          border: 1px solid #393939;
          left: -5px; }
        .explore-filter-wrapper .browse-bar-container .search-mode-container .search-option input[type="radio"]:checked:before {
          width: 16px;
          height: 16px;
          border-radius: 16px;
          position: relative;
          top: -1px;
          background-color: #FFFFFF;
          content: '';
          display: inline-block;
          visibility: visible;
          border: 5px solid #f0b67f;
          left: -5px; }
      .explore-filter-wrapper .browse-bar-container .search-mode-container .search-top-option {
        margin-bottom: 0px;
        padding-bottom: 5px; }
      .explore-filter-wrapper .browse-bar-container .search-mode-container .search-bottom-option {
        margin-top: 0px;
        padding-top: 5px; }
    .explore-filter-wrapper .browse-bar-container .search-value-container {
      padding: 10px 0px 10px 29px; }
      .explore-filter-wrapper .browse-bar-container .search-value-container .search-icon {
        background-color: #f0b67f;
        position: initial;
        cursor: pointer;
        border: 1px solid #353535;
        color: #353535;
        border-radius: 0; }
      .explore-filter-wrapper .browse-bar-container .search-value-container input[type="text"] {
        border: 1px solid #353535;
        border-right: 0;
        border-radius: 0; }
      .explore-filter-wrapper .browse-bar-container .search-value-container .search-filter-option {
        border-right: 1px solid #CFCFCF;
        font-weight: 500; }
        .explore-filter-wrapper .browse-bar-container .search-value-container .search-filter-option:last-child {
          border-right: unset; }
        .explore-filter-wrapper .browse-bar-container .search-value-container .search-filter-option button {
          background-color: transparent;
          color: #000;
          box-shadow: unset;
          border: unset; }
        .explore-filter-wrapper .browse-bar-container .search-value-container .search-filter-option ul.dropdown-menu > li > a:hover {
          background: #f0b67f; }
        .explore-filter-wrapper .browse-bar-container .search-value-container .search-filter-option span.filter-default {
          font-weight: 500; }
      .explore-filter-wrapper .browse-bar-container .search-value-container .standard-filter {
        color: #F7882F;
        font-weight: 500;
        cursor: pointer; }
        .explore-filter-wrapper .browse-bar-container .search-value-container .standard-filter span {
          font-size: 14px; }
          .explore-filter-wrapper .browse-bar-container .search-value-container .standard-filter span.caret-next {
            color: #353535; }
        .explore-filter-wrapper .browse-bar-container .search-value-container .standard-filter.inactive {
          color: #FBC397; }
          .explore-filter-wrapper .browse-bar-container .search-value-container .standard-filter.inactive .caret-next {
            color: #9A9A9A; }
      .explore-filter-wrapper .browse-bar-container .search-value-container .lessons-dropdown-caret:before {
        color: #EF9743; }
    .explore-filter-wrapper .browse-bar-container .filter-wrapper {
      display: flex;
      flex-flow: wrap; }

.search-standard-box {
  position: absolute;
  padding: 20px 20px 20px 20px;
  z-index: 2;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  background: #fff; }
  .search-standard-box .standard-search-header {
    font-weight: 500; }
  .search-standard-box .standard-search-results-container {
    margin-top: 10px;
    overflow-y: auto; }
    .search-standard-box .standard-search-results-container .standard-search-result {
      color: #353535;
      transition: all 0.1s ease;
      cursor: pointer;
      padding: 5px;
      margin: 0; }
      .search-standard-box .standard-search-results-container .standard-search-result:hover {
        background-color: #f0b67f; }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) and (max-width: 1098px) {
  .explore-filter-wrapper .browse-bar-container .search-block {
    display: flex;
    align-items: center; }
    .explore-filter-wrapper .browse-bar-container .search-block .search-left-bar {
      width: 22%; }
    .explore-filter-wrapper .browse-bar-container .search-block .search-right-bar {
      width: 78%;
      padding: 0 8px 0 29px; } }

/* Large screens  */
@media only screen and (min-width: 1824px) {
  .explore-filter-wrapper .search-block {
    display: flex;
    align-items: center; }
    .explore-filter-wrapper .search-block .search-left-bar {
      width: 16%; }
    .explore-filter-wrapper .search-block .search-right-bar {
      width: 84%;
      padding: 0 8px 0 29px; }
      .explore-filter-wrapper .search-block .search-right-bar .search-value-container > div {
        padding-right: 6px; } }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 320px) {
  .explore-filter-wrapper .search-right-bar {
    padding: 0 8px 0 0; }
    .explore-filter-wrapper .search-right-bar .search-value-container {
      padding: 0 10px; } }

/* Small Devices, Tablets */
@media screen and (max-width: 768px) {
  .browse-bar-container {
    padding-bottom: 15px; }
    .browse-bar-container .search-mode-container .search-option {
      border: unset; }
    .browse-bar-container .search-filter-option {
      border: unset; }
      .browse-bar-container .search-filter-option .lessons-dropdown-caret {
        text-align: right; } }

/* CTI Screen */
@media only screen and (min-width: 1250px) and (max-width: 1824px) {
  .explore-filter-wrapper .search-block {
    display: flex;
    align-items: center; }
    .explore-filter-wrapper .search-block .search-left-bar {
      width: 18%; }
    .explore-filter-wrapper .search-block .search-right-bar {
      width: 82%;
      padding: 0 8px 0 29px; } }

@media screen and (max-width: 1300px) {
  .fit-row {
    margin-left: unset;
    margin-right: unset; } }

.hide-this-element {
  display: none; }

.some-margin-top {
  margin-top: 25px; }

@media screen and (max-width: 1024px) {
  .some-margin-top {
    margin-top: 35px; } }

@media screen and (max-width: 768px) {
  .some-margin-top {
    margin-top: unset;
    text-align: center; } }
