diff --git a/src/app/book-a-table/ContactContent.tsx b/src/app/book-a-table/ContactContent.tsx
index 70b4568..a4ea2ea 100644
--- a/src/app/book-a-table/ContactContent.tsx
+++ b/src/app/book-a-table/ContactContent.tsx
@@ -343,7 +343,7 @@ export default function ContactContent() {
-
diff --git a/src/app/book-a-table/contact.module.css b/src/app/book-a-table/contact.module.css
index 8131ab5..ed4d4f7 100644
--- a/src/app/book-a-table/contact.module.css
+++ b/src/app/book-a-table/contact.module.css
@@ -50,7 +50,7 @@
.smallHeading {
font-size: var(--small-text-size);
- color: var(--color-paragraph);
+ color: #441109;
font-family: var(--font-lato);
font-weight: 600;
letter-spacing: 2px;
@@ -69,7 +69,7 @@
.formBlock {
background-color: #F5E6D3;
padding: 2.5rem;
- border: 2px solid #b07c4b;
+ border: 2px solid #441109;
}
.title {
@@ -78,14 +78,14 @@
color: #5d4037;
margin-bottom: 1rem;
font-weight: 600;
- border-bottom: 3px solid #c49c5c;
+ border-bottom: 3px solid #441109;
padding-bottom: 0.5rem;
display: inline-block;
}
.subtitle {
font-size: var(--body-size);
- color: var(--color-alterparagraph) !important;
+ color: #441109 !important;
line-height: 1.6;
margin-bottom: 2rem;
font-family: var(--font-lato);
@@ -111,7 +111,7 @@
.formLabel {
font-family: var(--font-lato);
- color: var(--color-paragraph);
+ color: #441109;
font-size: var(--small-text-size);
font-weight: 600;
}
@@ -121,7 +121,7 @@
background: #fff;
border: 1px solid #d4c5b0;
padding: 0.9rem;
- color: var(--color-paragraph);
+ color: #441109;
font-family: var(--font-lato);
font-size: var(--small-text-size);
transition: border-color 0.3s;
@@ -146,13 +146,13 @@
.charCount {
font-size: var(--small-text-size);
- color: var(--color-alterparagraph) !important;
+ color: #441109 !important;
text-align: right;
font-family: var(--font-lato);
}
.submitButton {
- background: #c49c5c;
+ background: #441109;
border: none;
color: #fff;
padding: 15px 40px;
@@ -168,7 +168,7 @@
}
.submitButton:hover {
- background-color: #b08f4a;
+ background-color: #441109;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
}
@@ -216,7 +216,7 @@
.locationCard {
background: #F5E6D3;
padding: 1.5rem;
- border: 2px solid #b07c4b;
+ border: 2px solid #441109;
display: flex;
align-items: flex-start;
gap: 1.5rem;
@@ -228,7 +228,7 @@
}
.iconWrapper {
- background: #c49c5c;
+ background: #441109;
width: 50px;
height: 50px;
border-radius: 50%;
@@ -251,14 +251,14 @@
.locationTitle {
font-family: var(--font-playfair);
font-size: var(--subheading-size);
- color: #5d4037;
+ color: #441109;
margin-bottom: 10px;
font-weight: 600;
}
.locationSubtitle {
font-size: var(--small-text-size);
- color: var(--color-alterparagraph) !important;
+ color: #441109 !important;
margin-bottom: 0.5rem;
font-family: var(--font-lato);
}
@@ -273,11 +273,11 @@
.locationPhone {
font-size: var(--subheading-size);
font-weight: 600;
- color: var(--color-paragraph);
+ color: #441109;
}
.mapContainer {
- border: 2px solid #b07c4b;
+ border: 2px solid #441109;
overflow: hidden;
margin-top: 0.5rem;
}