/* Start custom CSS for html, class: .elementor-element-668d229 *//* =========================================================
KSR CHARITABLE TRUST
COMPLETE FOOTER
========================================================= */
/* =========================================================
RESET
========================================================= */
.ksr-footer,
.ksr-footer * {
box-sizing: border-box;
}
.ksr-footer a {
text-decoration: none !important;
}
/* =========================================================
MAIN FOOTER
========================================================= */
.ksr-footer {
position: relative;
width: 100%;
overflow: hidden;
color: #ffffff;
background:
#042719;
font-family:
Arial,
Helvetica,
sans-serif;
}
/* =========================================================
COMMON WRAPPER
========================================================= */
.ksr-footer-wrapper {
width:
min(1180px, 90%);
margin:
0 auto;
}
/* =========================================================
TOP CTA
========================================================= */
.ksr-footer-cta {
position: relative;
padding:
48px 0;
background:
linear-gradient(
135deg,
#0a6030 0%,
#075027 50%,
#063c21 100%
);
border-bottom:
1px solid
rgba(255,255,255,0.08);
overflow: hidden;
}
.ksr-footer-cta::before {
content: "";
position: absolute;
width: 500px;
height: 500px;
right: -250px;
top: -300px;
border-radius: 50%;
border:
1px solid
rgba(255,255,255,0.07);
}
.ksr-footer-cta::after {
content: "";
position: absolute;
width: 250px;
height: 250px;
left: -150px;
bottom: -180px;
border-radius: 50%;
background:
rgba(220,182,83,0.07);
}
.ksr-footer-cta-inner {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
/* CTA LABEL */
.ksr-footer-small-label {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 11px;
color:
#e2bd5b;
font-size: 9px;
font-weight: 700;
letter-spacing: 3px;
}
.ksr-footer-small-label span {
width: 35px;
height: 1px;
background:
#dcb653;
}
/* CTA HEADING */
.ksr-footer-cta-content h2 {
margin: 0;
color:
#ffffff;
font-family:
Georgia,
"Times New Roman",
serif;
font-size:
clamp(30px, 3.5vw, 46px);
font-weight: 400;
line-height: 1.1;
}
.ksr-footer-cta-content h2 strong {
color:
#dfb957;
font-weight: 400;
}
/* CTA DESCRIPTION */
.ksr-footer-cta-content p {
max-width: 570px;
margin:
13px 0 0;
color:
rgba(255,255,255,0.60);
font-size: 12px;
line-height: 1.7;
}
/* =========================================================
GOLD BUTTON
========================================================= */
.ksr-footer-gold-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
padding:
15px 25px;
border-radius: 50px;
background:
#dcb653;
color:
#07351f !important;
font-size: 10px;
font-weight: 700;
white-space: nowrap;
box-shadow:
0 10px 30px
rgba(0,0,0,0.18);
transition:
all .3s ease;
}
.ksr-footer-gold-btn:hover {
color:
#07351f !important;
background:
#f0cf72;
transform:
translateY(-3px);
}
.ksr-footer-gold-btn span {
font-size: 17px;
transition:
transform .3s ease;
}
.ksr-footer-gold-btn:hover span {
transform:
translateX(5px);
}
/* =========================================================
MAIN FOOTER AREA
========================================================= */
.ksr-footer-main {
position: relative;
padding:
75px 0 65px;
background:
#042719;
}
.ksr-footer-main::before {
content: "";
position: absolute;
width: 450px;
height: 450px;
right: -250px;
bottom: -300px;
border-radius: 50%;
border:
1px solid
rgba(255,255,255,0.025);
}
/* =========================================================
FOOTER GRID
========================================================= */
.ksr-footer-grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns:
1.55fr
.85fr
.95fr
1.2fr;
gap: 55px;
}
/* =========================================================
BRAND
========================================================= */
.ksr-footer-logo {
display: inline-block;
margin-bottom: 18px;
}
.ksr-footer-logo img {
display: block;
width:
190px;
height:
auto;
max-height:
90px;
object-fit:
contain;
}
.ksr-footer-tagline {
margin:
0 0 14px;
color:
#dcb653;
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 16px;
line-height: 1.45;
}
.ksr-footer-tagline strong {
color:
#ffffff;
font-weight: 400;
}
.ksr-footer-description {
max-width: 350px;
margin: 0;
color:
rgba(255,255,255,0.48);
font-size: 11px;
line-height: 1.85;
}
/* =========================================================
SOCIAL MEDIA
========================================================= */
.ksr-footer-social {
display: flex;
align-items: center;
gap: 8px;
margin-top: 23px;
}
.ksr-footer-social a {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background:
rgba(255,255,255,0.055);
border:
1px solid
rgba(255,255,255,0.10);
color:
rgba(255,255,255,0.72) !important;
font-size: 13px;
font-weight: 700;
transition:
all .3s ease;
}
.ksr-footer-social a:hover {
background:
#dcb653;
border-color:
#dcb653;
color:
#07351f !important;
transform:
translateY(-4px);
}
/* =========================================================
FOOTER COLUMNS
========================================================= */
.ksr-footer-column h3 {
position: relative;
margin:
4px 0 10px;
padding: 0;
color:
#ffffff;
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 19px;
font-weight: 400;
}
.ksr-footer-heading-line {
width: 30px;
height: 2px;
margin-bottom: 20px;
background:
#dcb653;
}
/* =========================================================
QUICK / WORK LINKS
========================================================= */
.ksr-footer-links {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.ksr-footer-links li {
margin: 0;
padding: 0;
}
.ksr-footer-links li a {
display: flex;
align-items: center;
gap: 7px;
padding:
5px 0;
color:
rgba(255,255,255,0.50) !important;
font-size: 10px;
line-height: 1.4;
transition:
all .25s ease;
}
.ksr-footer-links li a span {
color:
#dcb653;
font-size: 13px;
opacity: 0;
transform:
translateX(-6px);
transition:
all .25s ease;
}
.ksr-footer-links li a:hover {
color:
#ffffff !important;
padding-left: 4px;
}
.ksr-footer-links li a:hover span {
opacity: 1;
transform:
translateX(0);
}
/* =========================================================
CONTACT
========================================================= */
.ksr-contact-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
}
.ksr-contact-icon {
width: 33px;
height: 33px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background:
rgba(220,182,83,0.08);
border:
1px solid
rgba(220,182,83,0.12);
color:
#dcb653;
font-size: 13px;
}
.ksr-contact-details {
min-width: 0;
}
.ksr-contact-details small {
display: block;
margin-bottom: 5px;
color:
rgba(255,255,255,0.32);
font-size: 7px;
font-weight: 700;
letter-spacing: 2px;
}
.ksr-contact-details p {
margin: 0;
color:
rgba(255,255,255,0.53);
font-size: 10px;
line-height: 1.65;
}
.ksr-contact-details a {
color:
rgba(255,255,255,0.58) !important;
font-size: 10px;
word-break: break-word;
transition:
color .25s ease;
}
.ksr-contact-details a:hover {
color:
#dcb653 !important;
}
/* =========================================================
VOLUNTEER BUTTON
========================================================= */
.ksr-footer-volunteer {
display: flex;
align-items: center;
gap: 9px;
margin-top: 8px;
padding:
10px 13px;
border:
1px solid
rgba(220,182,83,0.25);
border-radius: 9px;
color:
#dcb653 !important;
font-size: 9px;
font-weight: 700;
transition:
all .3s ease;
}
.ksr-footer-volunteer span {
font-size: 15px;
}
.ksr-footer-volunteer b {
margin-left: auto;
font-size: 15px;
font-weight: 400;
transition:
transform .3s ease;
}
.ksr-footer-volunteer:hover {
background:
rgba(220,182,83,0.08);
border-color:
rgba(220,182,83,0.55);
color:
#f0cf72 !important;
}
.ksr-footer-volunteer:hover b {
transform:
translateX(4px);
}
/* =========================================================
SUPPORT STRIP
========================================================= */
.ksr-footer-support {
padding:
22px 0;
background:
#062f1d;
border-top:
1px solid
rgba(255,255,255,0.06);
border-bottom:
1px solid
rgba(255,255,255,0.06);
}
.ksr-footer-support-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
.ksr-support-message {
display: flex;
align-items: center;
gap: 13px;
}
.ksr-support-icon {
width: 47px;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 50%;
background:
rgba(220,182,83,0.09);
border:
1px solid
rgba(220,182,83,0.18);
font-size: 20px;
}
.ksr-support-message small {
display: block;
margin-bottom: 4px;
color:
#dcb653;
font-size: 7px;
font-weight: 700;
letter-spacing: 2px;
}
.ksr-support-message p {
margin: 0;
color:
rgba(255,255,255,0.62);
font-family:
Georgia,
serif;
font-size: 14px;
font-style: italic;
}
/* SUPPORT BUTTON */
.ksr-footer-support-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
padding:
11px 21px;
border:
1px solid
rgba(220,182,83,0.45);
border-radius: 50px;
color:
#dcb653 !important;
font-size: 9px;
font-weight: 700;
white-space: nowrap;
transition:
all .3s ease;
}
.ksr-footer-support-btn span {
font-size: 15px;
}
.ksr-footer-support-btn:hover {
background:
#dcb653;
color:
#07351f !important;
}
/* =========================================================
BOTTOM COPYRIGHT
========================================================= */
.ksr-footer-bottom {
padding:
18px 0;
background:
#031d13;
}
.ksr-footer-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.ksr-copyright {
color:
rgba(255,255,255,0.32);
font-size: 9px;
line-height: 1.5;
}
/* =========================================================
LEGAL LINKS
========================================================= */
.ksr-footer-legal {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 9px;
}
.ksr-footer-legal > a {
color:
rgba(255,255,255,0.34) !important;
font-size: 9px;
transition:
color .25s ease;
}
.ksr-footer-legal > a:hover {
color:
#dcb653 !important;
}
.ksr-footer-legal > span:not(.ksr-developed) {
color:
rgba(255,255,255,0.15);
font-size: 8px;
}
/* =========================================================
DEVELOPED BY PMAKES MEDIA
========================================================= */
.ksr-developed {
color:
rgba(255,255,255,0.34);
font-size: 9px;
white-space: nowrap;
}
.ksr-developed a {
color:
#dcb653 !important;
font-weight: 700;
transition:
color .25s ease;
}
.ksr-developed a:hover {
color:
#f2d37a !important;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1050px) {
.ksr-footer-grid {
grid-template-columns:
1.4fr
1fr
1fr;
gap: 40px;
}
.ksr-footer-brand {
grid-column:
1 / -1;
}
.ksr-footer-description {
max-width: 550px;
}
}
/* =========================================================
TABLET SMALL
========================================================= */
@media (max-width: 800px) {
.ksr-footer-cta-inner {
flex-direction: column;
align-items: flex-start;
}
.ksr-footer-grid {
grid-template-columns:
1fr 1fr;
gap: 40px 35px;
}
.ksr-footer-brand {
grid-column:
1 / -1;
}
.ksr-footer-bottom-inner {
flex-direction: column;
text-align: center;
}
.ksr-footer-legal {
justify-content: center;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.ksr-footer-wrapper {
width:
89%;
}
/* CTA */
.ksr-footer-cta {
padding:
40px 0;
}
.ksr-footer-cta-inner {
align-items: center;
text-align: center;
gap: 23px;
}
.ksr-footer-small-label {
justify-content: center;
font-size: 8px;
letter-spacing: 2px;
}
.ksr-footer-cta-content h2 {
font-size: 30px;
}
.ksr-footer-cta-content p {
font-size: 11px;
}
/* MAIN */
.ksr-footer-main {
padding:
60px 0 50px;
}
.ksr-footer-grid {
grid-template-columns:
1fr;
gap: 38px;
text-align: left;
}
.ksr-footer-brand {
grid-column:
auto;
text-align: center;
}
.ksr-footer-logo img {
width:
170px;
margin:
0 auto;
}
.ksr-footer-description {
margin:
0 auto;
}
.ksr-footer-social {
justify-content:
center;
}
/* COLUMN */
.ksr-footer-column h3 {
font-size: 18px;
}
/* SUPPORT */
.ksr-footer-support {
padding:
20px 0;
}
.ksr-footer-support-inner {
flex-direction: column;
text-align: center;
gap: 16px;
}
.ksr-support-message {
justify-content:
center;
}
/* BOTTOM */
.ksr-footer-bottom {
padding:
20px 0;
}
.ksr-footer-bottom-inner {
flex-direction: column;
gap: 12px;
}
.ksr-footer-legal {
justify-content:
center;
gap: 7px;
line-height: 1.8;
}
.ksr-developed {
white-space:
normal;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
.ksr-footer-cta-content h2 {
font-size: 27px;
}
.ksr-footer-gold-btn {
padding:
13px 20px;
font-size: 9px;
}
.ksr-footer-legal {
flex-direction:
column;
gap: 2px;
}
.ksr-footer-legal > span:not(.ksr-developed) {
display:
none;
}
}/* End custom CSS */