body {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-weight: 800;
  font-style: normal;
  display: flex;
  flex-direction: column;
 min-height: 100vh;

}

.container {
    flex: 1;
}


.navbar {
    height: 5rem;
    /* background-color:rgb(244, 244, 244); */
}

body {
    background-color: rgb(244, 244, 244);
}

.nav-link {
    color: #222222 !important;
}
/* 
footer */

.f-info-links a {
 text-decoration: none;
 color: #222222;
 
}

.f-info-links a:hover {
    text-decoration: underline;
    color: grey;
}


.f-info-socials {
    width: 100%;
}
.f-info-socials a {
    color: #222222;

    font-size: 1.2rem ;
}


.f-info-socials a:hover {
    color: grey;
}

.f-info {
    height: 8rem;
    background-color: rgb(210, 210, 210);
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-content: space-evenly;
    align-items: center;
    text-align: center;
   
}

.f-info-links {
    width: 100%;
}

.f-info-brand {
    width: 100%;
}


/* CARDS */

.lisitng-card {
border: none !important ; 
margin-bottom: 2rem;


}

.card-img {
    border-radius: 1.2rem !important;
    width: 95% !important;
    object-fit: cover !important;
   
}

.card-body {
    padding: 0 !important;
}

.card-text p {
   font-weight: 400;
}

.card-a {
    text-decoration: none;
}

.card-img-overlay {
    opacity: 0;
}

.card-img-overlay:hover {
    opacity: 0.18;
    background-color: white
}

/* Show Page */

.show-img {
    height: 30vh;
}

.btns {
    display: flex;
     
}

.show-card {
    padding-left: 0;
    padding-right: 0;
}
.btn1 {
    height: 2.5rem !important;
    width: 6.7rem !important
}

.btn2 {
 
 
 background-color: rgb(255, 0, 0) !important;
}

.btns {
    display: flex;
    align-items: center; /* Forces the buttons to vertically center with each other */
}

.delete-btn {
    white-space: nowrap; 
}

.btn-add {
    width: 6rem !important;
     margin-bottom: 1.5rem !important;
    margin-left: 0.7rem !important;
}
/* //review */


#map {
  height: 400px;
  width: 100%;
}
/* ////navbar */
/* Force the header to stick no matter what */
header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
}

/* If that doesn't work, ensure body doesn't have overflow: hidden */
body {
    overflow-x: hidden; /* This is okay, but avoid overflow: hidden or auto on body */
}

/* Make it smooth */
.hvr-size {
    transition: all 0.3s ease;
    cursor: pointer;
    opacity: 0.75; /* Start slightly faded */
}

/* Define what happens on hover */
.hvr-size:hover {
    opacity: 1; /* Become fully opaque */
    color: black !important; /* Force black text */
    transform: scale(1.05); /* Optional: Slight zoom effect */
    
}

.hvr {
    transition: all 0.3s ease !important;
    cursor: pointer !important;   
}

.hvr:hover {
    
    transform: scale(1.05) !important;
}