Dr. Sandeep Kaur Profile
Dr. Sandeep Kaur Profile
/* widget: Split Hero */
#uc_split_hero_elementor_ad9b14d *{
box-sizing: border-box;
}
#uc_split_hero_elementor_ad9b14d
{
position:relative;
overflow:hidden;
clear:both;
display:flex;
}
.uc_title
{
font-size:32px;
}
#uc_split_hero_elementor_ad9b14d .uc_btn
{
display:inline-block;
text-decoration:none;
text-align:center;
}
#uc_split_hero_elementor_ad9b14d .uc_container_left
{
flex-grow: 1;
}
#uc_split_hero_elementor_ad9b14d .uc_container_left
{
display:flex;
}
#uc_split_hero_elementor_ad9b14d .uc_container_left .uc_container_holder{
}
#uc_split_hero_elementor_ad9b14d a.uc_logo{
display:block;
text-decoration:none;
}
#uc_split_hero_elementor_ad9b14d .uc_container_right {
background-size:cover;
background-position:center;
background-blend-mode: normal;
flex-shrink: 0;
}
@media only screen and (max-width: 420px) {
#uc_split_hero_elementor_ad9b14d .uc_container_right
{
width:100%;
}
#uc_split_hero_elementor_ad9b14d .uc_container_left
{
width:100%;
}
}
Doler Simit Dr. Sandeep Kaur Profile Dr. Sandeep Kaur isn’t just a dentist; she’s a smile architect with a two-decade legacy of transforming grins and boosting confidence. She has been crafting smiles for active private, military and special needs patients from all walks of life. For over 15 years, the Bridgewater and Branchburg communities have witnessed Dr. Kaur’s magic, as she’s woven a tapestry of trust with her immaculate dental prowess. An alumna of the prestigious NYU College of Dentistry, she’s not just a tooth fairy but a beacon of dental excellence, actively participating in the American Dental Association, NJDA & MCDS. Dr. Kaur’s true superpower lies in her compassion. Like a dental Robin Hood, she works tirelessly for community well-being, infusing every aspect of Rite Smile Dental with her caring spirit.
The bee's knees smashing the duff cheeky James Bond have it brown bread, spend a penny don't get shirty with me hotpot a matie boy cockup says. No biggie loo Eaton skive off dropped a clanger matie boy ruddy bugger,
/* =========================================
DR. SANDEEP KAUR — BIO PAGE (Redesigned)
Fonts: DM Serif Display & Outfit | Theme: #3799FF & #11355A
========================================= */
.rs4 * { margin: 0; padding: 0; box-sizing: border-box; }
.rs4 {
font-family: 'Outfit', sans-serif;
color: #11355A;
background: #ffffff;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
/* Headings Typography Rule */
.rs4-hero-h1, .rs4-philosophy h2, .rs4-exp-header h2, .rs4-awards-header h2, .rs4-acc-title, .rs4-row-name, .rs4-phil-mark {
font-family: 'DM Serif Display', serif;
font-weight: 400; /* DM Serif has no 900 weight, forcing 400 keeps it clean */
}
/* ─── ANIMATIONS ─── */
@keyframes rs4fadeUp {
0% { opacity: 0; transform: translateY(3vw); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes rs4revealScale {
0% { opacity: 0; transform: scale(0.9); }
100% { opacity: 1; transform: scale(1); }
}
/* ─── 1. HERO (Editorial Overlap) ─── */
.rs4-hero {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
padding: 4vw 5% 4vw 5%;
background: #f8fafc;
overflow: hidden;
}
.rs4-hero-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
width: 100%;
max-width: 1600px;
margin: 0 auto;
align-items: center;
gap: 3vw;
position: relative;
z-index: 2;
}
.rs4-hero-text {
padding-right: 4vw;
z-index: 3;
}
.rs4-hero-text > * {
animation: rs4fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
opacity: 0;
}
.rs4-hero-text > *:nth-child(1) { animation-delay: 0.1s; }
.rs4-hero-text > *:nth-child(2) { animation-delay: 0.2s; }
.rs4-hero-text > *:nth-child(3) { animation-delay: 0.3s; }
.rs4-hero-text > *:nth-child(4) { animation-delay: 0.4s; }
.rs4-hero-text > *:nth-child(5) { animation-delay: 0.5s; }
.rs4-hero-text > *:nth-child(6) { animation-delay: 0.6s; }
.rs4-hero-img-box {
position: relative;
height: 40vw; /* Responsive scale */
border-radius: 20vw; /* Pill shape */
overflow: hidden;
box-shadow: 0 2vw 4vw rgba(17,53,90,0.15);
animation: rs4revealScale 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
z-index: 1;
}
.rs4-hero-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 10%;
transition: transform 1.5s ease;
}
.rs4-hero-img-box:hover img { transform: scale(1.05); }
/* Typography - Desktop VW Scaling */
.rs4-eyebrow { display: inline-flex; align-items: center; gap: 0.8vw; margin-bottom: 2vw; }
.rs4-eyebrow-line { width: 2.5vw; height: 2px; background: #3799FF; }
.rs4-eyebrow span { font-size: 0.85vw; font-weight: 700; color: #3799FF; text-transform: uppercase; letter-spacing: 0.2vw; }
.rs4-hero-h1 { font-size: 4vw !important; color: #11355A; line-height: 1.05; margin-bottom: 1.5vw; letter-spacing: -0.1vw; position: relative; left: -0.3vw; }
.rs4-hero-h1 em { font-style: italic; color: #3799FF; }
.rs4-hero-creds { font-family: 'Red Hat Display', sans-serif; font-size: 1.2vw; font-weight: 700; color: #11355A; letter-spacing: 0.1vw; text-transform: uppercase; margin-bottom: 1.5vw; }
.rs4-hero-role { font-size: 1.3vw; color: #64748b; font-weight: 400; margin-bottom: 2.5vw; line-height: 1.6; }
.rs4-hero-bio { font-size: 1.1vw; line-height: 1.8; color: #475569; font-weight: 400; margin-bottom: 1.5vw; max-width: 90%; }
.rs4-badges { display: flex; flex-wrap: wrap; gap: 1vw; margin-top: 3vw; }
.rs4-badge {
display: inline-flex; align-items: center; gap: 0.6vw;
background: #ffffff; border: 1px solid #e2e8f0;
border-radius: 3vw; padding: 0.8vw 1.5vw; font-size: 0.95vw;
font-weight: 600; color: #11355A; transition: all 0.3s ease;
box-shadow: 0 0.5vw 1vw rgba(0,0,0,0.02);
}
.rs4-badge i { color: #3799FF; }
.rs4-badge:hover { border-color: #3799FF; transform: translateY(-0.3vw); box-shadow: 0 0.8vw 1.5vw rgba(55,153,255,0.15); }
/* ─── 2. INFO BAR (Sleek Minimal Grid) ─── */
.rs4-info-wrap { background: #11355A; padding: 3vw 5%; }
.rs4-info-grid {
display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto;
}
.rs4-info-item { display: flex; flex-direction: column; gap: 0.5vw; }
.rs4-info-label { font-size: 0.75vw; color: rgba(255,255,255,0.7); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1vw; }
.rs4-info-value { font-size: 1.25vw; font-weight: 600; color: #ffffff; }
.rs4-info-value i { color: #3799FF; margin-right: 0.5vw; }
/* ─── 3. PHILOSOPHY (Editorial Quote Style) ─── */
.rs4-philosophy {
padding: 8vw 5%;
background: #ffffff;
text-align: center;
position: relative;
}
.rs4-philosophy-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; }
.rs4-philosophy h2 { font-size: 3.3vw; color: #11355A; line-height: 1.1; letter-spacing: -0.05vw; margin-bottom: 3vw; }
.rs4-philosophy p { font-size: 1.1vw; line-height: 1.8; color: #475569; margin-bottom: 2vw; }
.rs4-phil-mark { font-size: 10vw; position: absolute; top: -3vw; left: 50%; transform: translateX(-50%); color: rgba(55,153,255,0.05); z-index: -1; line-height: 1;}
/* ─── 4. EXPERTISE (Intelligent Interactive Accordion) ─── */
.rs4-expertise {
padding: 0 5% 8vw 5%;
background: #ffffff;
}
.rs4-exp-header { margin-bottom: 3vw; text-align: center; }
.rs4-exp-header h2 { font-size: 2.9vw; color: #11355A; }
.rs4-accordion {
display: flex;
height: 28vw; /* Reduced overall height */
min-height: 400px;
gap: 1.2vw;
max-width: 1600px;
margin: 0 auto;
}
.rs4-acc-item {
flex: 1;
position: relative;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 1.5vw;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 2.5vw 1.5vw;
}
.rs4-acc-item:hover {
flex: 2.2;
background: #11355A;
border-color: #11355A;
}
.rs4-acc-icon {
position: absolute;
top: 2vw;
left: 2vw;
font-size: 1.8vw;
color: #3799FF;
transition: all 0.5s ease;
}
.rs4-acc-item:hover .rs4-acc-icon { transform: scale(1.1); color: #ffffff; }
.rs4-acc-title {
font-size: 1.4vw;
color: #11355A;
transition: all 0.5s ease;
white-space: nowrap;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top: auto;
}
.rs4-acc-item:hover .rs4-acc-title {
color: #ffffff;
writing-mode: horizontal-tb;
transform: none;
white-space: normal;
font-size: 1.8vw;
margin-bottom: 1vw;
}
.rs4-acc-desc {
font-size: 1.1vw;
color: rgba(255,255,255,0.85);
line-height: 1.6;
opacity: 0;
max-height: 0;
transform: translateY(1vw);
transition: all 0.4s ease;
}
.rs4-acc-item:hover .rs4-acc-desc {
opacity: 1;
max-height: 15vw;
transform: translateY(0);
transition-delay: 0.15s;
}
/* ─── 5. AWARDS (List + Interactive Preview Window) ─── */
.rs4-awards {
background: #f4f7fb;
padding: 5vw 5%; /* Tighter padding */
}
.rs4-awards-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4vw;
max-width: 1400px;
margin: 0 auto;
}
.rs4-awards-header h2 { font-size: 2.9vw; color: #11355A; margin-bottom: 1vw; letter-spacing: -0.05vw; }
.rs4-awards-header p { font-size: 1.1vw; color: #64748b; margin-bottom: 3vw; line-height: 1.8; }
.rs4-awards-list { display: flex; flex-direction: column;margin-top: 20px; }
.rs4-award-row {
display: flex;
align-items: center;
padding: 1.2vw 0; /* Cleaner row padding */
border-bottom: 1px solid #dde8f5;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.rs4-award-row::before {
content: ''; position: absolute; left: -1.2vw; top: 0; height: 100%; width: 4px;
background: #3799FF; transform: scaleY(0); transition: transform 0.3s ease; transform-origin: center;
}
.rs4-award-row:hover::before { transform: scaleY(1); }
.rs4-award-row:hover { padding-left: 1.2vw; border-bottom-color: #3799FF; }
.rs4-row-year { flex: 0 0 5vw; font-size: 1.1vw; font-family: 'Red Hat Display', sans-serif; font-weight: 700; color: #3799FF; }
.rs4-row-details { flex: 1; }
.rs4-row-name h3 { font-size: 1.2vw; color: #11355A; margin-bottom: 0.3vw; transition: color 0.3s; }
.rs4-award-row:hover .rs4-row-name { color: #3799FF; }
.rs4-row-issuer { font-size: 1vw; color: #64748b; font-weight: 300; }
.rs4-row-icon { font-size: 1.2vw; color: #dde8f5; transition: transform 0.3s ease, color 0.3s ease; }
.rs4-award-row:hover .rs4-row-icon { color: #3799FF; transform: translateX(0.5vw); }
.rs4-awards-preview-wrap {
position: relative;
}
.rs4-awards-preview-wrap {
top: 7%;
}
.rs4-preview-sticky {
position: sticky;
top: 10vw;
background: #ffffff;
border-radius: 2vw;
padding: 2vw;
height: 35vw; /* Keeps image in visible section */
max-height: 500px;
box-shadow: 0 2vw 4vw rgba(17,53,90,0.08);
border: 1px solid #e2e8f0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.rs4-preview-sticky img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: opacity 0.4s ease, transform 0.4s ease;
filter: drop-shadow(0 1vw 2vw rgba(0,0,0,0.1));
}
.rs4-preview-sticky img.fading {
opacity: 0;
transform: scale(0.95);
}
/* Base Hidden state for Inline Mobile Image */
.rs4-mobile-preview { display: none; }
/* ─── MODAL LIGHBOX ─── */
.rs4-modal {
position: fixed; inset: 0; background: rgba(10,35,63,0.95); z-index: 99999;
display: flex; align-items: center; justify-content: center; opacity: 0;
pointer-events: none; transition: opacity 0.3s ease; padding: 3vw; backdrop-filter: blur(8px);
}
.rs4-modal.active { opacity: 1; pointer-events: auto; }
.rs4-modal-content { position: relative; max-width: 900px; max-height: 90vh; transform: scale(0.95); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.rs4-modal.active .rs4-modal-content { transform: scale(1); }
.rs4-modal-content img { max-width: 100%; max-height: 85vh; object-fit: contain; border-radius: 16px; box-shadow: 0 30px 60px rgba(0,0,0,0.6); border: 2px solid rgba(255,255,255,0.1); }
.rs4-modal-close {
position: absolute; top: -3vw; right: -3vw; color: #fff; font-size: 2.5vw;
cursor: pointer; opacity: 0.6; transition: opacity 0.3s;
width: 3vw; height: 3vw; display: flex; align-items: center; justify-content: center;
}
.rs4-modal-close:hover { opacity: 1; }
/* ─── RESPONSIVE RULES (PX Fallbacks for Readability) ─── */
@media(max-width: 991px) {
.rs4-hero-grid {
grid-template-columns: 1fr; display: flex; flex-direction: column-reverse; /* Shows Doctor Image First */
gap: 40px; text-align: center;
}
.rs4-hero { padding: 100px 5% 60px 5%; }
.rs4-hero-text { padding-right: 0; }
.rs4-eyebrow { justify-content: center; margin-bottom: 24px; gap: 12px; }
.rs4-eyebrow-line { width: 40px; }
.rs4-eyebrow span { font-size: 14px; letter-spacing: 3px; }
.rs4-hero-h1 { font-size: 56px; margin-bottom: 16px; left: 0; }
.rs4-hero-creds { font-size: 16px; margin-bottom: 16px; }
.rs4-hero-role { font-size: 18px; margin-bottom: 30px; }
.rs4-hero-bio { font-size: 16px; margin-bottom: 20px; max-width: 100%; margin-left: auto; margin-right: auto; }
.rs4-badges { justify-content: center; gap: 12px; margin-top: 30px; }
.rs4-badge { font-size: 14px; padding: 12px 20px; gap: 8px; border-radius: 30px; }
.rs4-hero-img-box { height: 400px; border-radius: 200px; width: 100%; box-shadow: 0 20px 40px rgba(17,53,90,0.15); }
.rs4-info-wrap { padding: 40px 5%; }
.rs4-info-grid { flex-wrap: wrap; gap: 30px; justify-content: space-around; }
.rs4-info-item { gap: 6px; }
.rs4-info-label { font-size: 12px; }
.rs4-info-value { font-size: 18px; }
.rs4-philosophy { padding: 80px 5%; }
.rs4-philosophy h2 { font-size: 40px; margin-bottom: 24px; }
.rs4-philosophy p { font-size: 16px; margin-bottom: 16px; }
.rs4-phil-mark { font-size: 80px; top: -30px; }
/* MBL EXPERTISE OVERRIDES */
.rs4-expertise { padding: 0 5% 80px 5%; }
.rs4-exp-header h2 { font-size: 36px; margin-bottom: 40px; }
.rs4-accordion { height: auto; flex-direction: column; gap: 16px; }
.rs4-acc-item { padding: 25px 20px; flex: none; min-height: auto; align-items: center; text-align: center; justify-content: center; border-radius: 20px; }
.rs4-acc-icon { position: static; margin-bottom: 15px; font-size: 28px; }
.rs4-acc-title { writing-mode: horizontal-tb; transform: none; margin-top: 0; font-size: 24px; }
/* Mobile Default Active state seamlessly integrates with hover states */
.rs4-acc-item:hover, .rs4-acc-item.mobile-active { flex: none; padding: 25px 20px; background: #11355A; border-color: #11355A; }
.rs4-acc-item:hover .rs4-acc-title, .rs4-acc-item.mobile-active .rs4-acc-title { margin-bottom: 15px; font-size: 24px; color: #ffffff; }
.rs4-acc-item:hover .rs4-acc-icon, .rs4-acc-item.mobile-active .rs4-acc-icon { transform: scale(1.1); color: #ffffff; margin-bottom: 15px; }
.rs4-acc-desc { font-size: 16px; }
.rs4-acc-item:hover .rs4-acc-desc, .rs4-acc-item.mobile-active .rs4-acc-desc { opacity: 1; max-height: 300px; transform: translateY(0); transition-delay: 0s; }
/* MBL AWARDS OVERRIDES */
.rs4-awards { padding: 80px 5%; }
.rs4-awards-header h2 { font-size: 36px; margin-bottom: 16px; }
.rs4-awards-header p { font-size: 16px; margin-bottom: 30px; }
.rs4-awards-container {
display: flex;
flex-direction: column; /* Stack naturally on mobile */
gap: 40px;
}
/* Disable Desktop Sticky Box */
.rs4-awards-preview-wrap { display: none !important; }
.rs4-award-row {
padding: 20px 0;
flex-wrap: wrap; /* Allows mobile preview to drop to new line */
}
.rs4-award-row::before { left: -10px; }
.rs4-award-row:hover { padding-left: 10px; }
.rs4-row-year { flex: 0 0 60px; font-size: 16px; }
.rs4-row-name { font-size: 20px; margin-bottom: 4px; }
.rs4-row-issuer { font-size: 14px; }
.rs4-row-icon { font-size: 20px; }
/* Animate Arrow Downwards on Active */
.rs4-award-row.active .rs4-row-icon {
transform: rotate(90deg);
color: #3799FF;
}
/* Mobile Inline Image Configuration */
.rs4-mobile-preview {
display: block;
flex: 0 0 100%;
width: 100%;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.4s ease, padding-top 0.4s ease;
padding-top: 0;
cursor: default;
}
.rs4-mobile-preview img {
width: 100%;
height: auto;
max-height: 250px;
object-fit: contain;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 10px 20px rgba(17,53,90,0.05);
border: 1px solid #e2e8f0;
padding: 10px;
cursor: pointer; /* Suggests it can be opened into full modal */
}
/* Applying active state limits expansion explicitly */
.rs4-award-row.active .rs4-mobile-preview {
max-height: 400px;
opacity: 1;
padding-top: 15px;
}
.rs4-modal { padding: 20px; }
.rs4-modal-close { top: -40px; right: 0; font-size: 30px; width: 40px; height: 40px; }
}
@media(max-width: 768px) {
.rs4-hero-h1 { font-size: 40px; }
.rs4-hero-img-box { height: 320px; border-radius: 160px; }
.rs4-philosophy h2 { font-size: 32px; }
.rs4-exp-header h2 { font-size: 32px; }
.rs4-awards-header h2 { font-size: 32px; }
.rs4-row-year { font-size: 14px; flex: 0 0 50px; }
.rs4-row-name { font-size: 18px; }
.rs4-info-item { width: 45%; }
}
@media(max-width: 500px) {
.rs4-info-item { width: 100%; margin-bottom: 20px; text-align: center; }
.rs4-row-year { flex: 0 0 100%; margin-bottom: 8px; }
}
Friendly Dental — Branchburg, NJ
Dr. SandeepKaur
DDS |
Founder & Lead Dentist • 20+ Years of Trusted Dental Excellence
Dr. Sandeep Kaur is an accomplished and respected dental expert recognized for providing comprehensive, patient-focused care with accuracy and integrity. As the Founder and Lead Dentist at Friendly Dental in Branchburg, New Jersey, she offers more than two decades of clinical proficiency.
Dr. Kaur is also a certified Platinum Invisalign provider, enabling patients to achieve a discreet and effective solution for aligning teeth.
Dr. Kaur firmly believes that exceptional family dental care begins with compassion, trust, and genuine patient relationships. She is committed to creating a warm, reassuring environment where patients of all ages feel comfortable and valued.
Alma Mater
NYU College of Dentistry
Location
Branchburg, NJ
Recognition
America's Top Dentists — Multiple Years
Memberships
ADA • NJDA • MCDS
"
Guided by Trust,Defined by Precision
What sets Dr. Kaur apart is her capability to combine clinical mastery with authentic patient engagement. She maintains that well-informed patients make assured decisions, and she dedicates time to thoroughly explain procedures, alternatives, and expected results.
This transparency, along with her calm and detail-oriented approach, has fostered strong, enduring relationships with individuals and families throughout the Branchburg community. From routine preventive services to advanced restorative procedures, she remains dedicated to upholding the highest levels of quality and consistency.
At Friendly Dental, Dr. Kaur leads with a philosophy grounded in trust, precision, and continuity of care - within a welcoming, professional setting where patient well-being consistently remains the highest priority.
Clinical Expertise
General & Preventive
Comprehensive oral health care for the whole family, every stage of life. Focuses on maintaining foundation health.
Cosmetic Dentistry
Veneers, whitening & personalized smile makeovers designed to enhance natural aesthetics.
Restorative Care
Crowns, bridges, implants & dentures for lasting, functional, and beautiful results.
Platinum Invisalign
Elite clear aligner therapy tailored to your lifestyle & goals for discreet teeth straightening.
Patient-Centered
Personalized treatment plans built around individual wellness, prioritizing comfort and clear communication.
Continuity of Care
Long-term relationships & consistent quality at every visit, ensuring your oral health journey is seamless.
Awards & Honors
Recognized by peers and leading industry organizations for sustained excellence, innovation, and dedication.
2026
America's Top Dentists
Consumer's Research Council
2025
Platinum Invisalign® Provider
Align Technology, Inc.
2023
Best in Cosmetic Dentistry
Smile Transformation Awards
2018
America's Top Dentists
Consumer's Research Council
2017
America's Top Dentists
Consumer's Research Council
2015
America's Top Dentists
Consumer's Research Council
// Mobile Interactive Accordion toggles for Clinical Expertise
document.addEventListener('DOMContentLoaded', () => {
const accItems = document.querySelectorAll('.rs4-accordion .rs4-acc-item');
accItems.forEach(item => {
item.addEventListener('click', function() {
if (window.innerWidth el.classList.remove('mobile-active'));
// Add to the clicked one
this.classList.add('mobile-active');
}
});
});
});
// Smooth swap images in the sticky preview window on hover (Desktop Only)
function updateRs4Preview(src) {
if (window.innerWidth > 991) {
const imgElement = document.getElementById('rs4-dynamic-img');
if(imgElement && imgElement.src !== src) {
imgElement.classList.add('fading');
setTimeout(() => {
imgElement.src = src;
imgElement.classList.remove('fading');
}, 200);
}
}
}
// Logic handles BOTH Mobile Accordion behavior and Desktop Modal behavior
function handleRs4RowClick(e, rowElement, src) {
if (window.innerWidth {
row.classList.remove('active');
});
// Open the clicked row if it wasn't already active
if (!isActive) {
rowElement.classList.add('active');
}
} else {
// On desktop, clicking the row instantly opens the modal
openRs4Modal(src);
}
}
// Standard Modal logic
function openRs4Modal(src) {
document.getElementById('rs4ModalImg').src = src;
document.getElementById('rs4AwardModal').classList.add('active');
}
function closeRs4Modal(e) {
if (e.target.id === 'rs4AwardModal' || e.target.classList.contains('rs4-modal-close')) {
document.getElementById('rs4AwardModal').classList.remove('active');
}
}