/* Local Styles */


/*Curriculum Approval Workflow thumbnail link - image not center but left  */
 
/* Base thumbnail */

/* Thumbnail base style */
.thumbnail-image {
  display: block;
  width: 221px;
  height: auto;
  border: 1px solid #1e66ff; /* indicates it's clickable */
  /*border-radius: 4px;          */
  margin: 0;
}

/* Image link wrapper */
.img-link {
  display: inline-block;
  text-decoration: none;
  border: none; /* clear any inherited border */
}

/* Hover: subtle enhancement */
.img-link:hover .thumbnail-image {
  border-color: #0a54ff; /* darker blue */
  box-shadow: 0 0 0 2px rgba(10, 102, 255, 0.15); /* soft glow */
  transform: scale(1.02); /* optional gentle zoom */
  transition: all 0.2s ease-in-out;
}

/* Focus-visible: keyboard users get extra clarity */
.img-link:focus-visible {
  outline: 3px solid #003fbb; /* matches your global outline */
  outline-offset: 4px;
}

/* Optional: emphasize image border on keyboard focus */
.img-link:focus-visible .thumbnail-image {
  border-color: #ffffff; /* matches your global border color */
  box-shadow: 0 0 0 4px rgba(0, 63, 187, 0.4); /* glow effect */
}

 



/*Academic Program Review Image */


[hidden] {
  display: none !important;
}


/* Base: respect user preferences */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* Section layout */
.apr-summary {
  max-width: 72ch;
  margin: 1.5rem auto;
  padding: 1rem;
}

/* Figure and image */
.apr-figure {
  margin: 0 0 1rem;
}
.apr-figure img {
  width: 100%;
  height: auto;
  display: block;
}

/* Caption/heading */
#apr-title,
.apr-heading {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 0.5rem 0 1rem;
}

/* Toggle button: visible focus, high contrast */
.apr-toggle {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.6rem 0.9rem;
  font: inherit;
  color: #0b0b0b;
  background-color: #ffd24d; /* high-contrast accent */
  border: 2px solid #0b0b0b;
  border-radius: 0.4rem;
  cursor: pointer;
}
.apr-toggle:hover {
  background-color: #ffcc33;
}
.apr-toggle:focus-visible {
  outline: 3px solid #005fcc; /* strong focus indicator */
  outline-offset: 2px;
}

/* Details panel */
.apr-details {
  border: 1px solid #d0d0d0;
  border-radius: 0.5rem;
  padding: 1rem;
  background: #fafafa;
}

/* Steps list: readable spacing */
.apr-steps {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}
.apr-steps li {
  margin: 0.5rem 0;
}

/* Links: ensure color contrast and underline for recognition */
.apr-contact a {
  color: #005fcc;
  text-decoration: underline;
}
.apr-contact a:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}



 .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }


/*Hide images for departments on home page */
 #departments img, #departments .card-img-container{
	 display: none;
}

/*Hide images for Services on home page */
 #services img, #services .card-img-container{
	 display: none;
}
/*Hide images for Quick Links on home page */
#quick-links img, #quick-links .card-img-container{
	 display: none;
}

.dept-bullets{
    display: inline-block;
}

 
 /* Local Styles */
/* Reduce banner image height */
 img.slide-image {
	 max-height: 350px;
}
/*Remove top padding from feature cards below H2*/
 .h-100 {
	 margin-top: 0px !important;
}
/* Center the content within button icon text links */
 .col-12.col-lg-3.col-md-4.col-sm-6.d-flex {
	 justify-content: center;
}


 .col.custom_html_col {
	 padding-left: 0;
}

/*hide distribution staff - as a test */
 #distribution-and-logistics-office .card-image {
	 display: none;
}
/*dept title on page without padding */
 .py-5 h1 {
	 padding-top: 0px !important;
	 padding-bottom: 0px !important;
}
 .py-5 {
	 padding-top: 0px !important;
	 padding-bottom: 0px !important;
}
/*Hide images on quick trainings on home page */
 #quick-guides img, #quick-guides .card-img-container{
	 display: none;
}
/*Hide images on quick trainings on home page */
 #trainings img, #trainings .card-img-container{
	 display: none;
}
/*Hide images on quick trainings on home page */
 #training img, #training .card-img-container{
	 display: none;
}
/*Hide images on travel tips on home page */
 #travel-tips img, #travel-tips .card-img-container{
	 display: none;
}

/*Left title on page */
 .d-flex.flex-column.content-area .container .row h1 {
	 margin-left: 0px;
	 padding-left: 0px;
}
/*Left title on page */
 .container .row h1 {
	 margin-left: 0px;
	 padding-left: 0px;
}

 .col.custom_html_col {
	 padding-left: 0;
}
 .travelbutton a:visited {
	 color: #ffffff !important;
}
 .travelbutton a:hover {
	 color: #cb4900 !important;
}
 .col.custom_html_col {
	 padding-left: 0;
}
/*Outline image cards on homepage on hover */
 .card.w-100.h-100:hover {
	 outline: 2px black solid;
}
/*Hide images in image cards on services on homepage*/
 #services-image-card-container img, #services-image-card-container .card-img-container{
	 display: none;
}
 #featured-trainings img, #featured-trainings .card-img-container{
	 display: none;
}
 th.theadone {
	 color: black;
}
 a.btn.btn-cta-icon {
	 padding-top: 1em;
}
/*button icon row */
 .button_group_col .btn-row > div .btn {
	 text-decoration: underline;
	 font-size: 1.1rem;
	/* border: 1px solid #9f4104;
	 */
	 min-width: 10em;
}
 .col-12.col-lg-2.col-md-4.col-sm-6.d-flex {
	/* min-width: 13em;
	 */
	/* background-color: #f8f9fa;
	 */
	 padding: 1em;
	/*border: 1px solid gray;
	 */
	 margin: 5px;
}
/*Map image */
 .map-image {
	/*width: 88%;
	 */
	 width: 94%;
}
/*cards links */
 .cards_col .card-link .btn-link {
	 margin-left: 5px;
	 margin-bottom: 7px;
}
/*Page title left indent remove */
 .col.title-wrap {
	 padding: 0;
}
/*Paragraph left indent remove - if needed*/
 .content-row p {
	/* padding-left: 0px;
	 */
}
/*Headings */
 .custom_html_col .content-row h2, .custom_html_col .content-row h3, .custom_html_col .content-row h4, .custom_html_col .content-row h5, .custom_html_col .content-row h6, .custom_html_col .content-row h7 {
	/* padding: 1.5rem 0px .8rem 0px;
	 */
	 padding: 0;
}







.content-row p {
	 padding-left: 0px;
}
 h2#departments-and-services-title {
	 border-top: 1px solid #969696;
	 padding-top: 36px;
}
/*button spacing*/
 th.theadone {
	 color: black;
}
 .col-12.col-lg-2.col-md-4.col-sm-6.d-flex {
	/* min-width: 13em;
	 */
	/* background-color: #f8f9fa;
	 */
	 padding: 1em;
	/*border: 1px solid gray;
	*/
	 margin: 5px;
}
/*Map image */
 .map-image {
	 width: 88%;
}
/*cards links */
 .cards_col .card-link .btn-link {
	 margin-left: 5px;
	 margin-bottom: 7px;
}
/*Page title left indent remove */
 .col.title-wrap {
	 padding: 0;
}
/*Paragraph left indent remove - if needed*/
 .content-row p {
	/* padding-left: 0px;
	 */
}
/*Headings */
 .custom_html_col .content-row h2, .custom_html_col .content-row h3, .custom_html_col .content-row h4, .custom_html_col .content-row h5, .custom_html_col .content-row h6, .custom_html_col .content-row h7 {
	/* padding: 1.5rem 0px .8rem 0px;
	 */
	 padding: 0;
}
/*Widths smaller than 1200 pixels - same as img-fluid*/
 @media (max-width: 1200px) {
	 .newsletter-container img{
		 max-width: 100%;
		 height: auto;
	}
}
 .newsletter-content {
	/*max-width: 600px;
	*/
}
/*Department name*/
/* . {
	*/
	/* min-width: 400px;
	*/
	/*
}
*/
/* Department name Override for screens smaller than 400px */
 @media (max-width: 399px) {
	 .dept-name {
		 min-width: auto;
		/* or a smaller value like 100% or 300px */
		 width: 100%;
		/* optional, depending on layout needs */
	}
}
 @media (min-width: 1200px) and (max-width: 1400px) {
	 .dept-name {
		 min-width: auto;
	}
}
/*Horizontal staff*/
 .dept-horiz-staff {
	 background-color: #d7d2d233;
	 padding: 20px;
	/*outline: 1px solid #4e4e4e;
	*/
	 border: 1px solid #d8d7d7;
}
 .dept-horiz-staff a{
	 color: #af4205;
}
/*Horizontal Half Depts*/
 .dept-half-container {
	 border: 1px solid darkgray;
	 padding: 17px;
}
/*Horizontal Depts*/
 .dept-horiz-container {
	 display: flex;
	 align-items: flex-start;
	 background-color: #8a9ba700;
	 padding: 20px;
	 outline: 1px solid #4e4e4e;
}
 .dept-image {
	 float: left;
	 margin-right: 20px;
}
 .dept-horiz-text {
	 flex: 1;
}
 .dept-title {
	 margin-top: 0;
}
 .dept-description {
	 margin-top: 10px;
}
/*Homepage styles */
/*Widths greater than 1200 pixels */
 @media (min-width: 1200px) {
	 .home-portrait {
		 max-width: 350px;
	}
}
/*Fix bilingual alignment on page */
 .pagetitle {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 20px 0;
	 position: relative;
}
 .bilingual {
	 font-family: "Patua One", serif;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 font-size: .85em;
	 line-height: .08333em;
	 vertical-align: .125em;
	 margin-top: 2px;
	 margin-left: auto;
	/* This will push the .bilingual class to the right */
}
/* My own orange hex to white border */
 img.hex-border-row {
	 min-width: 1194px;
	 margin-left: 0px;
	/* --bs-gutter-x: 1.5rem;
	 */
	 padding-left: 0px;
}
/* Black text not light gray for headings */
 .custom_html_col .content-row h3, .custom_html_col .content-row h5 {
	 color: #000000;
}
/* Reduce height of banner image on System Status and other pages */
 .slide .position-relative {
	 position: relative ;
	/*height: 200px;
	 */
}
 .shadow {
	/*display: none;
	 */
}
 .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	 background: white;
}
 div#ui-datepicker-div {
	 background: white;
	 border: 1px solid black;
	 padding: 4px;
}
 .campus-auxiliary-content h4 {
	 margin-left: 1rem;
	 padding-left: 1rem;
	 position: relative;
}
 .campus-auxiliary-content ul {
	 margin-left: 2.5rem;
	 padding-left: 1rem;
}
/*Fix card images */
 .cards_col .card-image img {
	 width: 100%;
	 max-height: 200px;
	/*object-fit: contain;
	 */
}
/*Fix card group images */
 .image_card_col .card-img-container img {
	 height: 250px;
	 max-width: 100%;
	/*object-fit: contain;
	 */
}






/*Fix long text in Footer Columns */


/* Increase space between the two flex columns */
.d-flex.flex-wrap.flex-sm-nowrap.justify-content-between.text-lg-left.px-0.px-md-5.px-lg-0.pr-xl-5 {
  /* Base spacing for mobile */
  gap: 1rem; /* ~16px */

  /* Optional: keep the columns from touching the edges on small screens */
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Medium screens and up (≥768px) */
@media (min-width: 768px) {
  .d-flex.flex-wrap.flex-sm-nowrap.justify-content-between.text-lg-left.px-0.px-md-5.px-lg-0.pr-xl-5 {
    gap: 1.5rem; /* ~24px */
    padding-left: 0;
    padding-right: 0;
  }
}

/* Large screens and up (≥992px) */
@media (min-width: 992px) {
  .d-flex.flex-wrap.flex-sm-nowrap.justify-content-between.text-lg-left.px-0.px-md-5.px-lg-0.pr-xl-5 {
    gap: 2rem; /* ~32px */
  }
}

/* Extra large screens and up (≥1200px) */
@media (min-width: 1200px) {
  .d-flex.flex-wrap.flex-sm-nowrap.justify-content-between.text-lg-left.px-0.px-md-5.px-lg-0.pr-xl-5 {
    gap: 2.5rem; /* ~40px */
  }
}






/*Responsive */

/* Widths less than 533px */
 @media only screen and (max-width: 767px) {
}
/* Widths less than 767px */
 @media only screen and (max-width: 767px) {
}
/* Widths less than 992px for clear and submit button on filter page */
 @media only screen and (max-width: 992px) {
}