/**
 * Custom

 * Any custom styles implemented in the OmniUpdate environment
 * should go here
 */

a.sunburst-link	{
	text-transform: uppercase;
}

h2 a.sunburst-link,
h3 a.sunburst-link,
h2 a.sweep-link,
h3 a.sweep-link	{
	font-size: 18px;
	font-family: "proxima-nova", sans-serif;
	margin: 30px 0 15px;
}

.default-table td a.sweep-link, 
.default-table th a.sweep-link	{
	font-weight: 700;
}

* > p:last-child	{
	margin-bottom: 1em;
}

.wysiwyg .sweep-link	{
	text-transform: inherit;
}

img.picture-right,
.div-right	{
	float: right;
	margin: 0 0 2rem 2rem;
}

img.picture-left,
.div-left	{
	float: left;
	margin: 0 2rem 2rem 0;
}

.hide-nw	{
	background-image: none !important;
	padding-right: 0 !important;
}

.caption-size	{
	font-size: 13px;
	line-height: .5em;
}

.page-title a	{
	text-transform: uppercase;
}

table.testing	{
	border: 2px dashed pink;
}

.block-style	{
	color: #D03D2F;
}

/* SIDE NAVIGATION */

@media (min-width: 1025px)	{
	.aside-panel .aside-nav__list {
		padding: 0 0 31px;
		border-bottom: 1px solid #dec9c0;
	}
}

.aside-panel .aside-nav__list__item {
	margin: 1.2em 0 0;
	line-height: 1.5em;
}

.aside-panel .aside-nav__list__item a	{
	line-height: .5em;
}

.sub-sub-nav {
	margin-left: 25px !important;
	font-style: italic;
	margin-top: 8px !important;
	margin-bottom: 0 !important;
}

@media (max-width: 665px) { /* pt */
  #oualerts-active-alert-display .oualerts-notify-icon {
    display: block !important;
    margin-bottom: 10px !important;
  }
}

hr	{
	border: none;
	height: 1px;
	background-color: #666;
}

/* MOVE TO MAIN CSS - WHEN CONVENIENT */

.accordion {
    max-width: 100%;
}

.hero-calendar__title	{
	line-height: 1em;
}

.main-content-wrapper	{
		padding: 48px 0 25px 0;
}

.events-list .category-dates-btn:before	{
	  background-image: url("../assets/icons/ou/expand-plus.svg");
}

@media (min-width: 1025px) {
	.genimglist .section__intro {
		max-width: 90%;
		margin: 0 0 40px;
	}
	
	.accordion__content {
		padding: 12px 20px 18px 52px;
	}
}

.genimglist__wrap	{
	max-width: 90%;
}

.genimglist__content	{
	justify-content: flex-start;
	padding-top: 0;
	padding-bottom: 1.5em;
}

.genimglist__content h2	{
	margin: 0 0 .5em 0;
	font-size: 1.625rem;
}

.genimglist__content h3	{
	margin: 0 0 .5em 0;
}

.genimglist__content p:last-child	{
	padding-bottom: 20px;
}

span#directedit	{
	padding-right: 5px;
}

.aside-panel .aside-nav__title a {
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #011745;
  background-size: 0% 1px;
}

.aside-panel .aside-nav__title a:hover {
  background-size: 100% 1px;
}

.hero-detail-directory .info-list__title {
    width: 75px;
}

.full-hero-section .title	{
	    text-shadow: 0 0 20px #333, 1px 1px 1px #666;
}

.full-hero-section .scroll-down-btn .icon-arrow	{
	text-shadow: 1px -1px 5px #bbb, 1px -0 #b3b3b3;
}

.full-hero-section h1.title	a	{
	color: inherit;
	background-image: none;
}

.wysiwyg h2,
.wysiwyg h3	{
	line-height: 1.5em;
	margin-bottom: 1em;
}

@media (min-width: 1025px) {
	.wysiwyg h2 {
		font-size: 29px;
	}
}

hr {
	background-color: #dfcec6;
	margin-bottom: 1.5em;
}

.larger-text	{
	font-size: 1.25em;
}

h2 a,
h3 a,
h4 a,
h5 a,
h6 a	{
	color: #004c98;
}
/* MOBILE SECTION DROP DOWN POSITION */

.aside-panel {
  position: relative;
  top: 0;
}

/* 
@media (min-width: 700px) {
  .aside-panel {
    top: 22px;
  }
}
 */

/* ADJUST MARGINS FOR LANDING PAGES */

.card-item .card-item__content	{
	padding-bottom: 40px;
}

.card-item .content-holder,
.card-item.card-2col .content-holder, 
.card-item.card-3col .content-holder	{
	padding-top: 10px;
	height: auto;
}

.wide-content .section__header.section__header	{
	margin: 0 0 20px 0;
	display: block;
}
			
@media (min-width: 1025px) {
	.wide-content .carousel-section	{
		padding: 0;
	}
	
	.carousel-section .section__intro-text {
		max-width: 100%;
		margin: 0 42px 20px 0;
	}
}

.wide-content .program-section .section__header.section__header	{
	margin: 0 auto 41px;
}

.wide-content .section__header .section__intro	{
	margin-top: 10px;
}

.wide-content .content-wrapper .container	{
	padding-bottom: 30px;
}

/* ICONS FOR LINKS */

a.pdflink,
a.wordlink,
a.excellink,
a.pplink,
a.ytlink,
a.googledoclink	{
	position: relative;
	padding-left: 20px;
	background-position: 20px 100%, center right;
}

.pdflink img,
.wordlink img,
.excellink img,
.pplink img,
.ytlink img,
.googledoclink img	{
	position: absolute;
	top: 0;
	left: 0;
	/* float: left; */
	margin: 3px 5px 0 0;
}

.program-list__program .pdflink img,
.program-list__program .wordlink img,
.program-list__program .excellink img,
.program-list__program .pplink img,
.program-list__program .ytlink img,
.program-list__program .googledoclink img,
.sunburst-list__item .pdflink img,
.sunburst-list__item .wordlink img,
.sunburst-list__item .excellink img,
.sunburst-list__item .pplink img,
.sunburst-list__item .ytlink img,
.sunburst-list__item .googledoclink img	{
	position: absolute;
	top: 0;
	left: 0;
	/* float: left; */
	margin: 8px 5px 0 0;
}

@media (max-width: 428px) {
	.program-list__program .pdflink img,
	.program-list__program .wordlink img,
	.program-list__program .excellink img,
	.program-list__program .pplink img,
	.program-list__program .ytlink img,
	.program-list__program .googledoclink img,
	.sunburst-list__item .pdflink img,
	.sunburst-list__item .wordlink img,
	.sunburst-list__item .excellink img,
	.sunburst-list__item .pplink img,
	.sunburst-list__item .ytlink img,
	.sunburst-list__item .googledoclink img	{
		width: 13px;
		margin: 5px 5px 0 0;
	}
}

a.blue-cta.pdflink,
a.blue-cta.wordlink,
a.blue-cta.excellink,
a.blue-cta.pplink,
a.blue-cta.ytlink,
a.blue-cta.googledoclink	{
	padding-left: 30px;
}

a.blue-cta.pdflink img,
a.blue-cta.wordlink img,
a.blue-cta.excellink img,
a.blue-cta.pplink img,
a.blue-cta.ytlink img,
a.blue-cta.googledoclink img	{
	margin: 18px 5px 0 10px;
}

a.blue-button.pdflink img,
a.blue-button.wordlink img,
a.blue-button.excellink img,
a.blue-button.pplink img,
a.blue-button.ytlink img,
a.blue-button.googledoclink img	{
	margin: 0;
	top: auto;
	left: auto;
	bottom: 6px;
	right: 0;
	padding-right: 5px;
}

a[target="_blank"] {
	position: relative;
	background-image: linear-gradient(currentColor, currentColor), url('/_resources/assets/icons/ou/new-window.png');
	background-repeat: no-repeat;
	background-position: 0% 100%, center right;
	padding-right: 23px;
	background-size: 100% 1px, 23px auto;
}

.aside-panel .aside-nav__list__item a[target="_blank"],
.main__nav .sub__nav a[target="_blank"]	{
	padding-right: 18px !important;
}

a[target="_blank"]:hover {
	background-size: 100% 2px, 23px auto;
}

.aside-panel .aside-nav__list__item a,
.main__nav .sub__nav a	{
	-webkit-transition: background 0.3s ease-in-out, none;
	-o-transition: background 0.3s ease-in-out, none;
	transition: background 0.3s ease-in-out, none;
	background-size: 0% 1px, 18px auto;
}

.aside-panel .aside-nav__list__item a:hover,
.main__nav .sub__nav a:hover	{
	background-size: 100% 1px, 18px auto;
}

a.pdflink[target="_blank"],
a.wordlink[target="_blank"],
a.excellink[target="_blank"],
a.pplink[target="_blank"],
a.ytlink[target="_blank"],
a.googledoclink[target="_blank"]	{
	background-position: 20px 100%, center right;
}

a.sunburst-link[target="_blank"] {
	background-image: none;
	padding-right: 0;
}

a.sweep-link[target="_blank"] {
	background-image: none;
	padding-right: 10px;
}

a.sweep-link[target="_blank"] {
	background-image: none;
	padding-right: 10px;
}

a.sweep-link .calendar-add__btn[target="_blank"] {
	background-image: none;
	padding-right: 26px;
}

.sweep-link	{
	margin-bottom: 0 !important;
}

@media (max-width: 700px) {
	.sweep-link	{
		margin-bottom: 18px !important;
	}
}

.sweep-link:focus {
  		color: #011745;	
	}

.sweep-link.blue-cta:focus-within::after {
		background-color: #f7cf3d;
	}

.header-wrapper	{
	position: relative;
}

@media screen and (min-width: 1900px) {
  .header-wrapper {
    max-width: 1900px;
    margin: 0 auto;
  }
}

.wrapper #main {
  -webkit-transition: padding-top 0.3s ease-in-out;
  -o-transition: padding-top 0.3s ease-in-out;
  transition: padding-top 0.3s ease-in-out;
  padding-top: 153px;
}

@media (min-width: 700px) {
  .wrapper #main {
    padding-top: 174px;
  }
}

@media (min-width: 1025px) {
  .wrapper #main {
    padding-top: 123px;
  }
}

@media (min-width: 1350px) {
  .wrapper #main {
    padding-top: 191px;
  }
}

.wrapper #main {
  padding: 8px 0 0;
}

/* SUNBURST ADJUSTMENTS */
.program-list a.sunburst-link	{
	margin-bottom: 0;
}

h2 a.sunburst-link,
h3 a.sunburst-link	{
	font-size: 1rem;
}

.sunburst-link span	{
	line-height: 1.2em;
}

/* FACULTY PAGE */
.hero-detail-directory .img-holder	{
	height: 261px;
	width: 261px;
}

.hero-detail-directory .img-holder img	{
	height: 100%;
}

/* TABLES */

table.data-table, 
table.data-table th, 
table.data-table td	{
	border: 1px solid #000;
	border-collapse: collapse;
	line-height: 1.5em;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

table.data-table	{
	margin-bottom: 1.5em;
	width: 100%;
}

table.data-table thead tr	{
	background-color: #ececec;
}

table.data-table th	{
	font-weight: normal;
}

table.data-table thead tr th	{
	font-weight: bold;
}

@media (min-width: 700px) {
	.data-table {
		width: 100%;
		border-top: none;
		margin-bottom: 25px;
		margin-right: 0;
	}
}

@media (min-width: 1025px) {
	.data-table {
		margin-bottom: 25px;
	}
}

@media (min-width: 700px) {
	.data-table td,
	.data-table th {
		padding: 5px;
	}
}

@media (min-width: 1025px) {
	.data-table td,
	.data-table th {
		padding: 5px;
	}

	.data-table td:last-child,
	.data-table th:last-child {
		padding-right: 0;
	}
}

@media (min-width: 700px) {
	.data-table tbody th,
	.data-table td {
		padding: 5px;
		font-size: .98em;
	}
}

@media (min-width: 1025px) {
	.data-table tbody th,
	.data-table td {
		padding: 5px;
		font-size: .98em;
	}
}

@media (min-width: 1025px) {
	.data-table thead th {
		font-size: 1em;
		line-height: 1.71;
	}
}

@media only screen and (max-width: 699px) {
	.data-table {
		overflow: hidden;
		border: none !important;
	}
	
	.data-table tbody,
	.data-table td,
	.data-table tr,
	.data-table {
		display: block;
		margin-bottom: 10px;
	}
	
	.data-table tbody {
		display: block;
		border-left: 660px solid transparent;
		float: left;
		width: 100%;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.data-table tr {
		float: left;
		width: 100%;
		background: #fff;
		clear: both;
	}

	table.data-table tr:nth-of-type(odd) th,
	table.data-table tr:nth-of-type(odd) td	{ 
		background-color: #efefef !important; 
	}

	.data-table tbody th,
	.data-table td {
		padding: 5px 0 0 665px !important;
		margin: 0 -1px 0 -661px;
		float: left;
		clear: both;
		width: 100%;
		white-space: nowrap;
		border-top: 1px solid #999 !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: none !important;
	}
	
	.data-table td:last-child	{
		border-bottom: 1px solid #999 !important;
	}

	.data-table tbody th:first-child,
	.data-table td:first-child {
		padding-top: 0;
	}
	
	.data-table tbody th:last-child,
	.data-table td:last-child {
		padding-bottom: 8px;
	}
	
	.data-table tbody th:before,
	.data-table td:before {
		content: attr(data-label);
		padding: 0 10px 5px 0;
		display: inline-block;
		color: #000 !important;
		width: 115px;
		vertical-align: top;
		margin: 0 0 0 -660px;
		position: relative;
		white-space: normal;
		text-transform: normal;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.67;
		letter-spacing: 1.3px;
	}
	
	.data-table tbody th span,
	.data-table td span {
		white-space: normal;
		display: inline-block;
		vertical-align: middle;
		padding: 3px 10px 10px 0;
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
				box-sizing: border-box;
		min-width: 150px;
		font-size: 15px;
		font-weight: normal;
		line-height: 1.67;
		color: #000;
	}
}

@media only screen and (max-width: 699px) and (min-width: 1025px) {
	.data-table tbody th span,
	.data-table td span {
		margin-left: 0;
	}
}

@media only screen and (max-width: 699px) {
	.data-table thead,
	.data-table thead {
		display: none;
	}
}

@media only screen and (max-width: 699px) {
	.default-table tbody th p:first-of-type,
	.default-table tbody td p:first-of-type {
		margin: -31px 0 1em -535px; <!-- modified by pt previously minus42px instead of minus31px -->
		width: 200px;
		white-space: normal;
	}

	.data-table tbody th p:first-of-type,
	.data-table tbody td p:first-of-type {
		margin: -31px 0 1em -535px;
		width: 200px;
		white-space: normal;
	}

	.default-table tbody td ul:first-of-type,
	.data-table tbody td ul:first-of-type {
		margin: -52px 0 60px -535px;
		width: 200px;
		white-space: normal;
	}

	.default-table tbody th p,
	.default-table tbody td p,
	.data-table tbody th p,
	.data-table tbody td p {
		margin: 0 0 1em -535px;
		width: 200px;
		white-space: normal;
	}

	.default-table tbody td ul,
	.data-table tbody td ul {
		margin: 0 0 1em -535px;
		width: 200px;
		white-space: normal;
	}

	.default-table tbody td ul li,
	.data-table tbody td ul li {
		margin-left: -19px;
	}

	.default-table tbody td p,
	.default-table tbody td ul {
		font-size: 15px;
		letter-spacing: 1.3px;
	}
}

/* EMERGENCY ALERT MODIFICATIONS */

@media (min-width: 1024px)	{
	#oualerts-active-alert-display .oualerts-notify-msg {
    	width: 60%;
    }
    
    #oualerts-active-alert-display .oualerts-notify-link	{
    	position: absolute;
		top: 35px;
		left: 65%;
    }
}

.card-item a.position[target="_blank"]	{
	padding-right: 0;
}

/* EMERGENCY BOX FOR SVRP */

.emergency-container {
	float: right; 
	width: 300px; 
	box-sizing: border-box; 
	margin: 0 0 20px 20px;
}

.emergency {
	width: 100%; 
	background-color: #e0e5f1; 
	box-sizing: border-box; 
	padding: 25px 10px; 
	position: relative;
	text-align: center;
}

.emergency h2	{
	color: #c10000;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	font-weight: 600;
}

@media 
only screen and (max-width: 640px),
(min-device-width: 640px) and (max-device-width: 768px)  {
	.emergency-container,
	.third-col-box	{
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
	}

	.emergency	{
		width: 100%;
	}
}

/* OLDER RESPONSIVE CODE!! 
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table.data-table, 
	table.data-table thead, 
	table.data-table tbody, 
	table.data-table th, 
	table.data-table td, 
	table.data-table tr { 
		display: block; 
		font-size: .98em;
	}

	table.data-table { 
		border: none; 
	}
	
	table.data-table  tr:first-child { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.data-table tr { 
		border: 1px solid #999;
		border-top: 1px solid #999; 
		margin-bottom: 5px;
	}
	
	table.data-table tr:nth-of-type(odd) { 
		background: #efefef; 
	}

	table.data-table td,
	table.data-table th { 
		border: none;
		position: relative;
		padding-left: 40%; 
	}
	
	table.data-table td:first-child { 
		border-top: none; 
	}
	
	table.data-table td { 
		border-top: 1px solid #666; 
	}
	
	table.data-table td a { 
		color: #005cb9; 
	}
	
	table.data-table td:before,
	table.data-table th:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 55%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: bold;
	}
}
*/


/* GRID BUTTON STYLES */

.button-grid-1,
.button-grid-2,
.button-grid-3,
.button-grid-4,
.button-grid-5,
.button-grid-6 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 2em;
}

.button-grid-1 span,
.button-grid-2 span,
.button-grid-3 span,
.button-grid-4 span,
.button-grid-5 span,
.button-grid-6 span {
	display: none;
}

.button-grid-1 a.blue-button,
.button-grid-1-tall a.blue-button,
.button-grid-1-xtall a.blue-button {
	flex: 0 0 calc(100% - 10px);
}

.button-grid-2 a.blue-button,
.button-grid-2.tall a.blue-button,
.button-grid-2.xtall a.blue-button {
	flex: 0 0 calc(50% - 10px);
}

.button-grid-3 a.blue-button,
.button-grid-3.tall a.blue-button,
.button-grid-3.xtall a.blue-button {
	flex: 0 0 calc(33.3% - 10px);
}

.button-grid-4 a.blue-button,
.button-grid-4.tall a.blue-button,
.button-grid-4.xtall a.blue-button {
	flex: 0 0 calc(25% - 10px);
}

.button-grid-5 a.blue-button,
.button-grid-5.tall a.blue-button,
.button-grid-5.xtall a.blue-button {
	flex: 0 0 calc(20% - 10px);
}

.button-grid-6 a.blue-button,
.button-grid-6.tall a.blue-button,
.button-grid-6.xtall a.blue-button {
	flex: 0 0 calc(16.6% - 10px);
}

.button-grid-1 a.blue-button,
.button-grid-2 a.blue-button,
.button-grid-3 a.blue-button,
.button-grid-4 a.blue-button,
.button-grid-5 a.blue-button,
.button-grid-6 a.blue-button {
	margin: 5px !important;
	min-height: 80px;
	position: relative;
	border: 0;
	display: block;
	background: none;
}

.button-grid-1.tall a.blue-button,
.button-grid-2.tall a.blue-button,
.button-grid-3.tall a.blue-button,
.button-grid-4.tall a.blue-button,
.button-grid-5.tall a.blue-button,
.button-grid-6.tall a.blue-button {
	margin: 5px;
	min-height: 100px;
	position: relative;
	border: 0;
	display: block;
	background: none;
}

.button-grid-1.xtall a.blue-button,
.button-grid-2.xtall a.blue-button,
.button-grid-3.xtall a.blue-button,
.button-grid-4.xtall a.blue-button,
.button-grid-5.xtall a.blue-button,
.button-grid-6.xtall a.blue-button {
	margin: 5px;
	min-height: 120px;
	position: relative;
	border: 0;
	display: block;
	background: none;
}

.button-grid-1.thin a.blue-button,
.button-grid-2.thin a.blue-button,
.button-grid-3.thin a.blue-button,
.button-grid-4.thin a.blue-button,
.button-grid-5.thin a.blue-button,
.button-grid-6.thin a.blue-button {
	margin: 5px;
	min-height: 51px;
	position: relative;
	border: 0;
	display: block;
	background: none;
}

a.blue-button .center {
	margin: 0;
	padding: 0 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1023px)  {
	
	.button-grid-1 a.blue-button,
	.button-grid-2 a.blue-button,
	.button-grid-3 a.blue-button,
	.button-grid-4 a.blue-button,
	.button-grid-5 a.blue-button,
	.button-grid-6 a.blue-button,
	.button-grid-1.tall a.blue-button,
	.button-grid-2.tall a.blue-button,
	.button-grid-3.tall a.blue-button,
	.button-grid-4.tall a.blue-button,
	.button-grid-5.tall a.blue-button,
	.button-grid-6.tall a.blue-button,
	.button-grid-1.xtall a.blue-button,
	.button-grid-2.xtall a.blue-button,
	.button-grid-3.xtall a.blue-button,
	.button-grid-4.xtall a.blue-button,
	.button-grid-5.xtall a.blue-button,
	.button-grid-6.xtall a.blue-button {
		flex: 0 0 calc(100% - 10px);
		min-height: 80px;
		font-size: 1.1em;
	}
	
}

/* BIO GRID STYLES */ 

.bio-grid,
.bio-grid-5,
.bio-grid-3 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1em;
}

.bg-left	{
	justify-content: left;
}

.bg-center	{
	justify-content: center;
}

.bio-grid .bio-item {
	flex: 0 0 calc(25% - 10px);
	text-align: center;
	padding: 0 10px 20px 10px;
	font-size: .9em;
}

.bio-grid-5 .bio-item {
	flex: 0 0 calc(20% - 10px);
	text-align: center;
	padding: 0 10px 20px 10px;
	font-size: .9em;
}

.bio-grid-3 .bio-item {
	flex: 0 0 calc(33.3% - 10px);
	text-align: center;
	padding: 0 10px 20px 10px;
	font-size: .9em;
}

.bgc-center .bio-item {
	text-align: center;
}

.bgc-left .bio-item {
	text-align: left;
	padding: 0 20px 20px 0;
}

.bio-item strong {
	font-size: 1.1em;
}

.bio-item em,
.bio-item strong em,
.bio-item em strong {
	font-size: .9em;
}

.bio-item img {
	max-width: 90%;
	display: block;
	margin: 0 auto 5px auto;
}

.bgc-left .bio-item  img{
	margin: 0 0 5px;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1023px)  {
	
	.bio-item {
		flex: 0 0 calc(100% - 10px);
	}

	.bio-item img {
		max-width: 50%;
	}
	
}

@media (max-width: 1280px)  {
	.bio-grid .bio-item,
	.bio-grid-5 .bio-item,
	.bio-grid-3 .bio-item {
		flex: 0 0 calc(33.3% - 10px);
	}	
}

@media (max-width: 428px)  {
	.bio-grid .bio-item,
	.bio-grid-5 .bio-item,
	.bio-grid-3 .bio-item {
		flex: 0 0 calc(100% - 10px);
	}	
}

/* LIST STYLES */

ul,
li	{
	margin-top: 0;
}

ul.leaders	{
	padding: 0;
	margin: 0 0 1.5em 0;
	overflow-x: hidden;
	list-style: none;
}

ul.leaders-full	{
	max-width: 100%;
}

ul.leaders-half	{
	max-width: 50%;
}

ul.leaders li	{
	margin-bottom: 8px;
}

ul.leaders li:before	{
	float: left;
	width: 0;
	white-space: nowrap;
	content: 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . " 
		". . . . . . . . . . . . . . . . . . . . ";
}

ul.leaders span:first-child	{
	padding-right: .33em;
	background: #fff;
}

ul.leaders span + span	{
	float: right;
	padding-left: .33em;
	background: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
	ul.leaders-half {
	    max-width: 100%;
	}
	ul.leaders li span	{
		display: block;
	}
	ul.leaders span + span	{
		float: none;
	}
	ul.leaders li:before	{
		content: none;
	}	
}

/* COLUMNS */

.grid-container {
	display: grid;
	grid-column-gap: 0;
	background-color: transparent;
	padding: 0;
	margin: 0 0 1.5em 0;
}

.grid-two-col	{
	grid-template-columns: 50% 50%;
}

.grid-three-col	{
	grid-template-columns: 33.3% 33.3% 33.3%;
}

.grid-four-col	{
	grid-template-columns: 25% 25% 25% 25%;
}

.grid-item {
	background-color: transparent;
	border: none;
}

.grid-two-col .grid-item {
	padding: 0 12px 0 12px;
}

.grid-two-col .grid-item:first-child {
	padding: 0 12px 0 0;
}

.grid-two-col .grid-item:last-child {
	padding: 0 0 0 12px ;
}

.grid-three-col .grid-item,
.grid-four-col .grid-item {
	padding: 0 8px 0 8px;
}

.grid-three-col .grid-item:first-child,
.grid-four-col .grid-item:first-child {
	padding: 0 16px 0 0;
}

.grid-three-col .grid-item:last-child,
.grid-four-col .grid-item:last-child {
	padding: 0 0 0 16px ;
}

.grid-item img	{
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}

.grid-item ul,
.grid-item ol	{
	margin: 0 0 1.5em 0;
	padding: 0 0 0 18px;
}

.grid-item h2, 
.grid-item h3, 
.grid-item h4	{
	margin-top: 0;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
	.grid-two-col,
	.grid-three-col,
	.grid-four-col	{
		grid-template-columns: auto;
	}
	
	.grid-item,
	.grid-item:first-child,
	.grid-item:last-child {
		padding: 0;
	}
	
	.grid-item p:last-child	{
		margin-bottom: 1em;
	}
}

.w-rule .grid-item {
	border-top: 1px solid #dec9c0;
	padding: 20px;
}

@media (min-width: 667px) {
	.w-rule .grid-item {
		border-top: none;
		border-left: 1px solid #dec9c0;
	}
}

.w-rule .grid-item:first-child {
	border-top: none;
	border-left: none;
	padding: 20px 20px 20px 0;
}

.w-rule .grid-item:last-child {
	padding: 20px 0 20px 20px;
}

@media (max-width: 414px) {
	.w-rule .grid-item,
	.w-rule .grid-item:first-child,
	.w-rule .grid-item:last-child {
		padding: 20px 0 20px 0;
	}
}

.grid-three-col.w-rule {
	grid-template-columns: 32.75% 34.5% 32.75%;
}
			
@media (max-width: 1280px)	{
	.grid-three-col.w-rule {
		grid-template-columns: 32.5% 35% 32.5%;
	}
}
			
@media (max-width: 1080px)	{
	.grid-three-col.w-rule {
		grid-template-columns: 32.3% 35.7% 32.3%;
	}
}
			
@media (max-width: 926px)	{
	.grid-three-col.w-rule {
		grid-template-columns: 32.5% 35% 32.5%;
	}
}
			
@media (max-width: 428px)	{
	.grid-three-col, .grid-three-col.w-rule {
		grid-template-columns: auto;
	}

	.grid-two-col .grid-item, 
	.grid-two-col .grid-item:first-child,
	.grid-two-col .grid-item:last-child,
	.grid-three-col .grid-item, 
	.grid-four-col .grid-item, 
	.grid-four-col .grid-item:first-child,
	.grid-four-col .grid-item:last-child,
	.grid-three-col .grid-item, 
	.grid-three-col .grid-item:first-child, 
	.grid-three-col .grid-item:last-child, 
	.grid-three-col.w-rule .grid-item,
	.grid-three-col.w-rule .grid-item:first-child,
	.grid-three-col.w-rule .grid-item:last-child	{
		padding: 1em 10px 0 10px;
	}
}

/* DISABILITY NOTE ADJUSTMENTS */

@media (min-width: 415px)	{
	.grid-disability	{
		grid-template-columns: 50px auto;
	}
}

.grid-disability .grid-item:first-child	{
	padding: 0;
}

.grid-disability .grid-item img	{
	margin-top: 5px;
}

@media (min-width: 667px)	{
	.grid-disability .grid-item	{
		border-left: none !important;
	}
}

.grid-disability .grid-item	{
	padding: 0 !important;
	border-top: none !important;
}

/* DEGREES AND CERTIFICATE PAGES */

.card .desc,
.degree-card	{
	border-top: 1px solid #DFCEC6;
	padding-bottom: 30px;
}

.card .desc h3,
.degree-card h3,
.card .desc h4,
.degree-card h4	{
	color: #182451;
}

.card .desc h3,
.degree-card h3	{
	font-size: 1.4em;
	margin: 20px 0 0 0;
	padding-bottom: 10px;
}

.degree-card h3 span.assoc	{
	padding-right: 43px;
	background: url('/_resources/assets/icons/academic/a.svg') no-repeat;
	background-position: center right;
	background-size: 33px 33px;
}

.degree-card h3 span.cert	{
	padding-right: 43px;
	background: url('/_resources/assets/icons/academic/c.svg') no-repeat;
	background-position: center right;
	background-size: 33px 33px;
}

.card .desc h4,
.degree-card h4	{
	font-size: 1.2em;
	margin: 20px 0;
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
	.degree-card h3 span.assoc	{
		padding-right: 35px;
		background: url('/_resources/assets/icons/academic/a.svg') no-repeat;
		background-position: center right;
		background-size: 27px 27px;
	}

	.degree-card h3 span.cert	{
		padding-right: 35px
		background: url('/_resources/assets/icons/academic/c.svg') no-repeat;
		background-position: center right;
		background-size: 27px 27px;
	}
}

/* MODIFIED FOOTER STYLES */

.main-footer	{
	background-color: #004c98;
	color: #fff;
	border-top: 0;
}

.main-footer .contact-info {
	display: inline;
	width: 100%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 17px;
	font-size: 14px;
}

.main-footer .contact-info div.faddress,
.main-footer .contact-info div.flinks {
	float: left;
	padding-right: 1.2rem;
	box-sizing: border-box;
	margin-right: 0;
}

.main-footer .contact-info div.faddress {
	width: 50%;
}

.main-footer .contact-info div.faddress p strong {
	letter-spacing: .07em;
}

.main-footer .contact-info div.flinks {
	width: 25%;
}

.main-footer .contact-info p {
	width: 100%;
}

.main-footer .contact-info ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main-footer .contact-info ul li.footer-menu__item {
	width: 100%;
	margin: 0 0 17px;
}

.main-footer .contact-info ul li.footer-menu__item a {
	transition: background 0.3s ease-in-out;
	background-size: 0% 1px;
}

.main-footer .contact-info ul li.footer-menu__item a:hover {
	background-size: 100% 1px;
}

.footer-bottom	{
	height: 80px;
	background-color: #003d7a !important;
	padding: 25px 0 19px !important;
}

.footer-bottom .container	{
	display: block;
	float: right;
	padding-bottom: 0;
}

.main-footer .copyright	{
	padding-right: 28px;
}

.main-footer .contact-info .sunburst-link	{
	font-size: 14px;
}

.main-footer a,
.main-footer .contact-info .phone-link,
.main-footer .social-links__item a,
.main-footer .to-top	{
	color: #fff;
}

@media (min-width: 700px) {
  .main-footer .to-top-holder {
    text-align: left;
  }
}

@media (min-width: 1025px) {
  .main-footer .social-links	{
  	margin-top: -10px
  }

  
  .main-footer .to-top-holder {
    margin: -30px 0 43px;
    padding-bottom: 96px;
  }
}

.main-footer .to-top {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  position: relative;
  padding: 0 20px 0 0;
  font-size: 13px;
  background: none;
  border: none;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  letter-spacing: 1.3px;
  margin-left: 9px;
}

@media (min-width: 700px) {
  .main-footer .to-top {
    margin-left: 0;
  }
}

@media (min-width: 1025px) {
  .main-footer .to-top {
    padding: 0;
    font-size: 14px;
  }
}

.main-footer .to-top:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}

.main-footer .to-top .icon-arrow {
  position: absolute;
  right: 5px;
  top: 2px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  font-size: 8px;
}

@media (min-width: 1025px) {
  .main-footer .to-top .icon-arrow {
    right: auto;
    left: -21px;
    top: 2px;
    font-size: 8px;
  }
}

.main-footer .social-links__item a:hover,
.main-footer a.sunburst-link:hover	{
	color: #a6c1db;
}

.main-footer .social-links__list	{
	padding-top: 15px !important;
	margin-left: 0 !important;
}

.main-footer .social-links__item .icon-facebook,
.main-footer .social-links__item .icon-linkedin,
.main-footer .social-links__item .icon-youtube,
.main-footer .social-links__item .icon-instagram,
.main-footer .social-links__item .icon-twitter	{
	font-size: 17px;
}

.main-footer .social-links__item	{
	margin: 0 0 0 17px;
}

.main-footer .social-links__item:first-child	{
	margin: 0;
}

.main-footer .social-links__item a[target="_blank"]	{
	padding-right: 0;
	color: #fff;
	background-image: none;
}

.main-footer .social-links__item a[target="_blank"]:hover	{
	padding-right: 0;
	color: #9db9d5;
}

/* TikTok Specific */
.main-footer .social-links__item .icon-tiktok	{
	background-image: url('/_resources/assets/icons/tiktok-v2.svg');
	background-repeat: no-repeat;
	display: block;
	width: 18px;
	height: 25px;
	background-size: 28px;
	background-position: -7px -5px;
	margin-top: 3px;
}

.main-footer .social-links__item .icon-tiktok:hover	{
	background-position: -7px -33px;
}

.content-holder	{
	padding-bottom: 0 !important;
}

@media (max-width: 1024px)	{
	.main-footer .content-holder	{
		grid-template-columns: 1fr 7.1fr;
	}
	
	.footer-bottom	{
		height: auto;
	}

	.footer-bottom .container	{
		float: none;
	}
	
	.main-footer .copyright	{
		padding-left: 0;
		display: inline;
	}

	.main-footer .copyright p	{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.main-footer .contact-info {
		width: 100%;
	}

	.main-footer .contact-info div.faddress	{
		float: left;
		width: 50%;
	}

	.main-footer .contact-info div.faddress p strong	{
		letter-spacing: .1em;
	}

	.main-footer .contact-info div.flinks {
		float: left;
		width: 50%;
	}

	.main-footer .to-top-holder	{
		margin: -30px 0 25px;
	}

}

@media (max-width: 767px) { /* pt */
	.main-footer .contact-info {
		width: 100%;
	}

	.main-footer .contact-info div.faddress	{
		float: none;
		width: 100%;
		padding-right: 0;
		margin-bottom: 1.5rem;
	}

	.main-footer .contact-info div.faddress p.sb-contact	{
		padding-top: 10px;
	}

	.main-footer .contact-info div.flinks {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.main-footer .contact-info div.flinks:last-child {
		padding-bottom: 1.5rem;
	}
	
	.main-footer .social-links__list	{
		margin-left: 0 !important;
	}

}

/* FOOTER SOCIAL MEDIA ICONS - WITH X AND THREADS */

ul.social-links__list	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

ul.social-links__list li.social-links__item	{
	  float: left;
}

ul.social-links__list li.social-links__item a[target="_blank"]	{
	padding-right: 0;
	color: #fff;
	background-image: url('https://www.smc.edu/_resources/assets/icons/sm-white-logos.svg');
	height: 40px;
	background-repeat: no-repeat;
	opacity: 1;
	transition: 0.3s;
	display: block;
	background-size: 250px auto;
	text-indent: -10000px;
}

.social-links__item a.fbfooter[target="_blank"]	{
	width: 23px;
	background-position: 0 0;
}

.social-links__item a.txfooter[target="_blank"]	{
	width: 30px;
	background-position: -75px 0;
}

.social-links__item a.igfooter[target="_blank"]	{
	width: 30px;
	background-position: -35px 0;
}

.social-links__item a.lifooter[target="_blank"]	{
	width: 29px;
	background-position: -114px 0;
}

.social-links__item a.ttfooter[target="_blank"]	{
	width: 28px;
	background-position: -151px 0;
}

.social-links__item a.thfooter[target="_blank"]	{
	width: 30px;
	background-position: -190px 0;
}

.social-links__item a.ytfooter[target="_blank"]	{
	width: 25px;
	background-position: -228px 0;
}

.social-links__item a.fbfooter[target="_blank"]:hover,
.social-links__item a.txfooter[target="_blank"]:hover,
.social-links__item a.igfooter[target="_blank"]:hover,
.social-links__item a.lifooter[target="_blank"]:hover,
.social-links__item a.ttfooter[target="_blank"]:hover,
.social-links__item a.thfooter[target="_blank"]:hover,
.social-links__item a.ytfooter[target="_blank"]:hover	{
		opacity: 0.75;
}

.sm-rollover-dark	{
	width: 500px;
	height: 100px;
	background-image: url(https://www.smc.edu/_uat/images/dblue-logos.png);
	background-repeat: no-repeat;
	background-size: 500px auto;
	opacity: 0.75;
	transition: 0.3s;
}

.sm-rollover-dark:hover	{
	opacity: 1;
}

.sm-rollover-white a,
.sm-rollover-dark a	{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
	background: none;
}

/* BOARD OF TRUSTEES ASSET STYLE */

.bot-list-logo,
.bot-list 	{
	float: left;
}

.bot-list-logo	{
	width: 120px;
}

.bot-list	{
	width: 80%;
	font-size: .9em;
}

@media (max-width: 768px) { /* pt */
	.bot-list-logo,
	.bot-list 	{
		float: none;
	}

	.bot-list-logo	{
		display: none;
	}

	.bot-list	{
		width; 100%;
		font-size: .9em;
	}
}

/* CARD STYLE MODIFICATIONS */

.card-item__content .content-holder h3,
.card-item__content .content-holder h2	{
	margin: 15px 0 15px;
}

.card-item__content .content-holder h2	{
	font-size: 1.625rem;
}

/* CLASS SCHEDULE SPECIFIC CSS */

div.c-listings	{
	margin-bottom: 35px;
}

section.schedules-class-information p.course-title	{
	margin-bottom: .5em;
}

section.schedules-class-information p.course:last-of-type	{
	margin-bottom: 1em;
}

p.course	{
	position: relative;
	margin-bottom: .5em;
}

p.course span.new { 
	position: absolute;
	top: -1px;
	left: -40px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	font-weight: bold;
	font-variant:normal;
	text-transform:uppercase;
	background-color: #df0000;
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px; 
}

p.course span.time	{
	position: absolute;
	top: 0;
	left: 70px;
}

p.course span.location	{
	position: absolute;
	top: 0;
	left: 320px;
    text-transform: uppercase;
}

p.course span.instructor	{
	position: absolute;
	top: 0;
	left: 480px;
}

p.course span.note	{
	display: block;
	font-size: .8em;
	margin-left: 70px;
	font-weight: normal;
	color: #000;
padding-top: 7px;
}

span.screen-reader-text	{
	position: absolute;
	left: -10000px;
}

p > span.tab, h2 > span.tab, h3.blue > span.tab {
    margin: 0 25px 0 0;
}

@media only screen and (max-width: 768px)  {
	
	span.new { 
		top: 0;
	}

	span.time	{
		position: absolute;
		top: 0;
		left: 50px;
	}

	span.location	{
		position: absolute !important;
		left: 50px;
		display: block;
		width: 200px;
	}

	span.instructor	{
		position: absolute !important;
		left: 50px;
		display: block;
		width: 200px;
	}

	span.note	{
		position: relative !important;
		display: block;
		margin-left: 50px;
		font-size: .8em;
	}

}

@media only screen and (max-width: 479px)  {
	
	span.course-number	{
		position: relative !important;
		left: 0 !important;
		display: block;
	}

	span.new { 
		position: absolute;
		top: 0;
		left: 45px;
		background-color: #fff;
		color: #df0000;
		font-size: 1em;
		padding: 0;
	}

	span.time	{
		position: relative !important;
		left: 10px !important;
		display: block;
	}

	span.location	{
		position: relative !important;
		left: 10px !important;
		display: block;
		width: 200px;
	}

	span.instructor	{
		position: relative !important;
		left: 10px !important;
		display: block;
		width: 200px;
	}

	span.note	{
		position: relative !important;
		display: block;
		margin-left: 10px !important;
		font-size: .8em;
	}

}

/* GECKO CHATBOX MODIFIED POSITION */

.fab-menu	{
	bottom: 125px; 
}

.GeckoChatWidget .ChatButton	{
	right: 43px !important;
	bottom: 40px !important;
}

/* 
.GeckoChatWidget .UnreadMessages	{
	right: 125px !important;
	bottom: 44px !important;
}
 */

.GeckoChatWidget .ChatContainer	{
	right: 43px !important;
	bottom: 125px !important;
}

.GeckoChatWidget .TagLine	{
	text-decoration: none;
	background-image: none;
}

@media (max-width: 1024px) { 
	.fab-menu	{
		bottom: 100px; 
	}

	.GeckoChatWidget .ChatButton	{
		width: 27px !important;
		height: 27px !important;
		border-radius: 27px !important;
		padding: 10px !important;
		right: 32px !important;
		bottom: 40px !important; 
	}

	.GeckoChatWidget .ChatButton svg	{
		width: 27px !important;
		height: 27px !important;
	}

	.GeckoChatWidget .UnreadMessages	{
		right: 85px !important;
		bottom: 32px !important;
	}
}

@media (max-width: 667px) { 
	.GeckoChatWidget .ChatButton	{
		right: 19px !important;
	}

	.GeckoChatWidget .UnreadMessages	{
		right: 65px !important;
		bottom: 32px !important;
	}
}

/* TRANSFER CENTER SPECIFIC ALPHABET LINKS */

.alpha span, 
.alpha-b span {
    padding: 0 4px 0 7px;
}

.alpha span, 
.alpha-b span {
    color: #000 !important;
}

/* DIRECTORY SEARCH MODIFICATIONS */

.heading-table .jcf-select-drop	{
	border: 1px solid #000;
	height: 500px; 
	max-width: 100%;
	overflow: auto; 
}

.jcf-select-drop .jcf-select-drop-content	{
	border: none;
}

/* 
.jcf-scrollable-wrapper	{
	width: 100% !important;
}
 */

#directory-table_filter input[type="search"]	{
	padding-left: 5px;
}

/* DEGREE/CERTIFICATE ICON LINK MODIFICATIONS */

a.dcicon-grow img	{
	transition: .5s ease;
}

a.dcicon-grow img:hover	{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: .5s ease;
}

a.dcicon-slide	{
	-webkit-transition: background 0.3s ease-in-out, none;
	-o-transition: background 0.3s ease-in-out, none;
	transition: background 0.3s ease-in-out, none;
	background-size: 0% 1px, 18px auto;
}

a.dcicon-slide:hover	{
	background-size: 100% 1px, 18px auto;
}

/* CHECKBOX MODIFICATION FOR EVENTS */

fieldset	{
	background-color: transparent;
}

.checkbox-holder .control-text::after {
	background-color: #fff;
	border: 1px solid #0075df;
}

/* SOCIAL MEDIA ICONS ON THE PAGE */

.socialmedia-links {
    padding: 0;
	margin-left: 0;
	list-style: none;
}

.socialmedia-links .socialmedia-links:first-child {
    margin: 0;
}

.socialmedia-links li {
    float: left;
}

.socialmedia-links .social-links__item a {
    color: #2b75df;
	display: block;
	height: auto;
	background-image: none;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.small .social-links__item a {
	width: 50px;
    font-size: 24px;
}

.medium .social-links__item a {
	width: 58px;
    font-size: 27px;
}

.large .social-links__item a {
	width: 68px;
    font-size: 32px;
}

.socialmedia-links .social-links__item a:hover,
.socialmedia-links .social-links__item a:focus	{
    color: #011745;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media only screen and (max-width: 1024px) {
	.sm-sm .social-links__item a,
	.sm-med .social-links__item a,
	.sm-lg .social-links__item a {
		width: 50px;
	    font-size: 24px;
	}
}

/* SOCIAL MEDIA ICONS ON THE PAGE - TIKTOK OPTION */

ul.large span.icon-tiktok,
ul.medium span.icon-tiktok,
ul.small span.icon-tiktok {
	background-image: url('/_resources/assets/icons/tiktok-v1.svg');
	background-repeat: no-repeat;
	display: block;
}

ul.large span.icon-tiktok {
	width: 30px;
	height: 32px;
	background-size: 50px;
	background-position: -11px -10px;
	margin-top: 8px;
}

ul.large span.icon-tiktok:hover {
	background-position: -11px -60px;
}

ul.medium span.icon-tiktok {
	width: 27px;
	height: 28px;
	background-size: 45px;
	background-position: -10px -10px;
	margin-top: 8px;
}

ul.medium span.icon-tiktok:hover {
	background-position: -10px -55px;
}

ul.small span.icon-tiktok {
	width: 24px;
	height: 25px;
	background-size: 39px;
	background-position: -9px -6px;
	margin-top: 6px;
}

ul.small span.icon-tiktok:hover {
	background-position: -9px -45px;
}

/* NEW SOCIAL MEDIA ICONS ON THE PAGE - WITH X AND THREADS */

ul.socialmedia-links	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.sm-large	{
	height: 50px;
}

ul.sm-large .social-links__item a[target="_blank"],
ul.sm-medium .social-links__item a[target="_blank"],
ul.sm-small .social-links__item a[target="_blank"]	{
	padding-right: 0;
	color: #fff;
	background-image: url('https://www.smc.edu/_uat/images/dblue-logos.png');
	background-repeat: no-repeat;
	opacity: 0.75;
	transition: 0.3s;
	display: block;
	text-indent: -10000px;
}

ul.sm-large .social-links__item a[target="_blank"]	{
	height: 45px;
	background-size: 500px auto;
}

ul.sm-large .social-links__item a.sm-facebook[target="_blank"]	{
	width: 25px;
	background-position: -33px -20px;
	margin-right: 20px;
}

ul.sm-large .social-links__item a.sm-twitter[target="_blank"]	{
	width: 35px;
	background-position: -160px -20px;
	margin-right: 24px;
}

ul.sm-large .social-links__item a.sm-instagram[target="_blank"]	{
	width: 35px;
	background-position: -91px -20px;
	margin-right: 25px;
}

ul.sm-large .social-links__item a.sm-linkedin[target="_blank"]	{
	width: 34px;
	background-position: -230px -20px;
	margin-right: 24px;
}

ul.sm-large .social-links__item a.sm-tiktok[target="_blank"]	{
	width: 33px;
	background-position: -294px -20px;
	margin-right: 24px;
}

ul.sm-large .social-links__item a.sm-threads[target="_blank"]	{
	width: 35px;
	background-position: -362px -20px;
	margin-right: 24px;
}

ul.sm-large .social-links__item a.sm-youtube[target="_blank"]	{
	width: 37px;
	background-position: -428px -20px;
}

ul.sm-medium .social-links__item a[target="_blank"]	{
	height: 35px;
	background-size: 425px auto;
}

ul.sm-medium .social-links__item a.sm-facebook[target="_blank"]	{
	width: 25px;
	background-position: -29px -18px;
	margin-right: 10px;
}

ul.sm-medium .social-links__item a.sm-twitter[target="_blank"]	{
	width: 35px;
	background-position: -133px -18px;
	margin-right: 16px;
}

ul.sm-medium .social-links__item a.sm-instagram[target="_blank"]	{
	width: 35px;
	background-position: -75px -18px;
	margin-right: 17px;
}

ul.sm-medium .social-links__item a.sm-linkedin[target="_blank"]	{
	width: 34px;
	background-position: -193px -18px;
	margin-right: 16px;
}

ul.sm-medium .social-links__item a.sm-tiktok[target="_blank"]	{
	width: 33px;
	background-position: -247px -18px;
	margin-right: 16px;
}

ul.sm-medium .social-links__item a.sm-threads[target="_blank"]	{
	width: 35px;
	background-position: -305px -18px;
	margin-right: 16px;
}

ul.sm-medium .social-links__item a.sm-youtube[target="_blank"]	{
	width: 37px;
	background-position: -362px -18px;
}

ul.sm-small .social-links__item a[target="_blank"]	{
	height: 30px;
	background-size: 365px auto;
}

ul.sm-small .social-links__item a.sm-facebook[target="_blank"]	{
	width: 25px;
	background-position: -24px -16px;
	margin-right: 0px;
}

ul.sm-small .social-links__item a.sm-twitter[target="_blank"]	{
	width: 35px;
	background-position: -113px -16px;
	margin-right: 6px;
}

ul.sm-small .social-links__item a.sm-instagram[target="_blank"]	{
	width: 35px;
	background-position: -62px -16px;
	margin-right: 7px;
}

ul.sm-small .social-links__item a.sm-linkedin[target="_blank"]	{
	width: 34px;
	background-position: -163px -16px;
	margin-right: 6px;
}

ul.sm-small .social-links__item a.sm-tiktok[target="_blank"]	{
	width: 33px;
	background-position: -210px -16px;
	margin-right: 6px;
}

ul.sm-small .social-links__item a.sm-threads[target="_blank"]	{
	width: 35px;
	background-position: -260px -16px;
	margin-right: 6px;
}

ul.sm-small .social-links__item a.sm-youtube[target="_blank"]	{
	width: 37px;
	background-position: -308px -16px;
}

ul.sm-large .social-links__item a[target="_blank"]:hover,
ul.sm-medium .social-links__item a[target="_blank"]:hover,
ul.sm-small .social-links__item a[target="_blank"]:hover	{
	opacity: 1;
}

@media	(max-width: 428px)	{
	ul.sm-large .social-links__item a.sm-facebook[target="_blank"]	{
		margin-right: 10px;
	}

	ul.sm-large .social-links__item a.sm-twitter[target="_blank"]	{
		margin-right: 14px;
	}

	ul.sm-large .social-links__item a.sm-instagram[target="_blank"]	{
		margin-right: 15px;
	}

	ul.sm-large .social-links__item a.sm-linkedin[target="_blank"]	{
		margin-right: 14px;
	}

	ul.sm-large .social-links__item a.sm-tiktok[target="_blank"]	{
		margin-right: 14px;
	}

	ul.sm-large .social-links__item a.sm-threads[target="_blank"]	{
		margin-right: 14px;
	}

	ul.sm-medium .social-links__item a.sm-facebook[target="_blank"]	{
		margin-right: 5px;
	}

	ul.sm-medium .social-links__item a.sm-twitter[target="_blank"]	{
		margin-right: 11px;
	}

	ul.sm-medium .social-links__item a.sm-instagram[target="_blank"]	{
		margin-right: 12px;
	}

	ul.sm-medium .social-links__item a.sm-linkedin[target="_blank"]	{
		margin-right: 11px;
	}

	ul.sm-medium .social-links__item a.sm-tiktok[target="_blank"]	{
		margin-right: 11px;
	}

	ul.sm-medium .social-links__item a.sm-threads[target="_blank"]	{
		margin-right: 11px;
	}

}

/* LIBRARY CHAT BOX SIZING */

.lib-chat {
    width: 50%;
}

@media only screen and (max-width: 740px) {
	.lib-chat {
	    width: 100%;
	}
}

/* MODIFY HERO STYLES TO INCLUDE SCROLL DOWN BUTTON */

.hero-section__img	{
	position: relative;
}

.hero-section__img .scroll-down-btn {
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  will-change: opacity, transform;
  position: absolute;
  bottom: 6%;
  left: 50%;
  display: none;
  font-size: 40px;
  background: none;
  border: none;
  color: #fff;
  padding: 0;
  -webkit-transform: rotate(90deg) translate(-50%, 0);
      -ms-transform: rotate(90deg) translate(-50%, 0);
          transform: rotate(90deg) translate(-50%, 0);
  z-index: 4;
}

@media (min-width: 1025px) {
  .hero-section__img .scroll-down-btn {
    display: inline-block;
  }
}

.hero-section__img .scroll-down-btn:hover {
  opacity: .6;
}

.hero-section__img .scroll-down-btn .icon-arrow {
  display: block;
}

/* CONTACT SNIPPET */ 

.contact-box {
	overflow: hidden;
	border-radius: 13px;
	background: #fff;
	-webkit-box-shadow: 0 3px 24px 12px rgba(226, 226, 226, 0.5);
	box-shadow: 0 3px 24px 12px rgba(226, 226, 226, 0.5);
	margin-bottom: 50px;
	padding: 30px 40px 40px 40px;
	font-size: 15px;
	line-height: 23px;
}

.wide-content .contact-box	{
	margin-top: 20px;
}

.contact-box ul {
	margin: 0 0 1.5em 0;
}

.contact-box .grid-container	{
	margin-bottom: 0;
	grid-column-gap: 0;
}

@media (min-width: 1025px) {
	.contact-box {
		border-radius: 22px;
		font-size: 16px;
		line-height: 24px;
	}
}

.contact-box h2,
.contact-box h3 {
	margin: 0 0 18px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 800;
}

@media (min-width: 667px) {
	.contact-box h2,
	.contact-box h3 {
		margin: 0 0 16px;
	}
}

@media (min-width: 1025px) {
	.contact-box h2 {
		font-size: 32px;
	}
	
	.contact-box h3 {
		font-size: 25px;
	}
	
	.contact-box h2,
	.contact-box h3 {
		margin: 0 0 18px;
		line-height: 31px;
	}
	
}

.contact-box .grid-item {
	border-top: 1px solid #dec9c0;
	padding: 20px;
}

@media (min-width: 667px) {
	.contact-box .grid-item {
		border-top: none;
		border-left: 1px solid #dec9c0;
	}
}

.contact-box .grid-item:first-child {
	border-top: none;
	border-left: none;
	padding: 20px 20px 20px 0;
}

.contact-box .grid-item:last-child {
	padding: 20px 0 20px 20px;
}

@media (max-width: 414px) {
	.contact-box .grid-item,
	.contact-box .grid-item:first-child,
	.contact-box .grid-item:last-child {
		padding: 20px 0 20px 0;
	}
}

.contact-box .text-holder ul {
	list-style: disc;
}

.contact-box .sunburst-link {
	font-size: 13px;
	letter-spacing: 1.3px;
}

@media (min-width: 1025px) {
	.contact-box .sunburst-link {
		font-size: 18px;
		letter-spacing: 1.8px;
	}
}

/* GENERIC BLOCKS - NEW STYLES */ 

	.col-2 .card-wrapper,
	.col-3 .card-wrapper,
	.col-4 .card-wrapper	{
		display: block;
	}
	
	.col-2 .card-wrapper .card-item,
	.col-3 .card-wrapper .card-item,
	.col-4 .card-wrapper .card-item	{
		margin-right: 0;
		margin-bottom: 1em;
		width: 100%;
		max-width: none;
	}

	@media screen and (min-width: 760px)	{
		.col-2 .card-wrapper,
		.col-3 .card-wrapper,
		.col-4 .card-wrapper	{
			display: flex;
			flex-wrap: wrap;
			margin: 0 0 1em;
		}
	
		.col-2 .card-wrapper .card-item	{
			flex: 0 0 calc(34% - 10px);
			margin-right: 20px;
		}

		.col-2 .swiper-wrapper .card-item	{
			margin-right: 20px;
		}

		.col-3 .card-wrapper .card-item	{
			flex: 0 0 calc(31% - 10px);
			margin-right: 20px;
		}
	
		.col-3 .swiper-wrapper .card-item	{
			margin-right: 20px;
		}
	
		.col-4 .card-wrapper .card-item	{
			flex: 0 0 calc(48% - 10px);
			margin-right: 20px;
		}
	
		.col-4 .swiper-wrapper .card-item	{
			margin-right: 20px;
		}
	
		.col-2 .card-wrapper .card-item:last-child,	
		.col-3 .card-wrapper .card-item:last-child,	
		.col-4 .card-wrapper .card-item:last-child	{
			margin-right: 0 !important;
		}
	
		.card-item.card-2col	{
			max-width: 200px;
		}
	}

	@media screen and (min-width: 1025px)	{
		.col-2 .card-wrapper,
		.col-3 .card-wrapper,
		.col-4 .card-wrapper	{
			display: flex;
			flex-wrap: wrap;
			margin: 0 0 1em;
		}
	
		.col-2 .card-wrapper .card-item	{
			flex: 0 0 calc(34% - 10px);
			margin-right: 30px;
		}

		.col-2 .swiper-wrapper .card-item	{
			margin-right: 30px;
		}

		.col-3 .card-wrapper .card-item	{
			flex: 0 0 calc(30.9% - 10px);
			margin-right: 25px;
		}
	
		.col-3 .swiper-wrapper .card-item	{
			margin-right: 25px;
		}
	
		.col-4 .card-wrapper .card-item	{
			flex: 0 0 calc(24% - 10px);
			margin-right: 25px !important;
		}
	
		.col-4 .swiper-wrapper .card-item	{
			margin-right: 25px;
		}
	
		.col-2 .card-wrapper .card-item:last-child,	
		.col-3 .card-wrapper .card-item:last-child,	
		.col-4 .card-wrapper .card-item:last-child	{
			margin-right: 0 !important;
		}
	
		.card-item.card-2col	{
			max-width: 400px;
		}
	}
	
	@media screen and (min-width: 1281px)	{
		.col-2 .card-wrapper,
		.col-3 .card-wrapper,
		.col-4 .card-wrapper	{
			display: flex;
			flex-wrap: wrap;
			margin: 0 0 1em;
		}
	
		.col-2 .card-wrapper .card-item	{
			flex: 0 0 calc(34% - 10px);
			margin-right: 35px;
		}

		.col-2 .swiper-wrapper .card-item	{
			margin-right: 35px;
		}

		.col-3 .card-wrapper .card-item	{
			flex: 0 0 calc(30.8% - 10px);
			margin-right: 35px;
		}
	
		.col-3 .swiper-wrapper .card-item	{
			margin-right: 35px;
		}
	
		.col-4 .card-wrapper .card-item	{
			flex: 0 0 calc(24% - 10px);
			margin-right: 25px;
		}
	
		.col-4 .swiper-wrapper .card-item	{
			margin-right: 25px;
		}
	
		.col-2 .card-wrapper .card-item:last-child,	
		.col-3 .card-wrapper .card-item:last-child,	
		.col-4 .card-wrapper .card-item:last-child	{
			margin-right: 0 !important;
		}
	
		.card-item.card-2col	{
			max-width: 400px;
		}
	}
	
/* GENERIC BLOCK 3 COLUMNS - LANDING PAGE */ 

@media (min-width: 1025px) {
	.content-wrapper .card-item.card-3col	{
		max-width: 350px;
	}
}

/* GENERIC BLOCK 4 COLUMNS */ 

.col-4	{
	padding: 0 0 25px 0 !important;
	/* margin-left: -7%; */
}

.card-item.card-4col	{
	margin-right: 25px !important;
}

.card-item.card-4col .content-holder .text-box {
    font-size: 15px;
    line-height: 25px;
}

@media (max-width: 1024px) {
	.col-4	{
		margin-left: 0;
	}
	
	.card-item.card-4col	{
		max-width: 260px;
		margin-right: 20px !important;
	}
}

.generic-section .section__intro	{
	max-width: 100%;
}

/* GENERIC BLOCK LIST */ 

.genimglist__item	{
	position: relative;
}

.genimglist__icon	{
	z-index: 20;
	position: absolute;
	width: 46px;
	top: -26px;
	left: 200px; 
}

@media (max-width: 667px) {
	.genimglist__icon	{
		top: -22px;
		left: 25px; 
	}
}

/* GENERIC BLOCK GRID */ 

.generic-grid-3, 
.generic-grid-4	{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 0 2em;
}

.generic-grid-3 a.grid-block, 
.generic-grid-4 a.grid-block	{
	position: relative;
	min-height: 150px;
	position: relative;
	border: 0;
	display: block;
	background-color: #f9f9f9;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-top: #0075df solid 10px;
	background-image: none;
	transition: 0.3s;
}

.generic-grid-3 a.grid-block	{
	margin: 0 15px 30px 15px;
}

.generic-grid-3 a.grid-block:first-child	{
	margin: 0 15px 30px 0px;
}

.generic-grid-3 a.grid-block:last-child	{
	margin: 0  0px 30px 15px;
}

.generic-grid-4 a.grid-block	{
	margin: 0 13px 30px 13px;
}

.generic-grid-4 a.grid-block:first-child	{
	margin: 0 13px 30px 0px;
}

.generic-grid-4 a.grid-block:last-child	{
	margin: 0  0px 30px 13px;
}

.generic-grid-3 a.grid-block:hover, 
.generic-grid-4 a.grid-block:hover	{
	background-color: #e5e5f8;
}

.generic-grid-3 a.grid-block {
	flex: 0 0 calc(33.3% - 20px);
	padding: 15px 20px 20px 20px;
}

.generic-grid-4 a.grid-block {
	flex: 0 0 calc(25% - 20px);
	padding: 15px 20px 20px 20px;
}

.generic-grid-3 a[target="_blank"].grid-block, 
.generic-grid-4 a[target="_blank"].grid-block	{
	background-image: none;
}

.generic-grid-3 a[target="_blank"].grid-block .gb-top span, 
.generic-grid-4 a[target="_blank"].grid-block .gb-top span	{
	position: relative;
	background-image: url('/_resources/assets/icons/ou/new-window.png');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 23px;
	background-size: 23px auto;
}

.generic-grid-3 img, 
.generic-grid-4 img	{
	position: absolute;
}

.gb-top	{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	min-height: 70px;
}

.gb-bottom	{
	min-height: 50px;
	font-size: .9em;
}

@media  (max-width: 1280px)  {
	.generic-grid-3 a.grid-block {
		flex: 0 0 calc(33.3% - 20px);
		min-height: 150px;
		padding: 10px 10px 20px 20px;
	}
	.generic-grid-4 a.grid-block {
		flex: 0 0 calc(25% - 20px);
		min-height: 150px;
		padding: 10px 10px 20px 20px;
	}
}

@media  (max-width: 915px)  {
	.generic-grid-3 a.grid-block,
	.generic-grid-4 a.grid-block {
		flex: 0 0 calc(50% - 20px);
		min-height: 150px;
	}
}

@media  (max-width: 428px)  {
	.generic-grid-3 a.grid-block,
	.generic-grid-4 a.grid-block {
		flex: 0 0 calc(100% - 10px);
		min-height: 150px;
		margin: 0 0 30px 0;
	}

	.generic-grid-3 a.grid-block:first-child,
	.generic-grid-4 a.grid-block:first-child,
	.generic-grid-3 a.grid-block:last-child,
	.generic-grid-4 a.grid-block:last-child {
		margin: 0 0 30px 0;
	}
}

/* ACCORDION MODIFICATIONS */ 

.accordion__toggle h2,
.accordion__toggle h3,
.accordion__toggle h4	{
	font-size: 16px;
	line-height: 27px;
	font-weight: 600;
	color: #011745;
	margin-bottom: 0;
}

/*
  @media (min-width: 1025px)	{
	.accordion__content > :nth-last-child(2) {
		margin: 0;
	}
}
*/

@media (min-width: 700px) {
	.accordion__toggle h2,
	.accordion__toggle h3,
	.accordion__toggle h4 {
		font-size: 18px;
	}
}

@media (max-width: 699px) {
	.accordion__content {
	    padding: 4px 0 18px 0;
	}
}

button.accordion__toggle h2,
button.accordion__toggle h3,
button.accordion__toggle h4	{
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/* READ MORE ACCORDION */

section.rm-snippet	{
	padding-top: 0;
}

section.rm-snippet .accordion__item	{
	padding-top: 0;
	border: none;
}

section.rm-snippet .accordion__content {
	padding-left: 0;
}

/* PROGRAM LIST */

.program-list .section__intro	{
	max-width: 100%;
}

.program-list .program-list__content .program-list__type img {
	/*  width: 35px; */
	margin: 0 0 0 10px;
	display: inline;
}

.program-list .program-list__content .program-list__type img:first-child {
	margin-left: 0;
}

@media (min-width: 1025px) {
	.program-list__program {
		width: 60%;
	}
}

@media (min-width: 700px) {
	.program-list .program-list__content .program-list__type img {
		width: 43px;
		margin: 0 0 0 12px;
	}
}

/* PROGRAM LIST SNIPPET MAJOR UPDATE */

.program-section .program-list {
	list-style: none;
}

.program-list__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

.program-section .program-list__item-pt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	padding: 19px 0;
	border-bottom: 1px solid #dec9c0;
	padding: 16px 0;
	border-width: 2px;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (min-width: 700px) {
	.program-section .program-list__item-pt {
		padding: 11px 0;
		border-width: 1px;
	}

	.program-section .program-list .text-holder {
		font-size: 15px;
		line-height: 18px;
	}

	.program-section .program-list .icon-holder img {
		width: 43px;
		margin: 0 0 0 12px;
	}
}
	
@media (min-width: 1025px) {
	.program-section .program-list__item-col {
		width: calc(50% - 25px);
	}
	
	.program-section .program-list__item-pt {
		padding: 0;
		min-height: 95px;
	}

	.program-section .program-list .text-holder {
		font-size: 18px;
		line-height: 28px;
	}
}

.program-section .program-list .sunburst-link {
	padding-right: 10px;
}

.program-section .program-list .text-holder {
	margin-right: auto;
	line-height: 16px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	position: relative;
}

.program-section .program-list .icon-holder {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	margin: 0 0 0 10px;
}

.program-section .program-list .icon-holder img {
	margin: 0 0 0 10px;
}

.program-section .program-list .icon-holder img:first-child {
	margin-left: 0;
}

/* IMAGE WITH CAPTION AND COLUMNS */

@media (max-width: 667px) {
	figure.float-right,
	figure.float-left	{
		float: none !important;
	}
}

/* EMERGENCY NOTIFICATION ADJUSTMENT */

#oualerts-active-alert-display .oualerts-notify-icon	{
	top: 7px;
	padding: 0 5px 0 0;
}

#oualerts-active-alert-display.oualerts-top-fixed	{
	position: relative;
}

@media (max-width: 1350px) {
	.alert__content	{
		padding: 0;
	}
}

/* BIO PAGE AND NEWS ARTICLE MODIFICATIONS */

.news__title	{
	max-width: 100%;
}

@media (min-width: 1025px) {
	.content__detail__holder {
    	max-width: 100%;
    	padding-right: 140px;
	}
	
	.news__content {
    	max-width: 100%;
    	padding-right: 110px;
	}
	
	.news__title	{
    	padding-right: 110px;
	}
	
	.wysiwyg p	{
    	margin: 0 0 1em 0;
    	font-size: inherit;
    	line-height: inherit;
    	max-width: inherit;
	}
}

/* CARD SLIDER HOMEPAGE - MODIFIED CSS */

.card-item a.position {
   display: block;
   background: none;
}
			
.card-item a.position span.card-link	{
	-webkit-transition: background-size 0.3s ease-in-out;
	-o-transition: background-size 0.3s ease-in-out;
	transition: background-size 0.3s ease-in-out;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	color: #011745;
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
	background-image: -o-linear-gradient(currentColor, currentColor);
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}
			
.card-item a.position:hover span.card-link	{
	background-size: 100% 2px;
}
			
.cards-box	{
	position: relative;
}
			
.cards-box .icon-pointer	{
	display: none;
}
			
@media (min-width: 1025px) { 
	.cards-slider .section__header h2	{
		margin: 0 0 10px !important;
	}
			
	.cards-slider .carousel-nav__thumb div	{
		font-size: .9em;
		margin-bottom: 15px;
	}
			
	.cards-slider .carousel-nav__thumb {
		margin: 0 0 25px !important;
	}

	.cards-box .icon-pointer	{
		display: block;
		text-shadow: 1px -1px 5px #bbb, 1px -0 #b3b3b3;
		width: 50px;
		height: 100%;
		position: absolute;
		z-index: 20;
		top: 0;
		right: -50px;
		background-image: url(https://www.smc.edu/_uat/images/icon-pointer.svg);
		background-repeat: no-repeat;
		background-size: 40px auto !important;
		background-position: 3px 50% !important;
		cursor: pointer;
	}
			
	.cards-box .card-item:last-child .icon-pointer	{
		display: none;
	}
}
			
/* CARD SLIDER LANDING - MODIFIED CSS */

@media (min-width: 1025px) { 
	.landing-cs	{
		padding-top: 0;
	}
	
	.landing-cs .simpleParallax	{
		top: 70px;
	}
	
	.landing-cs .clouds-layer.top	{
		top: 0;
	}
	
	.cards-slider .carousel-nav__holder div	{
		font-size: .9em;
		margin-bottom: 5px;
	}

	.landing-cs .clouds-layer.bottom {
	    bottom: -70px;
	}
}

/* CARD SLIDER INTERIOR - MODIFIED CSS */

body:not(.home-page) .cs-interior	{
	width: calc(100% + 50px);
	margin-right: -50px;
	overflow: hidden;
	padding-top: 35px;
}
			
body:not(.home-page) .cs-interior .section__header {
	margin: 0 0 30px;
	max-width: 100%;
}

body:not(.home-page) .cs-interior .section__header h2 {
	margin: 0 0 5px;
}

body:not(.home-page) .cs-interior .section__header .section__intro {
}
					
body:not(.home-page) .cs-interior .carousel-nav__holder {
	max-width: 100%;
}

body:not(.home-page) .cs-interior .cards-slider .carousel-nav__thumb {
	margin: 0 0 26px 0;
}
    		
body:not(.home-page) .cs-interior .container {
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}
    		
body:not(.home-page) .cs-interior .cards-slider {
	margin: 0 0 50px;
	padding: 0;
}
			
body:not(.home-page) .cs-interior .cards-slider .carousel-block	{
	margin: -64px -9999px 0 42px;
}

body:not(.home-page) cs-interior .card-item .content-holder	{
	padding-top: 15px;
}

body:not(.home-page) .cs-interior .container .bg-img	{
	overflow: hidden;
	position: absolute;
	min-height: 425px;
	top: 270px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
			
body:not(.home-page) .cs-interior .container .bg-img img	{
	position: absolute;
	bottom: 0;
	left: 48%;
	min-width: 100%;
	min-height: 100%;
	max-width: 1000%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (min-width: 1025px) {
	.card-story .content-holder .details .name	{
		margin-right: 18px;
	}
}

@media (max-width: 1025px) {
	body:not(.home-page) .cs-interior	{
		padding-top: 0;
	}
	
	body:not(.home-page) .cs-interior .container .bg-img	{
		top: 210px;
	}
}

@media (max-width: 700px) {
	body:not(.home-page) .cs-interior	{
		margin-left: -20px;
	}
	
	body:not(.home-page) .cs-interior .content-wrapper	{
		padding-left: 20px;
	}
	
	body:not(.home-page) .cs-interior .cards-slider .carousel-block	{
		margin: inherit;
	}
	
	body:not(.home-page) .cs-interior .container .bg-img	{
		top: 170px;
	}
}

/* LANDING HERO SIZE */

@media (max-width: 666px) {
	.full-hero-section	{
		height: 50vh;
	}
}

@media (min-width: 667px) and (max-width: 767px) {
	.full-hero-section	{
		height: 100vh;
	}
}

@media (min-width: 768px) and (max-width: 811px) {
	.full-hero-section	{
		height: 50vh;
	}
}

/* HERO SECTION MAJOR MODIFICATIONS */

@media (min-width: 700px) {
	section.hero-section__img .text-holder	{
		width: 60%;
	}
	
	section.hero-section__img .img-holder	{
		width: 40%;
	}
	
	section.hero-section__img .container	{
		width: 100%;
	}
				
	section.full-hero-section	{
		min-height: 300px;
	}
}

@media (min-width: 1025px) {
	section.hero-section__img .slogan	{
		max-width: 100%;
		margin: 15px 0 30px 0;
		font-size: 50px;
	}
							
	section.hero-section__img .hero-text	{
		max-width: 100%;
		font-size: 19px;
	}
							
	section.hero-section__img	{
		min-height: 400px;
	}
}

.main-content-wrapper	{
	padding: 20px 0 25px 0;
}
			
section.hero-section__img .scroll-down-btn	{
	bottom: 15%;
	font-size: 30px;
}
			
section.full-hero-section	{
	height: auto;
}
						
@media (min-width: 1025px) {
	section .hero-section	{
		min-height: 425px;
		padding: 1em 0 130px 0;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: flex;
	}
				
	section .hero-section .container	{
		padding-bottom: 0;
		width: 85%;
		margin: 0 auto;
	}
				
	section .hero-section .text-holder	{
		max-width: 100%;
	}
				
	section .hero-section .page-title	{
		margin: 0 0 10px 0;
	}
				
	section .hero-section .slogan	{
		margin: 0 0 20px 0;
		font-size: 50px;
	}
				
	section .hero-section .text-holder .hero-text	{
		max-width: 80%;
		font-size: 19px;
	}
			
	section.full-hero-section .scroll-down-btn	{
		font-size: 30px;
	}
}

.main-content-wrapper	{
	padding: 20px 0 25px 0;
}

/* TOP NAVIGATION MODIFICATIONS */

.rb__nav {
	line-height: 1.333;
	-webkit-flex-basis: 90%;
	-ms-flex-preferred-size: 90%;
	flex-basis: 90%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 3;
	list-style: none;
	text-align: left;
	font-family: "proxima-nova",sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: .3px;
	padding-left: 20px;
	padding-top: 25px;
	border-top: 1px solid #004c98;
}
	
.rb__nav li {
	margin-bottom: 24px;
}
	
.rb__nav li a {
	background-size: 0% 1px;
}
	
.rb__nav li a[target="_blank"] {
	background-image: linear-gradient(currentColor,currentColor);
	padding-right: 0;
}
	
.rb__nav li a:hover {
	background-size: 100% 1px;
}
	
@media (min-width: 1350px) {
	.main__nav > li	{
		padding: 0 12px 0 12px;
	}
		
	.add__nav	{
		padding-top: 32px
	}
		
	.add__nav .drop__holder	{
		top: 18px;
		min-width: 265px;
	}
		
	.add__nav .information__list	{
		margin: 20px 0 8px 17px;
	}
		
	.add__nav .btn--info	{
		padding: 0 10px 0 0;
	}

	.rb__nav {
		-webkit-transition: padding-top 0.3s;
		-o-transition: padding-top 0.3s;
		transition: padding-top 0.3s;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		margin: 35px 0 0 14px;
		padding: 7px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-moz-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		border: 1px solid #004c98;
		-webkit-border-radius: 18px; 
		-moz-border-radius: 18px; 
		border-radius: 20px; 
		box-sizing: border-box;
		background-color: #f2f6fa;
	}

	.rb__nav li {
		padding: 0 7px 0 7px;
		margin-bottom: 0;
	}
	
	.search__opener .search-open {
		width: 70%;
		height: 70%;
		top: 10px;
	}
	
	.search__opener .search-close {
		width: 70%;
		padding-top: 5px;
	}
}

/* LANDING PAGE SPACING MODIFICATIONS */

.full-hero-section	{
	height: 90vh;
}

.has-clouds .clouds-layer.bottom img {
    height: 150px;
}

.has-clouds .clouds-layer img {
    height: 100%;
}

.full-hero-section .scroll-down-btn	{
	bottom: 15%;
}

@media (min-width: 1025px)	{
	.full-hero-section .content-holder	{
		bottom: 18%;
	}
}

/* INLINE QUOTE COMPONENT UPDATES */

.inline-quote	{
	max-width: 90%;
	margin: 42px auto 50px;
	padding: 25px 25px 30px;
}

.inline-quote__author	{
	margin-right: 0;
}

.inline-quote__author::before {
	display: none;
}

.inline-quote__position	{
	position: relative;
	padding-left: 12px; 
}

.inline-quote__position	span	{
	content: '';
	position: absolute;
	top: 50%;
	left: -1px;
	width: 1px;
	height: calc(100% - 14px);
	background: #011745;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

@media (min-width: 700px)	{
	.inline-quote	{
		max-width: 95%;
		padding: 40px 40px 45px;
	}
}
			
@media (min-width: 1025px)	{
	.inline-quote	{
		max-width: 80%;
		margin: 50px auto 60px 0;
		padding: 45px 55px 65px;
	}
	
	.inline-quote__text	{
		font-size: 25px;
	}
	
	.inline-quote__author	{
		margin-right: 0;
	}

	.inline-quote__position	{
		padding-left: 17px; 
	}
}

.story-display__icon	{
	width: 42px;
}

.lg-image .story-display__icon	{
	left: 70%;
}

.story-display__author {
	margin-right: 0;
}

.story-display__author::before {
	display: none;
}

.story-display__date	{
	position: relative;
	padding-left: 12px; 
}

.story-display__date span	{
	content: '';
	position: absolute;
	top: 50%;
	left: -1px;
	width: 1px;
	height: calc(100% - 14px);
	background: #011745;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.story-display__content	{
	max-width: 100%;
}

@media (min-width: 700px)	{
	.story-display__wrap	{
		max-width: 100%;
	}

	.story-display__content	{
		padding: 45px 45px 55px 45px;
	}

	.sm-image .story-display__img	{
		width: 30%;
		max-width: 100%;
	}

	.sm-image .story-display__content	{
		width: 80%;
		max-width: 100%;
	}

	.med-image .story-display__img	{
		width: 45%;
		max-width: 100%;
	}

	.med-image .story-display__content	{
		width: 65%;
		max-width: 100%;
	}

	.lg-image .story-display__img	{
		width: 80%;
		max-width: 100%;
	}

	.lg-image .story-display__content	{
		width: 50%;
		max-width: 100%;
	}

	.sm-image .story-display__icon,
	.med-image .story-display__icon,
	.lg-image .story-display__icon	{
		width: 52px;
	}

	.story-display__date	{
		padding-left: 17px; 
	}
}

@media (min-width: 1300px)	{
	.story-display__wrap	{
		max-width: 100%;
	}
	
	.story-display__content	{
		right: 0;
	}

	.sm-image .story-display__img	{
		width: 30%;
		max-width: 100%;
	}

	.sm-image .story-display__content	{
		width: 70%;
		max-width: 100%;
	}

	.med-image .story-display__img	{
		width: 45%;
		max-width: 100%;
	}

	.med-image .story-display__content	{
		width: 55%;
		max-width: 100%;
	}

	.lg-image .story-display__img	{
		width: 80%;
		max-width: 100%;
	}

	.lg-image .story-display__content	{
		width: 40%;
		max-width: 100%;
	}

	.sm-image .story-display__icon,
	.med-image .story-display__icon,
	.lg-image .story-display__icon	{
		width: 61px;
	}
}

/* HOMEPAGE COVID-19 BANNER */

.c19y-banner	{
	width: 100%;
	background-color: #f7cf3d;
	padding: 25px 25px 25px 82px;
	margin: 0;
	font-size: .95em;
}

.c19y-banner img	{
	float: left;
	margin: -1px 10px 0 0;
	width: 30px;
	height: auto;
}

@media	(max-width: 1280px)	{
	.c19y-banner	{
		padding-left: 31px;
		font-size: .85em;
	}
}

@media	(max-width: 428px)	{
	.c19y-banner img	{
		display: none;
	}
	
	.c19y-banner	{
		line-height: 1.4;
		padding: 17px 25px 20px 31px;
	}
}

/* NEW CALENDAR ON PAGE ADJUSTMENTS */

.cards-section .section__header	{
	display: none;
}

.cards-section .card-item,
.swiper-wrapper .card-item	{
	margin-right: 30px;
}

div.calendar-section	{
	padding: 35px 0;
	position: relative;
	overflow-x: visible;
	width: calc(100% + 50px);
	margin: -35px -50px 0 0;
	padding: 35px 50px 80px 0;
}

div.calendar-section .bg-img {
    overflow: hidden;
    position: absolute;
    top: 180px;
    bottom: 0;
    left: -20px;
    right: -20px;
    z-index: -1;
}

div.calendar-section .section__header .sweep-link {
    float: left;
    position: absolute;
    bottom: 0;
    right: 15%;
    display: block;
}

.calendar-section .bg-img img {
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: 1000%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.landing-calendar	{
	position: relative;
	margin-bottom: 1em;
}

.landing-calendar a.sweep-link	{
	position: absolute;
	top: 0;
	right: 0;
}

@media	(min-width: 700px)	{
	div.calendar-section .bg-img {
	    left: 120px;
	    top: 200px;
	}	

	div.calendar-section .section__header .sweep-link {
	    display: inline-block;
	    float: none;
	    position: relative;
	    right: 0;
	}
}

@media	(min-width: 1025px)	{
	div.calendar-section .bg-img {
	    top: 200px;
		left: 0;
		right: 0;
	}	

	div.calendar-section .section__header .sweep-link {
	    float: none;
	    position: relative;
	    right: 0;
	}

	.content-wrapper div.calendar-section .section__header .sweep-link {
	    float: right;
	    position: relative;
	    right: 0;
	    margin: -50px -10px 0 0;
	}
}

@media	(max-width: 1280px)	{
	.cards-section .card-item, 
	.calendar-section .cards-box .swiper-wrapper .card-item	{
					margin-right: 20px;
					max-width: 32%;
	}
}

@media	(max-width: 926px)	{
	.cards-section .card-item, 
	.calendar-section .cards-box .swiper-wrapper .card-item	{
		margin-right: 20px;
		max-width: 31%;
	}
}

@media	(max-width: 428px)	{
	.calendar-section .cards-box .swiper-wrapper	{
		display: block;
	}
	.cards-section .card-item, 
	.calendar-section .cards-box .swiper-wrapper .card-item	{
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
	}
}

.landing-calendar h2	{
	margin: 0 0 60px 0;
}
			
.landing-calendar .card-item	{
	max-width: 350px;
}
			
@media	(max-width: 1080px)	{
	.landing-calendar .cards-box .swiper-wrapper .card-item	{
		margin-right: 25px !important;
		max-width: 32%;
	}
}

@media	(max-width: 926px)	{
	.landing-calendar .cards-box .swiper-wrapper .card-item	{
		margin-right: 25px !important;
		max-width: 31%;
	}
}

@media	(max-width: 428px)	{
	.landing-calendar .cards-box .swiper-wrapper	{
		display: block;
	}
	.landing-calendar .cards-box .swiper-wrapper .card-item	{
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
	}
}

/* 3 UP STAT SNIPPET */

.stat3up__item__heading	{
	width: 100%;
	text-align: center;
}

.stat3up__item__heading img	{
	margin: 0 auto;
	max-height: 80px !important;
	width: auto
}

.stat3up__item__text	{
	max-width: 100%;
	text-align: center;
	padding: 0 20px;
}

@media (max-width: 428px)	{
	.stat3up__item__heading,
	.wide-insta-section .stat3up .stat3up__item	{
		width: 100%;
	}
	
	.stat3up .section__intro + .sweep-link__wrapper	{
		text-align: center;
	}
	
	.stat3up .section__intro + .sweep-link__wrapper .sweep-link	{
		float: none;
	}
}

/* STATS AND CALLOUT SNIPPET */

.we-heart	{
	padding: 40px 0 0 0;
}
	
.we-heart .grid-two-col	{
	grid-template-columns: 70% 30%;
}
	
.whs-stats h2,
.whs-stats div.hashtag	{
	width: 80%;
	margin-bottom: 0;
}
	
.whs-stats img	{
	margin: 0 auto 0 auto;
}
	
.whs-stats div.hashtag	{
	text-align: center;
	color: #f7cf3d;
	margin-bottom: 1em;
	font-family: "poppins",sans-serif;
	font-size: 1.5em;
	font-weight: 700;
}
	
.whs-stats div.hashtag span	{
	color: #fff;
}
	
.whs-stats .grid-two-col	{
	grid-template-columns: 50% 50%;
	color: #fff;
}

.whs-stats .grid-two-col h3	{
	color: #fff;
	font-size: 2.5em;
	margin-bottom: 0;
}
	
.whs-stats .grid-two-col .grid-item	{
	padding: 0 30px;
}
	
.whs-stats .grid-two-col .grid-item p	{
	line-height: 1.4em;
}
	
.grid-item .slick-slider	{
	margin-top: 100px;
}

.grid-item .ldp.slick .slick-caption	{
	background: #fff;
	color: #000 !important;
}
	
.grid-item .ldp .slick-dots li button::before	{
	color: #fff;
}
	
.grid-item .ldp .slick-dots li.slick-active button::before	{
	color: #fff;
}
	
.slick-dots button::after	{
	background: #fff;
}
	
.grid-item li:not(.slick-active) button::after {
	background: rgba(255,255,255,.5);
}
	
@media (max-width: 1280px)	{
	.whs-stats img	{
		max-width: 300px;
	}
}
	
@media (max-width: 926px)	{
	.we-heart	{
		padding: 30px 0 0 0;
	}
	
	.whs-stats img	{
		max-width: 250px;
	}
}

@media (max-width: 428px)	{
	.we-heart	{
		padding: 15px 0 0 0;
	}
	
	.we-heart .grid-two-col,
	.whs-stats .grid-two-col	{
		grid-template-columns: 100%;
	}
	
	.whs-stats h2,
	.whs-stats div.hashtag	{
		width: 100%;
	}
	
	.whs-stats .grid-container	{
		margin-bottom: 0;
	}
	
	.grid-item .slick-slider	{
		margin-top: 1.75em;
	}
}

/* SPOTLIGHT COMPONENT STYLES */

section.spotlight	{
	padding: 0;
	width: 325px;
}

section.spotlight .card-item	{
	max-width: 100%;
}

section.spotlight a.sunburst-link	{
	font-size: 18px;
	line-height: 1.8833333333;
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	color: #011745;
	text-transform: none;
}

section.spotlight a.sunburst-link h2	{
	font-weight: 700;
	color: #011745;
	font-size: 1rem;
	text-transform: uppercase;
	font-family: proxima-nova,sans-serif;
}

section.spotlight .content-holder h2	{
	margin: 15px 0 15px 0; 
}

section.spotlight a.sunburst-link p	{
	text-transform: none;
	font-size: .9em;
}

section.spotlight.right	{
	float: right;
}

section.spotlight.right .spotlight-card	{
	margin: 35px 0 1em 35px;
}

section.spotlight.left	{
	float: left;
	width: 335px;
}

section.spotlight.span	{
	float: none;
	width: 100%;
	padding-top: 35px;
	padding-bottom: 35px;
}

section.spotlight.span .card-item.card-spotlight	{
	min-height: 175px;
}

section.spotlight.span .img-holder	{
	position: absolute;
	width: 18%;
	top: 20px;
	left: 30px;
	border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
}

section.spotlight.span .spotlight__icon	{
	width: 52px;
	height: 52px;
	top: 20%;
	left: -30px;
}

section.spotlight.span .content-holder	{
	position: absolute;
	width: 77%;
	top: 0;
	right: 0;
	background-color: transparent;
}

  section.spotlight.span .card-item:hover .img-holder {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  section.spotlight.span .card-item:hover:before {
    top: -10px;
    bottom: -10px;
  }

section.spotlight.left .spotlight-card	{
	margin: 35px 45px 1em 0;
}

.spotlight-card .card-wrapper .card-item {
	margin-right: 0 !important;
}

.content-wrapper .card-item.card-spotlight {
  max-width: 100%;
}

.spotlight__icon {
	z-index: 20;
	position: absolute;
	width: 62px;
	height: 62px;
	top: 10%;
	right: -30px;
}

@media (max-width: 915px) {
	section.spotlight.right	{
		padding: 0;
		width: 275px;
	}

	section.spotlight.left	{
		padding: 0;
		width: 285px;
	}
}

@media (max-width: 428px) {
	section.spotlight.right,
	section.spotlight.left	{
		padding: 0;
		width: 100%;
		float: none;
	}

	.spotlight__icon	{
		top: -30px;
		right: 10%;
	}
	
	section.spotlight.span .spotlight__icon	{
		top: -30px;
		right: 10%;
		left: 73%;
		width: 62px;
		height: 62px;
	}

	section.spotlight.span .img-holder	{
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: -webkit-transform 0.3s ease-in-out;
		-o-transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
		overflow: hidden;
		width: 100%;
		border-top-right-radius: 22px;
		border-top-left-radius: 22px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		position: relative;
		top: 0;
		left: 0;
	}

	section.spotlight.span .content-holder	{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}

	section.spotlight.right .spotlight-card,
	section.spotlight.left .spotlight-card {
		margin: 35px 0 1em 0;
	}
}

/* BOX CONTENT MODIFICATIONS */

.aoi-counseling-box .grid-two-col {
	grid-template-columns: 45% 45%;
	column-gap: 5%;
	margin: 5%;
}	

/* SPOTLIGHT SNIPPET */

section.spotlight.span .img-holder	{
	position: absolute;
	width: 18%;
	top: 20px;
	left: 30px;
	border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
}

section.spotlight.span .spotlight__icon	{
	width: 52px;
	height: 52px;
	top: 20%;
	left: -30px;
}

section.spotlight.span .content-holder	{
	position: absolute;
	width: 77%;
	top: 0;
	right: 0;
	background-color: transparent;
}

  section.spotlight.span .card-item:hover .img-holder {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  section.spotlight.span .card-item:hover:before {
    top: -10px;
    bottom: -10px;
  }

section.spotlight.left .spotlight-card	{
	margin: 35px 45px 1em 0;
}

.spotlight-card .card-wrapper .card-item {
	margin-right: 0 !important;
}

.content-wrapper .card-item.card-spotlight {
  max-width: 100%;
}

.spotlight__icon {
	z-index: 20;
	position: absolute;
	width: 62px;
	height: 62px;
	top: 10%;
	right: -30px;
}

@media (max-width: 915px) {
	section.spotlight.right	{
		padding: 0;
		width: 275px;
	}

	section.spotlight.left	{
		padding: 0;
		width: 285px;
	}
}

@media (max-width: 428px) {
	section.spotlight.right,
	section.spotlight.left	{
		padding: 0;
		width: 100%;
		float: none;
	}

	.spotlight__icon	{
		top: -30px;
		right: 10%;
	}
	
	section.spotlight.span .spotlight__icon	{
		top: -30px;
		right: 10%;
		left: 73%;
		width: 62px;
		height: 62px;
	}

	section.spotlight.span .img-holder	{
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: -webkit-transform 0.3s ease-in-out;
		-o-transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
		overflow: hidden;
		width: 100%;
		border-top-right-radius: 22px;
		border-top-left-radius: 22px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		position: relative;
		top: 0;
		left: 0;
	}

	section.spotlight.span .content-holder	{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}

	section.spotlight.right .spotlight-card,
	section.spotlight.left .spotlight-card {
		margin: 35px 0 1em 0;
	}
}

/* FORM MODIFICATIONS */

.ou-form legend	  {
	  display: block !important;
	  max-width: 100%;
	  margin-bottom: 5px !important;
	  font-weight: 700;
	  font-size: 18px !important;
	  border-bottom: 0 !important;
	  color: #011745 !important;
}

/* NEW VIDEO COMPONENT */

.new-video-inline__container {
	margin: 0;
}

.new-video-comp {
	position: relative;
	overflow: hidden;
	width: calc(100% + 40px);
	margin: 0 0 30px -20px;
	padding: 0 20px 16px 20px;
}

.new-video-inline__container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	margin: 0;
	z-index: 2;
}

.responsive-iframe	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
	
.new-video-inline__caption {
	max-width: 200px;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 5px 0;
}
	
.new-video-comp .new-video-bg-img {
	overflow: hidden;
	position: absolute;
	top: 48px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.new-video-comp .new-video-bg-img img {
	position: absolute;
	bottom: 0;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	max-width: 1000%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.nv-no-background	{
	padding-bottom: 0 !important;
	margin-bottom: 10px  !important;
}

@media (min-width: 1025px)	{
	.new-video-comp	{
		margin: 0 0 46px;
		calc(100% + 50px);
	}

	.new-video-container-container {
		max-width: 640px;
		width: calc(100% + 20px);
	}

	.new-video-inline__caption {
		font-size: 14px;
		line-height: 21px;
	}
	
	.new-video-comp .new-video-bg-img {
		top: 60px;
		right: 0;
	}
}
	
@media (min-width: 700px)	{
	.new-video-comp {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-moz-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		width: calc(100% + 50px);
		margin: 0 0 30px;
		padding: 0 20px 97px 0;
	}

	.new-video-container-container {
		max-width: 640px;
		width: calc(100% + 20px);
	}

	.new-video-inline__caption {
		max-width: 200px;
		padding: 0 20px 0 15px;
		line-height: 18px;
	}
	
	.new-video-comp .new-video-bg-img {
		right: -40px;
	}
}

/* FACULTY/STAFF DIRETORY MODIFICATIONS */

.info-list__data a[href^="mailto:"]	{
	text-transform: lowercase;
}

/* DONATE BUTTON */

li.donate a	{
	border: 1px solid #004c98;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: #f2f6fa;
	padding: 3px 10px;
	background-image: none;
}

li.donate a[target="_blank"]	{
	padding: 3px 18px;
}

li.donate a:hover	{
	background-color: #f7cf3d;
}

/* NEW IMAGE WITH CAPTION COMPONENT OPTIONS */

.image-caption-left	{
	float: left;
	margin: 0 2rem 0 0;
}

.image-caption-right	{
	float: right;
	margin: 0 0 0 2rem;
}

.image-caption-left figcaption,
.image-caption-right figcaption	{
	margin: 17px 0 0 0;
}

/* NEW SIDEBAR SNIPPET */

.sidebar	{
	width: 33.3%;
	float: right;
	margin: 0 0 20px 20px;
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
			
.sidebar h2	{
	font-size: 20px;
	margin: 0 0 1em 0;
}

.sidebar p	{
	font-size: .9em;
	margin: 0 0 1em 0;
}

@media  (max-width: 759px)	{
	.sidebar	{
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
}

/* PROGRAM MAP SPECIAL STYLES */

label.font-weight-bold	{
	font-weight: bold;
}

/* CATEGORY GRID INTERIOR SNIPPET */

.categories-grid-section-i	{
	position: relative;
	padding: 0 0 98px;
	margin-bottom: 1.5em;
}

.categories-grid-section-i .bg-img	{
	overflow: hidden;
	position: absolute;
	top: 55px;
	bottom: 0;
	left: 40px;
	right: -20px;
	z-index: -1;
}

@media (min-width: 700px) {
	.categories-grid-section-i .bg-img {
		left: 120px;
		right: -40px;
	}
}

@media (min-width: 1025px) {
	.categories-grid-section-i .bg-img {
		top: 100px;
		right: -50px;
	}
}
.categories-grid-section-i .bg-img img	{
	position: absolute;
	ottom: 0;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	max-width: 1000%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* SECTION WRAPPER SNIPPET MODIFICATIONS */

section.shift-one .clouds-layer.top	{
	top: 1px;
}

@media	(min-width: 1025px)	{
	section.shift-one .clouds-layer.top	{
		top: 0px;
	}
}

section.shift-one .simpleParallax	{
	top: 51px;
}

@media	(min-width: 1025px)	{
	section.shift-one .simpleParallax	{
		top: 50px;
	}
}

section.shift-two .clouds-layer.top	{
	top: 51px;
}

@media	(min-width: 1025px)	{
	section.shift-two .clouds-layer.top	{
		top: 50px;
	}
}

section.shift-two .simpleParallax	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-two .simpleParallax	{
		top: 100px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px;
}

.delta-resize,
.lt-resize,
.gc-resize	{
	width: auto;
	height: 7px !important;
}

.delta-resize-key,
.lt-resize-key,
.gc-resize-key	{
	width: auto;
	height: 10px !important;
}

.aside-nav .pdflink img	{
	margin: 1px 5px 0 0;
}

.cat-sn-rule {
	border-top: 1px solid #dec9c0;
	padding-top: 31px;
	margin-top: 31px !important;
}

.aside-nav a.cat-sn-bold	{
	font-weight: 700;
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	width: 90px !important;
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px !important;
}

table.catalog-two-col-table td	{
	vertical-align: top;
	width: 50%;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

table.catalog-three-col-table td	{
	vertical-align: top;
	width: 33.3%;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

table.catalog-two-col-table td ul,
table.catalog-three-col-table td ul	{
	margin: 0 0 1.5em;
	padding: 0 0 0 18px;
}

@media	(max-width: 428px)	{
	table.catalog-two-col-table,
	table.catalog-three-col-table	{
		margin: 0 0 1.5em;
	}

	table.catalog-two-col-table td,
	table.catalog-three-col-table td	{
		display: block;
		width: 100%;
	}

	table.catalog-two-col-table td ul,
	table.catalog-three-col-table td ul	{
		margin-bottom: 0;
	}
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px;
}

.delta-resize,
.lt-resize,
.gc-resize	{
	width: auto;
	height: 7px !important;
}

.delta-resize-key,
.lt-resize-key,
.gc-resize-key	{
	width: auto;
	height: 10px !important;
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	width: 90px !important;
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px !important;
}

table.catalog-two-col-table td	{
	vertical-align: top;
	width: 50%;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

table.catalog-two-col-table td ul	{
	margin: 0 0 1.5em;
	padding: 0 0 0 18px;
}

@media	(max-width: 428px)	{
	table.catalog-two-col-table	{
		margin: 0 0 1.5em;
	}

	table.catalog-two-col-table td	{
		display: block;
		width: 100%;
	}

	table.catalog-two-col-table td ul	{
		margin-bottom: 0;
	}
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}shift-two .simpleParallax	{
		top: 100px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px;
}

.delta-resize,
.lt-resize,
.gc-resize	{
	width: auto;
	height: 7px !important;
}

.delta-resize-key,
.lt-resize-key,
.gc-resize-key	{
	width: auto;
	height: 10px !important;
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	width: 90px !important;
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px !important;
}

table.catalog-two-col-table td	{
	vertical-align: top;
	width: 50%;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

table.catalog-three-col-table td	{
	vertical-align: top;
	width: 33.3%;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

table.catalog-two-col-table td ul,
table.catalog-three-col-table td ul	{
	margin: 0 0 1.5em;
	padding: 0 0 0 18px;
}

@media	(max-width: 428px)	{
	table.catalog-two-col-table,
	table.catalog-three-col-table	{
		margin: 0 0 1.5em;
	}

	table.catalog-two-col-table td,
	table.catalog-three-col-table td	{
		display: block;
		width: 100%;
	}

	table.catalog-two-col-table td ul,
	table.catalog-three-col-table td ul	{
		margin-bottom: 0;
	}
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px;
}

.delta-resize,
.lt-resize,
.gc-resize	{
	width: auto;
	height: 7px !important;
}

.delta-resize-key,
.lt-resize-key,
.gc-resize-key	{
	width: auto;
	height: 10px !important;
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 1s;
	-moz-animation: target-fade 1s;
	-o-animation: target-fade 1s;
	animation: target-fade 1s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}o { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}px;
	}
}

section.shift-three .clouds-layer.top	{
	top: 101px;
}

@media	(min-width: 1025px)	{
	section.shift-three .clouds-layer.top	{
		top: 100px;
	}
}

section.shift-three .simpleParallax	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-three .simpleParallax	{
		top: 150px;
	}
}

section.shift-four .clouds-layer.top	{
	top: 151px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 150px;
	}
}

section.shift-four .simpleParallax	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .simpleParallax	{
		top: 200px;
	}
}

section.shift-five .clouds-layer.top	{
	top: 201px;
}

@media	(min-width: 1025px)	{
	section.shift-four .clouds-layer.top	{
		top: 200px;five
	}
}

section.shift-five .simpleParallax	{
	top: 251px;
}

@media	(min-width: 1025px)	{
	section.shift-five .simpleParallax	{
		top: 250px;
	}
}

/* EMERGENCY ALERT BUTTON (TEMPORARY) */

/* #oualerts-active-alert-display .oualerts-notify-link:before {
	background: #d9eafa;
} */

/*+++++++++++ CATALOG +++++++++++*/

@media (min-width: 1025px)	{
	#courses-table tbody .title-holder {
		margin: 0 0 10px;
		padding: 0;
	}
}

.search-mu .button-link {
	width: 90px !important;
	max-width: 90px;
	margin-top: 5px;
	font-size: .85em;
	border-radius: 5px;
}

.search-mu a.button-link {
	padding: 6px 20px 5px 20px !important;
}

table.catalog-two-col-table td	{
	vertical-align: top;
	width: 50%;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

table.catalog-two-col-table td ul	{
	margin: 0 0 1.5em;
	padding: 0 0 0 18px;
}

@media	(max-width: 428px)	{
	table.catalog-two-col-table	{
		margin: 0 0 1.5em;
	}

	table.catalog-two-col-table td	{
		display: block;
		width: 100%;
	}

	table.catalog-two-col-table td ul	{
		margin-bottom: 0;
	}
}

div.area-of-emphasis	{
	position: relative;
}

div.area-of-emphasis h3	{
	margin: 20px 0 10px;
	font-size: 1.2rem;
}

div.area-of-emphasis h4	{
	margin: 10px 0 5px;
	font-size: 1rem;
	color: #000;
	line-height: 1.5em;
}

div.area-of-emphasis h5	{
	margin: 10px 0 5px;
	font-size: 1rem;
	line-height: 1.5em;
	font-weight: 300;
	/* font-style: italic; */
}

div.area-of-emphasis h6	{
	font-family: "proxima-nova",sans-serif;
	margin: 5px 0 5px;
	font-size: .95em;
	line-height: 1.5em;
	font-weight: 300;
	font-style: italic;
	text-transform: none;
	color: #011745;
}

div.area-of-emphasis p,
p.cat-para-ns	{
	margin: 5px 0 1px;
	font-size: .95em;
}

div.area-of-emphasis div	{
	position: relative;
	width: 90%;
	border-bottom: 1px solid #dec9c0;
	font-size: .95em;
}

div.area-of-emphasis .course-no	{
	position: relative;
}

div.area-of-emphasis .course-name	{
	position: absolute;
	top: 0;
	left: 205px;
}

div.area-of-emphasis .course-units	{
	position: absolute;
	top: 0;
	right: 0;
}

div.area-of-emphasis .course-no span,
div.area-of-emphasis .course-units span	{
	display: none;
}

div.area-of-emphasis div.grid-two-col,
div.area-of-emphasis div.grid-item	{
	border-bottom: 0;
}

div.area-of-emphasis div.grid-item p	{
	margin-bottom: .5em;
}

@media	(max-width: 1280px)	{
	div.area-of-emphasis div {
		width: 100%;
	}

	div.area-of-emphasis .course-no {
		display: block;
		margin-bottom: 25px;
	}

	div.area-of-emphasis .course-name {
		bottom: 0;
		left: 0;
		top: auto;
	}

	div.area-of-emphasis .course-units {
		bottom: 0;
		top: auto;
	}
}

@media	(max-width: 428px)	{
	div.area-of-emphasis .course-no {
		display: block;
		margin-bottom: 0px;
	}

	div.area-of-emphasis .course-name {
		position: relative;
		display: block;
	}

	div.area-of-emphasis .course-units {
		position: relative;
		display: block;
	}
}

.addendum-addition	{
	margin: 0 0 1.5em 0;
	border-top: 1px solid #dec9c0;
}

.addendum-heading	{
	position: relative;
	color: #011745;
}

.addendum-heading h3	{
	font-size: 18px;
	line-height: 1.833333333;
	font-weight: bold;
	margin: 0;
	color: #011745;
}

.addendum-heading span	{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
}

.addendum-content p,
.addendum-content ul,
.addendum-content ol,
.addendum-content ul li,
.addendum-content ol li	{
	margin: 0;
}

@media	(max-width: 428px)	{
	.addendum-heading span	{
		position: relative;
	}
}

/* TABS LIST STYLES */

.tabs-hide-bullets	{
	list-style-type: none;
	margin-bottom: 1em !important;
	padding-left: 0 !important;
}
	
.tab-container	{
	position: relative;
}
	
.tab-container .first-tab,
.tab-container .second-tab	{
	position: absolute;
	top: 0;
}
			
@media	(max-width: 428px)	{
	.tab-container .first-tab,
	.tab-container .second-tab	{
		position: relative;
		display: block;
		left: 0 !important;
	}
}		

/* APPLY BUTTON STYLES */

button.apply-now	{
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	padding: 0;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	-webkit-animation: zoomIn .5s linear,fadeIn .4s linear;
	animation: zoomIn .5s linear,fadeIn .4s linear;
	position: fixed;
	cursor: pointer;
	right: 30px;
	bottom: 30px;
	z-index: 10000;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-style: none;
	text-align: center;
	-webkit-transition: -webkit-box-shadow .15s ease;
	transition: -webkit-box-shadow .15s ease;
	-o-transition: box-shadow .15s ease;
	transition: box-shadow .15s ease;
	transition: box-shadow .15s ease,-webkit-box-shadow .15s ease;
}

button.apply-now a	{
	display: inline-block; 
	width: 100%;
	height: 100%;
	background-image: url('https://www.smc.edu/_resources/assets/img/233-apply-now-background-button2.png');
	background-size: 100% auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -10000px;
}

button.apply-now a:hover	{
	background-position: 0 -70px;
}

/* SUNBURST LIST SNIPPET STYLES */

.sunburst-list .section__intro {
	margin: 0 0 13px;
	max-width: 100%;
}

.sunburst-list__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 19px 0;
	border-bottom: 1px solid #dec9c0;
	max-width: 100%;
}

.sblw-half {
	max-width: 60%;
}

.sunburst-list__item {
    width: 100%;
  }
  
@media (min-width: 700px) {
	.sunburst-list__item {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 18px 0 14px;
	}
}

@media (max-width: 1280px)	{
	.sblw-half {
		max-width: 85%;
	}
}

@media (max-width: 1080px)	{
	.sblw-half {
		max-width: 100%;
	}
}

/* NEW PROGRAM PATH - AOI STYLES */

.aoi-special .bio-grid-3 .bio-item	{
	padding: 0 10px 125px 10px;
}

.aoi-special .bio-grid-3 .bio-item:first-of-type	{
	padding: 0 20px 125px 0;
}

.aoi-special .bio-grid-3 .bio-item:last-of-type	{
	padding: 0 0 125px 20px;
}

.aoi-special .bio-grid-3.no-buttons .bio-item	{
	padding: 0 10px 0 10px;
}

.aoi-special .bio-grid-3.no-buttons .bio-item:first-of-type	{
	padding: 0 20px 0 0;
}

.aoi-special .bio-grid-3.no-buttons .bio-item:last-of-type	{
	padding: 0 0 0 20px;
}

.aoi-special .bio-grid-3 .bio-item	{
	text-align: left;
	position: relative;
}

.aoi-special .bio-item img	{
	display: block;
	margin: 0;
	max-width: 100%;
}

.grid-three-col {
	font-size: .9em;
}

.aoi-special h2,
.aoi-special h3 {
	color: #182451;
	font-size: 1em;
	margin: 0 0 1em 0;
}

.aoi-special .button-position {
	position: absolute;
	bottom: 0;
	left: 10px;
	min-height: 115px;
}

.aoi-special .bio-grid-3 .bio-item:first-of-type .button-position	{
	position: absolute;
	bottom: 0;
	left: 0;
}

.aoi-special .bio-grid-3 .bio-item:last-of-type .button-position {
	position: absolute;
	bottom: 0;
	left: 20px;
}

.aoi-special .bio-grid-3 .bio-item .button-position p	{
	margin-bottom: 5px;
}
			
@media (max-width: 428px)	{
	.aoi-special .bio-grid-3 .bio-item,
	.aoi-special .bio-grid-3 .bio-item:first-of-type,
	.aoi-special .bio-grid-3 .bio-item:last-of-type {
		padding: 0 10px 0 0 !important;
	}

	.aoi-special .button-position {
		min-height: 0;
	}

	.aoi-special .bio-grid-3 .bio-item .button-position,
	.aoi-special .bio-grid-3 .bio-item:first-of-type .button-position,
	.aoi-special .bio-grid-3 .bio-item:last-of-type .button-position {
		position: relative;
		bottom: 0;
		left: 0;
	}
}


/* BACK TO TOP BUTTON ASSET */

html	{
	scroll-behavior: smooth;
}

.to-top-pages	{
	color: #004c98;
	font-size: .9em;
	position: relative;
	border: 1px solid #bfd2e5;
  	width: 130px;
  	padding-left: 30px;
}

.to-top-pages .to-top-holder	{
	transition: 0.3s ease-out;
	width: 100px;
}

.to-top-pages .to-top-holder:hover	{
	transform: translateY(-2px);
}

.to-top-pages .to-top-holder .to-top	{
	transition: 0.3s ease-out;
}

.to-top-pages .to-top-holder a.to-top	{
	background-size: 0;
}

.to-top-pages .to-top .icon-arrow {
	position: absolute;
	right: 5px;
	top: 4px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 10px;
}

@media (min-width: 1025px) {
	.to-top-pages .to-top .icon-arrow {
		right: auto;
		left: -21px;
		top: 4px;
	}
}

/* TAG BUTTON LOOK-FEEL */

.blog__tag-list a {
	background: none;
	background-color: transparent;
	-webkit-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.blog__tag-list a:hover,
.blog__tag-list a:focus {
	background-color: #e5e5e5;
}

/*+++++++++++ LINK FOCUS +++++++++++*/

:target {
	-webkit-animation: target-fade 2.5s;
	-moz-animation: target-fade 2.5s;
	-o-animation: target-fade 2.5s;
	animation: target-fade 2.5s;
	outline: 0;
}

@-webkit-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-moz-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@-o-keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}

/*+++++++++++ CLEAR FIX +++++++++++*/

.cf {
	overflow: auto;
}

.cf::after {
	content: "";
	clear: both;
	display: table;
}

@keyframes target-fade {
	from { background-color: #f7cf3d; } /* [1] */
	to { background-color: transparent; }
}