.content-spotlight-2-cols-white--alt .layout__region {
	background-color: var(--white, #fff);
  padding: 2.75rem;
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 0.75rem;
}

.content-spotlight-2-cols-white .section-content {
	align-items: center;
}


@media only screen and (min-width: 768px) {

	.content-spotlight-mw-80 .section-content {
		max-width: 80%;
		margin: 0 auto;
	}
	
	.content-spotlight-mw-60 .section-content {
		max-width: 90%; /* Adjusted for better width on tablets */
		margin: 0 auto;
	}

}

@media only screen and (min-width: 1024px) {
	.content-spotlight-mw-60 .section-content {
		max-width: 60%; /* Reverts to original for larger screens */
	}
}


/*FAQ VIEW CSS*/

.view-faq h3 {
    color: var(--dark-navy);
    margin-top: 3.5rem;
    margin-bottom: 1rem;
    font-size: 1.75rem;
}

.view-faq h3:first-of-type {
    margin-top: 0;
}

.view-faq .faq-row,
.faq-row {
    padding: 1.5rem 0;
    border-bottom: 1px solid #E8E8EA;
    line-height: 1.8;
}

.view-faq .faq-row a {
    color: var(--link-color);
}

.view-faq .faq-row a:hover {
    text-decoration: underline;
}

.faq-row .views-field-field-title {
    font-size: 1.25rem;
    color: var(--dark-navy);
    font-weight: bold;
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding-right: 2rem;
    line-height: 1.5;
}

.faq-row .views-field-field-title:before {
    content: "\f106";
    position: absolute;
    right: 0;
    font-family: "Font Awesome 6 Free";
    transition: all ease-in-out .2s;
}

.faq-row .views-field-field-title:hover:before {
    transform: translateY(-0.1875rem);
}

/*FAQ Close*/

.faq-row.faq-close .views-field-field-title:before {
    content: "\f107";
}

.faq-row.faq-close .views-field-field-title:hover:before {
    transform: translateY(0.1875rem);
}

.faq-row.faq-close .views-field-field-title {
    margin: 0;
}

.faq-row.faq-close .views-field-body {
    height: 0px;
    overflow: hidden;
    padding: 0;
}


.inline-content .layout__region, .inline-content > div {
	flex-flow: wrap;
}

body .layout__region ol.yellow-list li {
    list-style-type: none !important;
}
.content-block-spotlight {
	margin: 0 auto;
}

.byu-layout--four-column-section.cols-15-25-45-15 .section-content-container .section-content {
    grid-template-columns: 15% 25% 45% 15%;
}


.hidden.js-layout-builder-block  {
	display: block !important;
	opacity: .5 !important;
}

.has-dots.dots-cfr .section-content::after {
    bottom: 0;
    right: 10%;
    margin-right: -70.625rem; /*1130px*/
}


/*PAGINATION*/

.pager {
	text-align: center;
	margin-bottom: 4rem;
}

@media only screen and (min-width : 768px) {
	.pager {
		margin-bottom: 5rem;
	}	
}

.pager .pager__items .pager__item {
	display: inline-block;
	width: 2.125rem;
	height: 2.125rem;
	color: var(--royal-blue);
	line-height: 2;
	vertical-align: middle;
}

.pager .pager__items .pager__item:hover {
	color: black;
}

.pager .pager__items .pager__item.is-active {
	background-color: var(--royal-10);
	font-weight: bold;
	border-radius: 100%;
}

.pager .pager__items .pager__item.is-active:hover {
	background-color: var(--royal-20);
	color: var(--navy-dark);
}

.pager .pager__item.pager__item--first,
.pager .pager__item.pager__item--previous,
.pager .pager__item.pager__item--next,
.pager .pager__item.pager__item--last {
	text-indent: -9999px; /* Hides text */
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.pager .pager__item.pager__item--first:hover,
.pager .pager__item.pager__item--previous:hover,
.pager .pager__item.pager__item--next:hover,
.pager .pager__item.pager__item--last:hover {
	filter: grayscale(1) brightness(0);
}

.pager .pager__item.pager__item--first {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M2.37109 5.75L6.74609 10.3438C6.85547 10.4805 6.9375 10.6445 6.9375 10.7812C6.9375 10.9727 6.85547 11.1367 6.71875 11.2734C6.47266 11.5195 6.03516 11.5195 5.78906 11.2461L0.976562 6.21484C0.730469 5.96875 0.730469 5.55859 0.976562 5.3125L5.78906 0.28125C6.03516 0.0078125 6.44531 0.0078125 6.71875 0.253906C6.99219 0.5 6.99219 0.9375 6.74609 1.18359L2.37109 5.75ZM11.9961 10.3438C12.1055 10.4805 12.1875 10.6172 12.1875 10.7812C12.1875 10.9727 12.1055 11.1367 11.9688 11.2734C11.6953 11.5195 11.2852 11.5195 11.0391 11.2461L6.22656 6.21484C5.98047 5.96875 5.98047 5.55859 6.22656 5.3125L11.0391 0.28125C11.2852 0.0078125 11.6953 0.0078125 11.9688 0.253906C12.2422 0.5 12.2422 0.9375 11.9961 1.18359L7.62109 5.75L11.9961 10.3438Z' fill='%230057B8'/%3E%3C/svg%3E");
}

.pager .pager__item.pager__item--previous {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M5.9375 13.5312L0.21875 7.5625C0.0625 7.375 0 7.1875 0 7C0 6.84375 0.0625 6.65625 0.1875 6.5L5.90625 0.53125C6.1875 0.21875 6.6875 0.21875 6.96875 0.5C7.28125 0.78125 7.28125 1.25 7 1.5625L1.78125 7L7.03125 12.5C7.3125 12.7812 7.3125 13.2812 7 13.5625C6.71875 13.8438 6.21875 13.8438 5.9375 13.5312Z' fill='%230057B8'/%3E%3C/svg%3E");
}

.pager .pager__item.pager__item--next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3E%3Cpath d='M1.21484 1.0625L6.21875 6.28516C6.32812 6.42188 6.41016 6.58594 6.41016 6.75C6.41016 6.91406 6.32812 7.07812 6.21875 7.1875L1.21484 12.4102C0.96875 12.6836 0.53125 12.6836 0.285156 12.4375C0.0117188 12.1914 0.0117188 11.7812 0.257812 11.5078L4.85156 6.72266L0.257812 1.96484C0.0117188 1.71875 0.0117188 1.28125 0.285156 1.03516C0.53125 0.789062 0.96875 0.789062 1.21484 1.0625Z' fill='%230057B8'/%3E%3C/svg%3E");
}

.pager .pager__item.pager__item--last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M6.74609 5.3125C6.99219 5.55859 6.99219 5.96875 6.74609 6.21484L1.93359 11.2461C1.6875 11.5195 1.27734 11.5195 1.00391 11.2734C0.730469 11.0273 0.730469 10.5898 0.976562 10.3438L5.35156 5.75L0.976562 1.18359C0.867188 1.04688 0.8125 0.882812 0.8125 0.71875C0.8125 0.554688 0.867188 0.390625 1.00391 0.253906C1.27734 0.0078125 1.6875 0.0078125 1.93359 0.28125L6.74609 5.3125ZM11.9961 5.3125C12.2422 5.55859 12.2422 5.96875 11.9961 6.21484L7.18359 11.2461C6.9375 11.5195 6.52734 11.5195 6.25391 11.2734C5.98047 11.0273 5.98047 10.5898 6.22656 10.3438L10.6016 5.75L6.22656 1.18359C6.11719 1.04688 6.0625 0.882812 6.0625 0.71875C6.0625 0.554688 6.11719 0.390625 6.25391 0.253906C6.52734 0.0078125 6.9375 0.0078125 7.18359 0.28125L11.9961 5.3125Z' fill='%230057B8'/%3E%3C/svg%3E");
}

/*.RESPONSIVE IMAGES */

@media only screen and (max-width : 768px) {
	.mobile-img-w-full img {
		width: 100% !important;
	}
}


/*STACKED CARD*/


.block-inline-blockstacked-card.stacked-alternative,
.contextual-region.stacked-alternative {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.block-inline-blockstacked-card.stacked-reverse,
.contextual-region.stacked-reverse {
    flex-direction: column-reverse
}

.block-inline-blockstacked-card.stacked-alternative .field--type-text-with-summary,
.contextual-region .field--type-text-with-summary {
    width: 100%;
}

@media (min-width: 768px) {
  .block-inline-blockstacked-card.stacked-alternative,
  .contextual-region.stacked-alternative {
    flex-direction: row-reverse; /* Reverse the layout, icon on the right */
  }

  .block-inline-blockstacked-card.stacked-alternative .media--type-icon,
  .contextual-region.stacked-alternative .media--type-icon {
    margin-bottom: 0; /* Remove the margin-bottom */
    margin-left: 1.5rem; /* Add space between text and icon on the left */
    width: 8rem;
  }
}

.table-container > div > table strong,
table.table-container strong {
  color: unset;
}

/*Light Blue Gradient Section Background*/

.has-light-blue-gradient {
	background: linear-gradient(180deg, #EBF2FF 0%, rgba(235, 242, 255, 0.00) 77.66%);
}

/*Drupal Dialogs on Mobile*/
@media (max-width: 48em) {
		.ui-dialog-title {
			white-space: normal !important;
    	line-height: 1.5;
		}
    .ui-dialog {
      width: 92% !important;
    }
}

/*Newsletter Box*/

.newsletter-box {
	margin: 0 auto;
}
.newsletter-box {
	margin: 2rem auto 3rem !important;
}

/*Makes any section content with a grid to becom 1 column on mobile*/
@media (max-width: 639px) {
	.mobile\:grid-cols-1 .section-content.section-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .mobile\:grid-cols-1 .section-content > * {
    grid-column: span 1 / span 1 !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .max-w-\[80\%\] {
  	max-width: 80%;
	}

}
@media (min-width: 1280px) {
  .xl\:max-w-\[60\%\] {
    max-width: 60%;
  }
}


/*Adds Style 2 to the video cards*/

.video-block-slider-style-2 .card-video {
  container-type: inline-size;
  container-name: card-video;
}
.video-block-slider-style-2 .card-video .card-video--content-inner {
	flex-direction: column;
}
.video-block-slider-style-2 .card-video .card-video--title {
	position: relative;	
	transform: translateY(30px);
}
@container card-video (max-width: 319px) {
  .video-block-slider-style-2 .card-video .play-button {
    transform: translate(0px, 0px) scale(0.5) !important;
  }
  .video-block-slider-style-2 .card-video .card-video--title {
		position: absolute;	
		bottom: 0;
		transform: translateY(40px);
    color: var(--dark-navy);
    font-size: 18px;
    text-shadow: none;
	}
	.video-block-slider-style-2 .card-video .card-video-content {
		overflow: visible;
	}
	.video-block-slider-style-2 .card-video .card-video--content-inner {
		border-radius: 0.75rem;
	}
	.video-block-slider-style-2 .card-video .has-overlay:after {
		border-radius: 0.75rem;
	}
}
