@charset "UTF-8";
/*
	This is banner.css as taken from the College of Law site on 1/3/2021. This is different from banner.css in the UIDS build.
	This css is currently being loaded separately in functions.php.
	Hopefully, this will be included properly in the UIDS build. 

*/


.banner {
	position: relative;
	overflow: hidden;
	flex-basis: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.banner.banner--vertical-bottom {
	align-items: flex-end
}

.banner:focus-within .bold-headline a:focus {
	text-decoration: underline
}

.banner__container {
	margin: 0 auto;
	width: 100%;
	z-index: 1
}

@media (min-width:768px) {
	.banner__container {
		z-index: 1;
		max-width: 81.875em;
		top: 0
	}
}

.banner img {
	width: 100%
}

.banner__image {
	overflow: visible
}

.banner__image img {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	height: 100%;
	top: 0
}

.banner .banner__action .bttn {
	margin: 0 1rem 1rem 0
}

@media (min-width:768px) {
	.banner .banner__action .bttn+.bttn {
		margin: 0 1rem 1rem 0
	}
}

.banner .media--video,
.banner .media--video video {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0
}

.banner .media--video video {
	overflow: visible;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.banner__text {
	z-index: 1
}

.banner__content {
	padding: 1.25rem
}

@media (min-width:768px) {
	.banner__content {
		padding: 1.25rem 0 2rem
	}
}

.banner__content>* {
	flex-basis: 100%
}

.banner__content .bttn {
	margin-right: auto;
	margin-left: 0;
	z-index: 1
}

@media (min-width:84.375em) {
	.banner__content {
		padding: 1.25rem 0
	}
}

.banner blockquote,
.banner blockquote a,
.banner h2:not([class*=bold-headline]),
.banner h2:not([class*=bold-headline]) a,
.banner h3:not([class*=bold-headline]),
.banner h3:not([class*=bold-headline]) a,
.banner h4:not([class*=bold-headline]),
.banner h4:not([class*=bold-headline]) a,
.banner h5:not([class*=bold-headline]),
.banner h5:not([class*=bold-headline]) a,
.banner h6:not([class*=bold-headline]),
.banner h6:not([class*=bold-headline]) a,
.banner p {
	color: #fff
}

.banner p {
	line-height: 1.5;
	margin-top: 0;
	text-shadow: 0 1px 1px #000
}

.banner p a {
	position: relative;
	z-index: 1;
	color: #fff
}

.banner.bg--gold,
.banner.bg--gray,
.banner.bg--light,
.banner.bg--white,
.banner.bg-pattern--brain,
.banner.bg-pattern--brain-reversed {
	color: #151515
}

.banner.bg--gold p,
.banner.bg--gray p,
.banner.bg--light p,
.banner.bg--white p,
.banner.bg-pattern--brain-reversed p,
.banner.bg-pattern--brain p {
	color: #151515;
	font-weight: 400;
	text-shadow: none
}

.banner.bg--gold blockquote,
.banner.bg--gold blockquote a,
.banner.bg--gold h2:not([class*=bold-headline]),
.banner.bg--gold h2:not([class*=bold-headline]) a,
.banner.bg--gold h3:not([class*=bold-headline]),
.banner.bg--gold h3:not([class*=bold-headline]) a,
.banner.bg--gold h4:not([class*=bold-headline]),
.banner.bg--gold h4:not([class*=bold-headline]) a,
.banner.bg--gold h5:not([class*=bold-headline]),
.banner.bg--gold h5:not([class*=bold-headline]) a,
.banner.bg--gold h6:not([class*=bold-headline]),
.banner.bg--gold h6:not([class*=bold-headline]) a,
.banner.bg--gold p a,
.banner.bg--gray blockquote,
.banner.bg--gray blockquote a,
.banner.bg--gray h2:not([class*=bold-headline]),
.banner.bg--gray h2:not([class*=bold-headline]) a,
.banner.bg--gray h3:not([class*=bold-headline]),
.banner.bg--gray h3:not([class*=bold-headline]) a,
.banner.bg--gray h4:not([class*=bold-headline]),
.banner.bg--gray h4:not([class*=bold-headline]) a,
.banner.bg--gray h5:not([class*=bold-headline]),
.banner.bg--gray h5:not([class*=bold-headline]) a,
.banner.bg--gray h6:not([class*=bold-headline]),
.banner.bg--gray h6:not([class*=bold-headline]) a,
.banner.bg--gray p a,
.banner.bg--light blockquote,
.banner.bg--light blockquote a,
.banner.bg--light h2:not([class*=bold-headline]),
.banner.bg--light h2:not([class*=bold-headline]) a,
.banner.bg--light h3:not([class*=bold-headline]),
.banner.bg--light h3:not([class*=bold-headline]) a,
.banner.bg--light h4:not([class*=bold-headline]),
.banner.bg--light h4:not([class*=bold-headline]) a,
.banner.bg--light h5:not([class*=bold-headline]),
.banner.bg--light h5:not([class*=bold-headline]) a,
.banner.bg--light h6:not([class*=bold-headline]),
.banner.bg--light h6:not([class*=bold-headline]) a,
.banner.bg--light p a,
.banner.bg--white blockquote,
.banner.bg--white blockquote a,
.banner.bg--white h2:not([class*=bold-headline]),
.banner.bg--white h2:not([class*=bold-headline]) a,
.banner.bg--white h3:not([class*=bold-headline]),
.banner.bg--white h3:not([class*=bold-headline]) a,
.banner.bg--white h4:not([class*=bold-headline]),
.banner.bg--white h4:not([class*=bold-headline]) a,
.banner.bg--white h5:not([class*=bold-headline]),
.banner.bg--white h5:not([class*=bold-headline]) a,
.banner.bg--white h6:not([class*=bold-headline]),
.banner.bg--white h6:not([class*=bold-headline]) a,
.banner.bg--white p a,
.banner.bg-pattern--brain-reversed blockquote,
.banner.bg-pattern--brain-reversed blockquote a,
.banner.bg-pattern--brain-reversed h2:not([class*=bold-headline]),
.banner.bg-pattern--brain-reversed h2:not([class*=bold-headline]) a,
.banner.bg-pattern--brain-reversed h3:not([class*=bold-headline]),
.banner.bg-pattern--brain-reversed h3:not([class*=bold-headline]) a,
.banner.bg-pattern--brain-reversed h4:not([class*=bold-headline]),
.banner.bg-pattern--brain-reversed h4:not([class*=bold-headline]) a,
.banner.bg-pattern--brain-reversed h5:not([class*=bold-headline]),
.banner.bg-pattern--brain-reversed h5:not([class*=bold-headline]) a,
.banner.bg-pattern--brain-reversed h6:not([class*=bold-headline]),
.banner.bg-pattern--brain-reversed h6:not([class*=bold-headline]) a,
.banner.bg-pattern--brain-reversed p a,
.banner.bg-pattern--brain blockquote,
.banner.bg-pattern--brain blockquote a,
.banner.bg-pattern--brain h2:not([class*=bold-headline]),
.banner.bg-pattern--brain h2:not([class*=bold-headline]) a,
.banner.bg-pattern--brain h3:not([class*=bold-headline]),
.banner.bg-pattern--brain h3:not([class*=bold-headline]) a,
.banner.bg-pattern--brain h4:not([class*=bold-headline]),
.banner.bg-pattern--brain h4:not([class*=bold-headline]) a,
.banner.bg-pattern--brain h5:not([class*=bold-headline]),
.banner.bg-pattern--brain h5:not([class*=bold-headline]) a,
.banner.bg-pattern--brain h6:not([class*=bold-headline]),
.banner.bg-pattern--brain h6:not([class*=bold-headline]) a,
.banner.bg-pattern--brain p a {
	color: #151515
}

.banner.bg--gold .bold-headline.bold-headline--negative,
.banner.bg--gray .bold-headline.bold-headline--negative,
.banner.bg--light .bold-headline.bold-headline--negative,
.banner.bg--white .bold-headline.bold-headline--negative,
.banner.bg-pattern--brain-reversed .bold-headline.bold-headline--negative,
.banner.bg-pattern--brain .bold-headline.bold-headline--negative {
	color: #151515;
	text-shadow: none
}

.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]),
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) blockquote,
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) blockquote a,
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h2:not([class*=bold-headline]),
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h2:not([class*=bold-headline]) a,
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h3:not([class*=bold-headline]),
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h3:not([class*=bold-headline]) a,
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h4:not([class*=bold-headline]),
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h4:not([class*=bold-headline]) a,
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h5:not([class*=bold-headline]),
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h5:not([class*=bold-headline]) a,
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h6:not([class*=bold-headline]),
.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) h6:not([class*=bold-headline]) a,
.banner.bg--gold .bold-headline.bold-headline--negative a,
.banner.bg--gray .bold-headline.bold-headline--negative a,
.banner.bg--light .bold-headline.bold-headline--negative a,
.banner.bg--white .bold-headline.bold-headline--negative a,
.banner.bg-pattern--brain-reversed .bold-headline.bold-headline--negative a,
.banner.bg-pattern--brain .bold-headline.bold-headline--negative a {
	color: #151515
}

.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) p {
	color: #151515;
	font-weight: 400;
	text-shadow: none
}

.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) p a {
	color: #151515
}

.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) .bold-headline.bold-headline--negative {
	color: #151515;
	text-shadow: none
}

.banner.banner--gradient-light:not([class*=bg--black]):not([class*=bg-pattern--brain-black]) .bold-headline.bold-headline--negative a {
	color: #151515
}

.banner .bold-headline {
	z-index: 1;
	margin-top: 0;
	margin-bottom: .7rem;
	font-size: calc(100% + 4vw)
}

.banner .bold-headline a:hover {
	text-decoration: none
}

.banner .bold-headline a:focus {
	text-decoration: underline
}

.banner .bold-headline.bold-headline--negative {
	color: #151515;
	text-shadow: 0 1px 1px #000;
	color: #fff
}

.banner .bold-headline.bold-headline--negative a {
	color: #fff
}

@media (min-width:768px) {
	.banner .bold-headline {
		font-size: calc(100% + 2.5vw)
	}
}

.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	transition: all .5s ease-in-out;
	will-change: opacity;
	background: rgba(0, 0, 0, .6)
}

.banner:not([class*=bg-]) {
	background: #151515
}

.banner[class*=bg-]:after {
	background: inherit
}

.banner--horizontal-center {
	text-align: center
}

.banner--horizontal-center .banner__content>* {
	margin-right: auto;
	margin-left: auto
}

.media--video {
	position: relative
}

.media--video .video-controls {
	position: absolute;
	z-index: 1;
	left: 1.25rem;
	bottom: 1.25rem
}

@media (min-width:84.375em) {
	.media--video .video-controls {
		left: 3rem;
		bottom: 3rem
	}
}

.media--video .video-btn {
	display: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	color: #151515;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
	font-size: 1rem;
	padding: 0
}

@media (min-width:768px) {
	.media--video .video-btn {
		display: block
	}
}

.media--video .video-btn:after {
	content: "\f04b";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	font-size: 1rem
}

.media--video .video-btn.video-btn__play:after {
	margin-left: 3px
}

.media--video .video-btn.video-btn__pause:after {
	content: "\f04c"
}

@media (hover:none),
(hover:on-demand) {
	.media--video .video-btn {
		display: none
	}
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.banner,
	.banner__container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%
	}
	.banner .media--video,
	.banner__image img {
		left: 0
	}
	.banner .banner__container {
		min-height: 18rem
	}
}

@media (-ms-high-contrast:active) and (min-width:768px),
(-ms-high-contrast:none) and (min-width:768px) {
	.banner.banner--large .banner__container {
		min-height: 33rem
	}
}

@media (-ms-high-contrast:active) and (min-width:855px),
(-ms-high-contrast:none) and (min-width:855px) {
	.banner.banner--large .banner__container {
		min-height: 48rem
	}
}

@media (-ms-high-contrast:active) and (min-width:768px),
(-ms-high-contrast:none) and (min-width:768px) {
	.banner.banner--medium .banner__container {
		min-height: 33rem
	}
}

.banner.banner--gradient-left-reversed .bold-headline.bold-headline--negative {
	text-shadow: none;
	color: #151515
}

.banner {
	min-height: 18rem
}

@media (min-width:768px) {
	.banner--large {
		min-height: 33rem
	}
}

@media (min-width:855px) {
	.banner--large {
		min-height: 48rem
	}
}

@media (min-width:768px) {
	.banner--medium {
		min-height: 33rem
	}
}

.banner.bg--gold .bttn--primary,
.banner.bg-pattern--brain-reversed .bttn--primary {
	color: #fff;
	background: #151515;
	border: 1px solid #151515
}

.banner.bg--gold .bttn--primary svg,
.banner.bg-pattern--brain-reversed .bttn--primary svg {
	color: #ffcd00
}

@media (min-width:768px) {
	.layout--onecol .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--25-75 .layout__region--second .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--33-67 .layout__region--second .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--50-50 .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--67-33 .layout__region--first .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--75-25 .layout__region--first .banner:not([class*=banner--horizontal-left]) .banner__text {
		width: 100%
	}
}

@media (min-width:855px) {
	.layout--onecol .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--25-75 .layout__region--second .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--33-67 .layout__region--second .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--50-50 .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--67-33 .layout__region--first .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--75-25 .layout__region--first .banner:not([class*=banner--horizontal-left]) .banner__text {
		width: 80%
	}
}

@media (min-width:84.375em) {
	.layout--onecol .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--25-75 .layout__region--second .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--33-67 .layout__region--second .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--50-50 .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--67-33 .layout__region--first .banner:not([class*=banner--horizontal-left]) .banner__text,
	.layout--twocol--75-25 .layout__region--first .banner:not([class*=banner--horizontal-left]) .banner__text {
		width: 60%
	}
}

@media (min-width:855px) {
	.layout--fourcol .banner .bold-headline,
	.layout--threecol .banner .bold-headline,
	.layout--twocol--25-75 .layout__region--first .banner .bold-headline,
	.layout--twocol--33-67 .layout__region--first .banner .bold-headline,
	.layout--twocol--67-33 .layout__region--second .banner .bold-headline,
	.layout--twocol--75-25 .layout__region--second .banner .bold-headline {
		font-size: 2.4rem
	}
}

@media (min-width:855px) {
	.layout--fourcol .banner .bold-headline.bold-headline--highlight,
	.layout--threecol .banner .bold-headline.bold-headline--highlight,
	.layout--twocol--25-75 .layout__region--first .banner .bold-headline.bold-headline--highlight,
	.layout--twocol--33-67 .layout__region--first .banner .bold-headline.bold-headline--highlight,
	.layout--twocol--67-33 .layout__region--second .banner .bold-headline.bold-headline--highlight,
	.layout--twocol--75-25 .layout__region--second .banner .bold-headline.bold-headline--highlight {
		font-size: 1.8rem
	}
}

@media (min-width:768px) {
	.layout--fourcol .banner .banner__content,
	.layout--threecol .banner .banner__content,
	.layout--twocol--25-75 .layout__region--first .banner .banner__content,
	.layout--twocol--33-67 .layout__region--first .banner .banner__content,
	.layout--twocol--67-33 .layout__region--second .banner .banner__content,
	.layout--twocol--75-25 .layout__region--second .banner .banner__content {
		padding: 2rem
	}
}

@media (min-width:768px) {
	.layout--onecol .banner .banner__content,
	.layout--twocol--25-75 .layout__region--second .banner .banner__content,
	.layout--twocol--33-67 .layout__region--second .banner .banner__content,
	.layout--twocol--50-50 .banner .banner__content,
	.layout--twocol--67-33 .layout__region--first .banner .banner__content,
	.layout--twocol--75-25 .layout__region--first .banner .banner__content {
		padding: 3rem
	}
}

@media (min-width:768px) {
	.layout--onecol .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--25-75 .layout__region--second .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--33-67 .layout__region--second .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--50-50 .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--67-33 .layout__region--first .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--75-25 .layout__region--first .banner--vertical-center.banner--horizontal-left .banner__content {
		width: 100%
	}
}

@media (min-width:855px) {
	.layout--onecol .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--25-75 .layout__region--second .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--33-67 .layout__region--second .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--50-50 .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--67-33 .layout__region--first .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--75-25 .layout__region--first .banner--vertical-center.banner--horizontal-left .banner__content {
		width: 80%
	}
}

@media (min-width:84.375em) {
	.layout--onecol .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--25-75 .layout__region--second .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--33-67 .layout__region--second .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--50-50 .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--67-33 .layout__region--first .banner--vertical-center.banner--horizontal-left .banner__content,
	.layout--twocol--75-25 .layout__region--first .banner--vertical-center.banner--horizontal-left .banner__content {
		width: 50%
	}
}

@media (min-width:84.375em) {
	.layout--onecol[class*=page__container--edge] .banner .banner__content {
		padding: 3rem 0
	}
}

@media (min-width:992px) {
	.banner--large .bold-headline {
		font-size: calc(100% + 3.5vw)
	}
}

@media (min-width:84.375em) {
	.banner--gradient-left:after {
		background: linear-gradient(90deg, rgba(0, 0, 0, .86), rgba(0, 0, 0, .23) 65%, transparent)
	}
}

.banner--gradient-left.banner--gradient-light:after {
	background: hsla(0, 0%, 100%, .7)
}

@media (min-width:84.375em) {
	.banner--gradient-left.banner--gradient-light:after {
		background: linear-gradient(90deg, #fff 1%, hsla(0, 0%, 100%, .92) 32%, hsla(0, 0%, 100%, 0))
	}
}

.banner--gradient-left.banner--gradient-light[class*=bg-]:after,
.banner--gradient-left[class*=bg-]:after {
	background: none
}

@media (min-width:84.375em) {
	.banner--gradient-bottom:after {
		background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .65) 70%)
	}
}

.banner--gradient-bottom.banner--gradient-light:after {
	background: hsla(0, 0%, 100%, .7)
}

@media (min-width:84.375em) {
	.banner--gradient-bottom.banner--gradient-light:after {
		background: linear-gradient(180deg, transparent, hsla(0, 0%, 100%, .9) 55%)
	}
}

.banner--gradient-bottom.banner--gradient-light[class*=bg-]:after {
	background: none
}

.banner__image .contextual-region {
	position: unset
}

.banner__image .field--name-field-media-image img {
	height: 100%
}

.banner video {
	width: 100%!important
}