/*!
==========================================================
BUSCA - CURSOS LIVRES
==========================================================
*/

.stbg-busca-curso-livre {
  width: 100%;

  margin-bottom: 50px;
}

.stbg-busca-curso-livre-campo {
  position: relative;

  width: 100%;
}

.stbg-busca-curso-livre-campo i {
  position: absolute;

  left: 22px;

  top: 50%;

  transform: translateY(-50%);

  color: #999;

  font-size: 18px;

  pointer-events: none;
}

.stbg-busca-curso-livre input[type="search"] {
  display: block;

  width: 100%;

  height: 58px;

  padding: 0 22px 0 58px;

  border: 1px solid #d8d8d8;

  border-radius: 12px;

  background: #fff;

  font-size: 16px;

  outline: none;

  transition: 0.25s;

  box-sizing: border-box;
}

.stbg-busca-curso-livre input[type="search"]::placeholder {
  color: #999;
}

.stbg-busca-curso-livre input[type="search"]:focus {
  border-color: #7f1616;

  box-shadow: 0 0 0 4px rgba(127, 22, 22, 0.08);
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {
  .stbg-busca-curso-livre {
    margin-bottom: 40px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .stbg-busca-curso-livre {
    margin-bottom: 30px;
  }

  .stbg-busca-curso-livre input[type="search"] {
    height: 54px;

    font-size: 15px;
  }
}