/**************************************************

  _ _  __     
 | (_)/ _|    
 | |_| |_ ___ 
 | | |  _/ _ \
 | | | ||  __/
 |_|_|_| \___|
              
Single-sourced custom styles for UNC Student Life
Updated: Mar 2017

**************************************************/

/**************** Campus Recreation **************/
.tabs-content>.content {
	padding: 0!important;
}
ul.tabs.vertical.variation2 {
	width: 100%!important;
	max-width: 100%!important;
}
.tabs.vertical.variation2 .tab-title.active a:focus {
	outline: none;
}
.rec-center-content {
	min-height: 21.4em;
	width: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
}
.tabs-caption {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: .5em .5em .5em .5em;
	background-color: rgba(1,45,91,.7);
}
.tabs-caption p {
	color: white;
	text-align: center;
	margin-bottom: 0rem;
}
.panel-rec-center {background-image: url("/student-experience/images/campus-rec/campus-rec.jpg");}
.panel-square-feet {background-image: url("/student-experience/images/campus-rec/square-feet.jpg");}
.panel-classes {background-image: url("/student-experience/images/campus-rec/classes.jpg");}
.panel-gyms {background-image: url("/student-experience/images/campus-rec/gyms.jpg");}
.panel-track {background-image: url("/student-experience/images/campus-rec/track.jpg");}
.panel-racquetball {background-image: url("/student-experience/images/campus-rec/racquetball.jpg");}
.panel-climbing {background-image: url("/student-experience/images/campus-rec/climbing-wall.jpg");}
.panel-pool {background-image: url("/student-experience/images/campus-rec/pool.jpg");}

/**************** Outdoor Pursuits ***************/
.outdoor-pursuits-content {
	min-height: 21.4em;
	width: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
}
.panel-workshops {background-image: url("/student-experience/images/outdoor-pursuits/workshops.jpg");}
.panel-gear-shop {background-image: url("/student-experience/images/outdoor-pursuits/gear-shop.jpg");}
.panel-adventure-trips {background-image: url("/student-experience/images/outdoor-pursuits/adventure-trips.jpg");}
.panel-extended-adventure {background-image: url("/student-experience/images/outdoor-pursuits/extended-adventure.jpg");}
.panel-bike-share {background-image: url("/student-experience/images/outdoor-pursuits/bike.jpg");}
.panel-climbing-wall-ropes {background-image: url("/student-experience/images/outdoor-pursuits/climbing-wall.jpg");}

/***************** Bear Athletics *****************
The images in this section are changed in the
/widgets/rotating-images.js file. Modify
animations, default image and other settings here.
**************************************************/
.bear-athletics {
	position: relative;
	background-image: url("/student-experience/images/bear-athletics/bear-athletics-background-baseball.jpg"); /* If JS is disabled, we'll show this image */
	background-size: cover!important;
	background-position: top!important;
	-webkit-transition: background 700ms ease-in-out 800ms;
	-moz-transition: background 700ms ease-in-out 800ms;
	-o-transition: background 700ms ease-in-out 800ms;
	transition: background 700ms ease-in-out 800ms;
}
.bear-athletics h2, .bear-athletics h3, .bear-athletics p, .bear-athletics li {
	color: #fff;
}
/* Adds translucent background to section on mobile  */
@media only screen and (max-width: 40em) {
	.bear-athletics {
		background-position: right!important;
	}
	.bear-athletics:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right, #013c65, #60697a);
		opacity: .5;
		-webkit-transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		transition: opacity 0.4s;
	}
}

/************* Clubs and Organizations ***********/
.clubs-organizations {
	background-image: url("/student-experience/images/clubs/clubs-repeating-background-optimized.svg");
	background-size: 35em;
	padding: 6em 0 6em 0;
}

/****************** Campus Arts *******************
The images in this section are changed in the
/widgets/rotating-images.js file. Modify
animations, default image and other settings here.
**************************************************/
.campus-arts {
	position: relative;
	background-image: url("/student-experience/images/campus-arts/campus-arts-gallery.jpg"); /* If JS is disabled, we'll show this image */
	background-size: cover!important;
	background-position: top!important;
	-webkit-transition: background 700ms ease-in-out 800ms;
	-moz-transition: background 700ms ease-in-out 800ms;
	-o-transition: background 700ms ease-in-out 800ms;
	transition: background 700ms ease-in-out 800ms;
}
.campus-arts h2, .campus-arts h3, .campus-arts p, .campus-arts li {
	color: #fff;
}
/* Adds translucent background to section on mobile  */
@media only screen and (max-width: 40em) {
	.campus-arts {
		background-position: -10em!important;
	}
	.campus-arts:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right, #013c65, #60697a);
		opacity: .5;
		-webkit-transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		transition: opacity 0.4s;
	}
}

/********** Fraternity and Sorority Life *********/
.greek-life {
	background-image: url("/student-experience/images/greek-life/greek-life-repeating-background-optimized.svg");
	background-size: 35em;
	padding: 6em 0 6em 0;
}

/***************** Explore Greeley ****************
The images in this section are changed in the
/widgets/rotating-images.js file. Modify
animations, default image and other settings here.
**************************************************/
.explore-greeley {
	position: relative;
	background-image: url("/student-experience/images/explore-greeley/explore-greeley-interchange-1.jpg"); /* If JS is disabled, we'll show this image */
	background-size: cover!important;
	background-position: top!important;
	-webkit-transition: background 700ms ease-in-out 800ms;
	-moz-transition: background 700ms ease-in-out 800ms;
	-o-transition: background 700ms ease-in-out 800ms;
	transition: background 700ms ease-in-out 800ms;
}
.explore-greeley h2, .explore-greeley h3, .explore-greeley p, .explore-greeley li {
	color: #fff;
}
/* Adds translucent background to section on mobile  */
@media only screen and (max-width: 40em) {
	.explore-greeley {
		background-position: right!important;
	}
	.explore-greeley:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right, #013c65, #60697a);
		opacity: .5;
		-webkit-transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		transition: opacity 0.4s;
	}
}

/**************** Explore Colorado ***************/
.love-colorado {
	padding-top: 1.5em;
}
.colorado-rows .thumb {
	height: 8em;
	background-size: cover;
	background-position: center;
}
@media only screen and (min-width: 40.063em) {
	.colorado-rows .thumb {
		height: 10em;
	}
}
@media only screen and (min-width: 64.063em) {
	.colorado-rows .thumb {
		height: 20em;
	}
}
.colorado-rows .thumb:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right, #013c65, #60697a);
	opacity: .5;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.colorado-rows .thumb:hover::before, .colorado-rows .thumb:focus::before {
	opacity: .8;
}
.colorado-rows .thumb.abasin {background-image: url("/student-experience/images/love-colorado/abasin.jpg");}
.colorado-rows .thumb.breckenridge {background-image: url("/student-experience/images/love-colorado/breck.jpg");}
.colorado-rows .thumb.copper {background-image: url("/student-experience/images/love-colorado/copper.jpg");}
.colorado-rows .thumb.crested {background-image: url("/student-experience/images/love-colorado/crested.jpg");}
.colorado-rows .thumb.eldora {background-image: url("/student-experience/images/love-colorado/eldora.jpg");}
.colorado-rows .thumb.keystone {background-image: url("/student-experience/images/love-colorado/keystone.jpg");}
.colorado-rows .thumb.loveland {background-image: url("/student-experience/images/love-colorado/loveland.jpg");}
.colorado-rows .thumb.winter-park {background-image: url("/student-experience/images/love-colorado/winterpark.jpg");}
.colorado-rows .thumb.arapahoe {background-image: url("/student-experience/images/love-colorado/arapahoe.jpg");}
.colorado-rows .thumb.pawnee {background-image: url("/student-experience/images/love-colorado/pawnee.jpg");}
.colorado-rows .thumb.co-fourteen {background-image: url("/student-experience/images/love-colorado/fourteeners.jpg");}
.colorado-rows .thumb.co-thirteen {background-image: url("/student-experience/images/love-colorado/thirteeners.jpg");}
.colorado-rows .thumb.parks {background-image: url("/student-experience/images/love-colorado/parkswildlife.jpg");}
.colorado-rows .thumb.wilderness {background-image: url("/student-experience/images/love-colorado/wilderness.jpg");}
.colorado-rows .thumb.indian-peaks {background-image: url("/student-experience/images/love-colorado/indianpeaks.jpg");}
.colorado-rows .thumb.forest-service {background-image: url("/student-experience/images/love-colorado/forestservice.jpg");}
.colorado-rows .thumb.hiking {background-image: url("/student-experience/images/love-colorado/hikingcolorado.jpg");}
.colorado-rows .thumb.biking {background-image: url("/student-experience/images/love-colorado/biking.jpg");}
.colorado-rows .thumb.rafting {background-image: url("/student-experience/images/love-colorado/rafting.jpg");}
.colorado-rows .thumb.snowshoeing {background-image: url("/student-experience/images/love-colorado/snowshoeing.jpg");}
.colorado-rows .thumb.climbing {background-image: url("/student-experience/images/love-colorado/bouldering.jpg");}
.colorado-rows .thumb.camping {background-image: url("/student-experience/images/love-colorado/camping.jpg");}
.colorado-rows .thumb.snowboarding {background-image: url("/student-experience/images/love-colorado/skiing.jpg");}
.colorado-rows .thumb.swimming {background-image: url("/student-experience/images/love-colorado/swiming.jpg");}
.colorado-rows .title p {
	color: white;
	font-weight: 600!important;
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	margin-bottom:0!important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 1.5em 0 1.5em;
	width: 100%;
}
.additional-info:before {
	content: "";
	position: absolute;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, #013c65, transparent);
	margin-top: .5em;
}
.additional-info p {
	padding-top: 2em;
	text-align: center;
}
.additional-info a {
	transition: color 0.5s ease;
}
.additional-info a:hover {
	color: #f6b000!important;
}