.views-row {
  min-height: 44px;
  font-size: 1.2em;
}

.field-field_hero {
	max-width:100%;
}

.field-field_instructor div:first-child {
	margin:10px 3px 10px 0;
	float:left;
	font-weight:bold;
}

.page-node-1657 .page-content--sidebar {
	display:none;
}

@media screen and (min-width: 768px) {
  .page-node-1657 .main-content .page-content--inner.has-sidebar .page-content--content {
    width: 80%;
  }
}
g
.people-tile.courses h3 {
	clear:both;
	width:100%;
}

#block-global-theme-engagementsexperiencetable {
  width: 60%;
  margin: 0 auto;
}

#block-global-theme-engagementsexperiencetable .acc-shortcode--title {
  padding:0.5em 3em 0.5em 1em;
  cursor: pointer;
  position: relative;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 100%;
  color: #232d4b;
}

.our-people-view form.views-exposed-form {
	width:100%;
	clear:both;
	display:inherit;
	margin-bottom:40px;
}

.our-people-view form.views-exposed-form label {
  font-size: .8em;
  font-style: italic;
  padding-right:15px;
}

.js-form-item.form-item.js-form-type-select.form-item-field-engagement-section-target-id.js-form-item-field-engagement-section-target-id {
  background:
aliceblue;
  padding: 3px 20px;
}

.main-content.type--page .page-content .container {
	max-width:none;
	width:100%;
}

.popup-block {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup-content {
  background: white;
  padding: 20px;
  max-width: 600px;
  margin: 100px auto;
  position: relative;
  border-radius: 10px;
}


.courses .views-view-responsive-grid__item::before {
  content: '';
  position: absolute;
  inset: 0; /* shorthand for top/right/bottom/left = 0 */
  background-color: #E57200;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
  pointer-events: none;
}

.courses .views-view-responsive-grid__item::before a {
	color:white;
}


/* ✅ Let Drupal Views manage columns, just ensure spacing */
.courses .views-view-responsive-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

/* ✅ Each grid item respects layout and size */
.courses .views-view-responsive-grid__item {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 5px #dddddd;
  height: 97%;
}


/* ✅ Inner wrapper (leave this alone if Views uses it) */
.views-view-responsive-grid__item-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

/* ✅ Make sure image fills container naturally */
.views-field-field-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* ✅ Wrap image content so we can overlay the title */
.views-field-field-image .field-content {
  position: relative;
}

/* ✅ Title overlay centered on top of image */

.courses h3 {
	font-size:2.5em;
	margin:40px 0;
	padding-top:5px;
	font-size: 1em;
  margin: 0;
  padding: 5px 10px 19px;
}

.courses h3 a {
	color:#232d4b;
}

.courses .views-view-responsive-grid__item-inner:hover h3 a {
	color:white !important;
	text-decoration:none;
	z-index:100;
	position:relative;
}

/*.courses .views-field-title {*/
/*  position: absolute;*/
/*  top: 0; left: 0; right: 0; bottom: 0;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  text-align: center;*/
/*  padding: 20px;*/
/*  pointer-events: none;*/
/*  z-index: 2;*/
/*}*/

/*.courses .views-field-title h3,*/
/*.courses .views-field-title a {*/
/*  margin: 0;*/
/*  font-size: 1rem;*/
/*  font-weight: 700;*/
/*  text-decoration: none;*/
/*  text-transform: uppercase;*/
/*  pointer-events: all;*/
/*  text-shadow: 5px 6px 9px #000;*/
/*  border:none;*/
/*  text-align:left;*/
/*}*/

.courses .views-view-responsive-grid__item:hover::before {
  opacity: 0.8;
}
.courses .views-view-responsive-grid__item::before {
  box-sizing: border-box;
}