@import url(‘https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@300;400;700&display=swap’);
/* Scoped CSS */
#tkp-elegant-wrapper {
/* Background matches the cream paper texture of the poster */
background: #FFFBF5;
font-family: ‘Lato’, sans-serif;
color: #3E2723; /* Deep brown text like the poster */
line-height: 1.8;
padding: 50px 30px;
border-radius: 15px;
max-width: 700px;
margin: 0 auto;
text-align: center; /* Center aligned like the flyer */
border: 1px solid #F3E5DC;
box-shadow: 0 15px 40px rgba(214, 163, 163, 0.15);
position: relative;
overflow: hidden;
}
/* Decorative top border to mimic the floral feel */
#tkp-elegant-wrapper::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: linear-gradient(90deg, #EFA8B8, #E27D60, #EFA8B8);
}
/* The “Free of Cost” Badge */
.free-badge {
background-color: #A61C3C; /* Dark Red from poster */
color: #fff;
display: inline-block;
padding: 5px 20px;
font-weight: bold;
font-size: 0.8rem;
border-radius: 0 0 10px 10px;
letter-spacing: 1px;
position: absolute;
top: 0;
left: 30px;
box-shadow: 0 4px 10px rgba(166, 28, 60, 0.3);
}
/* Quranic Verse Styling */
.verse-box {
margin-top: 40px;
margin-bottom: 30px;
font-family: ‘Playfair Display’, serif;
font-size: 1.1rem;
color: #3E2723;
font-style: italic;
padding: 0 20px;
}
.verse-ref {
display: block;
margin-top: 10px;
font-size: 0.9rem;
font-style: normal;
font-weight: bold;
}
/* Main Title – Matching the Script Font */
h1.script-title {
font-family: ‘Great Vibes’, cursive; /* Calligraphy font */
font-size: 4rem;
color: #C65D57; /* The soft rose/terra-cotta color */
margin: 10px 0;
line-height: 1.2;
text-shadow: 2px 2px 0px rgba(255,255,255,0.8);
}
h2.subtitle {
font-family: ‘Playfair Display’, serif;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #3E2723;
font-weight: 700;
margin-bottom: 40px;
border-bottom: 1px solid #EFA8B8;
display: inline-block;
padding-bottom: 10px;
}
/* The “Pink Capsule” for the Talk Title */
.capsule-box {
background: linear-gradient(90deg, #EFA8B8 0%, #E27D60 100%);
color: white;
padding: 15px 30px;
border-radius: 50px;
box-shadow: 0 8px 20px rgba(226, 125, 96, 0.3);
margin: 20px 0;
display: inline-block;
width: 90%;
}
.capsule-text {
font-weight: bold;
font-size: 1.1rem;
letter-spacing: 0.5px;
text-transform: uppercase;
}
/* Speaker Name */
.speaker-name {
font-family: ‘Playfair Display’, serif;
font-size: 1.8rem;
color: #3E2723;
font-weight: 700;
margin-top: 20px;
}
/* Date/Time strip */
.details-strip {
font-size: 1.1rem;
color: #C65D57;
font-weight: bold;
margin: 10px 0 30px 0;
font-family: ‘Playfair Display’, serif;
}
/* Empathy Text Section */
.message-body {
text-align: left;
background: rgba(255, 255, 255, 0.7);
padding: 30px;
border-radius: 12px;
margin: 30px 0;
font-size: 1.05rem;
color: #5D4037;
}
.message-body p {
margin-bottom: 15px;
}
/* The Gold/Rose Button */
.register-btn {
background: linear-gradient(45deg, #C65D57, #E27D60);
color: white !important;
padding: 18px 50px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
font-size: 1.2rem;
display: inline-block;
transition: transform 0.2s;
box-shadow: 0 10px 25px rgba(198, 93, 87, 0.4);
font-family: ‘Playfair Display’, serif;
letter-spacing: 1px;
}
.register-btn:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(198, 93, 87, 0.5);
}
/* Mobile adjustments */
@media (max-width: 600px) {
h1.script-title { font-size: 3rem; }
.capsule-text { font-size: 0.9rem; }
.details-strip { font-size: 1rem; }
}
FREE OF COST
“He it is who sent down As-Sakinah into the hearts of the believers…”
(Surah Al-Fath, 48:4)
Sakinah Series
A Modern Muslimah’s Guide to Wellness
Does your heart feel heavy with the noise of the world?
It seems like you are carrying so much quietly—faith, family, and the pressure to be okay.
What if the calm you are searching for isn’t found in doing more, but in pausing to reconnect with the Sakinah (Tranquility) promised by Allah?
We invite you to a gentle space of healing.
Episode 1
Special Talk on Islam’s Take on Mental Wellbeing
Dr. Alimah Tahira Yousaf
4 February | 8 PM | Online via Zoom
Followed by 1-on-1 counseling sessions for those seeking a healed, tranquil heart.
Register HereDetails at 03325200770