@charset "utf-8";

#userInputField::placeholder { font-size: 14px; color: rgb(102, 102, 102); font-weight: 500; float: right; margin-top: 40px; margin-right: 10px; }

@media (max-width: 992px) {
  #userInputField::placeholder { margin-top: 20px; }
}

@media (max-width: 768px) {
  #userInputField::placeholder { margin-top: 15px; }
}

@media (max-width: 576px) {
  #userInputField::placeholder { margin-top: 10px; font-size: 12px; margin-right: 3px; }
}

.navbar-search { position: fixed; z-index: 1050; width: 100%; transition: transform 0.3s, opacity; transform: translateY(0px); pointer-events: none; opacity: 0; background-color: rgba(255, 255, 255, 0); height: 100vh; top: 0px; display: none; }

@media screen and (prefers-reduced-motion: reduce) {
  .navbar-search { transition: none; }
}

.navbar-search.show { transform: translateY(1.5rem); opacity: 1; }

.navbar-search .container { position: relative; height: 100%; }

.navbar-search .navbar-search-form { position: relative; z-index: 700; display: block; width: 100%; margin: auto; background: rgb(255, 255, 255); border-bottom: 3px solid rgb(172, 174, 175); }

.navbar-search .focused.navbar-search-form { border-color: rgb(131, 38, 37); }

.navbar-search .navbar-search-form .input-group-text { font-size: 2.58rem; border: 0px; }

.navbar-search .navbar-search-form .form-control { font-size: 2.75rem; font-weight: 700; display: block; height: 90px; color: rgb(69, 69, 69); border: 0px; background-color: rgba(255, 255, 255, 0); background-image: none; }

.navbar-search .navbar-search-form .form-control::placeholder { color: rgb(173, 181, 189); }

.navbar-search .navbar-search-suggestions { position: relative; width: 100%; min-height: 150px; margin: auto; padding: 1.5rem 1.5rem 0px; transition: opacity 0.3s 0.21s; opacity: 0; border-radius: 0.375rem; background: rgb(255, 255, 255); }

@media screen and (prefers-reduced-motion: reduce) {
  .navbar-search .navbar-search-suggestions { transition: none; }
}

.navbar-search .navbar-search-suggestions::before { position: absolute; z-index: -5; bottom: 100%; left: 20px; display: block; width: 16px; height: 16px; content: ""; transform: rotate(-45deg) translateY(1rem); border-radius: 0.2rem; background: rgb(255, 255, 255); box-shadow: none; }

.navbar-search .navbar-search-suggestions .list-link span { font-weight: 600; color: rgb(0, 0, 0); }

.navbar-search .navbar-search-suggestions .list-link:hover { color: rgb(131, 38, 37); }

.navbar-search .navbar-search-suggestions .list-link:hover span { color: rgb(131, 38, 37); }

.navbar-search.show .navbar-search-form, .navbar-search.show .navbar-search-suggestions { pointer-events: auto; }

.navbar-search.show .navbar-search-suggestions { opacity: 1; }

@media (max-width: 991.98px) {
  .navbar-search .navbar-search-form { width: 100%; }
  .navbar-search .navbar-search-suggestions { width: 100%; }
}

.navbar-search-open { overflow: hidden; }

.navbar-search-open .m-menu-icon { z-index: 1; }

@media screen and (max-width: 991px) {
  .navbar-search .navbar-search-form .form-control { font-size: 1.65rem; }
  .navbar-search .navbar-search-form .input-group-text { font-size: 1.25rem; }
  .navbar-search.show { transform: none; top: 0px; height: 100vh; }
}

.navbar-search-suggestions { max-height: 200px; }

.navbar-search-suggestions.search-card-widget { }

@media screen and (max-width: 599px) {
  .navbar-search .navbar-search-form .form-control { font-size: 1rem; height: 45px; }
  .navbar-search .form-group { margin-bottom: 0.25rem; }
  .navbar-search .navbar-search-form { border-width: 1px; margin-top: 1rem; }
  .navbar-search .navbar-search-form .input-group-text { padding: 0.625rem; }
}

.fa-search::before { content: ""; }

.search__voice { display: flex; align-items: center; justify-content: center; padding: 0.7em; }

.search__voice--icon { cursor: pointer; position: relative; z-index: 1; }

.search__voice--disabled-icon { display: none; cursor: not-allowed; }

.search__browser--warning { color: rgb(131, 38, 37); margin-right: 2.2em; }

.mic-wrapper { position: relative; width: 55px; height: 55px; }

.mic-ripple { position: absolute; top: 0px; left: 0px; width: 55px; height: 55px; background-color: rgb(242, 233, 233); border-radius: 50%; pointer-events: none; z-index: -1; opacity: 0; transform: scale(1); animation-delay: -0.75s; }

.mic-ripple.active { opacity: 1; }

.mic-ripple.ripple1.active { animation: 1.5s ease-out 0s infinite normal none running pulse; }

.mic-ripple.ripple2.active { animation: 1.5s ease-out 0.75s infinite normal none running pulse; }

.mic-ripple.ripple2 { animation-delay: -1.5s; }

@keyframes pulse { 
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.5); opacity: 0.4; }
  100% { transform: scale(2); opacity: 0; }
}

@media screen and (max-width: 991px) {
  .search__voice { padding: 0.5em; }
  .search__voice--icon { width: 30px; height: 30px; }
  .mic-wrapper { width: 30px; height: 30px; }
  .mic-ripple { width: 30px; height: 30px; }
  .search__voice--disabled-icon { width: 30px; height: 30px; }
}