35379-vm/static/css/custom.css
Flatlogic Bot 41cddd37ec Version 1
2025-10-31 12:28:32 +00:00

94 lines
1.6 KiB
CSS

body {
font-family: 'Lato', sans-serif;
color: #484848;
background-color: #F7F7F7;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
}
.hero-section {
position: relative;
height: 60vh;
background: url('https://images.pexels.com/photos/261102/pexels-photo-261102.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1') no-repeat center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.hero-content {
position: relative;
z-index: 1;
}
.hero-title {
font-size: 3.5rem;
font-weight: 700;
color: #FFFFFF;
}
.hero-subtitle {
font-size: 1.5rem;
color: #FFFFFF;
}
.search-form .form-control {
padding: 0.75rem 1rem;
}
.btn-primary {
background-color: #FF5A5F;
border-color: #FF5A5F;
padding: 0.75rem 1rem;
}
.btn-primary:hover {
background-color: #e04f54;
border-color: #e04f54;
}
.section-title {
font-weight: 700;
margin-bottom: 2rem;
}
.property-card {
border: none;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.property-card:hover {
transform: translateY(-5px);
}
.property-card .card-img-top {
height: 200px;
object-fit: cover;
}
.property-card .card-title {
font-weight: 700;
}
.btn-secondary {
background-color: #00A699;
border-color: #00A699;
}
.btn-secondary:hover {
background-color: #008a7e;
border-color: #008a7e;
}