/* SIERRA COLLEGE HOMEPAGE */

#homepage-wrapper {
	z-index: 1;
	position: relative;
}
section#hero, div#hero {
	position: relative;
	top: -48px;
}

/* Hero Slides */
#hero .slide {
	width:100%;
	background-size:cover;
	background-position: center 30%;
	background-repeat: no-repeat;
	position: relative;
	display: none;
}

#hero .slide-image img {
	width:100%;
	height:auto;
}
#hero .slide-info {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	text-align: center;
	padding:50px 0;
}
#hero .slide-info:after {
	content:"";
	display: block;
	position: absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
}
#hero .slide-info .wrap {
	position: relative;
	z-index: 1;
}
#hero .slide-info h2 {
	font-size:4em;
	color:#fff;
	padding-bottom:25px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
#hero .slide-buttons {
	padding:0 20px;
}
#hero .slide-button {
	width:39%;
	display: inline-block;
	border-radius:5px;
	border:2px solid #888;
	padding:20px 10px;
	text-decoration: none;
	box-sizing:border-box;
	color:#fff;
	font-weight: 600;
	background:rgba(0,0,0,.15);
	transition:all .3s;
}
#hero .slide-button.hasicon {
	padding:0 10px 20px;
}
#hero .slide-button:hover {
	background:rgba(0,0,0,.22);
}
#hero .slide-button#learnmore {
	border-color:#9cb227;
}
#hero .slide-button + .slide-button {
	margin-left:30px;
}
#hero .slide-caption {
	color:#fff;
	position: absolute;
	bottom:15px;
	right:50px;
	font-size:0.750em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
}

#hero .slide-button span {
	position: relative;
	display: block;
}
#hero .slide-button span:before {
	content:"";
	position: relative;
	display: inline-block;
	width:34px;
	height:34px;
	left:0;
	top:0;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	margin-right:9px;
}
#hero .slide-button#learnmore.physed span:before {
	background-image:url('../images/heros/icon-physed.png');
	top:10px;
}
#hero .slide-button#learnmore.bio span:before {
	background-image:url('../images/heros/icon-bio.png');
	top:10px;
}
#hero .slide-button#learnmore.geog span:before {
	background-image:url('../images/heros/icon-geo.png');
	top:10px;
}
#hero .slide-button#learnmore.hist span:before {
	background-image:url('../images/heros/icon-history.png');
	top:11px;
}
#hero .slide-button#learnmore.math span:before {
	background-image:url('../images/heros/icon-math.png');
	top:10px;
}
#hero .slide-button#learnmore.mech span:before {
	background-image:url('../images/heros/icon-mech.png');
	top:10px;
}
#hero .slide-button#learnmore.phil span:before {
	background-image:url('../images/heros/icon-phil.png');
	top:10px;
}
#hero .slide-button#learnmore.photography span:before {
	background-image:url('../images/heros/icon-photo.png');
	top:10px;
}
#hero .slide-button#learnmore.weld span:before {
	background-image:url('../images/heros/icon-weld.png');
	top:10px;
}
#hero .slide-button#viewdepartments span:before {
	background-image:url('../images/heros/icon-departments.png');
	top:10px;
}


/* Find Your Path */
section#findpath, div#findpath {
	padding:40px 0;
}
#findpath #path-photo {
	float:left;
	width:470px;
}
#findpath #path-info {
	width:calc(100% - 490px);
	float:right;
	padding-top:30px;
}
#path-info h2 {
	font-size:2.250em;
	line-height: 1.1;
}
#path-info p {
	padding-top:15px;
	line-height: 1.5;
}


/* Planning for college */
section#planning, div#planning {
	background:#f4f3f3;
	padding:40px 0;
}
#planning h2 {
	font-size:2.250em;
	color:#000;
	text-align: center;
	padding-bottom:30px;
}
#planning .plan-item {
	width:25%;
	float:left;
	box-sizing:border-box;
	padding:0 8px;
	text-align: center;
}
#planning .plan-item a {
	color:#000;
	text-decoration: none;
}
#planning .plan-item h3 {
	font-family: "Crimson Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-size:1.4em;
}
#planning .plan-item h4 {
	font-weight: bold;
	font-size:1.2em;
	padding-top:5px;
	display: inline-block;
}
#planning .plan-item h4:after {
	content: '';
	background: #f5f5f5 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOSAxMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAxMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiM5NDhEODciIHBvaW50cz0iMCwxMSA5LDUuNSAwLDAgIi8+Cjwvc3ZnPg==') no-repeat left top;
	width: 9px;
	height: 13px;
	display: block;
	float: right;
	margin-left: 6px;
	margin-top: 5px;
}
#planning .plan-item .plan-circle {
	position: relative;
	margin:0 auto;
	width:85%;
	border-radius: 50%;
	height:auto;
	padding-top:85%;
	margin-bottom:15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:65%;
}
#planning .plan-item#register .plan-circle {
	background-color:#d08587;
	background-image:url('../images/hp-icon-register.png');
}
#planning .plan-item#money .plan-circle {
	background-color:#c8d28d;
	background-image:url('../images/hp-icon-finance.png');
}
#planning .plan-item#requirements .plan-circle {
	background-color:#f6c388;
	background-image:url('../images/hp-icon-assocdegree.png');
}
#planning .plan-item#transfer .plan-circle {
	background-color:#98a2b5;
	background-image:url('../images/hp-icon-transferblue.png');
}


/* Staff Blocks */
.staffblock {
	width:33.33333%;
	float:left;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	text-align: center;
	height:435px;
	position: relative;
}
.staffblock:last-child {
	width:33.33334%;
}
.staffblock#engaging {
	background-image:url('../images/hp-faculty.jpg');
}
.staffblock#encouraging {
	background-image:url('../images/hp-staff.jpg');
}
.staffblock#helpful {
	background-image:url('../images/hp-students.jpg');
}
.staffblock h3 {
	display: block;
	margin:0 auto;
	left:0;
	right:0;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


/* Rankings */
section#ranked, div#ranked {
	padding:45px 0;
}
#ranked h2 {
	background-image:url('../images/rank-circle.png');
	background-repeat: no-repeat;
	background-size:11.6%;
	background-position: left center;
	font-size:2.250em;
	padding:25px 40px 25px 145px;
}
#ranked #ranked-items {
	border-top:2px solid #b4b4b4;
	margin-top:20px;
	padding-top:40px;
}
#ranked-items .ranked-item {
	width:33.33333%;
	float:left;
	box-sizing:border-box;
	padding:0 20px;
	text-align: center;
}
.ranked-item .rank-num {
	display: block;
	font-family: "Crimson Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:5.5em;
	font-style: italic;
}
.ranked-item .rank-desc {
	font-weight: bold;
	font-size:1.4em;
	padding-left:45px;
	position: relative;
}
.rank-desc:before {
	content:"";
	width:40px;
	height:40px;
	display: inline-block;
	position: absolute;
	left:0;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center center;
}
.rank-desc#aaas:before {
	background-image:url('../images/hp-icon-aaas.png');
	top:-6px;
}
.rank-desc#transfer:before {
	background-image:url('../images/hp-icon-transfer.png');
	top:-4px;
}
.rank-desc#certs:before {
	background-image:url('../images/hp-icon-certs.png');
	top:-3px;
}


/* Student Life */
section#student-life, div#student-life {
	background-image:url('../images/studentlife.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	height:825px;
	position: relative;
}
#student-life #sl-headline {
	background:rgb(247,148,29);
	background:rgba(247,148,29,.8);
	padding:38px 0;
}
#sl-headline h2 {
	color:#fff;
	font-weight: bold;
	font-size:2.250em;
	text-align: center;
}
#sl-info {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}
#sl-info .wrap {
	padding:35px 60px 50px 60px;
	box-sizing:border-box;
	background:rgb(255,255,255);
	background:rgba(255,255,255,.92);
}
#sl-info #sl-events {
	float:left;
	width:305px;
	color:#000;
	text-align: center;
	padding-left:135px;
	box-sizing:border-box;
	background:url('../images/sl-events-icon.png');
	background-repeat: no-repeat;
	background-size:38%;
	background-position: left 25px;
}
#sl-events span.sl-number {
	font-family: "Crimson Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	display: block;
	font-size:6.25em;
	font-weight: bold;
	line-height: .7;
	border-bottom:3px solid #939598;
	text-align: center;
	margin-bottom:10px;
	padding-bottom:15px;
}
#sl-events span.sl-number sup { 
    vertical-align: super;
    font-size: .65em;
    position: relative;
    top:5px;
}
#sl-events span.sl-text {
	font-weight: 700;
	font-size:1.6em;
}
#sl-info p {
	float:right;
	display: block;
	width:calc(100% - 350px);
	line-height: 1.62;
	padding-top:22px;
}
#studentlife-copyright span {
	display: block;
	text-align: right;
	width:90%;
	margin:0 auto;
	font-size:.65em;
	padding:10px 0;
	font-size:0.750em;
	font-family: "Crimson Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
}
@-moz-document url-prefix() { 
	#sl-events span.sl-number {
		line-height: .4;
	}
	#sl-info #sl-events {
		background-position: left 5px;
	}
	#sl-info .wrap {
		padding:35px 60px 35px 60px;
		box-sizing:border-box;
		background:rgb(255,255,255);
		background:rgba(255,255,255,.92);
	}
	#sl-info p {
		padding-top:5px;
	}
}


/* Applied Sierra */
section#applied, div#applied {
	padding:30px 0 45px;
}
#applied h2 {
	font-size:2.250em;
	text-align: center;
	padding-bottom:40px;
}
#applied .footbtn a {
	font-weight: normal;
	padding:18px 0 15px;
}
#applied #hub {
	width:67%;
	margin:0 auto;
	padding-top:30px;
}
#hub #hub-logo {
	position: absolute;
	width:132px;
}
#hub #hub-text {
	padding-left: 150px;
	padding-top:25px;
}
#hub #hub-text h3 {
	font-size:1.7em;
	padding-bottom:.8em;
}
#hub #hub-text p {
	line-height: 1.6;
}
#hub #hub-text a {
	text-decoration: underline;
	color:#333;
}

/* Links */
#findpath a,
#student-life a {
	color:#AF2124;
	text-decoration: none;
}
#findpath a:hover,
#student-life a:hover {
	text-decoration: underline;
}


/* Footer */
#hp-footer {
	background:#f4f3f3;
	padding:40px 0;
}
#hp-footer p.copyright {
	font-size:1.2em;
	padding-bottom:15px;
}
#hp-footer p.ftr-links {
	text-transform: uppercase;
	font-size:.9em;
}
#hp-footer p.ftr-links a {
	color:#222;
	text-decoration: none;
	margin:0 .5em;
}
#hp-footer p.ftr-links a:first-child {
	margin-left:0;
}

@media(min-width:1280px) {
	#hero .slide-info {
		padding:50px 0 120px;
	}
}