/* Carousel Font */

.u-of-u-marquee .item .u-of-marquee-title {
		font-weight: 900 !important;
		text-transform: uppercase !important;
}

.u-of-u-marquee .item p {
		font-weight: 900 !important;
		font-size: 25px !important;
}

/* Box Shadow on Hover */

div.hover-box:hover {
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

/* Number Highlight */

.highlight-container .num-highlight {
		font-family: "Montserrat", sans-serif;
    font-size: 60px;
    font-weight: 800;
    padding-right: 10px;
		color: #ffffff;
}

@media screen and (max-width: 1200px) {
.highlight-container .num-highlight {
		position: relative;
    text-align: center;
    margin: 0px auto;
		}
}

.highlight-container .num-highlight span {
		position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
		color: #ffffff;
}

@media screen and (max-width: 1200px) {
.highlight-container {
    display: block;
    text-align: center;
		}
}

.highlight-container {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
}

.highlight-container .highlight-content {
    flex: 1 1 100%;
    text-align: left;
    margin-top: 25px;
}

@media screen and (max-width: 1200px) {
.highlight-container .highlight-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
		}
}

.highlight-container .highlight-content .highlight-description {
    font-size: 12px;
    font-weight: 400;
		color: #ffffff;
}

.highlight-container .highlight-content .highlight-title {
    font-size: 16px;
    font-weight: 600;
	  color: #ffffff;
}

/* Equal Column Height */

.equal-height {
		
}

/* 2 Column List */

.centers-offices-list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.two-column-list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	list-style-type: none;
	line-height: 1.3;
}

/* Heading Backgrounds */

h3.heading-background {
		background-color: white;
    display: inline;
    padding: 10px 15px;
}

/* White Box - Degree Tracks */

.white-box {
		background-color: white;
		padding: 25px 25px 20px 25px;
}

@media screen and (max-width: 800px) {
    .white-box {
        padding: 15px 15px 10px 15px;
    }
}

.white-box h3 {
		text-decoration: underline;
}

.white-box:hover {
				box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

/* Grey Box */

.grey-box {
		padding: 25px 25px 20px 25px;
		box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

@media screen and (max-width: 800px) {
    .grey-box {
        padding: 15px 15px 10px 15px;
    }
}

/* Grow on Hover */

.grow .sow-icon-ionicons { 
		transition: all .2s ease-in-out; 
}

.grow .sow-icon-ionicons:hover { 
		transform: scale(1.2) !important; 
}

/* Home Page Button Images */

.grow img {
		transition: all .2s ease-in-out; 
}

.grow img:hover { 
		transform: scale(1.1) !important; 
}

/* Top Border Only */

.top-border {
		border-top: 7px solid #cc0000;
}

/* Table Width */

tbody {
		width: 100%;
		display: table;
}

/* UU Card */

.uu-card {
		overflow: visible;
		margin-top: 20px;
}

.uu-personnel-content {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
}

.uu-personnel-item {
		margin-top: 90px;
}

@media screen and (max-width: 800px) {
		.uu-personnel-item {		
			flex: 0 1 100%;
			padding: 10px;
		}
}

.uu-personnel-item:hover {
		background: none;
}

.uu-personnel-item hr {
		margin-top: -1em !important;
		margin-bottom: 1em !important;
}

.hover-marq:hover {
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

/* Button Color */

a.uu-btn.white:hover {
		background-color: #cc0000 !important;
}

/* Link Hover */

a.link-hover:hover {
		color: #000000 !important;
}

/* Tabs */

.uu-tabs-accordion-container .uu-tabs-accordion-menu .uu-accordion-btn span {
	font-size: 15px !important;
	font-family: "Montserrat", sans-serif !important;
	line-height: 1em !important;
}

.uu-tabs-accordion-container .uu-tabs-accordion-menu .uu-accordion-btn {
		height: 100% !important;
}

/* Faculty Cards */

.uu-personnel-item:hover {
		background-color: white;
		box-shadow: none;
}