.elementor-739 .elementor-element.elementor-element-4f16da5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-739 .elementor-element.elementor-element-7d5895c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-739 .elementor-element.elementor-element-f085b98{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-739 .elementor-element.elementor-element-f085b98.e-con{--align-self:center;}.elementor-739 .elementor-element.elementor-element-fc9578e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-739 .elementor-element.elementor-element-8e4c410 img{border-radius:50% 50% 50% 50%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-739 .elementor-element.elementor-element-97eb723{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-739 .elementor-element.elementor-element-6fe8f9f.elementor-element{--align-self:center;}.elementor-739 .elementor-element.elementor-element-a6b02ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;}.elementor-739 .elementor-element.elementor-element-a6b02ab.e-con{--flex-grow:1;--flex-shrink:1;}@media(min-width:768px){.elementor-739 .elementor-element.elementor-element-fc9578e{--width:300px;}}/* Start custom CSS for text-editor, class: .elementor-element-5d662b2 */.button {
    display: inline-block;
    background-color: #214060;
    color: white;
    padding: 10px 20px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #1a3551; /* Darker shade of #214060 for hover effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6b02ab */.elementor-739 .elementor-element.elementor-element-a6b02ab {
  height: 500px !important;
  overflow-y: auto;
  

}
@media (max-width: 767px) {
  .scroll-content {
    height: 500px; 
    overflow-y: auto;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f16da5 *//* ============================
   American Site – Faculty Page
   Brand: Red #A81E32 | Navy #0B1360
============================ */
:root{
  --red:#A81E32;
  --navy:#0B1360;
  --text:#1c1c1c;
  --border:#e5e7eb;
  --tab-bg:#f7f7f9;
  --radius:14px;
  --tabs-offset:0px; /* set to sticky header height if needed, e.g. 70px */
}

/* Global */
html{ scroll-behavior:smooth; }

/* ============================
   SECTION 1 – Faculty Info Card
   (supports .teacher-card and legacy .faculty-card)
============================ */
.teacher-card,
.faculty-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  padding:20px 24px;
  margin-bottom:16px;
}

/* Info grid */
.teacher-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 24px;
}
.info-row{
  display:grid;
  grid-template-columns:140px 1fr;
  align-items:baseline;
  gap:8px;
}
.label{ font-weight:700; color:var(--navy); }
.value{ color:var(--text); word-break:break-word; }
.value a{ color:var(--navy); text-decoration:none; }
.value a:hover{ color:var(--red); text-decoration:underline; }

/* Optional: affiliation row at bottom of card */
.teacher-card .affiliation-row{
  margin-top:16px; padding-top:10px; border-top:1px solid var(--border);
  font-weight:600; color:var(--navy); font-size:1rem;
}
.teacher-card .affiliation-row .label{ font-weight:700; margin-right:6px; color:var(--navy); }
.teacher-card .affiliation-row .value{ color:var(--text); }
.teacher-card .affiliation-row .value a{ color:var(--navy); text-decoration:none; }
.teacher-card .affiliation-row .value a:hover{ color:var(--red); text-decoration:underline; }

/* Legacy support */
.faculty-info{
  display:grid; grid-template-columns:repeat(2,minmax(220px,1fr));
  column-gap:40px; row-gap:10px;
}
.faculty-info .info-column p{ margin:6px 0; line-height:1.55; color:var(--text); }
.faculty-info .info-column strong{ color:var(--navy); }

/* ============================
   SECTION 2 – Scrollable Tabs
============================ */
.scrollable-tabs{
  position:sticky; top:var(--tabs-offset); z-index:3;
  display:flex; gap:8px; overflow-x:auto;
  padding:10px; margin:18px 0;
  background:var(--tab-bg);
  border:1px solid var(--border);
  border-radius:var(--radius);
  scrollbar-width:thin;
}
.scrollable-tabs::-webkit-scrollbar{ height:8px; }
.scrollable-tabs::-webkit-scrollbar-thumb{ background:#d1d5db; border-radius:8px; }
.scrollable-tabs a{
  flex:0 0 auto; white-space:nowrap;
  padding:10px 14px;
  border:1px solid var(--border);
  border-radius:999px;
  background:#fff; color:var(--navy);
  font-weight:600; text-decoration:none;
  transition:color .25s, background .25s, border-color .25s, transform .15s;
}
.scrollable-tabs a:hover{ color:var(--red); border-color:var(--red); transform:translateY(-1px); }
.scrollable-tabs a.is-active{ background:var(--red); color:#fff; border-color:var(--red); }

/* ============================
   SECTION 3–8 – Tab Content Panels
============================ */
.tab-content{
  scroll-margin-top:calc(84px + var(--tabs-offset));
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:18px; margin-bottom:16px;
}
.headings{
  font-size:1.5rem; font-weight:800; color:var(--navy);
  margin:0 0 10px;
}
.normal_text{
  color:var(--text); line-height:1.6; font-size:1rem;
  white-space:pre-wrap; /* preserve verbatim line breaks */
}
.normal_text a{ color:var(--navy); text-decoration:underline; }
.normal_text a:hover{ color:var(--red); }
.cv-list, .normal_text ul{ margin:0 0 8px 1.2em; padding:0; list-style:disc; }
.cv-list li, .normal_text li{ margin:8px 0; padding-left:.2em; }

/* Accessibility */
.scrollable-tabs a:focus,
.normal_text a:focus{
  outline:2px dashed var(--red);
  outline-offset:2px;
}

/* ============================
   Responsive
============================ */
@media (max-width:767px){
  .teacher-info-grid{ grid-template-columns:1fr; gap:10px; }
  .info-row{ grid-template-columns:1fr; }

  .faculty-info{ grid-template-columns:1fr; gap:10px; }

  .scrollable-tabs{ padding:8px; }
  .scrollable-tabs a{ padding:8px 12px; font-size:.95rem; }

  .headings{ font-size:1.35rem; }
  .normal_text{ font-size:.98rem; }
}/* End custom CSS */