:root{
  --t2-blue: #003366;
  --t2-gold: #C8B185;
  --t2-white: #ffffff;
  --tap: 44px;
  --drawer-top: 0px;              /* computed in mobile block */
  --header-h: 74px;               /* banner height */
  --underline: 3px;               /* header bottom border */
}

/* =================
   Header / utility
   ================= */
#block-emergencyblock-3{
  background:#dc3545 !important; color:#fff; margin-top:2.5em;
}

div#header{
  background:#fff; display:block; position:sticky; top:-95px;
  z-index:999999; border-bottom:3px solid var(--t2-gold);
}

/* Search (kept) */
div#block-searchform-3{ max-width:250px; max-height:30px; right:0; position:absolute; margin:3em 0 0; }
div#block-searchform-3 #search-block-form #edit-keys{ max-width:120px; min-height:20px; }
div#block-searchform-3 #search-block-form #edit-actions input{ max-width:50px; min-width:100px; min-height:20px; font-size:.8em; margin-top:.5em; }
div#block-searchform-3 .js-form-item.form-no-label{ padding:0; margin:.5em 0; }

/* =================
   Branding (kept)
   ================= */
.t2-site-branding{ max-width:500px; display:grid; grid-template-columns:1fr 2fr; margin:2em auto 0; }
.t2-uis-logo img{ width:200px; }
.t2-dept-logo{ border-left:1px solid #c8b186; padding:0 0 .5em .5em; max-height:50px; margin:auto; line-height:1em; }

.t2-branding{ margin:3em 0 0; }

/* =================
   Primary nav base
   ================= */
#primary_nav_wrap{ margin:0 auto 1em; padding:0; text-align:center; max-width:1400px; position:relative; }
#primary_nav_wrap ul{ margin:0 0 1em; padding:0; list-style:none; float:none; }
#primary_nav_wrap ul.menu{ margin:0; font-size:1.1rem; }
#primary_nav_wrap ul li{ display:block; padding:0; }
#primary_nav_wrap ul a{ text-decoration:none; font-weight:400; }
#primary_nav_wrap ul ul li{ width:210px; min-width:210px; }
#primary_nav_wrap li.menu-item span{ font-size:1.1em; }

.region.region-primary-menu{ position:relative; z-index:11; height:auto; max-height:unset; }

/* =========================
   DESKTOP (≥1025px)
   ========================= */
@media (min-width:1025px){
 .header-txt {
    top: 60% !important;
  }
  /* Center the top-level row */
  #primary_nav_wrap > ul{ display:flex; justify-content:center; gap:.25rem; align-items:stretch; }
  #primary_nav_wrap > ul > li{ display:flex; position:relative; }

  /* --- Top-level main menu items --- */
  #primary_nav_wrap > ul > li > a,
  #primary_nav_wrap > ul > li > span {
    color: #333; /* main menu text */
        border: 2px solid transparent;   /* was: no border */
    box-sizing: border-box;     
    font-weight: 400;
  }

  /* hover/active: framed in dark blue */
  #primary_nav_wrap > ul > li:hover > a,
  #primary_nav_wrap > ul > li:hover > span,
  #primary_nav_wrap > ul > li.active > a,
  #primary_nav_wrap > ul > li.active > span {
    border: 2px solid #003366 !important;  
    color: #333;
    background: transparent;
  }

  /* --- First-level dropdown (the submenu panel) --- */
  #primary_nav_wrap > ul > li > ul {
    background: #fff;
  min-width: calc(100% + 2px) !important; /* match tab width incl. its 1px border on both sides */
  width: max-content !important;          /* still grows if an item is longer */
  max-width: none !important;
  left: 0;                  /* center the panel under the tab outline */
  box-sizing: border-box;
   border-top: 2px solid transparent !important;
  }

  /* submenu items (default state) */
  #primary_nav_wrap > ul > li > ul > li > a,
  #primary_nav_wrap > ul > li > ul > li > span {
    background: #fff;
    color: #333;   /* dropdown text */
    font-weight: 400; 
  }

  /* submenu items on hover/active */
  #primary_nav_wrap > ul > li > ul > li:hover > a,
  #primary_nav_wrap > ul > li > ul > li:hover > span,
  #primary_nav_wrap > ul > li > ul > li.active > a,
  #primary_nav_wrap > ul > li > ul > li.active > span {
    background: #003366;  /* dark blue tab */
    color: #fff;          /* white text */
  }

  /* caret (arrows) inside submenu items → white when hovered */
  #primary_nav_wrap > ul > li > ul > li:hover i[class*="fa-caret"],
  #primary_nav_wrap > ul > li > ul > li.active i[class*="fa-caret"] {
    color: #fff;
  }

  /* --- Flyout (level 2+) menus --- */
  #primary_nav_wrap ul ul ul {
    background: #c8b185;  /* golden background */
    min-width: 0 !important;
    width: auto !important;
    white-space: normal !important;
  }

  #primary_nav_wrap ul ul ul > li > a,
  #primary_nav_wrap ul ul ul > li > span {
    color: #333;        
    background: #c8b185; 
    font-weight: 400; 
  }

  /* flyout hover → invert */
  #primary_nav_wrap ul ul ul > li:hover > a,
  #primary_nav_wrap ul ul ul > li:hover > span {
    background: #fff;  /* white background */
    color: #333;    /* dark blue text */
  }
  
  /* Theme 2 — remove the left border line in flyout menus */
  #primary_nav_wrap ul li ul li ul li,
  #primary_nav_wrap ul ul ul,
  #primary_nav_wrap ul ul ul > li {
    border-left: 0 !important;   /* kill the vertical line */
    box-shadow: none !important;  /* just in case */
  }
  
  /* Theme 2 — dropdown caret colors (desktop) */
  #primary_nav_wrap > ul > li > ul > li > a i[class*="fa-caret"],
  #primary_nav_wrap > ul > li > ul > li > span i[class*="fa-caret"]{
    color: #333 !important;
  }
  /* if you use the pseudo-caret on expandable items */
  #primary_nav_wrap > ul > li > ul > li.expanding-item::before{
    color: #333 !important;
  }

  /* hover/active: keep arrows white when the tab turns dark blue */
  #primary_nav_wrap > ul > li > ul > li:hover > a i[class*="fa-caret"],
  #primary_nav_wrap > ul > li > ul > li:hover > span i[class*="fa-caret"],
  #primary_nav_wrap > ul > li > ul > li.active > a i[class*="fa-caret"],
  #primary_nav_wrap > ul > li > ul > li.active > span i[class*="fa-caret"],
  #primary_nav_wrap > ul > li > ul > li:hover.expanding-item::before,
  #primary_nav_wrap > ul > li > ul > li.active.expanding-item::before{
    color: #fff !important;
  }
  
  /* THEME 2 — short L1 tabs + caret right (desktop) */
  #primary_nav_wrap > ul > li > ul > li{
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 100% !important;
  }

  #primary_nav_wrap > ul > li > ul > li > :is(a,span){
    display: block !important;
    position: relative;
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px 28px 10px 14px !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    background-clip: padding-box;
  }

  #primary_nav_wrap > ul > li > ul > li > :is(a,span) i.fa-caret-right{
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    color: #333 !important;
  }

  #primary_nav_wrap > ul > li > ul > li:hover > :is(a,span) i.fa-caret-right,
  #primary_nav_wrap > ul > li > ul > li.active > :is(a,span) i.fa-caret-right{
    color: #fff !important;
  }

  #primary_nav_wrap > ul > li > ul > li.expanding-item::before,
  #primary_nav_wrap > ul > li > ul > li > :is(a,span)::after{
    content: none !important;
  }

  #primary_nav_wrap > ul > li > ul > li > ul{
    left: 100% !important;
    top: 0 !important;
  }
    #primary_nav_wrap ul ul ul > li > a i.fa-caret-right,
  #primary_nav_wrap ul ul ul > li > span i.fa-caret-right,
  #primary_nav_wrap ul ul ul > li.expanding-item::before {
    color: #333 !important;
  }
   #primary_nav_wrap .menu > li > :is(a,span),
  #primary_nav_wrap .menu > li > ul > li > :is(a,span),
  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span) {
    font-size: .9vw !important;
  }

}

/* ===========================================
   MOBILE & TABLET (≤1024px) — Theme-2 colors
   Drawer sits under gold underline; toggle black→blue
   =========================================== */
/* ===== THEME 2 — MOBILE & TABLET COMBINED (≤1000px) ===== */
@media (max-width:1024px){
  :root{
    --t2-header-h:74px;             /* banner height */
    --t2-underline:3px;             /* gold line */
    --drawer-fudge:8px;             /* slight offset */
    --t2-blue:#003366;
    --t2-gold:#C8B185;
    --t2-white:#fff;
  }

  /* --------------------------
     HEADER + BRANDING
  --------------------------- */
  .layout-container,
  header[role="banner"]{ overflow:visible !important; }

header[role="banner"],
header[role="banner"] div#header {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 10000 !important;
  background: #fff;
  border-bottom: 3px solid var(--t2-gold) !important; /* KEEP gold underline visible always */
}


  body{
    padding-top:calc(var(--t2-header-h) + var(--t2-underline)) !important;
  }

  .region.region-primary-menu{
    height:var(--t2-header-h) !important;
    min-height:var(--t2-header-h) !important;
    max-height:var(--t2-header-h) !important;
    position:relative !important;
    overflow:visible !important;
    z-index:110 !important;
  }

.t2-site-branding{ 
	margin:.5rem auto 0 !important; 
	display:grid; 
	grid-template-columns:132px 1fr; 
	column-gap:6px; 
	align-items:center; }

  .t2-uis-logo img{
    width:132px; height:auto;
    border-right:0 !important;
    display:block;
  }

  .t2-dept-logo{
    border-left:1px solid var(--t2-gold) !important;
    padding-left:1em;
    display:flex; align-items:center;
    line-height:1;
  }

  .t2-dept-logo .theme-logos{
    width:72%;
    margin:0;
    font-size:19px;
    line-height:1.08;
    transform:translateY(1px);
  }




  /* --------------------------
     TOGGLE BUTTON (hamburger)
  --------------------------- */
#primary_nav_wrap {
  position: relative;
}
#primary_nav_wrap label {
  position: fixed;                 /* fixes vertical drift caused by grid */
  top: calc(var(--t2-header-h) / 2 + var(--t2-underline)); /* middle of header */
  right: 24px;                     /* same as Theme 1 spacing */
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #000 !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;                   /* above branding/logo */
  transition: background .25s ease;
}

/* Hover + Active */
#primary_nav_wrap label:hover,
#primary_nav_wrap input[type="checkbox"]:checked ~ label {
  background: #003366 !important;
}

/* Ensure icon stays visible and centered */
#primary_nav_wrap label::before {
  color: #fff !important;
  font-size: 26px;
  line-height: 1;
}

/* Portrait correction */
@media (orientation: portrait) {
  #primary_nav_wrap label {
    right: 15px;
    top: calc(var(--t2-header-h) / 2 + 4px);
  }
}

/* Landscape correction */
@media (orientation: landscape) {
  #primary_nav_wrap label {
    right: 24px;
    top: calc(var(--t2-header-h) / 2 + var(--t2-underline) - 2px);
  }
  
}




  /* --------------------------
     DRAWER MENU
  --------------------------- */
#primary_nav_wrap .menu {
  position: fixed !important;
  top: calc(var(--t2-header-h) + var(--t2-underline)) !important; /* sit just under header + line */
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--t2-white) !important;
  transform: translate3d(100%, 0, 0);
  transition: transform .3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  border-top: none !important; /* no duplicate line */
}

  #primary_nav_wrap input[type="checkbox"]:checked + label + .menu{
    transform:translate3d(0,0,0);
  }

  #primary_nav_wrap ul{ margin:0 !important; padding:0 !important; }

  /* --------------------------
     LEVEL 1 LINKS
  --------------------------- */
  #primary_nav_wrap .menu > li > :is(a,span){
    display: flex; align-items: center; width: 100%; box-sizing: border-box;
    min-height: 62px; line-height: 42px; padding: 0 20px;
    background: #FFFFFF; color: #003366 !important; text-decoration: none;
    border: 0; border-bottom: 1px solid #003366;
  }
  #primary_nav_wrap .menu > li > :is(a,span) i[class*="fa-"],
  #primary_nav_wrap .menu li.expanding-item::before{ color: #003366 !important; }

  #primary_nav_wrap .menu > li.open > :is(a,span){
    border-bottom: 1px solid #C8B18B !important; /* gold */
  }


  /* --------------------------
     LEVEL 2 LINKS
  --------------------------- */
   #primary_nav_wrap .menu > li > ul{
    background:#003366 !important;
    margin:0; padding:0;
    border-top:1px solid #003366 !important;
    border-bottom:1px solid #C8B18B !important;
  }
  #primary_nav_wrap .menu > li > ul > li > :is(a,span) i[class*="fa-caret"]{ color:#fff !important; }
  #primary_nav_wrap .menu > li > ul > li.expanding-item::before{ color:#fff !important; }

  #primary_nav_wrap .menu > li > ul > li > :is(a,span){
    background:#003366 !important; color:#FFFFFF !important;
    display:block; width:100%; box-sizing:border-box; padding:12px 20px;
    border:0; border-bottom:1px solid #FFFFFF;
    text-decoration:none;
  }

  #primary_nav_wrap .menu > li > ul > li:last-child > :is(a,span){
    border-bottom-color: transparent !important;
  }

  #primary_nav_wrap .menu > li > ul > li.open > :is(a,span),
  #primary_nav_wrap .menu > li > ul > li > :is(a[aria-expanded="true"],span[aria-expanded="true"]){
    border-bottom-color: transparent !important;
  }

  #primary_nav_wrap .menu > li > ul > li.open > ul{
    border-top:1px solid #FFFFFF !important;
  }

  #primary_nav_wrap .menu > li > ul > li.open:last-child > ul{
    border-bottom:1px solid #003366 !important;
  }

  #primary_nav_wrap .menu > li > ul:has(> li.open:last-child > ul){
    border-bottom:0 !important;
  }
  
  #primary_nav_wrap .menu > li > ul > li.open + li > :is(a,span),
  #primary_nav_wrap .menu > li > ul > li.menu-item--expanded + li > :is(a,span),
  #primary_nav_wrap .menu > li > ul > li.menu-item-expanded + li > :is(a,span){
    border-top: 1px solid #FFFFFF !important;
  }
  #primary_nav_wrap .menu > li > ul{ border-top-color: transparent !important; }


  /* --------------------------
     LEVEL 3 LINKS
  --------------------------- */
    #primary_nav_wrap .menu > li > ul > li > ul{
    background:#C8B18B !important;
    margin:0; padding:0; border-left:0; border-right:0;
  }

  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span),
  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span):link,
  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span):visited,
  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span):hover,
  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span):focus,
  #primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span):active{
    background:#C8B18B !important; color:#003366 !important;
    display:block; width:100%; box-sizing:border-box;
    padding:12px 20px 12px 52px;
    border-bottom:1px solid #003366 !important;
    text-decoration:none;
  }

  #primary_nav_wrap .menu > li > ul > li > ul > li:last-child > :is(a,span){
    border-bottom-color: transparent !important;
  }
#primary_nav_wrap .menu > li > :is(a,span),
#primary_nav_wrap .menu > li > ul > li > :is(a,span){
  font-size: 16px !important;
}

#primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span){
  font-size: 15px !important;
}
/* Make carets in level-3 (gold) submenu items dark blue */
#primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span) i[class*="fa-"] {
  color: #003366 !important;
}
/* Ensure all level-3 submenu items use dark blue dividers */
#primary_nav_wrap .menu > li > ul > li > ul > li > :is(a,span) {
  border-bottom: 1px solid #003366 !important;
}

/* Only remove the divider under the VERY last L3 item */
#primary_nav_wrap .menu > li > ul > li > ul > li:last-child > :is(a,span) {
  border-bottom-color: transparent !important;
}

  /* --------------------------
     FOOTER GRID (mobile)
  --------------------------- */
  .footer-t2-grid{ grid-template-columns:1fr; }
}


/* ✅ Apply the same styles to vertical tablets AND landscape phones */
@media (max-width: 1024px) and (min-width: 600px) {
  .t2-site-branding {
    max-width: none;
    width: auto;
    margin: 0;
    display: grid;
    grid-template-columns: 170px 1fr;
    column-gap: 12px;
    align-items: center;
    justify-content: start;
    position: relative;
    top: -4px;
  }

  .t2-uis-logo img {
    width: 170px;
    height: auto;
    display: block;
  }

  .t2-dept-logo {
    border-left: 1px solid #c8b186;
    padding-left: .5em;
    margin: 0;
    max-height: 50px;
    display: flex;
    align-items: center;
    line-height: 1;
  }

  .t2-dept-logo .theme-logos {
    width: 60%;
    margin: 0;
  }
  .header-txt h1,
  .header-txt .page-title,
  .header-txt {
    font-size: 2.2rem !important;
    line-height: 1.15em !important;
  }
  .header-txt {
    top: 60% !important;
  }
}

  /* Small phones */
  @media (max-width:599px){
    .t2-site-branding{ grid-template-columns:132px 1fr; column-gap:6px; align-items:center; }
    .t2-uis-logo img{ width:132px; height:auto; border-right:0 !important; display:block; }
    .t2-dept-logo{ border-left:1px solid #c8b186 !important; padding-left:1em; display:flex; align-items:center; line-height:1; }
    .t2-dept-logo .theme-logos{ width:72%; margin:0; font-size:14px; line-height:1.08; transform:translateY(1px); }
  }
}

/* =================
   Footer (kept)
   ================= */
.footer-t2{ background:url(/sites/default/files/2021-07/footer2-linen-bg.jpg); padding:3em 0 1em; color:#fff; }
.footer-t2-grid{ display:grid; grid-template-columns:1fr 2fr; }
.library-footer.footer-t2-grid{ display:grid; grid-template-columns:2fr 1fr; padding:2em; }
.footer-t2-ctas a{ color:#fff; }
.footer-t2-links a, .footer-t2-address a{ color:#fff; font-weight:100; text-decoration:none; }
.footer-t2-address a:hover, .footer-t2-links a:hover{ text-decoration:underline; }
a.footer-t2-btn{ padding:.5em 1em; max-width:250px; border:2px solid #fff; display:block; margin:1.3em auto; text-align:center; text-transform:uppercase; color:#fff; font-weight:100; text-decoration:none; }
a.footer-t2-btn:hover{ background:#fff; color:#036; }
.footer-t2 ul.comp-links{ max-width:1000px; margin:0; padding:0; }
.footer-t2 ul.comp-links li{ display:inline; padding:0 .5em; }
.footer-t2 ul.comp-links a{ color:#fff; text-decoration:none; background:none; font-weight:100; font-size:.8em; }
.footer-t2 ul.comp-links a:hover{ text-decoration:underline; }
.footer-t2-social-links .fa-ext{ display:none; }
.footer-t2-social-links .social-links{ max-width:900px; margin:2em auto 0; display:block; text-align:center; }
.footer-t2-social-links .social-links a{ margin:1em; }
.footer-t2-address{ margin:1em; font-size:.8em; font-weight:100; }
.footer-t2-address a{ margin:1em; }
.footer-t2-logo{ display:grid; grid-template-columns:.5fr 3fr; max-width:600px; }
.footer-t2-logo .footer1-dept-logo{ max-width:280px; padding:.2em 1em; border-left:1px solid #fff; margin:1em 0; }
.footer-t2-logo .uis-footer1-logo{ max-width:200px; }
@media (max-width:599px){ .footer-t2-logo .uis-footer1-logo{ max-width:150px; } }

/* Misc content keeps */
.view-id-title_caption img{ width:100%; height:auto; }
.wp-block-cover__inner-container .mis-card-wrapper .mis-cards .mis-card .mis-content .ca-card-btn a{ color:#fff; text-decoration:none; }
a.footer-dept-logo{ text-decoration:none; color:#fff; font-family:'myriad-pro'; font-size:1.4em; line-height:1em; font-weight:900; }

.footer-dept{ max-width:500px; display:inline-block; margin:1em; }
#highlighted{ clear:both; }
.ql-link a{ font-size:unset; }



@media (max-width:1024px) {
  #primary_nav_wrap .menu {
    top: calc(var(--t2-header-h) + var(--t2-underline) + 8px) !important;
  }
}

/* ✅ Mobile vertical (≤599px): Dept logo was too high */
@media (max-width: 599px) and (orientation: portrait) {
  .t2-site-branding {
    align-items: center !important;
    transform: translateY(3px); /* push both logos slightly down */
  }

  .t2-uis-logo img {
    transform: translateY(2px); /* even out UIS logo */
  }

  .t2-dept-logo {
    align-items: center !important;
    transform: translateY(2px); /* lower dept text slightly */
  }

    h1.page-title {
    font-size: 1.3rem !important;   /* adjust size down */
    line-height: 1.3em !important;
    text-align: center !important;  /* center the text */
    margin: 0.6em auto !important;
    max-width: 90% !important;      /* prevents spillover */
  }
   .header-txt {
    top: 50% !important;
  }
}

/* ===== THEME 2 — ORIGINAL FOOTER RESTORE ===== */

/* Main footer container */
.footer-t2 {
  background: url(/sites/default/files/2021-07/footer2-linen-bg.jpg);
  padding: 3em 0 1em;
  color: white;
}

/* Footer main grid */
.footer-t2-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

/* CTA buttons (Apply / Academic Programs) */
.footer-t2-ctas a {
  color: white;
}

/* Left side: UIS + dept logo area */
.footer-t2-logo {
  display: grid;
  grid-template-columns: .5fr 3fr;
  max-width: 600px;
}

/* UIS logo */
.footer-t2-logo .uis-footer1-logo {
  max-width: 200px;
}

/* Department logo (right next to UIS) */
.footer-t2-logo .footer1-dept-logo {
  max-width: 280px;
  padding: .2em 1em;
  border-left: 1px solid white;
  margin: 1em 0;
}

/* Dept name used inside footer */
a.footer-dept-logo {
  text-decoration: none;
  color: white;
  font-family: 'myriad-pro';
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 900;
}

/* Links row */
.footer-t2-links a {
  color: white;
  font-weight: 100;
  text-transform: uppercase;
  text-decoration: none;
  margin: 1em;
}

.footer-t2-links a:hover {
  text-decoration: underline;
}

/* Address block */
.footer-t2-address {
  margin: 1em;
  font-size: .8em;
  font-weight: 100;
}

.footer-t2-address a {
  margin: 1em;
  color: white;
  text-decoration: none;
}

.footer-t2-address a:hover {
  text-decoration: underline;
}

/* Social media row */
.footer-t2-social-links .social-links {
  max-width: 900px;
  margin: 2em auto 3em;
  display: block;
  text-align: center;
}
.footer-t2-social-links .social-links a {
  margin: 1em;
}
.footer-t2-social-links .fa-ext {
  display: none;
}


/* Compliance links (very bottom row) */
.footer-t2 ul.comp-links {
  max-width: 1000px;
  margin: 0;
  padding: 0;
}
.footer-t2 ul.comp-links li {
  display:inline;
  padding:0 .5em;
}
.footer-t2 ul.comp-links a {
  color: white;
  text-decoration: none;
  background: none;
  font-weight: 100;
  font-size: .8em;
}
.footer-t2 ul.comp-links a:hover {
  text-decoration: underline;
}

/* ===== Responsive: max-width 1000px ===== */
@media (max-width:1000px){
  .footer-t2-grid {
    grid-template-columns: 1fr; /* stack instead of side-by-side */
  }

  .footer-t2-logo {
    display: block;
    max-width: 100%;
  }

  img.uis-footer1-logo {
    max-width: 120px;
  }
  
  img.footer1-dept-logo {
    max-width: 200px;
  }

  .footer-t2-social-links .social-links {
    text-align: center;
  }
}

/* ===== Extra small: max-width 599px ===== */
@media (max-width:599px){
  .footer-t2-logo .uis-footer1-logo {
    max-width: 150px;
  }
}

@media (max-width: 599px) {
  /* Wrap both items and center them as one block */
  .footer-t2-logo {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    gap: 1.2em !important;
    margin-bottom: 1.5em; 
    text-align: center !important;
  }

  /* UIS logo */
  .footer-t2-uislogo img {
    max-width: 110px !important;
    height: auto !important;
    display: block !important;
  }

  /* MIS container */
  .footer-dept {
    display: block !important;
    max-width: 60% !important;
  }

a.footer-dept-logo {
  display: block !important;
  white-space: normal !important; /* allow wrapping */
  text-align: left !important;
  line-height: 1.15em !important;
  font-size: 0.95em !important;
  max-width: 7.5em !important; /* <<< forces 3 lines */
  }
.footer-t2-links {
  text-align: center;
}

.footer-t2-links ul,
.footer-t2-links div,
.footer-t2-links p {
  margin: 0 auto;
  display: inline-block;
}
.footer-t2-contact {
  text-align: center;
}

.footer-t2-contact p {
  margin: 0.3em auto;
  text-align: center;
}
.footer-t2-social-links .social-links a {
  margin: 0 1.2em; /* increase horizontal space */
  display: inline-block;
}
}

/* === Portrait tablet: center-align UIS + MIS logos together === */
@media (min-width: 600px) and (max-width: 1024px) {
  .footer-t2-logo {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2em !important;
    width: 100% !important;
    margin-bottom: 2em !important;
    text-align: left !important;
  }

  .footer-t2-logo .footer-dept {
    max-width: 11em !important;
    text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  }

  .footer-dept a.footer-dept-logo {
   text-align: left !important;
  white-space: normal !important;
  line-height: 1.2em !important;
  max-width: 100% !important;
  font-size: 1.1em !important;
  transform: translateY(1px); /* slight optical vertical balance */
  }

  .footer-t2-logo .uis-footer1-logo {
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
  }

  /* Optional: extra space under social icons */
  .footer-t2-social-links .social-links {
    margin-bottom: 2.5em !important;
  }
    .footer-t2-links {
    text-align: center !important;
  }

  .footer-t2-links a {
    margin: 0 1em !important;
  }

  .footer-t2-address {
    text-align: center !important;
    margin: 1em auto !important;
  }

  .footer-t2-social-links .social-links a {
    margin: 0 1.3em !important;
  }
}