/* Start custom CSS for html, class: .elementor-element-8b9b42e *//* =========================================================
KAUSORA LEAF — FINAL FOOTER
LARGER READABLE TEXT VERSION
========================================================= */
.kl-footer{
--kl-green:#263A18;
--kl-deep:#17240F;
--kl-gold:#B7964E;
--kl-gold-light:#D6BB76;
--kl-cream:#F5F2E8;
position:relative;
overflow:hidden;
background:
var(--kl-green);
color:
var(--kl-cream);
font-family:
"Montserrat",
Arial,
sans-serif;
}
/* TOP LINE */
.kl-footer-top-line{
width:100%;
height:1px;
background:
linear-gradient(
90deg,
transparent,
var(--kl-gold),
transparent
);
opacity:.65;
}
/* FALLING TEA LEAVES */
.kl-footer-leaf-layer{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
pointer-events:none;
z-index:1;
}
.kl-footer-leaf{
position:absolute;
top:-30px;
display:block;
border-radius:
100% 0 100% 0;
background:
linear-gradient(
135deg,
#9BAE67,
#50672D
);
opacity:.38;
filter:
drop-shadow(
0 2px 2px
rgba(0,0,0,.18)
);
animation:
klFooterLeafFall
var(--leaf-duration)
linear
var(--leaf-delay)
infinite;
}
.kl-footer-leaf::after{
content:"";
position:absolute;
top:50%;
left:7%;
width:86%;
height:1px;
background:
rgba(241,238,211,.6);
transform:
rotate(-17deg);
}
@keyframes klFooterLeafFall{
0%{
transform:
translate3d(
0,
-30px,
0
)
rotate(0deg)
scale(.55);
opacity:0;
}
10%{
opacity:.4;
}
35%{
transform:
translate3d(
calc(var(--leaf-drift) * .35),
220px,
0
)
rotate(
calc(var(--leaf-rotation) * .3)
)
scale(1);
}
65%{
transform:
translate3d(
calc(var(--leaf-drift) * -.4),
470px,
0
)
rotate(
calc(var(--leaf-rotation) * .65)
)
scale(.9);
}
88%{
opacity:.3;
}
100%{
transform:
translate3d(
var(--leaf-drift),
760px,
0
)
rotate(
var(--leaf-rotation)
)
scale(.7);
opacity:0;
}
}
/* MAIN CONTAINER */
.kl-footer-container{
position:relative;
z-index:3;
width:
min(1320px,90%);
margin:0 auto;
padding:
78px 0 70px;
display:grid;
grid-template-columns:
1.35fr
.85fr
.9fr;
gap:90px;
}
/* BRAND */
.kl-footer-brand{
opacity:0;
transform:
translateY(25px);
transition:
opacity .8s ease,
transform .8s ease;
}
.kl-footer-brand.kl-footer-visible{
opacity:1;
transform:
translateY(0);
}
.kl-footer-logo{
display:inline-flex;
align-items:center;
text-decoration:none !important;
}
.kl-footer-logo img{
display:block;
width:190px;
max-height:125px;
object-fit:contain;
filter:
brightness(0)
invert(1);
transition:
transform .4s ease;
}
.kl-footer-logo:hover img{
transform:
translateY(-3px);
}
/* BIGGER SUMMARY */
.kl-footer-summary{
max-width:440px;
margin:
25px 0 28px;
color:
rgba(245,242,232,.68);
font-size:13px;
line-height:1.9;
letter-spacing:.015em;
}
/* ORIGIN */
.kl-footer-origin{
display:flex;
align-items:center;
gap:10px;
color:
var(--kl-gold-light);
font-size:8px;
font-weight:600;
letter-spacing:.18em;
}
.kl-origin-line{
display:block;
width:24px;
height:1px;
background:
var(--kl-gold);
}
/* SOCIALS */
.kl-footer-socials{
display:flex;
align-items:center;
gap:15px;
margin-top:36px;
flex-wrap:wrap;
}
.kl-footer-socials a{
position:relative;
display:flex;
align-items:center;
gap:7px;
padding:
8px 0;
color:
rgba(245,242,232,.65) !important;
text-decoration:none !important;
/* BIGGER */
font-size:9px;
font-weight:600;
letter-spacing:.06em;
}
.kl-footer-socials a b{
color:
var(--kl-gold-light);
font-size:11px;
font-weight:400;
transition:
transform .35s ease;
}
.kl-footer-socials a::after{
content:"";
position:absolute;
left:0;
bottom:3px;
width:100%;
height:1px;
background:
var(--kl-gold-light);
transform:
scaleX(0);
transform-origin:right;
transition:
transform .4s
cubic-bezier(.2,.7,.2,1);
}
.kl-footer-socials a:hover{
color:
var(--kl-cream) !important;
}
.kl-footer-socials a:hover::after{
transform:
scaleX(1);
transform-origin:left;
}
.kl-footer-socials a:hover b{
transform:
rotate(45deg);
}
/* HEADINGS */
.kl-footer-heading{
display:flex;
align-items:center;
gap:12px;
margin-bottom:25px;
}
.kl-footer-heading span{
color:
var(--kl-gold-light);
/* BIGGER */
font-size:9px;
font-weight:700;
letter-spacing:.18em;
}
.kl-footer-heading i{
display:block;
width:35px;
height:1px;
background:
rgba(183,150,78,.5);
}
/* NAVIGATION */
.kl-footer-navigation{
opacity:0;
transform:
translateY(25px);
transition:
opacity .8s ease .12s,
transform .8s ease .12s;
}
.kl-footer-navigation.kl-footer-visible{
opacity:1;
transform:
translateY(0);
}
.kl-footer-navigation nav{
display:flex;
flex-direction:column;
}
.kl-footer-navigation nav a{
position:relative;
display:grid;
grid-template-columns:
28px 1fr 25px;
align-items:center;
min-height:46px;
border-bottom:
1px solid
rgba(245,242,232,.1);
color:
rgba(245,242,232,.75) !important;
text-decoration:none !important;
transition:
color .3s ease,
padding .35s ease;
}
.kl-footer-navigation nav a::before{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:100%;
height:1px;
background:
var(--kl-gold-light);
transform:
scaleX(0);
transform-origin:right;
transition:
transform .45s
cubic-bezier(.2,.7,.2,1);
}
.kl-footer-navigation nav a small{
color:
var(--kl-gold);
/* BIGGER */
font-size:7px;
}
.kl-footer-navigation nav a span{
/* BIGGER */
font-size:11px;
font-weight:500;
letter-spacing:.025em;
}
.kl-footer-navigation nav a b{
color:
var(--kl-gold-light);
font-size:12px;
font-weight:400;
transition:
transform .35s ease;
}
.kl-footer-navigation nav a:hover{
color:
var(--kl-cream) !important;
padding-left:8px;
}
.kl-footer-navigation nav a:hover::before{
transform:
scaleX(1);
transform-origin:left;
}
.kl-footer-navigation nav a:hover b{
transform:
rotate(45deg);
}
/* CONTACT */
.kl-footer-contact{
opacity:0;
transform:
translateY(25px);
transition:
opacity .8s ease .24s,
transform .8s ease .24s;
}
.kl-footer-contact.kl-footer-visible{
opacity:1;
transform:
translateY(0);
}
.kl-contact-item{
margin-bottom:25px;
}
.kl-contact-item small{
display:block;
margin-bottom:7px;
color:
var(--kl-gold-light);
/* BIGGER */
font-size:7px;
font-weight:700;
letter-spacing:.16em;
}
.kl-contact-item a,
.kl-contact-item address{
display:block;
color:
rgba(245,242,232,.8) !important;
text-decoration:none !important;
/* BIGGER */
font-size:12px;
line-height:1.7;
font-style:normal;
transition:
color .3s ease;
}
.kl-contact-item a:hover{
color:
var(--kl-gold-light) !important;
}
/* BULK ENQUIRY */
.kl-footer-whatsapp{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
min-height:50px;
margin-top:30px;
padding:
5px 6px 5px 16px;
background:
var(--kl-cream);
color:
var(--kl-green) !important;
text-decoration:none !important;
/* BIGGER */
font-size:8px;
font-weight:700;
letter-spacing:.1em;
transition:
background .35s ease,
transform .35s ease;
}
.kl-footer-whatsapp b{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
background:
var(--kl-gold);
color:
var(--kl-green);
font-size:13px;
font-weight:400;
transition:
transform .4s ease;
}
.kl-footer-whatsapp:hover{
background:
var(--kl-gold-light);
transform:
translateY(-3px);
}
.kl-footer-whatsapp:hover b{
transform:
rotate(45deg);
}
/* BIG STATEMENT */
.kl-footer-statement{
position:relative;
z-index:3;
width:
min(1320px,90%);
margin:0 auto;
display:flex;
align-items:center;
gap:28px;
}
.kl-footer-statement-line{
flex:1;
height:1px;
background:
rgba(245,242,232,.12);
}
.kl-footer-statement h2{
margin:0;
white-space:nowrap;
color:
rgba(245,242,232,.15);
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(36px,4.5vw,65px);
font-weight:400;
letter-spacing:-.035em;
}
.kl-footer-statement h2 em{
color:
rgba(183,150,78,.42);
font-style:italic;
}
/* BOTTOM */
.kl-footer-bottom{
position:relative;
z-index:3;
margin-top:65px;
border-top:
1px solid
rgba(245,242,232,.1);
}
.kl-footer-bottom-inner{
width:
min(1320px,90%);
min-height:68px;
margin:0 auto;
display:grid;
grid-template-columns:
1fr auto 1fr;
align-items:center;
gap:20px;
color:
rgba(245,242,232,.4);
/* BIGGER */
font-size:8px;
letter-spacing:.05em;
}
.kl-footer-legal{
display:flex;
align-items:center;
justify-content:center;
gap:25px;
}
.kl-footer-legal a{
position:relative;
color:
rgba(245,242,232,.48) !important;
text-decoration:none !important;
transition:
color .3s ease;
}
.kl-footer-legal a::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:100%;
height:1px;
background:
var(--kl-gold-light);
transform:
scaleX(0);
transform-origin:right;
transition:
transform .35s ease;
}
.kl-footer-legal a:hover{
color:
var(--kl-cream) !important;
}
.kl-footer-legal a:hover::after{
transform:
scaleX(1);
transform-origin:left;
}
.kl-footer-made{
text-align:right;
}
.kl-footer-made strong{
color:
var(--kl-gold-light);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1000px){
.kl-footer-container{
grid-template-columns:
1fr 1fr;
gap:55px;
}
.kl-footer-brand{
grid-column:
1 / -1;
}
.kl-footer-summary{
max-width:600px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.kl-footer-container{
width:88%;
padding:
55px 0 50px;
display:flex;
flex-direction:column;
gap:48px;
}
.kl-footer-logo img{
width:155px;
}
.kl-footer-summary{
margin:
20px 0 24px;
/* BIGGER MOBILE */
font-size:12px;
line-height:1.85;
}
.kl-footer-origin{
font-size:7px;
letter-spacing:.13em;
}
.kl-footer-socials{
flex-wrap:wrap;
margin-top:28px;
gap:15px;
}
.kl-footer-socials a{
font-size:9px;
}
.kl-footer-heading{
margin-bottom:17px;
}
.kl-footer-heading span{
font-size:8px;
}
.kl-footer-navigation nav a{
min-height:50px;
}
.kl-footer-navigation nav a small{
font-size:7px;
}
.kl-footer-navigation nav a span{
/* BIGGER MOBILE */
font-size:12px;
}
.kl-footer-navigation nav a b{
font-size:12px;
}
.kl-footer-contact{
width:100%;
}
.kl-contact-item{
margin-bottom:21px;
}
.kl-contact-item small{
font-size:7px;
}
.kl-contact-item a,
.kl-contact-item address{
/* BIGGER MOBILE */
font-size:12px;
}
.kl-footer-whatsapp{
margin-top:25px;
font-size:8px;
}
.kl-footer-statement{
width:88%;
gap:12px;
}
.kl-footer-statement h2{
font-size:34px;
}
.kl-footer-bottom{
margin-top:45px;
}
.kl-footer-bottom-inner{
width:88%;
padding:
18px 0;
display:flex;
flex-direction:column;
gap:14px;
text-align:center;
font-size:7px;
}
.kl-footer-legal{
gap:18px;
flex-wrap:wrap;
}
.kl-footer-made{
text-align:center;
}
.kl-footer-leaf{
opacity:.45;
}
}
/* SMALL MOBILE */
@media(max-width:390px){
.kl-footer-container{
width:90%;
}
.kl-footer-summary{
font-size:11px;
}
.kl-footer-statement h2{
font-size:29px;
}
.kl-footer-statement{
gap:8px;
}
}
/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.kl-footer-leaf{
animation:none !important;
}
.kl-footer *{
transition:none !important;
}
}/* End custom CSS */