@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
*{
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body{
  background-color: #fff;
}
.nav-link{
  font-weight: 500;
}
/* Bootstrap Modifications */
.form-control:focus{
  box-shadow:none !important;
}
.form-control::placeholder{
 font-size: 0.8rem;
}
/* Project CSS */
  :root {
  --primary_color: #FFB84C;
  --secondary_color:#002d44;
  --light_color:#bbbbbb;
  --extra_light_color:#f3f3f3
  }
  .text-bg-warning{
    background-color: var(--primary_color) !important;
  }
.trending_searches_text{
  font-size:0.7rem;
  font-weight:600;
}
.trending_search_item{
  border: 1px solid  var(--primary_color);
  padding: 0.2rem;
  border-radius:0.5rem;
  margin:0.5rem;
  font-size:0.7rem;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
}
.underline_none{
  text-decoration: none;
}
.business_address_on_card{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
font-size: 0.7rem;
}
.business_description_on_card{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 1rem;
  }
  .featured_card_headline{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.thumbnail_image{
  text-align: center;
  width:100%;
  max-width: 100%;
  height: 12rem !important;
  max-height: 100%;
  object-fit: cover;
  }
.banner_image{
width: 100vh;
height: 50vh;
object-fit: cover
}
label{
font-size: 0.7rem;
font-weight: 500;
}

footer li {
  font-size: 0.8rem;
}
footer small{
  font-size: 0.7rem;
}
a {
  color: var(--primary_color);
  text-decoration: underline;
}
.hero_text{
  font-size:0.8rem;
  letter-spacing: 1px;
  margin-top: 1rem;
}
.main_search  {
    border-radius: 1rem !important;
    padding: 1.5rem;
    border: 1px solid var(--light_color);
}
.main_search:focus  {

  border: 1px solid var(--secondary_color);
}
.main_search_button{
     border-radius: 1rem !important;
    position: absolute !important;
    z-index: 2 !important;
    right: 5px !important;
    top: 5px;
    border: none;
    padding: 1rem 2rem !important;
}
.main_search::placeholder{
  text-align: center;
}
.mt_10{
 margin-top:6rem !important; 
 margin-top:6rem !important; 
}
.header_search_bar{
  display: none;
}
.profile_picture{
    height: 50px;
    width: 50PX;;
    border-radius: 50%;
    padding: 0.1rem;
    border: 0.1rem solid var(--secondary_color);
    cursor: pointer;

}
.mobile_nav{
  position: fixed;
  bottom: 0;
  background-color: var(--secondary_color);
  width: 100%;

}
.mobile_nav ul {
  list-style:none;
  display:inline-flex;
  color:var(--light_color);
  padding:1rem;
}
.mobile_nav li{
  margin: 0.5rem;
}
input[type="text"][readonly] {
  background-color: #dee2e6 !important;
  cursor: not-allowed;
}
.mandatory{
  color:crimson;
}
.ad_price{
  font-weight: bold;
  display:block;
}
.shadow_hover:hover{
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: 0.2s;
}