/* Start custom CSS for html, class: .elementor-element-d6b9a97 *//* =========================================
MIRTH KANTHALLOOR BOOKING PAGE
FINAL PREMIUM COLOUR VERSION
========================================= */
.mirth-kanthalloor-page {
--mirth-gold: #B88A3B;
--mirth-gold-light: #C9A45A;
--mirth-gold-dark: #946B2D;
--mirth-brown: #765033;
--mirth-brown-dark: #4F3828;
--mirth-text: #302820;
--mirth-text-soft: #5F554C;
--mirth-muted: #817970;
--mirth-cream: #F5EFE5;
--mirth-cream-light: #FAF7F1;
--mirth-card: #FFFDF9;
--mirth-border: #E5D9C8;
font-family:
var(--e-global-typography-primary-font-family),
'Raleway',
sans-serif;
color: var(--mirth-text);
background: #ffffff;
line-height: 1.6;
}
/* =========================================
GLOBAL RESET
========================================= */
.mirth-kanthalloor-page *,
.mirth-kanthalloor-page *::before,
.mirth-kanthalloor-page *::after {
box-sizing: border-box;
}
.mirth-kanthalloor-page h1,
.mirth-kanthalloor-page h2,
.mirth-kanthalloor-page h3,
.mirth-kanthalloor-page p {
margin-top: 0;
}
.mirth-kanthalloor-page img {
max-width: 100%;
}
.mirth-kanthalloor-page a {
text-decoration: none;
}
/* =========================================
HIDE WORDPRESS / ELEMENTOR TITLE
========================================= */
body:has(.mirth-kanthalloor-page) .entry-title,
body:has(.mirth-kanthalloor-page) h1.entry-title,
body:has(.mirth-kanthalloor-page) .page-title,
body:has(.mirth-kanthalloor-page) .elementor-widget-theme-post-title {
display: none !important;
}
/* =========================================
HERO
========================================= */
.mirth-kanthalloor-hero {
position: relative;
min-height: 590px;
display: flex;
align-items: center;
overflow: hidden;
}
.mirth-kanthalloor-hero-image {
position: absolute;
inset: 0;
z-index: 0;
}
.mirth-kanthalloor-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.mirth-kanthalloor-hero-overlay {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(
90deg,
rgba(35,25,17,0.78) 0%,
rgba(45,32,22,0.58) 38%,
rgba(45,32,22,0.25) 68%,
rgba(20,15,10,0.10) 100%
);
}
.mirth-kanthalloor-hero-content {
position: relative;
z-index: 2;
width:
min(1100px, calc(100% - 40px));
margin: 0 auto;
padding:
105px 0 125px;
color: #ffffff;
}
.mirth-kanthalloor-eyebrow {
display: block;
margin-bottom: 16px;
color: #F2D49B;
font-size: 10px;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
}
.mirth-kanthalloor-hero h1 {
max-width: 700px;
margin:
0 0 20px;
color: #ffffff;
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
clamp(45px, 6vw, 72px);
font-weight: 400;
line-height: 1.04;
letter-spacing: -1px;
}
.mirth-kanthalloor-hero h1 span {
display: block;
}
.mirth-kanthalloor-hero p {
max-width: 590px;
margin:
0 0 29px;
color:
rgba(255,255,255,0.92);
font-size: 14px;
line-height: 1.8;
}
.mirth-kanthalloor-hero-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding:
0 26px;
background:
var(--mirth-gold);
color:
#ffffff;
font-size: 10px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
box-shadow:
0 8px 22px
rgba(0,0,0,0.15);
transition:
all 0.3s ease;
}
.mirth-kanthalloor-hero-button:hover {
background:
var(--mirth-gold-dark);
color:
#ffffff;
transform:
translateY(-2px);
}
/* =========================================
MAIN BOOKING SECTION
========================================= */
.mirth-landing-wrapper {
padding:
70px 20px 95px;
background:
#ffffff;
font-family:
var(--e-global-typography-primary-font-family),
'Raleway',
sans-serif;
}
/* =========================================
BOOKING GRID
========================================= */
.mirth-premium-hero {
display:
grid;
grid-template-columns:
1fr 1fr;
gap:
80px;
max-width:
1100px;
margin:
0 auto;
align-items:
start;
}
/* =========================================
LEFT VIDEO COLUMN
========================================= */
.mirth-video-column {
display:
flex;
flex-direction:
column;
align-items:
flex-start;
max-width:
480px;
}
.mirth-top-content {
margin-bottom:
25px;
}
.mirth-location {
font-size:
10px;
color:
var(--mirth-brown);
text-transform:
uppercase;
letter-spacing:
1.7px;
margin-bottom:
9px;
font-weight:
600;
}
.mirth-headline {
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
37px;
font-weight:
400;
color:
var(--mirth-text);
line-height:
1.1;
margin:
0 0 11px;
}
.mirth-highlight {
font-size:
14px;
color:
var(--mirth-gold-dark);
font-weight:
600;
margin:
0;
}
/* =========================================
VIDEO
========================================= */
.mirth-video-container {
position:
relative;
width:
100%;
max-width:
300px;
aspect-ratio:
9 / 16;
border-radius:
20px;
overflow:
hidden;
background:
#151515;
box-shadow:
0 18px 45px
rgba(75,55,35,0.16);
border:
1px solid
rgba(118,80,51,0.12);
}
.mirth-video-container iframe {
display:
block;
width:
100%;
height:
100%;
border:
none;
}
/* =========================================
VIDEO FOOTER
========================================= */
.mirth-video-footer {
max-width:
430px;
margin-top:
19px;
}
.mirth-video-caption {
font-size:
13px;
color:
var(--mirth-text-soft);
line-height:
1.7;
margin:
0 0 7px;
}
.mirth-audio-note {
font-size:
11px;
color:
var(--mirth-muted);
}
/* =========================================
RIGHT BOOKING COLUMN
========================================= */
.mirth-booking-column {
display:
flex;
justify-content:
flex-end;
width:
100%;
}
.mirth-form-card {
width:
100%;
max-width:
400px;
padding:
39px;
background:
var(--mirth-card);
border-radius:
20px;
border:
1px solid
var(--mirth-border);
box-shadow:
0 22px 55px
rgba(118,80,51,0.11);
position:
relative;
}
/* Gold top accent */
.mirth-form-card::before {
content:
"";
position:
absolute;
top:
0;
left:
50%;
width:
70px;
height:
3px;
background:
var(--mirth-gold);
transform:
translateX(-50%);
}
/* =========================================
FORM HEADER
========================================= */
.mirth-card-header {
text-align:
center;
margin-bottom:
22px;
}
.mirth-card-header h3 {
color:
var(--mirth-brown-dark);
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
29px;
font-weight:
400;
margin:
0 0 8px;
}
.mirth-subtitle {
font-size:
12px;
color:
var(--mirth-muted);
margin:
0;
line-height:
1.65;
}
/* =========================================
AVAILABILITY MESSAGE
========================================= */
.mirth-live-urgency {
text-align:
center;
background:
linear-gradient(
135deg,
#F8F0E4,
#F4EBDD
);
color:
var(--mirth-brown);
padding:
11px 14px;
border-radius:
9px;
border:
1px solid
#EBDDC9;
font-size:
11px;
margin-bottom:
22px;
font-weight:
500;
}
/* =========================================
ELEMENTOR FORM WRAPPER
========================================= */
.mirth-elementor-form-wrapper {
width:
100%;
}
.mirth-elementor-form-wrapper > .elementor,
.mirth-elementor-form-wrapper .elementor-container,
.mirth-elementor-form-wrapper .elementor-column,
.mirth-elementor-form-wrapper .elementor-widget-wrap,
.mirth-elementor-form-wrapper .elementor-widget-form,
.mirth-elementor-form-wrapper .elementor-widget-container,
.mirth-elementor-form-wrapper .elementor-form,
.mirth-elementor-form-wrapper .elementor-form-fields-wrapper {
width:
100% !important;
max-width:
100% !important;
}
.mirth-elementor-form-wrapper .elementor-container {
margin-left:
0 !important;
margin-right:
0 !important;
}
.mirth-elementor-form-wrapper .elementor-widget-wrap {
padding-left:
0 !important;
padding-right:
0 !important;
}
/* =========================================
ELEMENTOR FIELDS
========================================= */
.mirth-elementor-form-wrapper
.elementor-field-group {
width:
100% !important;
margin-bottom:
14px !important;
}
.mirth-elementor-form-wrapper
.elementor-field-label {
display:
block;
font-size:
11px !important;
color:
#6B4F3B !important;
margin-bottom:
5px !important;
font-weight:
500 !important;
}
.mirth-elementor-form-wrapper
.elementor-field {
width:
100% !important;
min-height:
46px !important;
border-radius:
7px !important;
border:
1px solid
#DED4C5 !important;
background:
#FFFFFF !important;
color:
#3D342D !important;
padding:
0 13px !important;
font-size:
12px !important;
transition:
border-color 0.25s ease,
box-shadow 0.25s ease !important;
}
.mirth-elementor-form-wrapper
.elementor-field:hover {
border-color:
#CDBB9F !important;
}
.mirth-elementor-form-wrapper
.elementor-field:focus {
outline:
none !important;
border-color:
var(--mirth-gold) !important;
box-shadow:
0 0 0 3px
rgba(184,138,59,0.10) !important;
}
.mirth-elementor-form-wrapper
textarea.elementor-field {
min-height:
80px !important;
padding-top:
11px !important;
}
/* =========================================
SELECT / DATE
========================================= */
.mirth-elementor-form-wrapper
select.elementor-field {
cursor:
pointer;
}
/* =========================================
SUBMIT BUTTON
========================================= */
.mirth-elementor-form-wrapper
.elementor-button {
width:
100% !important;
min-height:
48px !important;
background:
linear-gradient(
135deg,
#C9A24A,
#B88A3B
) !important;
border:
none !important;
border-radius:
7px !important;
padding:
13px !important;
color:
#ffffff !important;
font-weight:
600 !important;
font-size:
11px !important;
letter-spacing:
1px !important;
text-transform:
uppercase;
margin-top:
5px !important;
box-shadow:
0 8px 18px
rgba(184,138,59,0.18);
transition:
all 0.3s ease !important;
}
.mirth-elementor-form-wrapper
.elementor-button:hover {
background:
linear-gradient(
135deg,
#B88A3B,
#946B2D
) !important;
transform:
translateY(-1px);
}
/* =========================================
SEO INTRO
========================================= */
.mirth-kanthalloor-intro {
padding:
90px 20px;
background:
#ffffff;
}
.mirth-kanthalloor-content {
width:
min(1100px, calc(100% - 40px));
margin:
0 auto;
}
.mirth-kanthalloor-intro-grid {
display:
grid;
grid-template-columns:
0.9fr 1.1fr;
gap:
80px;
align-items:
center;
}
.mirth-kanthalloor-intro h2 {
max-width:
450px;
margin:
0;
color:
var(--mirth-text);
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
43px;
font-weight:
400;
line-height:
1.1;
}
.mirth-kanthalloor-intro-text {
max-width:
620px;
padding-left:
25px;
border-left:
2px solid
rgba(184,138,59,0.45);
}
.mirth-kanthalloor-intro-text p {
margin:
0 0 17px;
color:
var(--mirth-text-soft);
font-size:
13px;
line-height:
1.85;
}
.mirth-kanthalloor-intro-text p:last-child {
margin-bottom:
0;
}
/* =========================================
SECTION HEADING
========================================= */
.mirth-section-heading {
max-width:
720px;
margin:
0 auto 45px;
text-align:
center;
}
.mirth-section-heading h2 {
margin:
0 0 12px;
color:
var(--mirth-text);
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
43px;
font-weight:
400;
line-height:
1.12;
}
.mirth-section-heading p {
margin:
0;
color:
var(--mirth-muted);
font-size:
12px;
line-height:
1.7;
}
/* =========================================
INCLUDED EXPERIENCES
========================================= */
.mirth-experiences-section {
padding:
90px 20px;
background:
linear-gradient(
180deg,
#F8F4EC 0%,
#F5EFE5 100%
);
}
.mirth-experience-grid {
display:
grid;
grid-template-columns:
repeat(4, 1fr);
gap:
15px;
}
.mirth-experience-card {
position:
relative;
min-height:
175px;
padding:
25px 21px;
background:
rgba(255,255,255,0.92);
border:
1px solid
#E4D8C8;
box-shadow:
0 5px 18px
rgba(118,80,51,0.035);
transition:
all 0.3s ease;
}
.mirth-experience-card::after {
content:
"";
position:
absolute;
left:
21px;
bottom:
18px;
width:
22px;
height:
1px;
background:
var(--mirth-gold);
}
.mirth-experience-card:hover {
transform:
translateY(-4px);
background:
#ffffff;
border-color:
#D4BB91;
box-shadow:
0 14px 30px
rgba(118,80,51,0.09);
}
.mirth-experience-card > span,
.mirth-curated-card > span {
display:
block;
margin-bottom:
17px;
color:
var(--mirth-gold-dark);
font-size:
9px;
font-weight:
700;
letter-spacing:
1.3px;
}
.mirth-experience-card h3,
.mirth-curated-card h3 {
margin:
0 0 8px;
color:
var(--mirth-brown-dark);
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
19px;
font-weight:
400;
line-height:
1.25;
}
.mirth-experience-card p,
.mirth-curated-card p {
margin:
0;
color:
var(--mirth-muted);
font-size:
10.5px;
line-height:
1.65;
}
/* =========================================
CURATED EXPERIENCES
========================================= */
.mirth-curated-section {
padding:
90px 20px;
background:
#ffffff;
}
.mirth-curated-grid {
display:
grid;
grid-template-columns:
repeat(3, 1fr);
gap:
15px;
}
.mirth-curated-card {
min-height:
170px;
padding:
27px 22px;
background:
var(--mirth-cream-light);
border:
1px solid
#E8DECF;
transition:
all 0.3s ease;
}
.mirth-curated-card:hover {
transform:
translateY(-4px);
background:
#ffffff;
border-color:
#D4BB91;
box-shadow:
0 14px 30px
rgba(118,80,51,0.08);
}
/* =========================================
REASSURANCE
========================================= */
.mirth-kanthalloor-reassurance {
position:
relative;
padding:
95px 20px;
background:
#F5EFE5;
}
.mirth-kanthalloor-reassurance::before {
content:
"";
position:
absolute;
top:
0;
left:
50%;
width:
70px;
height:
3px;
background:
var(--mirth-gold);
transform:
translateX(-50%);
}
.mirth-reassurance-inner {
max-width:
800px;
margin:
0 auto;
text-align:
center;
}
.mirth-reassurance-inner h2 {
margin:
0 0 17px;
color:
var(--mirth-text);
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
45px;
font-weight:
400;
line-height:
1.1;
}
.mirth-reassurance-inner p {
max-width:
760px;
margin:
0 auto;
color:
var(--mirth-text-soft);
font-size:
13px;
line-height:
1.85;
}
/* =========================================
FINAL CTA
========================================= */
.mirth-final-cta {
position:
relative;
padding:
95px 20px;
background:
linear-gradient(
135deg,
#292722 0%,
#3A3027 100%
);
text-align:
center;
overflow:
hidden;
}
.mirth-final-cta::before {
content:
"";
position:
absolute;
top:
0;
left:
50%;
width:
100px;
height:
3px;
background:
var(--mirth-gold-light);
transform:
translateX(-50%);
}
.mirth-final-cta-inner {
position:
relative;
z-index:
1;
max-width:
800px;
margin:
0 auto;
}
.mirth-final-cta .mirth-location {
color:
#D7B56E;
}
.mirth-final-cta h2 {
margin:
0 0 15px;
color:
#ffffff;
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
48px;
font-weight:
400;
line-height:
1.1;
}
.mirth-final-cta p {
max-width:
600px;
margin:
0 auto 30px;
color:
rgba(255,255,255,0.76);
font-size:
13px;
line-height:
1.8;
}
.mirth-final-button {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-height:
48px;
padding:
0 27px;
background:
#ffffff;
color:
var(--mirth-brown-dark);
font-size:
10px;
font-weight:
600;
letter-spacing:
1.3px;
transition:
all 0.3s ease;
}
.mirth-final-button:hover {
background:
var(--mirth-gold);
color:
#ffffff;
transform:
translateY(-2px);
}
/* =========================================
TABLET
========================================= */
@media (max-width: 900px) {
.mirth-premium-hero {
grid-template-columns:
1fr;
gap:
55px;
}
.mirth-video-column {
align-items:
center;
text-align:
center;
margin:
0 auto;
}
.mirth-video-footer {
text-align:
center;
}
.mirth-booking-column {
justify-content:
center;
}
.mirth-kanthalloor-intro-grid {
grid-template-columns:
1fr;
gap:
35px;
}
.mirth-kanthalloor-intro h2 {
max-width:
650px;
}
.mirth-kanthalloor-intro-text {
padding-left:
20px;
}
.mirth-experience-grid {
grid-template-columns:
repeat(2, 1fr);
}
.mirth-curated-grid {
grid-template-columns:
repeat(2, 1fr);
}
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.mirth-kanthalloor-hero {
min-height:
560px;
}
.mirth-kanthalloor-hero-overlay {
background:
linear-gradient(
180deg,
rgba(30,22,15,0.12) 0%,
rgba(30,22,15,0.55) 55%,
rgba(25,18,12,0.87) 100%
);
}
.mirth-kanthalloor-hero-content {
width:
calc(100% - 30px);
padding:
80px 0 90px;
}
.mirth-kanthalloor-eyebrow {
font-size:
9px;
}
.mirth-kanthalloor-hero h1 {
font-size:
42px;
letter-spacing:
-0.5px;
}
.mirth-kanthalloor-hero p {
font-size:
13px;
}
.mirth-kanthalloor-hero-button {
width:
100%;
}
/* BOOKING */
.mirth-landing-wrapper {
padding:
55px 15px 70px;
}
.mirth-premium-hero {
gap:
38px;
}
.mirth-headline {
font-size:
34px;
}
.mirth-video-container {
width:
min(300px, 100%);
max-width:
300px;
border-radius:
18px;
}
.mirth-form-card {
max-width:
100%;
padding:
30px 20px 33px;
border-radius:
18px;
}
/* INTRO */
.mirth-kanthalloor-intro {
padding:
65px 15px;
}
.mirth-kanthalloor-content {
width:
calc(100% - 10px);
}
.mirth-kanthalloor-intro h2 {
font-size:
37px;
}
.mirth-kanthalloor-intro-text {
padding-left:
17px;
}
/* EXPERIENCE */
.mirth-experiences-section,
.mirth-curated-section {
padding:
65px 15px;
}
.mirth-section-heading {
margin-bottom:
35px;
}
.mirth-section-heading h2 {
font-size:
37px;
}
.mirth-experience-grid {
grid-template-columns:
1fr;
gap:
12px;
}
.mirth-experience-card {
min-height:
auto;
padding:
23px 20px;
}
.mirth-curated-grid {
grid-template-columns:
1fr;
gap:
12px;
}
.mirth-curated-card {
min-height:
auto;
padding:
24px 20px;
}
/* REASSURANCE */
.mirth-kanthalloor-reassurance {
padding:
70px 15px;
}
.mirth-reassurance-inner h2 {
font-size:
38px;
}
.mirth-reassurance-inner p {
font-size:
13px;
}
/* CTA */
.mirth-final-cta {
padding:
72px 15px;
}
.mirth-final-cta h2 {
font-size:
38px;
}
.mirth-final-button {
width:
100%;
}
}
/* =========================================
SMALL MOBILE
========================================= */
@media (max-width: 400px) {
.mirth-kanthalloor-hero h1 {
font-size:
38px;
}
.mirth-video-container {
max-width:
285px;
}
.mirth-headline {
font-size:
31px;
}
.mirth-form-card {
padding:
27px 17px 30px;
}
}/* End custom CSS */