// .scss files will get core functions and variables automatically from build script

.col-sm-4 img { margin-bottom: 1rem; }


// quick facts section
.fact { 
	padding: 1rem 0; 
	border-bottom: 4px solid $purple-alt; 
	text-align: center;
	
	figure {
		font-family: $heading-font;
		color: $gold;
		margin: 1rem 0;
		padding: 0;
		letter-spacing: normal;
		text-transform: uppercase;
		font-weight: bold;
		font-size: rem(48);
		line-height: 1em;
	}
	
	p { 
		color: white;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-size: rem(14);
		line-height: 1em;
		letter-spacing: 0.5px;
	}
	
	@media (min-width: 768px){
		&:first-child { border-top:4px solid $purple-alt; }
	}
}



// fancy box section
.bg-image.ugadmissions { background-image: url(/_resources/img/fpo/gumby-small.jpg); }

@media (min-width: 768px){
	.bg-image.ugadmissions { background-image: url(/_resources/img/fpo/gumby.jpg); }
}



// on the road banner
.short-item.on-the-road-banner {
	margin-bottom: 0;
	margin-top: 2rem;
	
	 p.intro {
		padding-bottom: 1rem;
	}
}