section.courses {
	overflow: auto !important;
}

@media only screen and (min-width: 960px) {
	.sbu-columns--column.one-third {
		/*
		width: 31.333%;
		margin: 0 1%;
		padding: 20px;
		*/
		width: 31.333% !important;
		margin: 0 1% !important;
	}
}

.slick-slide img {
    display: block;
    object-fit: cover;
    max-height: 660px; !important;
}

a[target="_blank"]::after {
    content: " (opens in new window)";
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* Target the interactive links (a tags) inside your specific container globally */
.breadcrumb-wrapper a {
    /* Enforce a 24x24px minimum tap target size */
    min-width: 24px;
    min-height: 24px;
    
    /* Add internal padding to increase clickable area */
    padding: 4px 8px; 
    
    /* Ensure properties like min-width/height work */
    display: inline-block;
    vertical-align: middle; 
}

/* Target the non-interactive separator (i tag) globally */
.breadcrumb-wrapper i.fa-angle-right {
    /* Add margin to the left and right of the separator */
    margin: 0 4px;
}

/* Target all interactive links (a tags) within the footer globally */
#footer a {
    /* Enforce a 24x24px minimum tap target size */
    min-width: 24px;
    min-height: 24px;
    
    /* Add internal padding to increase the clickable area and provide space */
    padding: 4px 6px; 
    
    /* Ensure properties like min-width/height work */
    display: inline-block;
    vertical-align: middle; 
}

/* Add margin to separate the items in the tightly-packed lists */
/* This is crucial for separating the horizontal lists like "Undergraduates Graduates..." */
.site-addr-info_links a,
.footer-dsa a {
    margin-right: 8px; /* Adds space between horizontal links */
    margin-bottom: 4px; /* Adds a small gap if they wrap onto a new line */
}

/* Ensure the copyright area links are also separated if they are inline */
.site-copyright-info a {
    margin-right: 6px;
}

/*
 * Fix for #footer links: Ensures 44x44px minimum tap target and spacing.
 * Targets: All links (a) within #footer.
 */
#footer a {
    /* FORCING the 44x44px minimum tap target size */
    min-width: 44px !important;
    min-height: 44px !important;
    
    /* FORCING internal padding to contribute to the 44px size */
    padding: 8px 10px !important; 
    
    display: inline-block;
    vertical-align: middle; 
}

/* Ensure necessary spacing between adjacent links like those in the footer-dsa list */
.site-addr-info_links a,
.footer-dsa a {
    margin-right: 8px !important; 
    margin-bottom: 4px !important;
}

/* Ensure the copyright area links are also separated */
.site-copyright-info a {
    margin-right: 6px !important;
}

/* WCAG 2.2 AAA 2.4.13 Focus Appearance */

/* Target all primary navigation links and the mobile menu trigger */
.navWrap a:focus-visible,
.navWrap .main-nav-trigger:focus-visible {
    /* 1. Contrast: Use White for clear visibility on the #990000 background (11.11:1 ratio) */
    outline: 3px solid #FFFFFF; 
    
    /* 2. Size: 3px solid outline with 2px offset easily exceeds the 2px perimeter requirement */
    outline-offset: 2px; 
    
    /* 3. Consistency: Use :focus-visible for keyboard-only focus */
    border-radius: 3px; /* Optional: adds slight rounding for aesthetics */
}

/* Optional: Adding a subtle visual effect to the focused link for extra emphasis */
.navWrap a:focus-visible {
    /* When a link is focused, add a slight drop-shadow inside the link box 
       to further differentiate the focused state from the unfocused state. */
    box-shadow: inset 0 0 0 1px #FFFFFF;
}

/* Ensure the sub-nav trigger is also clearly visible on focus */
.navWrap .open-sub:focus-visible {
    outline: 3px solid #FFFFFF;
    outline-offset: 1px;
    border-radius: 2px;
}

/* Accessible focus for main navigation */
.navWrap a,
.navWrap .main-nav-trigger {
  outline: 2px transparent solid;
}

.navWrap a:focus,
.navWrap .main-nav-trigger:focus {
  box-shadow: 
    0 0 0 2px #F9F9D1,
    0 0 0 4px #396196,
    0 0 4px 8px #F9F9D1;
}

/* Accessible focus for "View Profile" buttons */
.sbu-button {
  outline: 2px transparent solid; /* ensures high-contrast mode still shows an indicator */
}

.sbu-button:focus {
  box-shadow: 
    0 0 0 2px #F9F9D1,  /* light outer glow */
    0 0 0 4px #396196,  /* dark inner border */
    0 0 4px 8px #F9F9D1; /* soft outer blur */
}

/* Make sidebar links touch-friendly */
.sidenav .sidenav-item {
    min-height: 40px;           /* ensures vertical touch target */
    margin-bottom: 8px;         /* spacing between items */
    display: flex;              /* centers the link inside the item */
    align-items: center;
}

.sidenav .sidenav-item a {
    display: block;             /* makes entire area clickable */
    width: 100%;
    height: 100%;
    padding: 0 10px;            /* optional horizontal padding */
    text-decoration: none;      /* keep your existing style, optional */
}