small changes
This commit is contained in:
+32
-5
@@ -397,12 +397,36 @@
|
||||
}
|
||||
.btn-submit:hover { opacity: 0.92; }
|
||||
.btn-submit:disabled { opacity: 0.6; cursor: not-allowed; }
|
||||
.contact-info-side { flex: 45%; padding: 64px; background: rgba(235, 232, 222, 0.4); }
|
||||
.contact-info-side {
|
||||
flex: 45%; padding: 64px; background: rgba(235, 232, 222, 0.4);
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
.contact-info-side h3 {
|
||||
font-family: 'Newsreader', serif; font-size: 26px;
|
||||
color: var(--navy); font-weight: 700; margin-bottom: 40px;
|
||||
color: var(--navy); font-weight: 700; margin-bottom: 28px;
|
||||
}
|
||||
.contact-items { display: flex; flex-direction: column; gap: 12px; }
|
||||
.contact-item {
|
||||
display: flex; align-items: center; gap: 18px;
|
||||
padding: 14px 18px;
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
border: 1px solid rgba(0, 29, 54, 0.06);
|
||||
border-radius: 18px;
|
||||
text-decoration: none; color: inherit;
|
||||
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
|
||||
}
|
||||
.contact-item:hover {
|
||||
background: #fff;
|
||||
border-color: rgba(0, 29, 54, 0.12);
|
||||
box-shadow: 0 8px 20px rgba(0, 29, 54, 0.08);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
.contact-item:hover .contact-item-chev { transform: translateX(3px); opacity: 1; }
|
||||
.contact-item-text { flex: 1; min-width: 0; }
|
||||
.contact-item-chev {
|
||||
color: var(--gold); font-size: 20px; opacity: 0.5;
|
||||
transition: transform 0.18s ease, opacity 0.18s ease;
|
||||
}
|
||||
.contact-item { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
|
||||
.contact-icon {
|
||||
width: 52px; height: 52px; background: var(--cream);
|
||||
border-radius: 50%;
|
||||
@@ -413,10 +437,13 @@
|
||||
font-size: 9px; color: var(--muted); font-weight: 700;
|
||||
text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 3px;
|
||||
}
|
||||
.contact-item-value { font-size: 17px; font-weight: 700; color: var(--navy); }
|
||||
.contact-item-value {
|
||||
font-size: 17px; font-weight: 700; color: var(--navy);
|
||||
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
}
|
||||
.contact-map {
|
||||
border-radius: 28px; overflow: hidden; height: 200px;
|
||||
margin-top: 24px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
|
||||
margin-top: auto; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
#map-container { width: 100%; height: 100%; border-radius: 28px; }
|
||||
.leaflet-container { font-family: 'Manrope', sans-serif; }
|
||||
|
||||
Reference in New Issue
Block a user