/* edu-summit.css
   Page-specific styles for the Edu Summit landing page.
   Scoped under body.edu-summit-page to prevent global conflicts.
*/

body.edu-summit-page {
  font-family: 'SourceSansPro', "Helvetica Neue", Arial, sans-serif;
  color: #062536; /* deep navy */
  background: #fff;
}

/* HERO
   Uses the uploaded hero image at /images/Edu Summit_eVidyaloka 2025.png
*/
.es-hero{
  background-image: url('/images/Edu Summit_eVidyaloka 2025.png');
  background-size: cover;
  background-position: center;
  min-height: 86vh;
  display: flex;
  align-items: center;
  position: relative;
  padding: 6rem 0;
}

/* subtle radial vignette to center content */
.es-hero-overlay{
  width:100%;
  background: radial-gradient( circle at 50% 45%, rgba(6,37,54,0.12) 0%, rgba(6,37,54,0.18) 35%, rgba(6,37,54,0.28) 100% );
  padding: 6rem 0;
  box-sizing: border-box;
}

.es-hero-inner{
  position: relative;
  z-index: 3;
}

/* text */
.es-kicker{
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: .8rem;
  font-size: 1.6rem;
}

.es-title{
  font-family: 'FootlightMTProRegular', 'SourceSansPro', sans-serif;
  font-size: 3.6rem;
  color: #ff7a3d;
  line-height: 1.05;
  margin-bottom: 1.4rem;
  text-shadow: 0 6px 24px rgba(1,12,20,0.35);
}

.es-lead{
  color: rgba(255,255,255,0.92);
  font-size: 1.8rem;
  margin-bottom: 2rem;
  max-width: 60ch;
}

/* CTA group */
.es-cta-group { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
.es-btn-primary{
  background: #ff7a3d;
  color: #fff;
  padding: .9rem 1.6rem;
  border-radius: 12px;
  border: 0;
  font-weight: 800;
  box-shadow: 0 10px 30px rgba(255,122,61,0.18);
  cursor: pointer;
  font-size: 1.6rem;
}
.es-btn-primary:hover{ transform: translateY(-3px); transition: .18s ease; }

.es-link{
  color: #ffffff;
  font-weight: 600;
  font-size: 1.5rem;
  text-decoration: underline;
}

/* right event card inside hero */
.es-hero-right { display:flex; align-items:center; justify-content:center; height:100%; }
.es-event-card{
  background: rgba(255,255,255,0.04);
  border-radius: 14px;
  padding: 2rem;
  color: #fff;
  text-align: left;
  box-shadow: 0 12px 40px rgba(2,6,23,0.45);
}
.es-event-date{ color: #F1C27A; font-weight:800; margin-bottom:.4rem; letter-spacing:.6px; }
.es-event-date span{ color: rgba(255,255,255,0.85); font-weight:900; margin-left:.6rem; }
.es-event-time{ font-size:1.6rem; margin-bottom:.6rem;color: rgba(255,255,255,0.9); }
.es-event-venue{ font-size:1.3rem; color: rgba(255,255,255,0.9); margin-bottom:1rem; }
.es-btn-outline{
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,0.16);
  padding: .6rem 1.2rem;
  border-radius: 10px;
  font-weight:800;
}

/* Section spacing */
.es-section{ padding: 5rem 0; background: #fff; }
.section-heading{
  font-family: 'FootlightMTProRegular';
  font-size: 2.6rem;
  margin-bottom: 2rem;
  color: #062536;
}

/* SPEAKERS */
/* SPEAKER SECTION FIXED LAYOUT */
.speakers-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;      /* reduce space between cards */
    margin-top: 40px;
}

.speaker-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    width: 360px;       /* ⬅️ Increased card width */
    min-height: 420px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06);
    display: flex;
    gap: 20px;
}

/* Image box inside the card */
.speaker-img {
    width: 140px;          /* Set your desired width */
    height: 140px;         /* Set your desired height */
    border-radius: 12px;   /* Make slightly rounded */
    overflow: hidden;      /* Ensures the image does not overflow */
    background: #E8EDF5;   /* Fallback background */
    display: flex;
    justify-content: center;
    align-items: center;
}

.speaker-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* Ensures proper cropping */
    border-radius: 12px;
}

/* Text area */
.speaker-info {
    flex: 1;
}

.speaker-info h3 {
    font-size: 1.6rem;
    margin-bottom: 12px;
    color: #001928;
}

.speaker-info p {
    font-size: 1.3rem;
    line-height: 1.7;
    color: #5a6778;
}

/* RESPONSIVE FIXES */
@media (max-width: 992px) {
    .speaker-card {
        width: 320px;
    }
}

@media (max-width: 768px) {
    .speaker-card {
        width: 100%;
        max-width: 380px;
    }
}

/* EVENT DETAILS */
.es-card { border-radius: 14px; padding: 2rem; }
.es-card-soft { background: linear-gradient(180deg,#fff,#fbfcff); border: 1px solid rgba(6,37,54,0.04); }
.es-muted { color: #6b7280; font-size:1.45rem; }

/* vertical CTA card */
.es-cta-vertical { background: linear-gradient(180deg,#ff7b3f,#ff9a6b); color:#fff; display:flex; align-items:center; justify-content:center; border-radius:14px; padding:1.6rem; min-height: 260px; text-align:center; flex-direction:column; }
.es-cta-vertical-text{ font-weight:800; font-size:2.6rem; letter-spacing:1px; margin-bottom:1rem; line-height:0.95; }
.es-btn-cta{ background: rgba(255,255,255,0.15); border:0; color:#fff; padding:.8rem 1.4rem; border-radius:10px; font-weight:1000; }


/****** Footer CSS Start *****/
footer#site-footer{
    padding: 4rem 0 0 0;
}
footer#site-footer h5{
    font-size:1.8rem !important;
    font-weight:600;
    margin-bottom:0.5rem !important;
}
footer#site-footer ul{
    list-style: none;
    padding:0;
}
footer#site-footer ul li a{
    font-size: 1.6rem !important;
    font-weight:400 !important;
}
footer#site-footer .follow_us_icons a{
    margin-right:1rem;
}
footer#site-footer .footer_bottom{
    text-align: center;
    background: url('../images/footer_bottom_bg.jpg') no-repeat;
    background-size:cover;
}
footer#site-footer .footer_bottom .row{
    padding:2rem 0;
}
footer#site-footer .footer_bottom a{
    color:#FFF;
}
.txt-grey{
    color: #5E5E5E !important;
}
/****** Footer CSS End *****/

/* MODAL - simple, page-scoped */
.edu-modal{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(1,6,20,0.6);
  z-index: 2000;
  padding: 20px;
}
.edu-modal-dialog{
  width:100%;
  max-width: 960px;
  background: #fff;
  border-radius: 12px;
  padding: 18px;
  max-height: 92vh;
  overflow: auto;
  box-shadow: 0 30px 80px rgba(1,6,20,0.6);
  position: relative;
}
.edu-modal-close{
  position: absolute;
  right: 12px;
  top: 12px;
  background: transparent;
  border: 0;
  font-size: 1.8rem;
  cursor: pointer;
}
.edu-modal-body{ margin-top: 40px; }
.edu-form-frame{ width:100%; height:70vh; border:0; border-radius:8px; }

/* small utilities */
.es-muted { color: #6b7280; }

/* Responsive typography adjustments */
@media(max-width: 991px){
  .es-title{ font-size: 2.6rem; }
  .es-lead{ font-size: 1.5rem; }
  .es-event-card{ padding:1.2rem; }
  .es-cta-vertical{ min-height: 200px; padding:1rem; }
}

/* Ensure heavy specificity to avoid global overrides */
body.edu-summit-page .es-btn-primary,
body.edu-summit-page .es-btn-outline,
body.edu-summit-page .es-btn-cta { font-family: inherit; }

/* End of edu-summit.css */