@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Nunito+Sans|Open+Sans+Condensed:300|Raleway");
@import url("https://fonts.googleapis.com/css?family=Abel|Fjalla+One|Yanone+Kaffeesatz|Roboto:100,300,500");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Titillium+Web");

/*
Font Styles Available through Google's API - Note see the bootstrap file for fonts.
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Nunito Sans', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-family: 'Abel', sans-serif;
font-family: 'Roboto', sans-serif;

*/

/* Layout Related */

a:link, a:visited{
	color: #FFD200;
}

html {
	position:relative;
	min-height:100%;
	font-size: 100%;
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Abel', sans-serif;
}

body{
	margin:0 0 250px 0;
	/* font-weight:300; */
	height:100%;
	-webkit-font-smoothing: antialiased;
}

footer{
    position:absolute;
    bottom:0;
    width:100%;
    height:250px;
    color: #cdcdcd;
    font-size:.85rem;
    background-color: #1c1d1a;
}

@include media-breakpoint-up(sm) {
  body {
    font-size: 0.75rem;
  }
}

@include media-breakpoint-up(md) {
  body {
    font-size: 1rem;
  }
}

@include media-breakpoint-up(lg) {
  body {
    font-size: 1.25rem;
  }
}

footer .container-fluid
{

    background-color: #1c1d1a;
}

footer .row
{
    /*margin:15px 5px 15px 5px;*/
}

footer h1
{
    font-size:12pt;
    font-weight:600;
    text-transform: uppercase;
}

footer ul
{
    list-style-type: none;
    margin:0;
    padding:0;
}

.footer-hours
{
    -moz-column-count: 1;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 1;
    -webkit-column-gap: 2.5em;
    column-count: 1;
    column-gap: 2.5em;
}

.footer-hours li
{
    font-size:9pt;
}

.footer-hours li:nth-child(odd)
{
    font-weight:800;
    border-bottom: thin dotted;
}

/* Site Wide */

.content-row {
	margin: 10px 15px 10px 15px;
	padding:35px 0px 35px 0px;
}

.content-row-gray{
	background-color: #ebe8e9;
}

/* Nav Bar Related */
.navbar-bg-dark{
	background: #1c1d1a;
}

.navbar-brand-text{
	font-family: 'Abel', sans-serif;
	color:#FFFFFF !important;
	border: none !important;
	font-size:.85rem;
}

.nav-link{
	font-family: 'Fjalla One', sans-serif;
	color: #FEE123;
	text-transform: uppercase;
	border: none !important;
}

@media (min-width: 768px){
	.nav-link{
		font-size:.65em;
	}
}

@media (min-width: 992px){
	.nav-link{
		font-size:1em;
	}
}

.nav-item {
	color:#FFF;
}

.navbar-bg{
	background-color:#1c1d1a;
}

.fa {
	color:#FFF;
}

.rs {
	width:100%;
	min-height: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	border-top: 10px solid #54565B;
	border-bottom: 10px solid #54565B;
}

.rs p {
	margin: 10px 50px 10px 50px;
    text-align: center;
    letter-spacing: 0.5em;
    padding: 0;
    font-size: 0.6em;
    color: #646464;
    font-weight: 300;
    text-transform: uppercase;
    font-style: italic;
}

.rs-yellow{
	background-color: #FFD200;
}

/*
	Text Utilities (Oregon Themed)
*/

.font-yellow {
	color:#FFD200;
}

.btn-oregon{
	background-color: #54565B;
}

.btn-oregon-green{
	background-color: #007030;
}

.btn-oregon-yellow{
	background-color: #FFD200;
	color: #000 !important;
}

.landing-panel-container{
	/* NOTE due to Safari not translating MIN HEIGHT Properly on vh units and flex box issues height must be the same as the panels.*/
	height:50vh;
	width:100%;
	font-size:1.5rem;
	font-family: 'Abel', sans-serif;
	/*text-shadow: 1px 1px #a8a8a8;*/
}

.landing-panel-text{
	font-size:1.5rem;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	/*font-family: 'Fjalla One', sans-serif;*/
}

.landing-panel-card-light{
	background-color: rgba(255,255,255,.85);
	color:black;
	font-family: 'Abel', sans-serif;
}

.panel-yellow{
	width:100%;
	background-color: #FEE123;
	color:#424242;
}

.panel-green{
	width:100%;
	background-color: #154733;
	color:#FFF;
}


#landing-panel-1{
	width: 100%;
	height:95vh;
	min-height:95vh;
	background: url("/-/ssa/assets/backgrounds/landing/landing-banner-test.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 1;
}


#landing-panel-test{
	width: 100%;
	height:55vh;
	min-height:55vh;
	background: url("/-/ssa/assets/backgrounds/landing/landing-banner-test.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 1;
}

#landing-panel-covid{
	width: 100%;
	height:100%;
	min-height:100%;
	background-color: #fee11a;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 1;
	border-top: 10px solid #54565B;
	border-bottom: 10px solid #54565B;
}

.landing-title{
	font-size:4.5em;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #000000;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}

.landing-sub{
	font-size:2em;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #000000;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}

#landing-panel-2{
	width:100%;
	min-height: 50vh;
	/* background: url("/-/ssa/assets/backgrounds/landing/jaqua-driven.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; */
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
	justify-content: center;
	font-family: 'Abel', sans-serif;
}

.landing-panel-overlay{
	height:100%;
	font-size:1.25rem;
	color:#000;
	text-align: center;
}

#landing-panel-3{
	width:100%;
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/landing/landing-wall.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#landing-panel-4{
	width:100%;
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/landing/landing-graduation.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#landing-panel-404{
	width:100%;
	height:100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}

.twitter-container{
	max-height:300px;
}
/*
	Academics Section
*/
#academics-banner{
	height:95vh;
	background: url("/-/ssa/assets/backgrounds/academics/academics-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#academics-banner-2{
	height:25vh;
	background: url("/-/ssa/assets/backgrounds/academics/academics-banner-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#academics-card-advising{
	height:25vh;
	background: url("/-/ssa/assets/backgrounds/academics/academics-banner-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}

#academics-card-tutoring{
	height:25vh;
	background: url("/-/ssa/assets/backgrounds/academics/academics-tutoring.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#academics-card-specialized{
	height:25vh;
	background: url("/-/ssa/assets/backgrounds/academics/academics-banner-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*
	About Us Section
*/
#about-banner{
	height:95vh;
	background: url("/-/ssa/assets/backgrounds/about/about-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*
	Legacy Section
*/
#legacy-banner{
	height:95vh;
	background: url("/-/ssa/assets/backgrounds/legacy/legacy-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#legacy-banner-2{
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/legacy/legacy-banner-3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#legacy-phil{
	height:30vh;
	background: url("/-/ssa/assets/backgrounds/legacy/legacy-phil.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#legacy-jrj{
	height:30vh;
	background: url("/-/ssa/assets/backgrounds/legacy/legacy-jrj.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

/*
	Legacy Section
*/
#staff-banner{
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/staff/staff-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#staff-quick-menu {
	top:20px;
	position:fixed;
	height:100%;
	width:100%;
}

.staff-name {
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
}

.staff-title {
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
}

/*
	Reservations Section
*/
#reservations-banner{
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/reservations/reservation-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

/*
	Employment Section
*/
#employment-banner{
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/employment/employment-banner-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

/*
	Legacy Section
*/
#contact-banner{
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/contact/contact-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*
	Login Section
*/
#login-container{
	height:100vh;
	background: url("/-/ssa/assets/backgrounds/login/login-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

	font-size:12px;
}

/*
	General Section
*/
.banner-panel {
	width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    padding:0;
}

.banner-overlay {
	padding:25px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	justify-content: center;
	align-items: center;

	background-color: rgba(18,71,52,.85);
	color:#FFF;

	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-size: 3em;
	text-transform: uppercase;

}

.bg-bt {
	color:#FFFFFF;
	background-color: rgba(0,0,0, .25);
}

.img-resize {
	height:25vh;
	width:100%;
}

.card-academics-img-resize {
	height:15vh;
	width:100%;
}

.card-about-img-resize {
	height:30vh;
	/* width:100%; */
}

/*
	Student Section
*/
#students-banner{
	height:50vh;
	background: url("/-/ssa/assets/backgrounds/students/students-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*
	Employee Section
*/

.employee-icon{
	font-size:2em;
}