.modern h2, .modern .columns > .columns__item h2, .modern h1.smaller-header {
	margin: 1.5rem 0 2rem 0;
}

	.two-column-grid {
		margin: auto;
	}
	@media (min-width: 64em) {
		.two-column-grid {
    		margin: 3rem auto;
		}
	}

	.universal-full-width .brag-points__container {
		display: grid; 
		align-items: start;
		grid-auto-columns: 1fr; 
		grid-template-columns: 1fr 1fr 1fr; 
		grid-template-rows: 1fr; 
		gap: 0px 0px; 
		grid-template-areas: 
		"first-column second-column"
		"third-column fourth-column"; 
	}
	.first-column { grid-area: first-column; }
	.second-column { grid-area: second-column; }
	.third-column { grid-area: third-column; }
	.fourth-column { grid-area: fourth-column; }
		
	.universal-full-width .brag-points__item {
    	border-right: none;
		margin: 0 0 1.5rem 0;
	}

	.universal-full-width .brag-points__value, .universal-full-width .pride-points h3  {
		border-bottom: 3px solid #ffd046;
		padding-bottom: 1rem;
		max-width: max-content;
	}

	.universal-full-width .pride-points h3  {
		margin: 1rem auto 1rem auto;
	}

.universal-full-width .pride-points {
	padding: 1rem;
}
.universal-full-width .pride-points p {
	font-size: 1.35rem;
}
		
	.header__wrap {
		z-index: 4;
	}
		
	#maincontent.universal-full-width {
		padding-top: 3.15rem;
	}
	@media (min-width: 64em) {
		#maincontent.universal-full-width {
			padding-top: 0rem;
		}
	}

	.homepage-banner__container {
		background-color: #000000;
		background-repeat: repeat-x;
		}

.homepage-banner {
    position: relative;
    height: auto; 
    width: auto;
    margin: -3.140rem auto 0 auto;
    color: #ffffff;
    background-color: #000000;
	
}

.homepage-banner__media {
    height: 67vh; 
    width: 100%;
    overflow: clip;
    aspect-ratio: 4 / 3;
    margin-right: auto;
	max-height: 70%;
}

.homepage-banner__media video {
    position: relative;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index : 1;
	max-height: 70vh;
}

#homepage-banner__desktop-video {
		display: none;
}

.homepage-banner__overlay {
    z-index: 2;
    display: block;
    width: 100%;
	background-color: rgb(0, 0, 0, 0.8);
	background-image: url("https://www.usm.edu/_resources/img/backgrounds/darktexturebg.jpeg");
	position: relative;
	background-position: top;
}

.homepage-banner__content {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 50rem;
    z-index: 2;
    padding: 0.5rem 1.5rem 3rem 1.5rem;
}
		
/* Angle Link Redesign */

.angle--inline {
  margin: 0 3rem 0 0;
}


.homepage-banner__cta a.angle {
    text-decoration: none;
    font-size: 1.25rem;
}
		
.homepage-banner__cta .angle--inline {
	margin: 1.5rem 1.5rem 0 0;
}
		
.homepage-banner__cta .angle::after {
	height: 0;
	width: 0;
	display: none;
}

.homepage-banner__cta a.angle:hover {
    text-decoration: underline;
}

.homepage-banner__cta .angle svg {
    width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    background-color: transparent;
    font-family: FontAwesome;
    transition: 0.5s;
	margin-left: .25rem;
		vertical-align: middle;
}

.homepage-banner__cta .angle:hover svg {
    box-shadow: none;
    color: #ffd046;
    transform: translateX(50%);
}

@media (min-width: 48em) {
	.homepage-banner__cta a.angle {
    	text-decoration: none;
    	font-size: 1.5rem;
	}
	.homepage-banner__cta .angle svg {
		font-size: 1.4rem;
		width: 1.4rem;
		height: 1.4rem;
	}
}
		
.splash__video {
	position: static;
}

.splash__control {
	display: block;
	position: relative;
	bottom: 7rem;
	right: 0;
	width: 4rem;
	height: 4rem;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	background-color: #000;
	background-color: var(--black);
    z-index: 3;
}

.splash__control::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2rem;
	height: 2rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	opacity: .75;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill='%23ffd046'%3E%3Cpath d='M18.3 36.4q-.75.5-1.525.05Q16 36 16 35.1V12.6q0-.9.775-1.35.775-.45 1.525.05L36 22.6q.7.45.7 1.25T36 25.1Z'/%3E%3C/svg%3E");
}

.splash__control[data-playing]::after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' fill='%23ffd046'%3E%3Cpath d='M28.25 38V10H36v28ZM12 38V10h7.75v28Z'/%3E%3C/svg%3E");
}

.homepage-banner__content h1 {
    font-size: calc(1.9rem + 0.9vw);
    color: #ffffff;
}

.homepage-banner__content .angle {
    color: #fff;
}

.homepage-banner__content .angle svg {
    color: #fff;
}
		
.homepage-banner__cta .filter__label {
	color: #000000;
}
		
@media (min-width: 40em) {
	#homepage-banner__desktop-video {
		display: block;
		max-height: 100%;
	}
	#homepage-banner__mobile-video {
		display: none;
	}
}
@media (min-width: 64em) {
	.homepage-banner__media {
		height: auto; 
	}
}


@media (min-width: 80em) {
    .homepage-banner {
        position: relative;
        height: auto; 
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -3.125rem;
        color: #ffffff;
        max-height: 50rem;
    }

    .homepage-banner__media {
        min-height: 100%;
		max-height: 50rem;
		overflow: hidden;
    }
				
	.homepage-banner__media video {
		max-height: 100%;
	}

    .splash__control {
        bottom: 5rem;
        left: 5rem;
        top: initial;
    }
    .homepage-banner__overlay {
        max-width: 100%;
        justify-content: right;
        padding: 0;
        width: min-content;
		margin-left: auto;
        height: auto;
        min-height: 100%;
		max-height: 51rem;
        background-size: auto;
        margin-top: 0rem;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
		clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
    }

    .homepage-banner__content {
		 	margin: auto 0 auto 6rem;
            width: 37rem;
            max-width: 100%;
            z-index: 2;
            padding: 1rem;
    }
		
	.homepage-banner__top-text {
           margin: auto 0 auto 6rem;
	}
	.homepage-banner__cta {
           margin: auto 0 auto 3rem;
	}
	.homepage-banner__cta a.angle {
           font-size: 1.1rem;
	}

}

		
/* Homecoming Feature Adjustments */
.universal-full-width > .panel-section.gold-section {
		background-repeat: no-repeat;
		background-size: cover;
}
		
.universal-full-width .panel-section.gold-section .homecoming-feature h2 {
		font-family: "obviously", sans-serif;
		display: inline;
}
		
.universal-full-width .panel-section.gold-section .centered__container > .columns {
		align-items: start;
}
		
.universal-full-width .localist-widget-usm-feature-grid header h2.event-title {
	font-size: 1rem;
}

@media only screen and (min-width: 62.5em) {
  .universal-full-width .localist-widget-usm-feature-grid .event-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
		
.homecoming-feature .angle.heading svg {
		font-size: calc(2.4rem + 0.5vw);
		width: 4rem;
		height: 4rem;
		padding-bottom: 1rem;
	}

.homecoming-feature .angle:hover svg {
    color: #ffffff;
}
	
		
		
		
		.ratio-vertical {
			position: relative;
			display: block;
			width: 100%;
		}
		.ratio-vertical > iframe {
			aspect-ratio: 9 / 16;
			max-width: 24rem;
			margin: auto;
			width: 100%;
			display: flex;
		}
		@media (min-width: 64em) {
			.ratio-vertical > iframe {
				display: block;
			}
		}


		h1, .h1 {
		 	font-family: "obviously", sans-serif;
			text-transform: uppercase;
			font-weight: 800;
			font-display:auto;
			font-style:italic;
			font-stretch:normal;
			margin-top: 0.75rem;
		font-size: calc(3rem + 0.5vw);
		}
		h2, .h2, h3, .h3, .cta__container > h2, h4, .h4, h5, .h5 {
			font-family: "obviously-narrow", sans-serif;
			font-style:italic;
			font-weight:700;
			text-transform: uppercase;
		}
		h2, .h2, .universal-full-width .columns > .columns__item h2 {
			font-size: calc(2.4rem + 0.5vw);
		}
		h3, .h3, .cta__container > h2 { 
			font-size: calc(1.9rem + 0.5vw);
		}
		h4, .h4 { 
			font-size: calc(1rem + 0.25vw);
		}
		h4, .h4 { 
			font-size: calc(1rem + 0.15vw);
		}
		.hero__title {
			font-size: clamp(2.31rem, 8vw, 8.44rem);
		}
	.universal-full-width .blocks, .universal-full-width .feed {
		margin: 0;
	}

	.splash__cta {
	  margin: 1.5rem 1rem 0 0;
	  display: flex;
	}

	.splash__button {
	  margin: 1.5rem 1rem 0 0;
	}

	.button {
	  font-size: 0.9rem;
	}

	.homepage__news {
			margin: 3rem auto 6rem auto;
	}
		
	.homepage__news .three-columns__item {
		background-color: #ffd046;
		max-width: 30rem;
	}
		
	.homepage__news .three-columns__item:not(:first-child) {
		margin-top: 3rem;
	}
	.homepage__news .featured-news {
		margin: 2rem auto 0 auto;
	}
	.homepage__news .featured-news__title {
		padding: 0 2rem 1rem 2rem;
	}
	.featured-news__image {
   		aspect-ratio: 4/3;
	}

	p.featured-news__title {
	  margin: 1rem 0;
	}
	
	p.featured-news__title > a {
	  color: #000;
	}


	.featured-news__meta {
	  display: block;
	  margin: 1rem 0;
	  padding: 0 2rem;
	  font-weight: bold;
	}

	@media (min-width: 64em) {
	  .universal-full-width .centered__container > .columns {
		max-width: 90rem;
	  }
		.universal-full-width .blocks, .universal-full-width .feed {
			margin: 3rem 0;
	  }
	  .splash__control {
			display: block;
	  }
	  .splash__cta {
	  	margin: 1.5rem 1rem 0 0;
	  	display: block;
	  }
	  .button {
	  	font-size: 1.1rem;
	  }
	  .homepage__news .three-columns .featured-news__item {
			margin: 0 3rem 3rem 3rem;
			width: calc(33.333% - 3rem);
		}
		.homepage__news .three-columns .featured-news__item:first-child {
			margin: 0 3rem 3rem 0rem;
			width: calc(33.333% - 3rem);
		}
		.homepage__news .three-columns .featured-news__item:last-child {
			margin: 0 0rem 3rem 3rem;
			width: calc(33.333% - 3rem);
		}
	}
		
	.modern .localist-widget-usm-feature-grid .event-card .content p {
		font-size: calc(0.85rem + 0.25vw);
	}
		
	.gb-u-bg-color-navy--extend-bottom::before {
		content: "";
		height: 60px;
		background-color: #053371;
		position: absolute;
		bottom: 0;
		width: 3000%;
		left: -1000%;
		display: block;
		z-index: -1;
	}

	form.degree-search {
		padding: 0;
		margin: 0 auto;
	 }

	 form.degree-search .filter__item {
		margin: 0 auto;
		border: 0;
	 }

	 form.degree-search .segment {
		padding: 32px 0;
		text-align: center;
	  }

	  form.degree-search button, input {
		border: 0;
		font-size: 16px;
		padding: 16px;
		background-color: #EBECF0;
		text-shadow: 1px 1px 0 #FFF;
	  }

	  form.degree-search label {
		display: block;
		margin-bottom: 0;
		width: 100%;
	  }

	  form.degree-search input {
		margin-right: 8px;
		width: 100%;
		box-sizing: border-box;
		transition: all 0.2s ease-in-out;
		appearance: none;
		-webkit-appearance: none;
	  }

	  form.degree-search button {
		color: #000000;
		background-color: #ffd046;
		font-weight: bold;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
		font-weight: 600;
		margin-left: 0.6rem;
	  }
	  form.degree-search button:hover {
		box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC;
	  }
	  form.degree-searchbutton:active {
		box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
	  }
	  form.degree-search button .icon {
		margin-right: 8px;
	  }
	  form.degree-search button.unit {
		border-radius: 8px;
		line-height: 0;
		width: 48px;
		height: 48px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		margin: 0 8px;
		font-size: 19.2px;
	  }
	  form.degree-search button.unit .icon {
		margin-right: 0;
	  }

	  form.degree-search .input-group {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	  }
	  form.degree-search .input-group label {
		margin: 0;
		flex: 1;
	  }
				/*\
		  Basic Modal Styles
		\*/

		.modal {
		  	z-index: 100;
			position: relative;
		}

		.modal__overlay {
		  position: fixed;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background: rgba(0,0,0,0.75);
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}

		.modal__container {
		  background: transparent;
		  max-width: 64rem;
		  max-height: 100%;
		  border-radius: 4px;
		  overflow-y: auto;
		  box-sizing: border-box;
	      width: 100%;

		}

		.modal__header {
		  display: flex;
		  justify-content: end;
		  align-items: center;
		}

		.modal__title {
		  margin-top: 0;
		  margin-bottom: 0;
		  font-weight: 600;
		  font-size: 1.25rem;
		  line-height: 1.25;
		  color: #00449e;
		  box-sizing: border-box;
		}

		.modal__close {
		  background: transparent;
		  border: 0;
		}

		.modal__header .modal__close:before { content: "\2715"; color: #ffd047; font-size: 2rem; }

		.modal__content {
		  margin: 0;
		  line-height: 1.5;
		  color: rgba(0,0,0,.8);
		}
		
		.modal__video {
  			aspect-ratio: 16 / 9;
  			width: 100%;
		}

		.modal__btn {
		  font-size: .875rem;
		  padding-left: 1rem;
		  padding-right: 1rem;
		  padding-top: .5rem;
		  padding-bottom: .5rem;
		  background-color: #e6e6e6;
		  color: rgba(0,0,0,.8);
		  border-radius: .25rem;
		  border-style: none;
		  border-width: 0;
		  cursor: pointer;
		  -webkit-appearance: button;
		  text-transform: none;
		  overflow: visible;
		  line-height: 1.15;
		  margin: 0;
		  will-change: transform;
		  -moz-osx-font-smoothing: grayscale;
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -webkit-transform: translateZ(0);
		  transform: translateZ(0);
		  transition: -webkit-transform .25s ease-out;
		  transition: transform .25s ease-out;
		  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
		}

		.modal__btn:focus, .modal__btn:hover {
		  -webkit-transform: scale(1.05);
		  transform: scale(1.05);
		}

		.modal__btn-primary {
		  background-color: #00449e;
		  color: #fff;
		}



		/*\
		  Demo Animation Style
		\*/
		@keyframes mmfadeIn {
			from { opacity: 0; }
			  to { opacity: 1; }
		}

		@keyframes mmfadeOut {
			from { opacity: 1; }
			  to { opacity: 0; }
		}

		@keyframes mmslideIn {
		  from { transform: translateY(15%); }
			to { transform: translateY(0); }
		}

		@keyframes mmslideOut {
			from { transform: translateY(0); }
			to { transform: translateY(-10%); }
		}

		.micromodal-slide {
		  display: none;
		}

		.micromodal-slide.is-open {
		  display: block;
		}

		.micromodal-slide[aria-hidden="false"] .modal__overlay {
		  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
		}

		.micromodal-slide[aria-hidden="false"] .modal__container {
		  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
		}

		.micromodal-slide[aria-hidden="true"] .modal__overlay {
		  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
		}

		.micromodal-slide[aria-hidden="true"] .modal__container {
		  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
		}

		.micromodal-slide .modal__container,
		.micromodal-slide .modal__overlay {
		  will-change: transform;
		}
		
	.swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
		padding: 0 0 6rem 0;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	@media (min-width: 64em) {
	  .swiper-slide:nth-child(even) {
		margin-top: 3rem;
	  }
	}