/* ===== Teaching Page Staff Images (Desktop Default) ===== */
.page-id-235 .img-fluid {
  width: 220px !important;            /* fixed width */
  height: 280px !important;           /* fixed height */
  object-fit: cover !important;       /* crop images evenly */
  
  background: #ffffff !important;     /* white inner background */
  padding: 4px;                       /* ensures spacing inside frame */
  
  border: 3px solid #5a2d82 !important;   /* purple border */
  border-radius: 8px !important;      /* smooth corners */
  
  display: block;
  margin: 0 auto 15px auto;           /* center image + spacing below */
  box-shadow: 0 0 10px rgba(0,0,0,0.1);  /* optional soft shadow */
  
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover effect (optional) */
.page-id-235 .img-fluid:hover {
  transform: scale(1.03);
  box-shadow: 0 0 0 3px #5a2d82, 0 0 18px rgba(90,45,130,0.4);
}


/* ===== Tablet View (≤ 1024px) ===== */
@media (max-width: 1024px) {
  .page-id-235 .img-fluid {
    width: 180px !important;
    height: 240px !important;
    padding: 3px;
    border: 3px solid #5a2d82 !important;
    border-radius: 8px !important;
  }
}


/* ===== Mobile View (≤ 768px) ===== */
@media (max-width: 768px) {
  .page-id-235 .img-fluid {
    width: 150px !important;
    height: 200px !important;
    padding: 2px;
    border: 2px solid #5a2d82 !important;
    border-radius: 6px !important;
  }
}

.site-logo {
  max-width: 100%;
  height: auto;
}
.mobile-logo img {
  max-width: 180px; /* adjust for mobile */
  height: auto;
}