.bento-boxes {
  padding: 0 !important;
}
.bento-boxes .layout__region {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  margin-bottom: 0 !important;
}
.bento-boxes .block {
  border-radius: 10px;
  padding: 1.2rem;
  height: 100% !important;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bento-boxes .block img {
  border-radius: 10px;
}

table {
  width: 100% !important;
  caption-side: top !important;
}
table caption {
  font-size: 1rem !important;
}

.new-gallery-block .view-content-wrap .gallery-image {
  margin-bottom: 20px;
}

.new-gallery-block .view-content-wrap .gallery-image img {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: zoom-in;
  transition: all 200ms ease-in-out;
}

.new-gallery-block .view-content-wrap .gallery-image img:hover {
  transform: scale(1.05);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.room-gallery-block .field {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* Responsive columns */
  gap: 20px;
  /* Gap between items */
  padding: 20px;
}

.room-gallery-block .field div img {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: zoom-in;
  transition: all 200ms ease-in-out;
}

.room-gallery-block .field div img:hover {
  transform: scale(1.05);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.space-offline {
  background-color: #008C95;
}

/* ICON TITLE BLOCK */
.block.icon_title {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.block.icon_title i {
  font-size: 3rem;
  color: #008c95 !important;
}
.block.icon_title .field--name-field-icon-title-text {
  font-family: "Roboto Slab" !important;
  font-weight: 900;
  color: rgba(38, 38, 38, 0.5803921569) !important;
  font-size: 2.12rem;
}

.pricing-table thead {
  display: none;
}

.pricing-table tbody {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  /* Adjust the gap between items if needed */
  padding: 0;
  margin: 0;
}

.pricing-table tbody tr {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  line-height: 0.2rem !important;
  background-color: transparent !important;
  font-weight: bold !important;
}

.pricing-table tbody th,
.pricing-table tbody td {
  display: inline-block;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  /* Ensure the text doesn't wrap */
}

.pricing-table tbody th {
  flex: 0 1 auto;
  text-align: left;
  padding-left: 0 !important;
}
.pricing-table tbody th span.tablesaw-cell-content {
  font-weight: bold !important;
}

.pricing-table tbody td:nth-child(2) {
  flex: 1;
  border-bottom: 1px dotted black;
}

.pricing-table tbody td:nth-child(3) {
  flex: 0 1 auto;
  text-align: right;
}

.pricing-table tbody th span.tablesaw-cell-content {
  margin-right: 0;
}

/**/
.min-vh-30 {
  min-height: 30vh !important;
}

.service-list span {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  padding: 10px;
  border: 1px dsolid rgb(0, 0, 0);
  box-shadow: 0px 0px 0px rgba(3, 7, 18, 0.48), 0px 0px 0px rgba(3, 7, 18, 0.43), 0px 0px 0px rgba(3, 7, 18, 0.38), 0px 1px 1px rgba(3, 7, 18, 0.34), 0px 1px 1px rgba(3, 7, 18, 0.29), 0px 1px 1px rgba(3, 7, 18, 0.24), 0px 2px 2px rgba(3, 7, 18, 0.19), 0px 3px 3px rgba(3, 7, 18, 0.14), 0px 3px 3px rgba(3, 7, 18, 0.1), 0px 4px 4px rgba(3, 7, 18, 0.05);
}
.service-list div {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

/* round images */
.rounded-circle img {
  border-radius: 50% !important;
}

/* HG EVENTS for dark bg */
.hg-event-block-white .event-right .time-multi, .hg-event-block-white .event-right .description {
  color: white !important;
}

.page-node-698 .main-container {
  background-image: url("/sites/default/files/2025-03/campus_map.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/** Space Content Type */
@keyframes fadeIn {
  from {
    filter: saturate(0);
  }
  to {
    filter: saturate(110%);
  }
}
.node--type-space .multi-list {
  line-height: 1.2rem;
}
.node--type-space .multi-list > * {
  padding-left: 1rem !important;
}
.node--type-space .multi-list > *::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f00c";
  color: green;
  padding-right: 5px;
}

.zebra {
  background-color: white;
}

.zebra-bg {
  background-color: #f0f0f0;
  box-shadow: inset 0px 8px 6px -8px #000000, inset 0px -8px 6px -8px #000000;
}

.node--type-space .page_title_block {
  display: none;
}

.node--type-space .space-main-image [class^=space-background-image] {
  position: relative;
  height: 400px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

@media (max-width: 768px) {
  .node--type-space .space-main-image [class^=space-background-image] {
    background-attachment: scroll;
    background-size: contain;
    /* Ensure the image adapts */
  }
}
/* Target iOS devices specifically */
@supports (-webkit-touch-callout: none) {
  .node--type-space .space-main-image [class^=space-background-image] {
    background-attachment: scroll;
    /* iOS doesn't handle 'fixed' well */
  }
}
.node--type-space .space-main-image .space-title-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 60vw;
  width: 60vw;
}

.node--type-space .space-main-image .space-title {
  background-color: rgba(58, 93, 174, 0.24);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  padding: 0.5rem 0.5rem;
  font-size: 3vw;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  font-family: "Roboto Slab" !important;
  -webkit-font-smoothing: antialiased;
  border-top: 1.5px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.6);
  border-radius: 20px;
}

@media (max-width: 800px) {
  [class^=space-background-image] {
    height: 200px !important;
    background-size: unset !important;
    background-position: unset !important;
  }
  .space-title {
    font-size: 6vw !important;
  }
  .space-title-wrapper {
    max-width: 90vw !important;
  }
}
.node--type-space .space-stat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 3rem;
}

.node--type-space .space-stats.reservations .space-reservation-wrapper p {
  line-height: normal;
  padding: 0.1rem 0;
  margin: 0;
}
.node--type-space .space-stats.reservations .space-reservation-wrapper > div {
  margin-bottom: 1rem;
}
.node--type-space .space-stats.reservations .space-reservation-wrapper ul li {
  margin-bottom: 0 !important;
  line-height: 1rem;
}

.node--type-space .space-stat .space-stat-icon {
  height: 70px;
  width: 70px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #F9F6E5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0 !important;
}

.node--type-space .space-stat .space-stat-icon i {
  color: #262626;
  font-size: 2rem;
}

.node--type-space .space-stat .space-stat-value-wrapper {
  display: flex;
  flex-direction: column;
}

.node--type-space .space-stat .space-stat-value-wrapper .space-stat-label {
  font-size: 1.2rem;
}

.node--type-space .space-stat .space-stat-value-wrapper .space-stat-floor-value {
  font-size: 1.7rem;
  line-height: 1.5rem;
}

.node--type-space .space-icon-title-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 2rem;
  align-items: center;
  justify-content: start;
}

.node--type-space .space-icon-title-wrapper h2,
.node--type-space .field--name-field-rates-reference h2 a span {
  font-family: "Roboto Slab" !important;
  font-weight: 600;
  color: rgba(38, 38, 38, 0.5803921569) !important;
  margin-bottom: 1rem;
}

.node--type-space .field--name-field-rates-reference h2 a span::before {
  font-family: "Font Awesome 6 Pro";
  content: "\e1f4";
  color: #008c95 !important;
  font-size: 2.5rem;
  padding-right: 1rem;
}

.node--type-space .space-icon-title-wrapper i {
  color: #008c95 !important;
  font-size: 3rem;
}

.node--type-space .space-capacity-wrapper .space-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 5px;
}

.node--type-space .space-capacity-wrapper .space-item span:nth-child(2) {
  border-bottom: 1px dotted #262626;
  flex-grow: 2;
}

.node--type-space .space-capacity-wrapper .space-item span:nth-child(3) {
  font-weight: bold;
}

.node--type-space .space-capacity-wrapper .space-item span {
  padding: 0;
  margin: 0;
  line-height: 1.4rem;
}

/* GALLERY */
.node--type-space {
  /* parking */
}

.node--type-space .space-gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* Responsive columns */
  gap: 20px;
  /* Gap between items */
  padding: 20px;
}

.node--type-space .space-gallery-wrapper .field__item img {
  background-color: white;
  padding: 5px;
  border-radius: 10px;
  transition: all 200ms ease-in-out;
}

.node--type-space .space-gallery-wrapper .field__item img:hover {
  cursor: zoom-in;
  transform: scale(1.05);
}

.node--type-space .parking-location p {
  margin-bottom: 3px !important;
}

.audio-visual-cols .view-content-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* Create three columns with equal width */
  grid-gap: 10px;
  /* Adjust the gap between items as needed */
  grid-auto-rows: 0.8rem;
}
@media only screen and (max-width: 480px) {
  .audio-visual-cols .view-content-wrap {
    display: block;
  }
}
.audio-visual-cols .space-capacity-wrapper {
  flex: 1 0 33.33%;
  box-sizing: border-box;
}
.audio-visual-cols .space-capacity-wrapper .space-item::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f00c";
  color: green;
}
.audio-visual-cols .space-capacity-wrapper .space-item {
  justify-content: start !important;
}

@media (max-width: 768px) {
  .audio-visual-cols .space-capacity-wrapper {
    flex: 1 0 50%;
  }
}
@media (max-width: 480px) {
  .audio-visual-cols .space-capacity-wrapper {
    flex: 1 0 100%;
  }
}
/* PHONE ADJUSTMENTS */
@media only screen and (max-width: 480px) {
  /* Your CSS styles for screens 480px and smaller go here */
  .node--type-space .space-stat {
    justify-content: start;
  }
  .node--type-space .space-stat .space-stat-value-wrapper {
    text-align: left;
  }
  .node--type-space .space-stat .space-capacity-wrapper {
    flex: none;
  }
  .section-boxed {
    padding: 1rem 0.5rem !important;
  }
  .ui-accordion .ui-accordion-content {
    padding: 1em 0 !important;
  }
}
/* special tables */
.node--type-space table {
  border-radius: 10px;
}
.node--type-space table tbody tr td:first-child {
  font-weight: 900;
}
.node--type-space thead:nth-of-type(1) {
  background: #00747c !important;
  color: white !important;
  font-size: 1.2rem !important;
}
.node--type-space thead:nth-of-type(2) {
  background: #008c95 !important;
  color: white !important;
  font-size: 1.1rem !important;
}
.node--type-space thead:only-of-type {
  background: #008c95 !important;
  font-size: 1.1rem !important;
  color: white;
  font-weight: bolder;
}

.button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 200px;
  text-decoration: none;
  color: inherit;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f8f8f8;
}
.button-wrapper:hover {
  transform: scale(1.2);
  background-color: #008c95;
}
.button-wrapper:hover .button-text {
  color: white;
}

/* Rotating dashed border */
.rotating-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px dashed #008c95;
  border-radius: 50%;
  animation: rotate-dash 60s linear infinite;
  z-index: 0;
  transition: all 1s;
}

/* Static text */
.button-text {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  z-index: 1;
  font-family: "Roboto Slab" !important;
  font-weight: 900;
}

/* Animation for rotating border */
@keyframes rotate-dash {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* space offline */
.node--type-space .space-offline-text p {
  font-size: 1.3rem !important;
}

.node--type-classroom .classroom-bg {
  background-color: #ded7be;
  padding: 10px;
  border-radius: 15px;
}

.node--type-classroom .page_title_block {
  display: none;
}

.node--type-classroom .classroom-main-image [class^=classroom-background-image] {
  position: relative;
  height: 400px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.node--type-classroom .classroom-main-image [class^=classroom-background-image]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%; /* Covers the bottom 20% */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  pointer-events: none; /* Ensures clicks pass through */
}

@media (max-width: 768px) {
  .node--type-space .space-main-image [class^=space-background-image] {
    background-attachment: scroll;
    background-size: contain;
    /* Ensure the image adapts */
  }
}
/* Target iOS devices specifically */
@supports (-webkit-touch-callout: none) {
  .node--type-space .space-main-image [class^=space-background-image] {
    background-attachment: scroll;
    /* iOS doesn't handle 'fixed' well */
  }
}
.node--type-classroom .classroom-main-image .classroom-title-wrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 10px;
}

.node--type-classroom .classroom-main-image .classroom-title {
  font-size: clamp(1rem, 5vw, 3rem);
  text-align: center;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  font-family: "Roboto Slab" !important;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 800px) {
  [class^=classroom-background-image] {
    height: 200px !important;
    background-size: unset !important;
    background-position: unset !important;
  }
  .classroom-title {
    font-size: 6vw !important;
  }
  .classroom-title-wrapper {
    max-width: 90vw !important;
  }
}
.node--type-classroom .classroom-main-image {
  /* Small Mobile: 479px and below */
}
.node--type-classroom .classroom-main-image .classroom-number-wrapper {
  position: absolute;
  top: 0;
  background-color: rgb(241, 241, 241);
  border-radius: 50%;
  padding: 10px;
  height: 150px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  margin-left: -20px;
  border: 7px white solid;
}
.node--type-classroom .classroom-main-image .classroom-number-wrapper .classroom-number {
  color: var(--gt-gold);
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  font-family: "Roboto Slab" !important;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 479px) {
  .node--type-classroom .classroom-main-image .classroom-number-wrapper {
    height: 100px;
    width: 100px;
    margin-top: 7px;
    margin-left: -12px;
  }
  .node--type-classroom .classroom-main-image .classroom-number {
    font-size: 2rem;
  }
}

/* HOURS */
.node--type-classroom .classroom-hours-wrapper .row {
  border-radius: 15px;
  padding: 10px;
  background-color: #ded7be;
}
.node--type-classroom .classroom-hours-wrapper .classroom-hours {
  text-align: center;
}
.node--type-classroom .classroom-hours-wrapper .classroom-hours label {
  font-weight: bold;
}

.node--type-classroom .classroom-info-box {
  background-color: #ded7be;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
}
.node--type-classroom .classroom-info-box i {
  margin-right: 5px;
}

.node--type-classroom .classroom-table {
  background-color: #ded7be;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
}
.node--type-classroom .classroom-table td {
  font-weight: bold;
}

.node--type-classroom .classroom-faqs {
  background-color: #ded7be;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
}

.node--type-classroom .classroom-maintenance-wrapper {
  border-radius: 15px;
}

/* GALLERY */
.node--type-classroom .space-gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* Responsive columns */
  gap: 20px;
  /* Gap between items */
  padding: 20px;
}

.node--type-classroom .space-gallery-wrapper .field__item img {
  background-color: white;
  padding: 5px;
  border-radius: 10px;
  transition: all 200ms ease-in-out;
}

.node--type-classroom .space-gallery-wrapper .field__item img:hover {
  cursor: zoom-in;
  transform: scale(1.05);
}

/* GRID */
.classroom-grid-block .classroom-grid-wrapper {
  background: var(--gt-warm-grey-light);
  border-radius: 15px;
  display: block;
  perspective: 1000px;
  perspective-origin: 50% 50%;
  transition: all 300ms ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.classroom-grid-block .classroom-grid-image.top {
  transform: translateY(-35px);
  border-radius: 15px;
  overflow: hidden;
  transition: all 300ms ease-in-out;
}
.classroom-grid-block .classroom-grid-wrapper:hover .classroom-grid-image.top {
  transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(11deg) rotateY(9deg) rotateZ(0deg) translateX(0px) translateY(-40px) translateZ(0px) skewX(0deg) skewY(0deg);
  transition: all 300ms ease-in-out;
  box-shadow: 1px 1px 4px black;
}
.classroom-grid-block .classroom-grid-wrapper .bottom .classroom-grid-title {
  font-size: 1.1rem;
  font-family: "Roboto Slab" !important;
  border-width: 600;
  transform: translateY(-8px);
}

.space-grid-thumb {
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #262626;
}
.space-grid-thumb:hover .space-grid-mask {
  transform: translateY(0);
}
.space-grid-thumb .space-grid-img-wrap img {
  max-width: fit-content;
}
.space-grid-thumb .space-grid-mask {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(170px);
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.space-grid-thumb .space-grid-main {
  background-color: #f7f7f7;
  line-height: 2rem;
  height: 51px;
  display: flex;
  justify-content: space-between;
}
.space-grid-thumb .space-grid-main a {
  text-decoration: none !important;
}
.space-grid-thumb .space-grid-main .space-grid-title {
  color: #008C95 !important;
  font-size: 1.2rem !important;
  font-family: "Roboto Condensed";
  padding: 0.5rem 0.5rem;
  font-weight: 600;
  flex: 1;
}
@media only screen and (max-width: 834px) {
  .space-grid-thumb .space-grid-main .space-grid-title {
    font-size: 0.97rem !important;
  }
}
.space-grid-thumb .space-grid-main .space-grid-sqft {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5rem;
  font-family: "Roboto Condensed";
  font-weight: bolder;
  display: flex;
  align-items: center;
  color: #262626;
}
.space-grid-thumb .space-grid-content {
  height: 100%;
  overflow: hidden;
  background-color: white;
  padding: 0.3rem 0.5rem;
  min-height: 305px;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
}
.space-grid-thumb .space-grid-content p {
  font-size: 0.9rem !important;
  line-height: 1rem !important;
  padding: 0 0.3rem !important;
  margin-bottom: 5px !important;
}
.space-grid-thumb .space-grid-content .space-grid-capacity {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  line-height: 0.9rem;
}
.space-grid-thumb .space-grid-content .space-grid-capacity div {
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: bold;
  padding-left: 15px;
  color: #008C95;
}
.space-grid-thumb .space-grid-content .space-grid-capacity span {
  font-weight: normal;
  color: #262626;
}
.space-grid-thumb .space-grid-content .s-btn a {
  padding: 0.2rem 0.5rem !important;
}

/* SMALL SCREENS */
@media only screen and (max-width: 834px) {
  .space-grid-block .space-grid-thumb {
    height: auto;
    overflow: visible;
    border-radius: 0;
  }
  .space-grid-block .space-grid-thumb .space-grid-img-wrap {
    max-height: 125px;
    overflow: hidden;
  }
  .space-grid-block .space-grid-thumb .space-grid-img-wrap img {
    width: 100%;
    height: auto;
  }
  .space-grid-block .space-grid-mask {
    position: relative;
    transform: none;
  }
  .space-grid-block .space-grid-content {
    padding: 0;
    min-height: auto;
  }
  .space-grid-block .space-grid-content p {
    display: none;
  }
  .space-grid-block .space-grid-content .space-grid-capacity div {
    font-size: 0.8rem;
  }
}
.sqft-wrapper {
  background-size: cover;
  background-position: left center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 190px;
  padding-right: 5%;
  color: #fff;
  flex-direction: column;
  background-image: url("/sites/default/files/2024-04/stucent_grid_table.png");
  border-radius: 10px;
}
.sqft-wrapper.theater {
  background-image: url("/sites/default/files/2024-04/stucent_grid_theater.png");
}
@media only screen and (max-width: 834px) {
  .sqft-wrapper {
    background-position: -60px center;
    padding-right: 5px;
  }
}
.sqft-wrapper .sqft-value {
  font-size: 2.5rem;
  font-weight: bolder;
}
@media only screen and (max-width: 834px) {
  .sqft-wrapper .sqft-value {
    font-size: 1.2rem;
    text-align: right;
  }
}
.sqft-wrapper .sqft-text:first-child {
  font-size: 2rem;
}
.sqft-wrapper .sqft-text {
  font-size: 1.5rem;
}
@media only screen and (max-width: 834px) {
  .sqft-wrapper .sqft-text {
    font-size: 1rem;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
  }
}

.page-node-type-rates {
  scroll-behavior: smooth;
  /* Enable smooth scrolling */
}

.page-node-type-rates .field--type-tablefield .field--label {
  font-size: 2rem;
  color: rgb(0, 140, 149);
  font-family: "Roboto Slab";
  font-weight: bold;
}
.page-node-type-rates .field--type-tablefield .field__item {
  margin-bottom: 2rem;
}

.field--name-field-accordion-field .ui-accordion.ui-widget h3.ui-accordion-header {
  border: 1px solid #bcbcbc;
  margin-bottom: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: rgba(0, 0, 0, 0.1) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  cursor: pointer;
  font-family: "Roboto Slab" !important;
  -webkit-font-smoothing: antialiased !important;
  transition: all 1000ms;
}
.field--name-field-accordion-field .ui-accordion.ui-widget h3.ui-accordion-header:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.field--name-field-accordion-field .ui-accordion.ui-widget h3.ui-accordion-header.ui-accordion-header-active {
  background-color: #b3a369 !important;
}

.gt-accordion .ui-accordion {
  margin-bottom: 0 !important;
}

/* CUSTOM RATES */
details.custom-rates-dropdown {
  border: 1px solid #bcbcbc;
  margin-bottom: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: white;
}
details.custom-rates-dropdown summary {
  background-color: rgba(0, 0, 0, 0.1) !important;
  padding: 3px 3px 3px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: "Roboto Slab" !important;
  -webkit-font-smoothing: antialiased;
  transition: all 1000ms;
  text-transform: capitalize;
}
details.custom-rates-dropdown summary::marker {
  color: #003057;
  font-size: 1.1em;
}
details.custom-rates-dropdown summary:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
details.custom-rates-dropdown[open] summary {
  background-color: #b3a369 !important;
}
details.custom-rates-dropdown[open] summary::marker {
  color: white;
  font-size: 1.1em;
}
details.custom-rates-dropdown[open] > div {
  animation: sweep 0.5s ease-in-out;
}
details.custom-rates-dropdown > div {
  padding: 5px 10px;
}

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.field--type-faqfield .ui-state-active {
  border: none;
  background: var(--gt-gold);
  color: var(--gt-black);
}

.video-banner-text {
  font-family: "Roboto Slab" !important;
  -webkit-font-smoothing: antialiased;
  font-size: clamp(24px, 4vw, 60px);
  padding: 0;
  font-weight: 900;
  letter-spacing: 2px; /* More space between letters */
  text-shadow: -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black, 2px 2px 0 black, 0px 0px 8px rgba(0, 0, 0, 0.75); /* Soft glow for extra contrast */
}

.neon-sign {
  width: 100%; /* Full width of its container */
  max-width: 650px; /* Adjust to prevent it from getting too large */
  aspect-ratio: 3/2; /* Maintain a proportional height */
  background-image: url("https://studentcenter.gatech.edu/sites/default/files/2025-03/tech_rec_on.png"); /* Default image */
  background-size: contain; /* Ensures the image scales properly */
  background-repeat: no-repeat;
  background-position: center;
  animation: flicker 6s infinite steps(1);
}

@keyframes flicker {
  0%, 30% {
    background-image: url("https://studentcenter.gatech.edu/sites/default/files/2025-03/tech_rec_on.png");
  }
  31%, 33% {
    background-image: url("https://studentcenter.gatech.edu/sites/default/files/2025-03/tech_rec_off.png");
  } /* Quick flicker */
  34%, 100% {
    background-image: url("https://studentcenter.gatech.edu/sites/default/files/2025-03/tech_rec_on.png");
  }
}
.text-shadow {
  text-shadow: 1px 1px 2px #000000;
}

.board-member-block .board-member-image-wrapper {
  filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
  padding-right: 0;
}
.board-member-block .board-member-image-wrapper .board-member-image {
  clip-path: polygon(50% 0%, 90% 25%, 90% 75%, 50% 100%, 10% 75%, 10% 25%);
}

.board-member-block:hover .board-member-image-wrapper img {
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
}

.board-member-block .board-member-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
}

.board-member-block .board-member-email {
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 1rem;
}

.board-member-block .board-member-title {
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 1rem;
  margin-bottom: 7px;
}

.oh-purple {
  background-color: #5F249F;
  color: white;
}

.oh-green {
  background-color: #587924;
  color: white;
}

.oh-orange {
  background-color: rgb(213, 123, 5);
  color: white;
}

.oh-yellow {
  background-color: #FFCD00;
  color: black;
}

.oh-blue {
  background-color: #3A5DAE;
  color: white;
}

.oh-black {
  background-color: #262626;
  color: white;
}

.hours-row .hours-wrapper .hours-location {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0 0.8rem;
}
.hours-row .hours-wrapper .hours-table {
  /*width: 100%;*/
}
.hours-row .hours-wrapper .hours-table h4 {
  color: #003057 !important;
}
.hours-row .hours-wrapper .office-hours table {
  font-size: 0.9rem !important;
}
.hours-row .hours-wrapper .office-hours table thead {
  background-color: unset !important;
}
.hours-row .hours-wrapper .office-hours table tbody td {
  padding: 0.2rem 0.5rem !important;
}
.hours-row .hours-wrapper .office-hours table tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.hours-row .hours-wrapper .office-hours table tbody tr:nth-child(odd) {
  background-color: white !important;
}
.hours-row .hours-wrapper .office-hours table tbody .office-hours__item-comments {
  color: #034f84 !important;
}

.home-page-hours h3 {
  color: #003057 !important;
}
.home-page-hours .home-page-hours-title {
  font-weight: bold !important;
  border-radius: 5px;
}
.home-page-hours .view-content-wrap.row {
  margin-bottom: 1rem;
  border-bottom: 1px dotted gray;
}
.home-page-hours .office-hours__item-comments {
  color: #014e8c;
  padding-left: 5px;
}/*# sourceMappingURL=style.css.map */