html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, *:after, *:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
html, body {
height: 100%;
width: 100%;
}
body {
background-color: #e3e3da;
color: #333333;
font-family: "Montserrat", serif;
font-size: 16px;
line-height: 23px;
margin: 0;
}
a {
color: #fab82f;
text-decoration: none;
}
a:hover {
color: #d79305;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 11.5px;
font-family: "Arvo", serif;
font-weight: 300;
line-height: 23px;
color: inherit;
text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
line-height: 46px;
}
h1 {
font-size: 44px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 13.6px;
}
p, ul {
margin: 0 0 11.5px;
}
.img-responsive {
margin: 0 auto;
}
.loading * {
-webkit-transition: none;
transition: none;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@font-face {
font-family: "seattle-u";
src: url("fonts/seattle-u.eot");
src: url("fonts/seattle-u.eot?#iefix") format("embedded-opentype"), url("fonts/seattle-u.woff") format("woff"), url("fonts/seattle-u.ttf") format("truetype"), url("fonts/seattle-u.svg#seattle-u") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "seattle-u" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "seattle-u" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrows-triple-left:before {
content: "a";
}
.icon-arrows-triple-right:before {
content: "b";
}
.icon-calendar:before {
content: "c";
}
.icon-magnifying:before {
content: "d";
}
.icon-asterisk:before {
content: "e";
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #e3e3da;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack { /* wraps the drag bar */
position: relative;
background: #f8f8f1;
}
.jspDrag { /* is the drag bar */
background: rgba(128, 128, 128, 0.7);
position: relative;
top: 0;
left: 0;
cursor: pointer;
border-radius: 10px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
.navbar-wrapper {
position: relative;
height: 140px;
}
@media (max-width: 767px) {
.navbar-wrapper {
height: 50px;
}
}
/** Accessibility: Skip to main content **/
#skip-link {
background: white;
color: #333333;
display: block;
font-size: 18px;
padding: 15px 0;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}
#skip-link:focus {
outline: 0;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:focus {
border: 0;
clip: none;
height: auto;
margin: -1px;
overflow: visible;
padding: 0;
position: relative;
width: auto;
}
/** End Accessibility**/
/**Top nav**/
nav {
position: relative;
text-transform: uppercase;
z-index: 1;
/**Mobile nav**/
}
nav a#pull, nav .mobile {
display: none;
}
nav ul {
margin: 0;
list-style: none;
}
nav li {
display: inline-block;
}
@media (max-width: 767px) {
nav li {
display: block;
}
}
@media (max-width: 767px) {
nav {
border-bottom: 0;
}
nav .nm {
display: none;
height: auto;
}
nav a#pull {
display: block;
background-color: white;
width: 100%;
position: relative;
font-size: 35px;
}
nav a#pull:after {
font-family: 'fontawesome';
content: '\f0c9';
display: inline-block;
position: absolute;
right: 8px;
top: 8px;
color: #333333;
}
}
nav .main {
position: absolute;
top: 60px;
background-color: white;
font-family: 'Arvo', serif;
width: 100%;
height: 80px;
padding: 25px 60px;
text-align: center;
font-size: 14px;
}
nav .main .mainlogo {
float: left;
}
nav .main .menu {
padding-top: 4px;
}
nav .main .menu li {
padding-right: 20px;
}
nav .main .menu a {
color: #333333;
}
nav .main .menu a:hover, nav .main .menu a:focus {
color: #aa0000;
text-decoration: none;
}
@media (max-width: 767px) {
nav .main {
position: relative;
top: 0;
height: 50px;
padding: 8px;
}
nav .main .menu {
padding: 0;
}
nav .main .menu ul {
top: 60px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
nav .main .mainlogo {
margin-top: 5px;
}
nav .main .main {
padding-top: 20px;
}
nav .main .menu {
margin-left: 160px;
padding-top: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
nav .main .mainlogo {
margin-top: 5px;
}
nav .main .main {
padding-top: 20px;
}
nav .main .menu {
margin-left: 160px;
padding-top: 0;
}
}
nav .sub {
position: absolute;
top: 0;
background-color: #333333;
width: 100%;
height: 60px;
padding: 20px 50px;
font-family: 'Oswald', sans-serif;
font-size: 12px;
}
nav .sub li {
padding-right: 22px;
}
nav .sub .left {
float: left;
}
@media (max-width: 767px) {
nav .sub .left {
float: inherit;
}
}
nav .sub .left a {
color: #fab82f;
}
nav .sub .right {
float: right;
color: #cccccc;
}
@media (max-width: 767px) {
nav .sub .right {
float: inherit;
}
}
nav .sub .right a {
color: #cccccc;
}
nav .sub .right input {
border-radius: 20px;
height: 20px;
line-height: 20px;
padding: 0 8px;
border: none;
color: #333333;
}
nav .sub .right i {
padding-left: 4px;
font-size: 12px;
}
nav .sub .right i:hover, nav .sub .right i:focus {
color: white;
}
nav .sub .right .fa-search {
font-size: 18px;
}
nav .sub a:hover, nav .sub a:focus {
color: white;
text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1200px) {
nav .sub {
padding: 20px;
}
}
@media (max-width: 1044px) {
nav .sub {
padding: 7px 10px;
}
nav .sub .left, nav .sub .right {
float: inherit;
width: 100%;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 979px) {
nav .sub {
padding: 7px 10px;
}
nav .sub .left, nav .sub .right {
float: inherit;
width: 100%;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
nav .sub {
padding: 7px 10px;
}
nav .sub .left, nav .sub .right {
float: inherit;
width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
nav .sub {
display: none;
background-color: transparent;
padding: 0;
}
nav .sub ul {
background-color: #333333;
}
}
nav .open {
display: block;
}
nav .mobile {
position: absolute;
width: 100%;
font-family: "Arvo", serif;
overflow: hidden;
}
nav .mobile li {
padding: 10px 20px;
border-bottom: 2px solid white;
overflow: hidden;
}
nav .mobile a {
display: block;
margin-right: 40px;
text-decoration: none;
}
nav .mobile a:after {
font-family: 'fontawesome';
content: '\f105';
margin-left: 5px;
}
nav .mobile .top {
background-color: #aa0000;
}
nav .mobile .top a {
color: white;
}
nav .mobile .bottom {
background-color: #333333;
}
nav .mobile .bottom a {
color: #fab82f;
}
nav .mobile .student {
background-color: #333333;
color: white;
}
nav .mobile .student input {
color: #333333;
width: 90%;
}
nav .mobile .student .fa-search {
width: 10%;
text-align: center;
vertical-align: middle;
}
nav .mobile .student a {
color: white;
}
nav .mobile .leftsub, nav .mobile .rightsub {
position: relative;
float: left;
width: 50%;
}
/**Max width for container */
@media (min-width: 1200px) {
.container {
width: 1200px !important;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.container {
width: 100%;
max-width: 100%;
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.container {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.container {
padding: 0;
}
}
@media (max-width: 767px) {
.container {
padding: 0;
}
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before {
text-transform: lowercase;
}
/** Hero Styling **/
#main-top, #alumni-top, #academics-top, #admissions-top, #graduate-top, #studentlife-top, #ncs-top {
position: relative;
}
@media (max-width: 767px) {
#main-top, #alumni-top, #academics-top, #admissions-top, #graduate-top, #studentlife-top, #ncs-top {
top: 0;
}
}
#main-top .slide-nav,
#alumni-top .slide-nav,
#studentlife-top .slide-nav {
height: 295px;
position: relative;
outline: none;
overflow-x: auto;
}
#main-top .slide-nav .line,
#alumni-top .slide-nav .line,
#studentlife-top .slide-nav .line {
position: absolute;
width: 100%;
border-top: 1px solid #fab82f;
top: 110px;
}
#main-top .slide-nav .slide-wrap, #alumni-top .slide-nav .slide-wrap, #studentlife-top .slide-nav .slide-wrap {
height: 295px;
border-top: 8px solid #333333;
border-bottom: 8px solid #333333;
background-color: #f8f8f1;
text-align: center;
white-space: nowrap;
}
#main-top .slide-nav .slide-wrap .line, #alumni-top .slide-nav .slide-wrap .line, #studentlife-top .slide-nav .slide-wrap .line {
position: absolute;
width: 100%;
border-top: 1px solid #fab82f;
top: 102px;
}
#main-top .slide-nav .slide-wrap .slide, #alumni-top .slide-nav .slide-wrap .slide, #studentlife-top .slide-nav .slide-wrap .slide {
color: #333333;
display: inline-block;
vertical-align: middle;
font-size: 16px;
height: 100%;
padding: 30px 10px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 195px;
}
#main-top .slide-nav .slide-wrap .slide h4, #alumni-top .slide-nav .slide-wrap .slide h4, #studentlife-top .slide-nav .slide-wrap .slide h4 {
font-family: "Arvo", serif;
font-size: 13px;
line-height: 1.5;
margin-top: 10px;
white-space: normal;
}
#main-top .slide-nav .slide-wrap .slide a, #alumni-top .slide-nav .slide-wrap .slide a, #studentlife-top .slide-nav .slide-wrap .slide a {
color: #333333;
text-decoration: none;
outline: none;
}
#main-top .slide-nav .slide-wrap .slide a:hover, #main-top .slide-nav .slide-wrap .slide a:focus, #alumni-top .slide-nav .slide-wrap .slide a:hover, #alumni-top .slide-nav .slide-wrap .slide a:focus, #studentlife-top .slide-nav .slide-wrap .slide a:hover, #studentlife-top .slide-nav .slide-wrap .slide a:focus {
color: #aa0000;
}
#main-top .slide-nav .slide-wrap .slide .nav-img, #alumni-top .slide-nav .slide-wrap .slide .nav-img, #studentlife-top .slide-nav .slide-wrap .slide .nav-img {
border-radius: 50%;
border: 10px solid transparent;
}
#main-top .slide-nav .slide-wrap .active .nav-img, #alumni-top .slide-nav .slide-wrap .active .nav-img, #studentlife-top .slide-nav .slide-wrap .active .nav-img {
border: 10px solid #f8f8f1;
}
#main-top .slide-nav .slide-wrap .active .arrow-gray-down, #main-top .slide-nav .slide-wrap .active .arrow-gray-up, #alumni-top .slide-nav .slide-wrap .active .arrow-gray-down, #alumni-top .slide-nav .slide-wrap .active .arrow-gray-up, #studentlife-top .slide-nav .slide-wrap .active .arrow-gray-down, #studentlife-top .slide-nav .slide-wrap .active .arrow-gray-up {
position: absolute;
left: 46%;
}
#main-top .slide-nav .slide-wrap .active .arrow-gray-down, #alumni-top .slide-nav .slide-wrap .active .arrow-gray-down, #studentlife-top .slide-nav .slide-wrap .active .arrow-gray-down {
height: 0px;
top: 8px;
}
#main-top .slide-nav .slide-wrap .active .arrow-gray-down:before, #alumni-top .slide-nav .slide-wrap .active .arrow-gray-down:before, #studentlife-top .slide-nav .slide-wrap .active .arrow-gray-down:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333333;
}
#main-top .slide-nav .slide-wrap .active .arrow-gray-up, #alumni-top .slide-nav .slide-wrap .active .arrow-gray-up, #studentlife-top .slide-nav .slide-wrap .active .arrow-gray-up {
bottom: 8px;
}
#main-top .slide-nav .slide-wrap .active .arrow-gray-up:before, #alumni-top .slide-nav .slide-wrap .active .arrow-gray-up:before, #studentlife-top .slide-nav .slide-wrap .active .arrow-gray-up:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #333333;
}
#main-top .slide-nav .slide-wrap .active .arrow-gold-right, #main-top .slide-nav .slide-wrap .active .arrow-gold-left, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-right, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-left, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-right, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-left {
position: absolute;
top: 92px;
}
#main-top .slide-nav .slide-wrap .active .arrow-gold-right:after, #main-top .slide-nav .slide-wrap .active .arrow-gold-left:after, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-right:after, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-left:after, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-right:after, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-left:after {
font-family: 'seattle-u';
font-size: 18px;
text-transform: lowercase;
color: #fab82f;
}
#main-top .slide-nav .slide-wrap .active .arrow-gold-right, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-right, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-right {
left: 13px;
}
#main-top .slide-nav .slide-wrap .active .arrow-gold-right:after, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-right:after, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-right:after {
content: ' b'; /* triple-chevron nav buttons on sliders */
}
#main-top .slide-nav .slide-wrap .active .arrow-gold-left, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-left, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-left {
right: 12px;
}
#main-top .slide-nav .slide-wrap .active .arrow-gold-left:after, #alumni-top .slide-nav .slide-wrap .active .arrow-gold-left:after, #studentlife-top .slide-nav .slide-wrap .active .arrow-gold-left:after {
content: 'a'; /* triple-chevron nav buttons on sliders */
}
/** Top Home Hero **/
#main-top .slider-wrap {
position: relative;
}
#main-top .slider-wrap .slider {
height: 450px;
margin-bottom: 0;
position: relative;
}
#main-top .slider-wrap .slider .bg {
position: relative;
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#main-top .slider-wrap .slider .bg .slider-copy {
position: absolute;
z-index: 1;
}
#main-top .slider-wrap .slider .bg .slider-copy h5 {
font-family: "Arvo", serif;
font-size: 18px;
text-transform: uppercase;
}
#main-top .slider-wrap .slider .bg .slider-copy p {
font-size: 13px;
line-height: 1.7;
}
#main-top .slider-wrap .slider .bg .slider-copy p a {
color: #333333;
text-decoration: underline;
}
#main-top .slider-wrap .slider .bg .slider-copy .goldarrow {
position: relative;
border-style: solid;
border-color: #fab82f;
border-width: 2px 0 0 0;
}
#main-top .slider-wrap .slider .bg .slider-copy .goldarrow:after {
position: absolute;
font-family: 'seattle-u';
content: 'b';
color: #fab82f;
top: -11px;
right: -1px;
font-size: 19px;
}
#main-top .slider-wrap .slider .bg .slider-note {
position: absolute;
color: white;
text-align: center;
font-size: 12px;
background-color: #40b8c8;
background-color: rgba(64, 184, 200, 0.5);
border-radius: 100%;
z-index: 10;
}
/* ================================== Slide styles ================================== */
/* Muruhu Bay and Here we dare are in centerpieces.css */
#main-top .slider-wrap .slider .bg2 {
background-image: url(../img/home/slide-2.jpg);
}
#main-top .slider-wrap .slider .bg2 .slider-copy {
top: 12%;
left: 12%;
width: 28%;
}
#main-top .slider-wrap .slider .bg2 .slider-note {
top: -5%;
right: 7%;
padding: 40px 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
#main-top .slider-wrap .slider .bg2 .slider-copy {
left: 8%;
width: 38%;
}
}
@media (max-width: 767px) {
#main-top .slider-wrap .slider .bg2 {
background-image: url(../img/home/slide-2-mobile.jpg);
background-position: center top;
}
#main-top .slider-wrap .slider .bg2 .slider-copy {
top: 10%;
left: 10%;
width: 32%;
}
#main-top .slider-wrap .slider .bg2 .slider-note {
top: -3%;
right: 40%;
padding: 35px 15px;
font-size: 11px;
line-height: 1.7 !important;
}
}
#main-top .slider-wrap .slider .bg3 {
background-image: url(../img/home/slide-3.jpg);
}
#main-top .slider-wrap .slider .bg3 .slider-copy {
top: 14%;
right: 11%;
width: 30%;
}
#main-top .slider-wrap .slider .bg3 .slider-note {
top: -5%;
left: 6%;
padding: 30px 35px;
}
@media (min-width: 768px) and (max-width: 979px) {
#main-top .slider-wrap .slider .bg3 .slider-copy {
width: 35%;
}
}
@media (max-width: 767px) {
#main-top .slider-wrap .slider .bg3 {
background-image: url(../img/home/slide-3-mobile.jpg);
background-position: center left;
}
#main-top .slider-wrap .slider .bg3 .slider-copy {
top: 25%;
left: 5%;
width: 60%;
}
#main-top .slider-wrap .slider .bg3 .slider-note {
font-size: 11px;
line-height: 1.7;
}
}
#main-top .slider-wrap .slider .bg4 {
background-image: url(../img/home/slide-4.jpg);
background-position: center center;
}
#main-top .slider-wrap .slider .bg4 .slider-copy {
top: 12%;
right: 14%;
width: 30%;
}
#main-top .slider-wrap .slider .bg4 .slider-note {
top: 5%;
left: 26%;
padding: 40px 15px;
}
@media (min-width: 768px) and (max-width: 979px) {
#main-top .slider-wrap .slider .bg4 .slider-copy {
right: 7%;
width: 41%;
}
#main-top .slider-wrap .slider .bg4 .slider-note {
left: 21%;
}
}
@media (max-width: 767px) {
#main-top .slider-wrap .slider .bg4 {
background-image: url(../img/home/slide-4-mobile.jpg);
background-position: center center;
background-position: bottom center;
}
#main-top .slider-wrap .slider .bg4 .slider-copy {
top: 3%;
xright: 4%;
width: 90%;
left: 35%;
width: 60%;
}
#main-top .slider-wrap .slider .bg4 .slider-note {
top: 65%;
top: 55%;
left: 44%;
font-size: 11px;
line-height: 1.7;
}
}
/* ================================== end centerpiece slides ==================================*/
/* ---------- centerpiece videos ----------
*/
#main-top .slider-wrap .slider .slidervideo { /* div with class of slidervideo required */
display: block;
position: relative;
text-align: center;
}
#main-top .slider-wrap .slider .slidervideo a .play-button {
position: absolute;
width: 100%;
z-index: 100;
opacity: 0.6;
color: #ffffff;
top: 35%;
left: 0;
}
@media (max-width: 767px) {
#main-top .slider-wrap .slider .bg .slider-copy h5 {
font-size: 13px !important;
margin-bottom: 0;
width: 98%
}
#main-top .slider-wrap .slider .bg .slider-copy p {
color: #333333;
font-size: 10px;
}
#main-top .slider-wrap .slider .bg .slider-copy .slide-note {
font-size: 11px;
line-height: 1.7 !important;
}
}
#main-top .slider-wrap .slider .slick-dots {
bottom: 15px;
}
@media (max-width: 767px) {
#main-top .slider-wrap .slider .slick-dots {
bottom: -6px;
}
}
#main-top .slider-wrap .slider .slick-dots li button:before {
font-size: 13px;
color: white;
opacity: 1;
}
#main-top .slider-wrap .slider .slick-dots li button:hover:before, #main-top .slider-wrap .slider .slick-dots li button:focus {
color: #fab82f;
opacity: 1;
}
#main-top .slider-wrap .slider .slick-dots .slick-active button:before {
color: #fab82f !important;
opacity: 1;
}
#main-top .slider-wrap .arrow-prev, #main-top .slider-wrap .arrow-next {
cursor: pointer;
height: 40px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1000;
}
#main-top .slider-wrap .arrow-prev:before, #main-top .slider-wrap .arrow-next:before {
font-family: 'seattle-u';
color: #fab82f;
background-color: #333333;
border-radius: 100%;
padding: 12px;
}
#main-top .slider-wrap .arrow-prev:hover, #main-top .slider-wrap .arrow-prev:focus, #main-top .slider-wrap .arrow-prev:focus:before, #main-top .slider-wrap .arrow-next:hover, #main-top .slider-wrap .arrow-next:focus, #main-top .slider-wrap .arrow-next:focus:before {
opacity: 0.8;
}
#main-top .slider-wrap .arrow-prev:active:before, #main-top .slider-wrap .arrow-next:active:before {
opacity: 1;
}
#main-top .slider-wrap .arrow-prev {
left: 2%;
}
#main-top .slider-wrap .arrow-prev:before {
content: 'a';
}
#main-top .slider-wrap .arrow-next {
right: 2%;
}
#main-top .slider-wrap .arrow-next:before {
content: 'b';
}
@media (max-width: 1005px) {
#main-top .slide-nav .line, #main-top .slide-nav .slide-wrap {
width: 991px;
}
#main-top .slide-nav .slide-wrap {
height: 280px;
}
}
/** End Hero Styling **/
/** Universal Styling **/
#main, #alumni, #academics, #admissions, #graduate, #ncs {
position: relative;
margin: 10px 0;
border-bottom: 8px solid #333333;
border-top: 20px solid #333333;
overflow: hidden;
}
/* ITS Modifications for Sorry Page*/
#main .logo {
float: left;
margin: 0,0,0,0;
padding: 0,0,0,0;
width: 100%;
background-color: #A91E21;
}
@media (max-width: 767px) {
#main, #alumni, #academics, #admissions, #graduate. #ncs {
top: 0;
}
}
#main h1, #main h3, #main h5, #alumni h1, #alumni h3, #alumni h5, #academics h1, #academics h3, #academics h5, #admissions h1, #admissions h3, #admissions h5, #graduate h1, #graduate h3, #graduate h5, #ncs h1, #ncs h3, #ncs h5 {
text-transform: uppercase;
}
#main .main, #alumni .main, #academics .main, #admissions .main, #graduate .main, #ncs .main {
float: left;
width: -webkit-calc(100% - 330px);
width: calc(100% - 330px);
}
@media (max-width: 767px) {
#main .main, #alumni .main, #academics .main, #admissions .main, #graduate .main, #ncs .main {
width: 100%;
}
}
@media (min-width: 768px) {
#main .main {
width: 100%;
}
}
#main .outer-main, #alumni .outer-main, #academics .outer-main, #admissions .outer-main, #graduate .outer-main, #ncs .outer-main {
/*background-color: white;*/
padding: 10px;
}
#main .outer-main .box, #alumni .outer-main .box, #academics .outer-main .box, #admissions .outer-main .box, #graduate .outer-main .box, #ncs .outer-main .box {
border: 1px solid #e3e3da;
padding: 100px;
background-image: url("img/SUSeal-1color-vlight.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
#main .outer-main .box .redbullet, #alumni .outer-main .box .redbullet, #academics .outer-main .box .redbullet, #admissions .outer-main .box .redbullet, #graduate .outer-main .box .redbullet, #ncs .outer-main .box .redbullet {
margin-left: -100px;
}
#main .outer-main .box .redbullet .rb, #alumni .outer-main .box .redbullet .rb, #academics .outer-main .box .redbullet .rb, #admissions .outer-main .box .redbullet .rb, #graduate .outer-main .box .redbullet .rb, #ncs .outer-main .box .redbullet .rb {
float: left;
margin-top: 5px;
}
#main .outer-main .box .redbullet h1, #alumni .outer-main .box .redbullet h1, #academics .outer-main .box .redbullet h1, #admissions .outer-main .box .redbullet h1, #graduate .outer-main .box .redbullet h1, #ncs .outer-main .box .redbullet h1 {
color: #fab82f;
margin-left: 100px;
margin-bottom: 10px;
font-size: 34px;
}
@media (min-width: 768px) and (max-width: 979px) {
#main .outer-main .box .redbullet h1, #alumni .outer-main .box .redbullet h1, #academics .outer-main .box .redbullet h1, #admissions .outer-main .box .redbullet h1, #graduate .outer-main .box .redbullet h1, #ncs .outer-main .box .redbullet h1 {
font-size: 24px;
}
}
@media (max-width: 767px) {
#main .outer-main .box .redbullet h1, #alumni .outer-main .box .redbullet h1, #academics .outer-main .box .redbullet h1, #admissions .outer-main .box .redbullet h1, #graduate .outer-main .box .redbullet h1, #ncs .outer-main .box .redbullet h1 {
font-size: 22px;
line-height: 28px;
}
}
#main .outer-main .box .longarrow, #alumni .outer-main .box .longarrow, #academics .outer-main .box .longarrow, #admissions .outer-main .box .longarrow, #graduate .outer-main .box .longarrow, #ncs .outer-main .box .longarrow {
width: 100%;
margin-bottom: 10px;
}
#main .outer-main .box .goldarrow, #alumni .outer-main .box .goldarrow, #academics .outer-main .box .goldarrow, #admissions .outer-main .box .goldarrow, #graduate .outer-main .box .goldarrow, #ncs .outer-main .box .goldarrow {
position: relative;
border-style: solid;
border-color: #fab82f;
border-width: 2px 0 0 0;
}
#main .outer-main .box .goldarrow:after, #alumni .outer-main .box .goldarrow:after, #academics .outer-main .box .goldarrow:after, #admissions .outer-main .box .goldarrow:after, #graduate .outer-main .box .goldarrow:after, #ncs .outer-main .box .goldarrow:after {
position: absolute;
font-family: 'seattle-u';
content: 'b';
color: #fab82f;
top: -11px;
right: -1px;
font-size: 23px;
}
#main .outer-main .box h3, #alumni .outer-main .box h3, #academics .outer-main .box h3, #admissions .outer-main .box h3, #graduate .outer-main .box h3, #ncs .outer-main .box h3 {
font-family: "Montserrat", serif;
font-size: 22px;
margin-bottom: 10px;
line-height: 26px;
}
@media (max-width: 767px) {
#main .outer-main .box h3, #alumni .outer-main .box h3, #academics .outer-main .box h3, #admissions .outer-main .box h3, #graduate .outer-main .box h3, #ncs .outer-main .box h3 {
font-size: 19px;
}
}
#main .outer-main .box p, #alumni .outer-main .box p, #academics .outer-main .box p, #admissions .outer-main .box p, #graduate .outer-main .box p, #ncs .outer-main .box p {
font-size: 16px;
margin-bottom: 20px;
}
#main .outer-main .box .plus,
#alumni .outer-main .box .plus,
#academics .outer-main .box .plus,
#admissions .outer-main .box .plus,
#graduate .outer-main .box .plus,
#ncs .outer-main .box .plus {
padding-bottom: 20px;
margin-right: -100px;
}
#main .outer-main .box .plus .gray,
#alumni .outer-main .box .plus .gray,
#academics .outer-main .box .plus .gray,
#admissions .outer-main .box .plus .gray,
#graduate .outer-main .box .plus .gray,
#ncs .outer-main .box .plus .gray {
border: 1px solid #e3e3da;
}
@media (min-width: 768px) and (max-width: 979px) {
#main .outer-main .box, #alumni .outer-main .box, #academics .outer-main .box, #admissions .outer-main .box, #graduate .outer-main .box, #ncs .outer-main .box {
padding: 50px;
}
#main .outer-main .box .redbullet, #alumni .outer-main .box .redbullet, #academics .outer-main .box .redbullet, #admissions .outer-main .box .redbullet, #graduate .outer-main .box .redbullet, #ncs .outer-main .box .redbullet {
margin-left: -50px;
}
#main .outer-main .box .redbullet h1, #alumni .outer-main .box .redbullet h1, #academics .outer-main .box .redbullet h1, #admissions .outer-main .box .redbullet h1, #graduate .outer-main .box .redbullet h1, #ncs .outer-main .box .redbullet h1 {
margin-left: 50px;
}
#main .outer-main .box .plus, #alumni .outer-main .box .plus, #academics .outer-main .box .plus, #admissions .outer-main .box .plus, #graduate .outer-main .box .plus, #ncs .outer-main .box .plus {
margin-right: -50px;
}
}
@media (max-width: 767px) {
#main .outer-main .box, #alumni .outer-main .box, #academics .outer-main .box, #admissions .outer-main .box, #graduate .outer-main .box, #ncs .outer-main .box {
padding: 50px;
}
#main .outer-main .box .redbullet, #alumni .outer-main .box .redbullet, #academics .outer-main .box .redbullet, #admissions .outer-main .box .redbullet, #graduate .outer-main .box .redbullet, #ncs .outer-main .box .redbullet {
margin-left: -50px;
}
#main .outer-main .box .redbullet h1, #alumni .outer-main .box .redbullet h1, #academics .outer-main .box .redbullet h1, #admissions .outer-main .box .redbullet h1, #graduate .outer-main .box .redbullet h1, #ncs .outer-main .box .redbullet h1 {
margin-left: 50px;
}
#main .outer-main .box .plus, #alumni .outer-main .box .plus, #academics .outer-main .box .plus, #admissions .outer-main .box .plus, #graduate .outer-main .box .plus, #ncs .outer-main .box .plus {
margin-right: -50px;
}
}
#main .outer-main .box .boxlinks, #alumni .outer-main .box .boxlinks, #academics .outer-main .box .boxlinks, #admissions .outer-main .box .boxlinks, #graduate .outer-main .box .boxlinks, #ncs .outer-main .box .boxlinks {
left: 10px;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
#main .outer-main .box .boxlinks, #alumni .outer-main .box .boxlinks, #academics .outer-main .box .boxlinks, #admissions .outer-main .box .boxlinks, #graduate .outer-main .box .boxlinks, #ncs .outer-main .box .boxlinks {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#main .outer-main .box .boxlinks, #alumni .outer-main .box .boxlinks, #academics .outer-main .box .boxlinks, #admissions .outer-main .box .boxlinks, #graduate .outer-main .box .boxlinks, #ncs .outer-main .box .boxlinks {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
#main .outer-main .box .boxlinks, #alumni .outer-main .box .boxlinks, #academics .outer-main .box .boxlinks, #admissions .outer-main .box .boxlinks, #graduate .outer-main .box .boxlinks, #ncs .outer-main .box .boxlinks {
margin-bottom: 0;
}
}
#main .outer-main .box .boxlinks li, #alumni .outer-main .box .boxlinks li, #academics .outer-main .box .boxlinks li, #admissions .outer-main .box .boxlinks li, #graduate .outer-main .box .boxlinks li, #ncs .outer-main .box .boxlinks li {
display: inline-block;
margin-bottom: 11.5px;
}
#main .outer-main .box .boxlinks li:not(:last-child), #alumni .outer-main .box .boxlinks li:not(:last-child), #academics .outer-main .box .boxlinks li:not(:last-child), #admissions .outer-main .box .boxlinks li:not(:last-child), #graduate .outer-main .box .boxlinks li:not(:last-child), #ncs .outer-main .box .boxlinks li:not(:last-child) {
margin-right: 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
#main .outer-main .box .boxlinks li, #alumni .outer-main .box .boxlinks li, #academics .outer-main .box .boxlinks li, #admissions .outer-main .box .boxlinks li, #graduate .outer-main .box .boxlinks li, #ncs .outer-main .box .boxlinks li {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#main .outer-main .box .boxlinks li, #alumni .outer-main .box .boxlinks li, #academics .outer-main .box .boxlinks li, #admissions .outer-main .box .boxlinks li, #graduate .outer-main .box .boxlinks li, #ncs .outer-main .box .boxlinks li {
display: block;
}
}
@media (max-width: 767px) {
#main .outer-main .box .boxlinks li, #alumni .outer-main .box .boxlinks li, #academics .outer-main .box .boxlinks li, #admissions .outer-main .box .boxlinks li, #graduate .outer-main .box .boxlinks li, #ncs .outer-main .box .boxlinks li {
display: block;
}
}
#main .outer-main .box .boxlinks .arrow, #alumni .outer-main .box .boxlinks .arrow, #academics .outer-main .box .boxlinks .arrow, #admissions .outer-main .box .boxlinks .arrow, #graduate .outer-main .box .boxlinks .arrow, #ncs .outer-main .box .boxlinks .arrow {
position: relative;
margin-right: 4px;
background-color: #333333;
padding: 4px 15px;
font-size: 12px;
white-space: nowrap;
width: 167px;
height: 30px;
text-align: center;
}
@media (max-width: 767px) {
#main .outer-main .box .boxlinks .arrow, #alumni .outer-main .box .boxlinks .arrow, #academics .outer-main .box .boxlinks .arrow, #admissions .outer-main .box .boxlinks .arrow, #graduate .outer-main .box .boxlinks .arrow, #ncs .outer-main .box .boxlinks .arrow {
margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#main .outer-main .box .boxlinks .arrow, #alumni .outer-main .box .boxlinks .arrow, #academics .outer-main .box .boxlinks .arrow, #admissions .outer-main .box .boxlinks .arrow, #graduate .outer-main .box .boxlinks .arrow, #ncs .outer-main .box .boxlinks .arrow {
display: block;
padding-bottom: 8px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#main .outer-main .box .boxlinks .arrow, #alumni .outer-main .box .boxlinks .arrow, #academics .outer-main .box .boxlinks .arrow, #admissions .outer-main .box .boxlinks .arrow, #graduate .outer-main .box .boxlinks .arrow, #ncs .outer-main .box .boxlinks .arrow {
display: block;
padding-bottom: 8px;
}
}
#main .outer-main .box .boxlinks .arrow:after, #alumni .outer-main .box .boxlinks .arrow:after, #academics .outer-main .box .boxlinks .arrow:after, #admissions .outer-main .box .boxlinks .arrow:after, #graduate .outer-main .box .boxlinks .arrow:after, #ncs .outer-main .box .boxlinks .arrow:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 11px solid #333333;
border-bottom: 15px solid transparent;
}
#main .outer-main .box .boxlinks .arrow:before,
#alumni .outer-main .box .boxlinks .arrow:before,
#academics .outer-main .box .boxlinks .arrow:before,
#admissions .outer-main .box .boxlinks .arrow:before,
#graduate .outer-main .box .boxlinks .arrow:before,
#ncs .outer-main .box .boxlinks .arrow:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 100%;
width: 0;
height: 0;
border-top: 15px solid #333333;
border-left: 10px solid transparent;
border-bottom: 15px solid #333333;
border-left: 8px solid transparent;
}
#main .outer-main .box .boxlinks a,
#alumni .outer-main .box .boxlinks a,
#academics .outer-main .box .boxlinks a,
#admissions .outer-main .box .boxlinks a,
#graduate .outer-main .box .boxlinks a,
#ncs .outer-main .box .boxlinks a {
display: block;
font-family: "Oswald", sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #fab82f;
white-space: nowrap;
}
#main .outer-main .box .boxlinks a:hover, #main .outer-main .box .boxlinks a:focus,
#alumni .outer-main .box .boxlinks a:hover, #alumni .outer-main .box .boxlinks a:focus,
#academics .outer-main .box .boxlinks a:hover, #academics .outer-main .box .boxlinks a:focus,
#admissions .outer-main .box .boxlinks a:hover, #admissions .outer-main .box .boxlinks a:focus,
#graduate .outer-main .box .boxlinks a:hover, #graduate .outer-main .box .boxlinks a:focus,
#ncs .outer-main .box .boxlinks a:hover, #graduate .outer-main .box .boxlinks a:focus {
color: white;
text-decoration: none;
}
#main .imagehead,
#alumni .imagehead,
#academics .imagehead,
#admissions .imagehead,
#graduate .imagehead,
#ncs .imagehead {
height: 215px;
background-repeat: no-repeat;
background-size: cover;
}
#main .sidebox,
#alumni .sidebox,
#academics .sidebox,
#admissions .sidebox,
#graduate .sidebox,
#ncs .sidebox {
float: left;
width: 320px;
margin-left: 10px;
text-align: center;
height: 100%;
}
@media (max-width: 767px) {
#main .sidebox,
#alumni .sidebox,
#academics .sidebox,
#admissions .sidebox,
#graduate .sidebox,
#ncs .sidebox {
width: 100%;
margin-left: 0;
}
}
/* red header box */
.outer-side {
background-color: #aa0000;
padding: 8px 0;
}
.outer-side .sidehead {
position: relative;
padding: 10px 0;
border-top: 3px solid #881111;
border-bottom: 3px solid #881111;
}
.outer-side .sidehead h3,
.outer-side .sidehead h5 {
color: #f8f8f1;
margin-bottom: 0;
}
.outer-side .sidehead h3 {
font-size: 18px;
}
.outer-side .sidehead h5 {
font-size: 14px;
}
.sideinfo {
background-color: #f8f8f1;
padding: 40px 30px;
font-size: 12px;
}
.sideinfo p,
.sideinfo strong {
text-align: left;
}
.sideinfo .arrow-red {
margin-top: -34px;
}
.sideinfo .arrow-red:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #aa0000;
}
/* i think .forefront affects HP only / JB 2-11-15*/
#main .sidebox .forefront .sidehead h3, #alumni .sidebox .forefront .sidehead h3, #academics .sidebox .forefront .sidehead h3, #admissions .sidebox .forefront .sidehead h3, #graduate .sidebox .forefront .sidehead h3 {
line-height: 30px;
}
#main .sidebox .forefront .sidehead h5, #alumni .sidebox .forefront .sidehead h5, #academics .sidebox .forefront .sidehead h5, #admissions .sidebox .forefront .sidehead h5, #graduate .sidebox .forefront .sidehead h5 {
display: table;
white-space: nowrap;
padding: 0 80px;
width: 100%;
}
#main .sidebox .forefront .sidehead h5:before, #main .sidebox .forefront .sidehead h5:after, #alumni .sidebox .forefront .sidehead h5:before, #alumni .sidebox .forefront .sidehead h5:after, #academics .sidebox .forefront .sidehead h5:before, #academics .sidebox .forefront .sidehead h5:after, #admissions .sidebox .forefront .sidehead h5:before, #admissions .sidebox .forefront .sidehead h5:after, #graduate .sidebox .forefront .sidehead h5:before, #graduate .sidebox .forefront .sidehead h5:after {
border-top: 1px solid #f8f8f1;
content: '';
display: table-cell;
position: relative;
top: 10px;
width: 45%;
}
#main .sidebox .forefront .sidehead h5:before, #alumni .sidebox .forefront .sidehead h5:before, #academics .sidebox .forefront .sidehead h5:before, #admissions .sidebox .forefront .sidehead h5:before, #graduate .sidebox .forefront .sidehead h5:before {
right: 4.5%;
}
#main .sidebox .forefront .sidehead h5:after, #alumni .sidebox .forefront .sidehead h5:after, #academics .sidebox .forefront .sidehead h5:after, #admissions .sidebox .forefront .sidehead h5:after, #graduate .sidebox .forefront .sidehead h5:after {
left: 4.5%;
}
@media (max-width: 767px) {
#main .sidebox .forefront .sidehead h5:before, #main .sidebox .forefront .sidehead h5:after, #alumni .sidebox .forefront .sidehead h5:before, #alumni .sidebox .forefront .sidehead h5:after, #academics .sidebox .forefront .sidehead h5:before, #academics .sidebox .forefront .sidehead h5:after, #admissions .sidebox .forefront .sidehead h5:before, #admissions .sidebox .forefront .sidehead h5:after, #graduate .sidebox .forefront .sidehead h5:before, #graduate .sidebox .forefront .sidehead h5:after {
width: 45%;
}
#main .sidebox .forefront .sidehead h5:before, #alumni .sidebox .forefront .sidehead h5:before, #academics .sidebox .forefront .sidehead h5:before, #admissions .sidebox .forefront .sidehead h5:before, #graduate .sidebox .forefront .sidehead h5:before {
right: 15px;
}
#main .sidebox .forefront .sidehead h5:after, #alumni .sidebox .forefront .sidehead h5:after, #academics .sidebox .forefront .sidehead h5:after, #admissions .sidebox .forefront .sidehead h5:after, #graduate .sidebox .forefront .sidehead h5:after {
left: 15px;
}
}
/* ========= Events ========= */
.events .sideinfo li {
margin-top: 14px;
margin-left: 20px;
border-bottom: 1px solid #e3e3da;
text-align: left;
line-height: 17px;
}
.events .sideinfo h5 {
font-size: 16px;
margin-bottom: 2px;
font-family: "Oswald", sans-serif;
}
.events .sideinfo h5:before {
font-family: 'fontawesome';
content: '\f133 ';
color: #fab82f;
font-size: 16px;
margin-left: -15px;
position: relative;
right: 10px;
}
.events .sideinfo a {
color: #333333;
}
/* ========= News ========= */
#main .sidebox .news .sideinfo .img-responsive, #alumni .sidebox .news .sideinfo .img-responsive, #academics .sidebox .news .sideinfo .img-responsive, #admissions .sidebox .news .sideinfo .img-responsive, #graduate .sidebox .news .sideinfo .img-responsive {
border-radius: 50%;
margin-top: 12px;
margin-bottom: 12px;
}
#main .sidebox .news .sideinfo h5, #alumni .sidebox .news .sideinfo h5, #academics .sidebox .news .sideinfo h5, #admissions .sidebox .news .sideinfo h5, #graduate .sidebox .news .sideinfo h5 {
margin-bottom: 5px;
text-align: left;
}
#main .sidebox .news .sideinfo a, #alumni .sidebox .news .sideinfo a, #academics .sidebox .news .sideinfo a, #admissions .sidebox .news .sideinfo a, #graduate .sidebox .news .sideinfo a {
color: #aa0000;
text-transform: uppercase;
text-align: left;
}
#main .sidebox .news .sideinfo a:after, #alumni .sidebox .news .sideinfo a:after, #academics .sidebox .news .sideinfo a:after, #admissions .sidebox .news .sideinfo a:after, #graduate .sidebox .news .sideinfo a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 13px;
text-transform: lowercase;
}
#main .sidebox .news .sideinfo li, #alumni .sidebox .news .sideinfo li, #academics .sidebox .news .sideinfo li, #admissions .sidebox .news .sideinfo li, #graduate .sidebox .news .sideinfo li {
margin: 40px 0;
border-bottom: 1px solid #e3e3da;
}
#main .sidebox .news .sideinfo li {
margin: 20px 0; /* overrides above */
}
#main .sidebox .news .sideinfo li:first-child, #alumni .sidebox .news .sideinfo li:first-child, #academics .sidebox .news .sideinfo li:first-child, #admissions .sidebox .news .sideinfo li:first-child, #graduate .sidebox .news .sideinfo li:first-child {
margin-top: 5px;
}
#main .sidebox .news .sideinfo li:last-child, #alumni .sidebox .news .sideinfo li:last-child, #academics .sidebox .news .sideinfo li:last-child, #admissions .sidebox .news .sideinfo li:last-child, #graduate .sidebox .news .sideinfo li:last-child {
margin-bottom: 5px;
}
#main .sidebox .campus h5, #alumni .sidebox .campus h5, #academics .sidebox .campus h5, #admissions .sidebox .campus h5, #graduate .sidebox .campus h5 {
font-size: 12px;
padding-top: 15px;
text-align: left;
margin-bottom: 0;
}
#main .sidebox .campus ul, #alumni .sidebox .campus ul, #academics .sidebox .campus ul, #admissions .sidebox .campus ul, #graduate .sidebox .campus ul {
margin-top: 10px;
margin-bottom: 0;
border-bottom: 4px double #e3e3da;
}
#main .sidebox .campus .rbd, #alumni .sidebox .campus .rbd, #academics .sidebox .campus .rbd, #admissions .sidebox .campus .rbd, #graduate .sidebox .campus .rbd {
margin-top: -3px;
}
#main .sidebox .sidelinks ul, #alumni .sidebox .sidelinks ul, #academics .sidebox .sidelinks ul, #admissions .sidebox .sidelinks ul, #graduate .sidebox .sidelinks ul,
.sidebox .sidelinks ul {
margin-bottom: 0;
}
#main .sidebox .sidelinks li, #alumni .sidebox .sidelinks li, #academics .sidebox .sidelinks li, #admissions .sidebox .sidelinks li, #graduate .sidebox .sidelinks li,
.sidebox .sidelinks li {
background-color: #333333;
margin: 6px 0;
padding: 10px 50px;
text-transform: uppercase;
position: relative;
}
#main .sidebox .sidelinks li a, #alumni .sidebox .sidelinks li a, #academics .sidebox .sidelinks li a, #admissions .sidebox .sidelinks li a, #graduate .sidebox .sidelinks li a,
.sidebox .sidelinks li a {
position: relative;
font-family: "Oswald", sans-serif;
display: table;
white-space: nowrap;
color: #fab82f;
font-size: 14px;
width: 100%;
}
#main .sidebox .sidelinks li a:hover, #main .sidebox .sidelinks li a:focus, #alumni .sidebox .sidelinks li a:hover, #alumni .sidebox .sidelinks li a:focus, #academics .sidebox .sidelinks li a:hover, #academics .sidebox .sidelinks li a:focus, #admissions .sidebox .sidelinks li a:hover, #admissions .sidebox .sidelinks li a:focus, #graduate .sidebox .sidelinks li a:hover, #graduate .sidebox .sidelinks li a:focus,
.sidebox .sidelinks li a:hover, .sidebox .sidelinks li a:focus {
color: white;
text-decoration: none;
}
#main .sidebox .sidelinks li a:before, #main .sidebox .sidelinks li a:after, #alumni .sidebox .sidelinks li a:before, #alumni .sidebox .sidelinks li a:after, #academics .sidebox .sidelinks li a:before, #academics .sidebox .sidelinks li a:after, #admissions .sidebox .sidelinks li a:before, #admissions .sidebox .sidelinks li a:after, #graduate .sidebox .sidelinks li a:before, #graduate .sidebox .sidelinks li a:after,
.sidebox .sidelinks li a:before, .sidebox .sidelinks li a:after {
border-top: 1px solid #fab82f;
content: '';
display: table-cell;
position: relative;
top: 10px;
width: 45%;
}
#main .sidebox .sidelinks li a:before, #alumni .sidebox .sidelinks li a:before, #academics .sidebox .sidelinks li a:before, #admissions .sidebox .sidelinks li a:before, #graduate .sidebox .sidelinks li a:before,
.sidebox .sidelinks li a:before {
right: 1.5%;
}
#main .sidebox .sidelinks li a:after, #alumni .sidebox .sidelinks li a:after, #academics .sidebox .sidelinks li a:after, #admissions .sidebox .sidelinks li a:after, #graduate .sidebox .sidelinks li a:after,
.sidebox .sidelinks li a:after {
left: 1.5%;
}
#main .sidebox .sidelinks li i, #alumni .sidebox .sidelinks li i, #academics .sidebox .sidelinks li i, #admissions .sidebox .sidelinks li i, #graduate .sidebox .sidelinks li i,
.sidebox .sidelinks li i {
position: absolute;
color: #fab82f;
top: 0;
right: -4px;
}
@media (max-width: 767px) {
#main .sidebox .sidelinks li i, #alumni .sidebox .sidelinks li i, #academics .sidebox .sidelinks li i, #admissions .sidebox .sidelinks li i, #graduate .sidebox .sidelinks li i,
.sidebox .sidelinks li i {
right: -4px;
}
}
#main .sidebox .sidebottom, #alumni .sidebox .sidebottom, #academics .sidebox .sidebottom, #admissions .sidebox .sidebottom, #graduate .sidebox .sidebottom .sidebox .sidebottom {
height: 40px;
background-color: #f8f8f1;
}
#main .sidebox .sideend, #alumni .sidebox .sideend, #academics .sidebox .sideend, #admissions .sidebox .sideend, #graduate .sidebox .sideend,
.sidebox .sideend {
height: 100%;
background-color: #f8f8f1;
}
@media (max-width: 767px) {
#main .sidebox .sideend, #alumni .sidebox .sideend, #academics .sidebox .sideend, #admissions .sidebox .sideend, #graduate .sidebox .sideend,
.sidebox .sideend {
height: 100px;
}
}
@media (max-width: 767px) {
#main .sidebox, #alumni .sidebox, #academics .sidebox, #admissions .sidebox, #graduate .sidebox,
.sidebox {
height: 100% !important;
}
}
#main .arrow-gray, #alumni .arrow-gray, #academics .arrow-gray, #admissions .arrow-gray, #graduate .arrow-gray,
.arrow-gray {
position: absolute;
bottom: 8px;
width: 20px;
left: -webkit-calc(50.3% - 177px);
left: calc(50.3% - 177px);
}
#main .arrow-gray:before, #alumni .arrow-gray:before, #academics .arrow-gray:before, #admissions .arrow-gray:before, #graduate .arrow-gray:before,
.arrow-gray:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #333333;
}
@media (max-width: 767px) {
#main .arrow-gray, #alumni .arrow-gray, #academics .arrow-gray, #admissions .arrow-gray, #graduate .arrow-gray,
.arrow-gray {
left: 47.2%;
}
}
/** Home page **/
@media (max-width: 1005px) {
#main {
margin: 5px 0 10px;
}
}
#main .ih1 {
background-image: url(../img/home/img-1.jpg);
background-position: top center;
}
#main .ih2 {
background-image: url(../img/home/img-2.jpg);
background-position: top center;
}
#main .ih3 {
background-image: url(/_commonImages/home/ImageHead-Chapel.jpg);
background-position: top center;
}
#main .facts {
overflow: hidden;
}
#main .facts .outer-main {
padding-bottom: 25px;
}
#main .facts .box {
padding-bottom: 5px;
}
#main .facts .box .red-down {
width: 100%;
text-align: center;
margin-top: -103px;
}
#main .facts .box h2 {
color: #fab82f;
text-align: center;
text-transform: uppercase;
display: table;
white-space: nowrap;
margin-top: 60px;
}
#main .facts .box h2:before, #main .facts .box h2:after {
border-top: 2px solid #fab82f;
content: '';
display: table-cell;
position: relative;
top: 22px;
width: 45%;
}
#main .facts .box h2:before {
right: 1.5%;
}
#main .facts .box h2:after {
left: 1.5%;
}
#main .facts .box .fact-list {
margin: 0;
}
#main .facts .box .col {
font-size: 12px;
padding-right: 20px;
}
#main .facts .box .col li {
padding: 8px 0;
line-height: 18px;
}
#main .facts .box .col li:before {
font-family: 'seattle-u';
content: 'b';
color: #aa0000;
margin-left: -12px;
position: relative;
right: 10px;
}
#main .facts .box .col li:last-child {
padding-bottom: 15px;
}
#main .facts .box .col li a {
color: #333333;
text-decoration: none;
}
#main .facts .box .col li a:hover, #main .facts .box .col li a:focus {
color: #fab82f;
}
#main .facts .box .col li .subpop {
margin-top: 8px;
}
#main .facts .box .col li .subpop li {
padding: 8px 22px;
}
#main .facts .box .col li .subpop li:before {
content: '';
}
@media (max-width: 767px) {
#main .facts .box {
padding: 30px;
}
#main .facts .box .red-down {
margin-top: -33px;
}
}
#main .sidebox .forefront .sidehead .ff1, #main .sidebox .forefront .sidehead .ff2 {
position: absolute;
color: #f8f8f1;
margin-top: -21px;
}
#main .sidebox .forefront .sidehead .ff1 {
margin-left: -32px;
}
#main .sidebox .forefront .sidehead .ff2 {
margin-left: 16px;
}
@media (max-width: 767px) {
#main .sidebox .forefront .sidehead .ff1 {
margin-left: -40px;
}
#main .sidebox .forefront .sidehead .ff2 {
margin-left: 24px;
}
}
/** Bottom Styling **/
#main .bottom-main, #academics .bottom-main, #admissions .bottom-main, #ncs .bottom-main {
position: relative;
text-align: center;
}
#main .bottom-main span, #academics .bottom-main span, #admissions .bottom-main span, #ncs .bottom-main span {
margin: 80px 0;
display: inline-block;
position: relative;
width: 100%;
}
#main .bottom-main span:before, #main .bottom-main span:after,
#academics .bottom-main span:before, #academics .bottom-main span:after,
#admissions .bottom-main span:before, #admissions .bottom-main span:after,
#ncs .bottom-main span:before, #ncs .bottom-main span:after {
border-top: 1px solid #b0b0a9;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 35%;
z-index: -5;
}
#main .bottom-main span:before,
#academics .bottom-main span:before,
#admissions .bottom-main span:before,
#ncs .bottom-main span:before {
right: 52.2%;
}
#main .bottom-main span:after,
#academics .bottom-main span:after,
#admissions .bottom-main span:after,
#ncs .bottom-main span:after {
left: 52.3%;
}
#main .bottom-main .redastrisk:after,
#academics .bottom-main .redastrisk:after,
#admissions .bottom-main .redastrisk:after,
#ncs .bottom-main .redastrisk:after {
font-family: 'seattle-u';
content: 'e';
color: #f8f8f1;
font-size: 21px;
border-radius: 100%;
background-color: #aa0000;
padding: 8px 7px 7px 8px;
}
@media (max-width: 767px) {
#main .bottom-main,
#academics .bottom-main,
#admissions .bottom-main,
#ncs .bottom-main {
height: 0;
}
#main .bottom-main span,
#academics .bottom-main span,
#admissions .bottom-main span,
#ncs .bottom-main span {
display: none;
}
}
#main .sidebox .sideend,
#academics .sidebox .sideend,
#admissions .sidebox .sideend,
#ncs .sidebox .sideend {
margin-top: 5px;
}
#main .sidebox .sideend span,
#academics .sidebox .sideend span,
#admissions .sidebox .sideend span,
#ncs .sidebox .sideend span {
display: inline-block;
margin: 40px 0;
position: relative;
width: 100%;
}
#main .sidebox .sideend span:before, #main .sidebox .sideend span:after,
#academics .sidebox .sideend span:before, #academics .sidebox .sideend span:after,
#admissions .sidebox .sideend span:before, #admissions .sidebox .sideend span:after,
#ncs .sidebox .sideend span:before, #ncs .sidebox .sideend span:after {
border-top: 1px solid #e3e3da;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 35%;
}
#main .sidebox .sideend span:before,
#academics .sidebox .sideend span:before,
#admissions .sidebox .sideend span:before,
#ncs .sidebox .sideend span:before {
right: 55.5%;
}
#main .sidebox .sideend span:after,
#academics .sidebox .sideend span:after,
#admissions .sidebox .sideend span:after,
#ncs .sidebox .sideend span:after {
left: 56%;
}
#main .sidebox .sideend .redastrisk:after,
#academics .sidebox .sideend .redastrisk:after,
#admissions .sidebox .sideend .redastrisk:after,
#ncs .sidebox .sideend .redastrisk:after {
font-family: 'seattle-u';
content: 'e';
color: #f8f8f1;
font-size: 21px;
border-radius: 100%;
background-color: #aa0000;
padding: 8px 7px 7px 8px;
}
@media (max-width: 767px) {
#main .sidebox .sideend span,
#academics .sidebox .sideend span,
#admissions .sidebox .sideend span,
#ncs .sidebox .sideend span {
margin-top: 45px;
}
}
/** Bottom Styling **/
#alumni .bottom-main, #graduate .bottom-main {
position: relative;
text-align: center;
}
#alumni .bottom-main span, #graduate .bottom-main span {
margin: 100px 0 120px;
display: inline-block;
position: relative;
width: 100%;
}
#alumni .bottom-main span:before, #alumni .bottom-main span:after, #graduate .bottom-main span:before, #graduate .bottom-main span:after {
border-top: 1px solid #b0b0a9;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 35%;
z-index: -5;
}
#alumni .bottom-main span:before, #graduate .bottom-main span:before {
right: 52.2%;
}
#alumni .bottom-main span:after, #graduate .bottom-main span:after {
left: 52.3%;
}
#alumni .bottom-main .redastrisk:after, #graduate .bottom-main .redastrisk:after {
font-family: 'seattle-u';
content: 'e';
color: #f8f8f1;
font-size: 21px;
border-radius: 100%;
background-color: #aa0000;
padding: 8px 7px 7px 8px;
}
@media (max-width: 767px) {
#alumni .bottom-main, #graduate .bottom-main {
height: 0;
}
#alumni .bottom-main span, #graduate .bottom-main span {
display: none;
}
#alumni .bottom-main .redastrisk, #graduate .bottom-main .redastrisk {
display: none;
}
}
#alumni .sidebox .sideend, #graduate .sidebox .sideend {
margin-top: 5px;
}
#alumni .sidebox .sideend span, #graduate .sidebox .sideend span {
display: inline-block;
margin: 40px 0;
position: relative;
width: 100%;
}
#alumni .sidebox .sideend span:before, #alumni .sidebox .sideend span:after, #graduate .sidebox .sideend span:before, #graduate .sidebox .sideend span:after {
border-top: 1px solid #e3e3da;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 35%;
}
#alumni .sidebox .sideend span:before, #graduate .sidebox .sideend span:before {
right: 55.5%;
}
#alumni .sidebox .sideend span:after, #graduate .sidebox .sideend span:after {
left: 56%;
}
#alumni .sidebox .sideend .redastrisk:after, #graduate .sidebox .sideend .redastrisk:after {
font-family: 'seattle-u';
content: 'e';
color: #f8f8f1;
font-size: 21px;
border-radius: 100%;
background-color: #aa0000;
padding: 8px 7px 7px 8px;
}
/*** Target Firefox ***/
@-moz-document url-prefix() {
#main-top .goldarrow:after, #studentlife-top .goldarrow:after, #alumni-top .goldarrow:after, #academics-top .goldarrow:after {
top: -12px !important;
}
#main-top .arrow-gold-right, #main-top .arrow-gold-left, #studentlife-top .arrow-gold-right, #studentlife-top .arrow-gold-left, #alumni-top .arrow-gold-right, #alumni-top .arrow-gold-left, #academics-top .arrow-gold-right, #academics-top .arrow-gold-left {
top: 91px !important;
}
.goldarrow:after, .longgoldarrow:after {
top: -12px !important;
}
#studentlife-top .bg1 span h5:before, #studentlife-top .bg1 span h5:after {
top: -2px !important;
}
#studentlife-top .bg1 span h5:before {
left: 82px !important;
}
#studentlife-top .bg1 span h5:after {
right: 82px !important;
}
#studentlife-top .bg2 span h5:before, #studentlife-top .bg2 span h5:after {
top: -2px !important;
}
#studentlife-top .bg2 span h5:before {
left: 81px !important;
}
#studentlife-top .bg2 span h5:after {
right: 81px !important;
}
#studentlife-top .bg3 span h5:before, #studentlife-top .bg3 span h5:after {
top: -2px !important;
}
#studentlife-top .bg3 span h5:before {
left: 37px !important;
}
#studentlife-top .bg3 span h5:after {
right: 37px !important;
}
#studentlife-top .bg4 span h5:before, #studentlife-top .bg4 span h5:after {
top: -2px !important;
}
#studentlife-top .bg4 span h5:before {
left: 50px !important;
}
#studentlife-top .bg4 span h5:after {
right: 50px !important;
}
section .facts .box h2:before {
-moz-transform: translate(-9px, 21px);
}
section .facts .box h2:after {
-moz-transform: translate(9px, 21px);
}
section .sidebox .sidelinks li a:before, section .sidebox .sidelinks li a:after {
-moz-transform: translateY(11px);
}
section .sidebox .sidelinks li a i {
-moz-transform: translate(-2px, 1.5px);
}
section .sidebox .forefront h5:before {
-moz-transform: translate(-7px, 11px);
}
section .sidebox .forefront h5:after {
-moz-transform: translate(7px, 11px);
}
section .sidebox .quicklinks h5:before, section .sidebox .facts h5:before {
-moz-transform: translate(-7px, 11px);
}
section .sidebox .quicklinks h5:after, section .sidebox .facts h5:after {
-moz-transform: translate(7px, 11px);
}
}
/*** End Target Firefox ****/
/*** If IE ***/
.ie section .sidebox .forefront .ff1 {
margin-left: 120px !important;
}
.ie section .sidebox .forefront .ff2 {
margin-left: 182px !important;
}
/*** End IF IE **/
/*** Less than IE 9 **/
.lt-ie9 header .slider .bg .slider-note {
background-image: url(../img/trans_circle.png);
background-repeat: no-repeat;
}
.lt-ie9 header .slider .bg2 .slider-note {
margin: -52px 0 0 458px;
padding: 60px 20px 46px 25px;
}
.lt-ie9 header .slider .bg4 .slider-note {
padding-bottom: 47px;
}
.lt-ie9 header .slider .bg5 .slider-note {
margin: -80px 0 0 119px;
padding: 90px 87px 94px 52px;
}
.lt-ie9 section .main {
width: 70%;
}
.lt-ie9 section .outer-main .box .boxlinks li {
margin-right: 20px;
}
.lt-ie9 section .sidebox {
width: 29% !important;
}
.lt-ie9 section .arrow-gray {
left: 35%;
}
.lt-ie9 #main .sidebox .forefront .sidehead .ff1, .lt-ie9 #academics .sidebox .forefront .sidehead .ff1 {
margin-left: 140px !important;
}
.lt-ie9 #main .sidebox .forefront .sidehead .ff2, .lt-ie9 #academics .sidebox .forefront .sidehead .ff2 {
margin-left: 187px !important;
}
/***End Less than IE 9 **/
/**Alumni hero styling**/
#alumni-top .slider-wrap {
position: relative;
}
#alumni-top .slider-wrap .slider {
height: 350px;
margin-bottom: 0;
}
#alumni-top .slider-wrap .slider .bg {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy {
position: absolute;
text-align: center;
z-index: 1;
}
#alumni-top .slider-wrap .slider .bg .slider-copy .featured {
color: #333333;
text-transform: uppercase;
padding: 2px 0;
font-size: 20px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy .featured:before, #alumni-top .slider-wrap .slider .bg .slider-copy .featured:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 5px;
color: #aa0000;
font-size: 25px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy .featured:before {
content: 'b';
left: -20px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy .featured:after {
content: 'a';
right: -20px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy h3 {
font-size: 16px;
text-transform: uppercase;
line-height: 1;
color: #aa0000;
margin-bottom: 0;
}
#alumni-top .slider-wrap .slider .bg .slider-copy h5 {
font-family: "Arvo", serif;
font-size: 14px;
color: #aa0000;
text-transform: uppercase;
margin-bottom: 5px;
margin-bottom: 5px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy p {
font-size: 13px;
line-height: 1.7;
}
#alumni-top .slider-wrap .slider .bg1 {
background-image: url(/_commonImages/alumni/slide-1.jpg);
}
#alumni-top .slider-wrap .slider .bg1 .slider-copy {
top: 15%;
left: 38%;
width: 40%;
}
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider .bg1 {
background-image: url(/_commonImages/alumni/slide-1-mobile.jpg);
background-position: bottom center;
}
#alumni-top .slider-wrap .slider .bg1 .slider-copy {
margin: 35px 30px;
width: 57%;
}
}
#alumni-top .slider-wrap .slider .bg2 {
/* background-image: url(/_commonImages/alumni/slide-2.jpg);*/
background-image: url(/_commonImages/alumni/alumniawards032715.jpg);
}
#alumni-top .slider-wrap .slider .bg2 .slider-copy {
top: 15%;
/* left: 40%; */
left: 25%;
width: 40%;
}
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider .bg2 {
/* background-image: url(/_commonImages/alumni/slide-2-mobile.jpg);*/
background-image: url(/_commonImages/alumni/alumniawards032715-mobile.jpg);
background-position: center top !important;
}
#alumni-top .slider-wrap .slider .bg2 .slider-copy {
margin: 190px 30px;
width: 82%;
}
}
#alumni-top .slider-wrap .slider .bg3 {
background-image: url(/_commonImages/alumni/manpreetkaur-slideDesktop-102815.jpg);
}
#alumni-top .slider-wrap .slider .bg3 .slider-copy {
top: 15%;
left: 15%;
width: 38%;
}
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider .bg3 {
background-image: url(/_commonImages/alumni/manpreetkaur-slideMobile-102815.jpg);
background-position: center center;
}
#alumni-top .slider-wrap .slider .bg3 .slider-copy {
margin: 135px 30px;
width: 75%;
}
}
/* Slide License Plates */
#alumni-top .slider-wrap .slider .bg-licenseplates {
background-image: url('/_commonImages/alumni/slide-licenseplates.jpg')
}
#alumni-top .slider-wrap .slider .bg-licenseplates .slider-copy {
top: 16%;
left: 42%;
width: 40%;
}
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider .bg-licenseplates {
background-image: url(/_commonImages/alumni/slide-licenseplates-mobile.jpg);
background-position: bottom center;
}
#alumni-top .slider-wrap .slider .bg-licenseplates .slider-copy {
margin: 35px 30px;
width: 57%;
}
}
/* end license plates */
/* Alumni Commencement */
#alumni-top .slider-wrap .slider #alumnicommencement {
background-image: url('/_commonImages/alumni/commencement061015.jpg');
}
#alumni-top .slider-wrap .slider #alumnicommencement .slider-copy {
top: 25%;
}
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider #alumnicommencement {
background-image: url('/_commonImages/alumni/commencement061015-mobile.jpg');
background-position: bottom center;
}
#alumni-top .slider-wrap .slider #alumnicommencement .slider-copy {
margin: initial;
top: initial;
width: initial;
}
}
/* end commencement*/
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider {
height: 550px;
}
#alumni-top .slider-wrap .slider .bg {
background-position: center center;
height: 550px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy {
top: inherit;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
background-color: white;
border-top: 8px solid #333333;
}
#alumni-top .slider-wrap .slider .bg .slider-copy .featured {
width: 100%;
margin: 0;
}
#alumni-top .slider-wrap .slider .bg .slider-copy p {
padding: 0 15px;
margin-bottom: 15px;
font-size: 12px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy h3 {
margin-top: 12px;
font-size: 16px;
}
#alumni-top .slider-wrap .slider .bg .slider-copy h5 {
font-size: 13px;
}
}
#alumni-top .slider-wrap .slider .slick-dots {
bottom: 15px;
}
@media (max-width: 767px) {
#alumni-top .slider-wrap .slider .slick-dots {
bottom: -6px;
}
}
#alumni-top .slider-wrap .slider .slick-dots li button:before {
font-size: 13px;
color: white;
opacity: 1;
}
#alumni-top .slider-wrap .slider .slick-dots li button:hover:before, #alumni-top .slider-wrap .slider .slick-dots li button:focus {
color: #fab82f;
opacity: 1;
}
#alumni-top .slider-wrap .slider .slick-dots .slick-active button:before {
color: #fab82f !important;
opacity: 1;
}
#alumni-top .slider-wrap .arrow-prev, #alumni-top .slider-wrap .arrow-next {
cursor: pointer;
height: 40px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1000;
}
#alumni-top .slider-wrap .arrow-prev:before, #alumni-top .slider-wrap .arrow-next:before {
font-family: 'seattle-u';
color: #fab82f;
background-color: #333333;
border-radius: 100%;
padding: 12px;
}
#alumni-top .slider-wrap .arrow-prev:hover, #alumni-top .slider-wrap .arrow-prev:focus, #alumni-top .slider-wrap .arrow-prev:focus:before, #alumni-top .slider-wrap .arrow-next:hover, #alumni-top .slider-wrap .arrow-next:focus, #alumni-top .slider-wrap .arrow-next:focus:before {
opacity: 0.8;
}
#alumni-top .slider-wrap .arrow-prev:active:before, #alumni-top .slider-wrap .arrow-next:active:before {
opacity: 1;
}
#alumni-top .slider-wrap .arrow-prev {
left: 8%;
}
#alumni-top .slider-wrap .arrow-prev:before {
content: 'a';
}
#alumni-top .slider-wrap .arrow-next {
right: 8%;
}
#alumni-top .slider-wrap .arrow-next:before {
content: 'b';
}
#alumni-top .slider-nav .slid .active .arrow-gold-right {
left: 18.8%;
}
#alumni-top .slider-nav .slid .active .arrow-gold-left {
right: 18.8%;
}
#alumni-top .slider-nav .slid .active .arrow-gray-up {
margin-top: 31px;
}
#alumni-top .slider-nav .slick-list {
padding: 0 15%;
}
@media (max-width: 607px) {
#alumni-top .slide-nav .line, #alumni-top .slide-nav .slide-wrap {
width: 593px;
}
#alumni-top .slide-nav .slide-wrap {
height: 275px;
}
}
/**Alumni main styling**/
#alumni .imagehead {
background-position: top center;
}
#alumni .ih1 {
background-image: url(/_commonImages/alumni/img-1.jpg);
}
#alumni .ih2 {
background-image: url(/_commonImages/alumni/img-3.jpg);
}
#alumni .bottom-main {
height: 24.6%;
}
#alumni .bottom-main .arrow-gray {
bottom: -2px;
}
#alumni .sidebox .sideinfo .social {
margin: 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid #e3e3da;
}
#alumni .sidebox .sideinfo .social a {
color: #333333;
}
#alumni .sidebox .sideinfo .social a:hover, #alumni .sidebox .sideinfo .social a:focus {
color: #fab82f;
}
#alumni .sidebox .sideinfo .social a i {
display: inline-block;
margin-right: 15px;
}
@media (min-width: 768px) and (max-width: 979px) {
#alumni .sidebox .sideend span {
margin: 60px 0;
}
}
#alumni .sidebox .aluside .sideinfo h5 {
font-size: 14px;
padding-top: 15px;
text-align: left;
margin-bottom: 0;
}
#alumni .sidebox .aluside .sideinfo ul {
margin-top: 10px;
}
#alumni .sidebox .aluside .sideinfo img {
margin-bottom: 15px;
}
#alumni .sidebox .aluside .sideinfo a {
color: #aa0000;
display: block;
font-size: 15px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
}
#alumni .sidebox .aluside .sideinfo a:hover, #alumni .sidebox .aluside .sideinfo a:focus {
color: #fab82f;
}
#alumni .sidebox .aluside .sideinfo a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
#alumni .sidebox .aluside .sideinfo .rbd {
margin-top: -3px;
}
/** Graduate Hero styling**/
#graduate-top .bg {
background-image: url(/_commonImages/graduate/graduateadmissions-bg-top3.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 300px;
border-bottom: 8px solid #333333;
}
#graduate-top .bg .copy {
float: left;
height: 80%;
position: relative;
left: 35%;
top: 18%;
text-align: center;
width: 38%;
z-index: 1;
}
#graduate-top .bg .copy h2 {
font-size: 30px;
text-transform: uppercase;
}
#graduate-top .bg .copy h2:before, #graduate-top .bg .copy h2:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 4px;
color: #aa0000;
}
#graduate-top .bg .copy h2:before {
content: 'b';
left: -20px;
}
#graduate-top .bg .copy h2:after {
content: 'a';
right: -20px;
}
#graduate-top .bg .copy h5 {
font-family: "Arvo", serif;
font-size: 16px;
color: #aa0000;
text-transform: uppercase;
}
#graduate-top .bg .copy p {
font-size: 13px;
line-height: 1.7;
}
#graduate-top .bg .arrow-gray {
position: absolute;
bottom: 0;
left: 48%;
}
#graduate-top .bg .arrow-gray:before {
border-bottom: 10px solid #333333;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '';
height: 0;
width: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
#graduate-top .bg .copy {
width: 55%;
left: 14%;
top: 17%;
}
}
@media (max-width: 767px) {
#graduate-top .bg {
background-image: url(/_commonImages/academics/bg-top-mobile.jpg);
background-position: top center;
height: 428px;
margin-bottom: 62px;
}
#graduate-top .bg .copy {
position: relative;
margin: 0;
width: 100%;
top: 230px;
left: 0;
padding: 25px 15px;
background-color: white;
height: 60%;
border-top: 8px solid #333333;
border-bottom: 8px solid #333333;
z-index: 0;
}
#graduate-top .bg .copy h2 {
font-size: 18px;
margin: 0;
line-height: 22px;
}
#graduate-top .bg .copy h5 {
font-size: 12px;
margin: 0;
line-height: 34px;
}
#graduate-top .bg .copy p {
font-size: 12px;
margin-top: 5px;
}
#graduate-top .bg .arrow-gray {
display: none;
}
}
/** Graduate Hero styling**/
#ncs-top .bg {
background-color: #04899d;
background-image: url(/_commonImages/ncs/NCS-top-banner2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 300px;
border-bottom: 8px solid #333333;
}
#ncs-top .bg .copy {
float: left;
height: 80%;
position: relative;
left: 7%;
top: 10%;
text-align: center;
width: 50%;
z-index: 1;
}
#ncs-top .bg .copy h2 {
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
}
#ncs-top .bg .copy h2:before, #ncs-top .bg .copy h2:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 4px;
color: #aa0000;
}
#ncs-top .bg .copy h2:before {
content: 'b';
left: -20px;
}
#ncs-top .bg .copy h2:after {
content: 'a';
right: -20px;
}
#ncs-top .bg .copy h5 {
font-family: "Arvo", serif;
font-size: 16px;
color: #aa0000;
text-transform: uppercase;
}
#ncs-top .bg .copy p {
font-size: 13px;
line-height: 1.7;
}
#ncs-top .bg .arrow-gray {
position: absolute;
bottom: -9%;
left: 48%;
}
#ncs-top .bg .arrow-gray:before {
border-bottom: 10px solid #333333;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '';
height: 0;
width: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
#ncs-top .bg .copy {
width: 55%;
left: 14%;
top: 17%;
}
}
@media (max-width: 767px) {
#ncs-top .bg {
background-image: url(/_commonImages/ncs/NCS-top-banner2.jpg);
background-position: top right;
height: 428px;
margin-bottom: 62px;
}
#ncs-top .bg .copy {
position: relative;
margin: 0;
width: 100%;
top: 210px;
left: 0;
padding: 25px 15px;
background-color: white;
height: 65%;
border-top: 8px solid #333333;
border-bottom: 8px solid #333333;
z-index: 0;
}
#ncs-top .bg .copy h2 {
font-size: 18px;
margin: 0;
line-height: 22px;
}
#ncs-top .bg .copy h5 {
font-size: 12px;
margin: 0;
line-height: 34px;
line-height: 16px;
}
#ncs-top .bg .copy p {
font-size: 12px;
margin-top: 5px;
}
#ncs-top .bg .arrow-gray {
display: none;
}
}
/**academics main styling**/
#academics .ih1 {
background-image: url(/_commonImages/academics/img-1.jpg);
background-position: top center;
}
#academics .ih2 {
background-image: url(/_commonImages/academics/img-2.jpg);
background-position: top center;
}
#academics .ih3 {
background-image: url(/_commonImages/academics/img-3.jpg);
background-position: top center;
}
#academics .bottom-main .arrow-gray {
bottom: -46px;
left: 48.8%;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#academics .bottom-main .arrow-gray {
bottom: 8px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#academics .bottom-main .arrow-gray {
bottom: 8px;
left: 47.5%;
}
}
#academics .sidebox .forefront .compact {
font-family: "Oswald", sans-serif;
font-size: 25px !important;
}
#academics .sidebox .forefront .ff1, #academics .sidebox .forefront .ff2 {
position: absolute;
color: #f8f8f1;
}
#academics .sidebox .forefront .ff1 {
margin: -21px 0 0 -32px;
}
#academics .sidebox .forefront .ff2 {
margin: -21px 0 0 17px;
}
/* News for Academics and Homepage */
#main .sidebox .uninews .sideinfo,
#academics .sidebox .uninews .sideinfo {
padding: 40px 15px;
}
#main .sidebox .uninews .sideinfo li,
#academics .sidebox .uninews .sideinfo li {
border-bottom: 1px solid #e3e3da;
margin: 40px 0;
overflow: hidden;
}
#main .sidebox .uninews .sideinfo li:first-child,
#academics .sidebox .uninews .sideinfo li:first-child {
margin-top: 5px;
}
#main .sidebox .uninews .sideinfo li:last-child,
#academics .sidebox .uninews .sideinfo li:last-child {
margin-bottom: 5px;
}
#main .sidebox .uninews .sideinfo li .storyimage,
#academics .sidebox .uninews .sideinfo li .storyimage {
float: left;
width: 35%;
}
#main .sidebox .uninews .sideinfo li .story,
#academics .sidebox .uninews .sideinfo li .story {
float: left;
width: 65%;
}
#main .sidebox .uninews .sideinfo li .story h5,
#academics .sidebox .uninews .sideinfo li .story h5 {
margin-bottom: 0;
text-align: left;
}
#main .sidebox .uninews .sideinfo li .story a,
#academics .sidebox .uninews .sideinfo li .story a {
color: #aa0000;
display: block;
font-size: 12px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
}
#main .sidebox .uninews .sideinfo li .story a:hover, #main .sidebox .uninews .sideinfo li .story a:focus,
#academics .sidebox .uninews .sideinfo li .story a:hover, #academics .sidebox .uninews .sideinfo li .story a:focus {
color: #fab82f;
}
#main .sidebox .uninews .sideinfo li .story a:after,
#academics .sidebox .uninews .sideinfo li .story a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
/**admissions hero styling**/
#admissions-top .bg {
background-image: url(/_commonImages/admissions/bg-top.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 300px;
border-bottom: 8px solid #333333;
}
#admissions-top .bg .copy {
float: left;
height: 85.2%;
position: relative;
left: 22%;
top: 12%;
text-align: center;
width: 39%;
z-index: 1;
}
#admissions-top .bg .copy h2 {
font-size: 30px;
text-transform: uppercase;
}
#admissions-top .bg .copy h2:before, #admissions-top .bg .copy h2:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 4px;
color: #aa0000;
}
#admissions-top .bg .copy h2:before {
content: 'b';
left: -20px;
}
#admissions-top .bg .copy h2:after {
content: 'a';
right: -20px;
}
#admissions-top .bg .copy h5 {
font-family: "Arvo", serif;
font-size: 16px;
color: #aa0000;
text-transform: uppercase;
}
#admissions-top .bg .copy hr {
border-top: 2px solid #fab82f;
}
#admissions-top .bg .copy p {
font-size: 13px;
line-height: 1.7;
}
#admissions-top .bg .arrow-gray {
position: absolute;
bottom: 0;
left: 48%;
}
#admissions-top .bg .arrow-gray:before {
border-bottom: 10px solid #333333;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '';
height: 0;
width: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
#admissions-top .bg .copy {
width: 55%;
left: 14%;
top: 12%;
}
}
@media (max-width: 767px) {
#admissions-top .bg {
background-image: url(/_commonImages/admissions/bg-top-mobile.jpg);
background-position: top center;
height: 428px;
margin-bottom: 62px;
}
#admissions-top .bg .copy {
position: relative;
margin: 0;
width: 100%;
top: 230px;
left: 0;
padding: 15px;
background-color: white;
height: 60%;
border-top: 8px solid #333333;
border-bottom: 8px solid #333333;
z-index: 0;
}
#admissions-top .bg .copy h2 {
font-size: 18px;
margin: 0;
line-height: 22px;
}
#admissions-top .bg .copy h5 {
font-size: 12px;
margin: 0;
line-height: 18px;
}
#admissions-top .bg .copy p {
font-size: 12px;
}
#admissions-top .bg .arrow-gray {
display: none;
}
}
/**admissions main styling**/
#admissions .ih1 {
background-image: url(/_commonImages/admissions/img-1.jpg);
background-position: top center;
}
#admissions .ih2 {
background-image: url(/_commonImages/admissions/img-2.jpg);
background-position: top center;
}
#admissions .ih3 {
background-image: url(/_commonImages/admissions/img-3.jpg);
background-position: top center;
}
#admissions .bottom-main .arrow-gray {
bottom: 8px;
left: 48.9%;
}
@media (min-width: 768px) and (max-width: 979px) {
#admissions .bottom-main .arrow-gray {
left: 47.5%;
}
}
#admissions .deadlines li {
margin-bottom: 5px;
}
#admissions .deadlines h4 {
text-transform: uppercase;
}
#admissions .deadlines a {
font-family: "Arvo", serif;
margin-right: 15px;
color: #aa0000;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
}
#admissions .deadlines a:hover, #admissions .deadlines a:focus {
color: #fab82f;
}
#admissions .deadlines a:after {
font-family: 'fontawesome';
content: '\f101';
font-size: 16px;
text-transform: lowercase;
position: relative;
top: 1px;
left: 6px;
color: #333333;
}
#admissions .deadlines span {
font-family: "Arvo", serif;
margin-right: 20px;
font-size: 14px;
}
@media (max-width: 767px) {
#admissions .deadlines span {
display: block;
}
}
#admissions .sidebox .quicklinks .sidehead h4, #admissions .sidebox .facts .sidehead h4 {
font-family: "Arvo", serif;
font-size: 19px;
margin-bottom: 0px;
text-transform: uppercase;
color: white;
}
#admissions .sidebox .quicklinks .sidehead h3, #admissions .sidebox .facts .sidehead h3 {
font-family: "Oswald", sans-serif;
line-height: 30px;
font-size: 21px;
}
#admissions .sidebox .quicklinks .sidehead h5, #admissions .sidebox .facts .sidehead h5 {
display: table;
white-space: nowrap;
padding: 0 60px;
font-size: 19px;
}
#admissions .sidebox .quicklinks .sidehead h5:before, #admissions .sidebox .quicklinks .sidehead h5:after, #admissions .sidebox .facts .sidehead h5:before, #admissions .sidebox .facts .sidehead h5:after {
border-top: 1px solid #f8f8f1;
content: '';
display: table-cell;
position: relative;
top: 10px;
width: 45%;
}
#admissions .sidebox .quicklinks .sidehead h5:before, #admissions .sidebox .facts .sidehead h5:before {
right: 3%;
}
#admissions .sidebox .quicklinks .sidehead h5:after, #admissions .sidebox .facts .sidehead h5:after {
left: 3%;
}
#admissions .sidebox .quicklinks .sidehead .ff1, #admissions .sidebox .quicklinks .sidehead .ff2, #admissions .sidebox .facts .sidehead .ff1, #admissions .sidebox .facts .sidehead .ff2 {
position: absolute;
color: #f8f8f1;
bottom: 8px;
}
#admissions .sidebox .quicklinks .ff1 {
left: 74px;
}
#admissions .sidebox .quicklinks .ff2 {
right: 74px;
}
#admissions .sidebox .quicklinks .sideinfo {
padding: 40px 25px;
}
#admissions .sidebox .quicklinks .sideinfo strong {
display: block;
}
#admissions .sidebox .facts .ff1 {
left: 80px;
}
#admissions .sidebox .facts .ff2 {
right: 80px;
}
#admissions .sidebox .facts .sideinfo2 {
background-color: #f8f8f1;
margin-top: 0;
padding: 40px 15px;
font-size: 12px;
}
#admissions .sidebox .facts .sideinfo2 p, #admissions .sidebox .facts .sideinfo2 strong {
text-align: left;
}
#admissions .sidebox .facts .sideinfo2 li {
border-bottom: 1px solid #e3e3da;
margin: 40px 0;
overflow: hidden;
}
#admissions .sidebox .facts .sideinfo2 li:first-child {
margin-top: 5px;
}
#admissions .sidebox .facts .sideinfo2 li:last-child {
margin-bottom: 5px;
}
#admissions .sidebox .facts .sideinfo2 li .factimage {
float: left;
width: 35%;
}
#admissions .sidebox .facts .sideinfo2 li .fact {
float: left;
width: 65%;
}
#admissions .sidebox .facts .sideinfo2 li .fact h5 {
font-family: "Oswald", sans-serif;
margin-bottom: 0;
text-align: left;
font-size: 17px;
}
#admissions .sidebox .facts .sideinfo2 li .fact a {
color: #aa0000;
display: block;
font-size: 15px;
text-align: left;
text-transform: uppercase;
}
#admissions .sidebox .facts .sideinfo2 li .fact a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
#admissions .sidebox .visit address {
font-family: "Arvo", serif;
color: #333333;
text-align: left;
font-size: 14px;
margin: 10px 25px;
}
#admissions .sidebox .visit address strong {
font-size: 15px;
text-transform: uppercase;
margin-left: -10px;
}
#admissions .sidebox .visit address strong:before {
font-family: 'fontawesome';
content: '\f041';
position: relative;
right: 10px;
}
/**admissions IE8 styling**/
.lt-ie9 #admissions .sidebox .quicklinks .sidehead .ff1 {
left: 84px !important;
}
.lt-ie9 #admissions .sidebox .quicklinks .sidehead .ff2 {
right: 84px !important;
}
.lt-ie9 #admissions .sidebox .facts .sidehead .ff1 {
left: 90px !important;
}
.lt-ie9 #admissions .sidebox .facts .sidehead .ff2 {
right: 90px !important;
}
/* ========================== Academics Hero Slider styling ========================== */
#academics-top .slider-wrap {
position: relative;
}
#academics-top .slider-wrap .slider {
height: 350px;
margin-bottom: 0;
}
#academics-top .slider-wrap .slider .bg {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
}
#academics-top .slider-wrap .slider .bg .slider-copy {
position: absolute;
text-align: center;
z-index: 1;
}
#academics-top .slider-wrap .slider .bg .slider-copy h2 {
font-size: 30px;
text-transform: uppercase;
}
#academics-top .bg .slider-copy h2:before,
#academics-top .bg .slider-copy h2:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 4px;
color: #aa0000;
}
#academics-top .bg .slider-copy h2:before {
content: 'b';
left: -20px;
}
#academics-top .bg .slider-copy h2:after {
content: 'a';
right: -20px;
}
#academics-top .slider-wrap .slider .bg .slider-copy h3 {
font-size: 20px;
text-transform: uppercase;
line-height: 1;
}
#academics-top .slider-wrap .slider .bg .slider-copy h3:before,
#academics-top .slider-wrap .slider .bg .slider-copy h3:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 4px;
color: #aa0000;
font-size: 25px;
}
#academics-top .slider-wrap .slider .bg .slider-copy h3:before {
content: 'b';
left: -20px;
}
#academics-top .slider-wrap .slider .bg .slider-copy h3:after {
content: 'a';
right: -20px;
}
#academics-top .slider-wrap .slider .bg .slider-copy h5 {
font-family: "Arvo", serif;
font-size: 16px;
color: #aa0000;
text-transform: uppercase;
margin-bottom: 5px;
}
#academics-top .slider-wrap .slider .bg .slider-copy a {
color: #aa0000;
text-decoration: none;
outline: none;
}
#academics-top .slider-wrap .slider .bg .slider-copy a:hover,
#academics-top .slider-wrap .slider .bg .slider-copy a:focus {
color: #fab82f;
}
#academics-top .slider-wrap .slider .bg .slider-copy p {
font-size: 13px;
line-height: 1.7;
}
/* ------------------------- Academics Hero Slides ------------------------- */
/* --------- Albers ---------- */
#academics-top .slider-wrap .slider .bg1 {
background-image: url(/_commonImages/graduate/slide-1b.jpg);
}
#academics-top .slider-wrap .slider .bg1 .slider-copy {
top: 24%;
left: 38%;
width: 40%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg1 {
background-image: url(/_commonImages/graduate/slide-1b-mobile.jpg);
}
}
/* --------- Arts and Sciences ---------- */
#academics-top .slider-wrap .slider .bg2 {
background-image: url(/_commonImages/graduate/slide-2.jpg);
}
#academics-top .slider-wrap .slider .bg2 .slider-copy {
top: 24%;
left: 40%;
width: 40%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg2 {
background-image: url(/_commonImages/graduate/slide-2-mobile.jpg);
}
}
/* --------- Education ---------- */
#academics-top .slider-wrap .slider .bg3 {
background-image: url(/_commonImages/graduate/slide-3.jpg);
}
#academics-top .slider-wrap .slider .bg3 .slider-copy {
top: 24%;
left: 40%;
width: 33%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg3 {
background-image: url(/_commonImages/graduate/slide-3-mobile.jpg);
}
}
/* --------- Nursing ---------- */
#academics-top .slider-wrap .slider .bg4 {
background-image: url(/_commonImages/graduate/slide-4b.jpg); /* NURSING */
}
#academics-top .slider-wrap .slider .bg4 .slider-copy {
top: 24%;
left: 38%;
width: 40%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg4 {
background-image: url(/_commonImages/graduate/slide-4b-mobile.jpg);
}
}
/* --------- Science and Engineering ---------- */
#academics-top .slider-wrap .slider .bg5 {
background-image: url(/_commonImages/academics/slide-scieng.jpg);
}
#academics-top .slider-wrap .slider .bg5 .slider-copy {
top: 24%;
left: 40%;
width: 40%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg5 {
background-image: url(/_commonImages/academics/slide-scieng-mobile.jpg);
}
}
/* ---------- Matteo Ricci ---------- */
#academics-top .slider-wrap .slider .bg6 {
background-image: url(/_commonImages/graduate/slide-8.jpg);
}
#academics-top .slider-wrap .slider .bg6 .slider-copy {
top: 24%;
left: 17%;
width: 40%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg6 {
background-image: url(/_commonImages/graduate/slide-8-mobile.jpg);
}
}
/* --------- Law ---------- */
#academics-top .slider-wrap .slider .bg7 {
background-image: url(/_commonImages/graduate/slide-6.jpg);
}
#academics-top .slider-wrap .slider .bg7 .slider-copy {
top: 24%;
left: 37%;
width: 44%;
}
@media (min-width: 768px) and (max-width: 979px) {
#academics-top .slider-wrap .slider .bg7 .slider-copy {
top: 12%;
left: 36%;
width: 53%;
}
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg7 {
background-image: url(/_commonImages/graduate/slide-6-mobile.jpg);
}
}
/* ---------- NCS ---------- */
#academics-top .slider-wrap .slider .bg8 {
background-image: url(/_commonImages/academics/slide-ncs.jpg);
background-position: top left;
}
#academics-top .slider-wrap .slider .bg8 .slider-copy {
top: 20%;
}
@media (min-width: 768px) and (max-width: 979px) {
#academics-top .slider-wrap .slider .bg8 {
background-position: 20% top;
}
#academics-top .slider-wrap .slider .bg8 .slider-copy {
top: 10%;
}
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg8 {
background-image: url(/_commonImages/academics/slide-ncs.jpg);
background-position: top left !important;
background-size: cover !important;
}
}
/* ---------- STM ---------- */
#academics-top .slider-wrap .slider .bg9 {
background-image: url(/_commonImages/academics/slide-stm.jpg);
}
#academics-top .slider-wrap .slider .bg9 .slider-copy {
top: 24%;
left: 22%;
width: 40%;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .bg9 {
background-image: url(/_commonImages/academics/slide-stm-mobile.jpg);
}
}
/* ------------------------- End Academics Hero Slides ------------------------- */
@media (max-width: 767px) {
#academics-top .slider-wrap .slider {
height: 550px;
}
#academics-top .slider-wrap .slider .bg {
background-position: top center;
background-size: 100%;
height: 550px;
}
#academics-top .slider-wrap .slider .bg .slider-copy {
border-top: 8px solid #333333;
top: inherit;
bottom: 0;
left: 0;
height: 317px;
width: 100%;
margin: 0;
background-color: white;
}
#academics-top .slider-wrap .slider .bg .slider-copy .featured {
width: 100%;
margin: 0;
}
#academics-top .slider-wrap .slider .bg .slider-copy p {
padding: 0 15px;
margin-bottom: 15px;
font-size: 12px;
}
#academics-top .slider-wrap .slider .bg .slider-copy h3 {
margin-top: 12px;
font-size: 16px;
}
#academics-top .slider-wrap .slider .bg .slider-copy h5 {
font-size: 13px;
}
}
#academics-top .slider-wrap .slider .slick-dots {
bottom: 15px;
}
@media (max-width: 767px) {
#academics-top .slider-wrap .slider .slick-dots {
bottom: -6px;
}
}
#academics-top .slider-wrap .slider .slick-dots li button:before {
font-size: 13px;
color: white;
opacity: 1;
}
#academics-top .slider-wrap .slider .slick-dots li button:hover:before, #academics-top .slider-wrap .slider .slick-dots li button:focus {
color: #fab82f;
opacity: 1;
}
#academics-top .slider-wrap .slider .slick-dots .slick-active button:before {
color: #fab82f !important;
opacity: 1;
}
#academics-top .slider-wrap .arrow-prev, #academics-top .slider-wrap .arrow-next {
cursor: pointer;
height: 40px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1000;
}
#academics-top .slider-wrap .arrow-prev:before, #academics-top .slider-wrap .arrow-next:before {
font-family: 'seattle-u';
color: #fab82f;
background-color: #333333;
border-radius: 100%;
padding: 12px;
}
#academics-top .slider-wrap .arrow-prev:hover, #academics-top .slider-wrap .arrow-prev:focus, #academics-top .slider-wrap .arrow-prev:focus:before, #academics-top .slider-wrap .arrow-next:hover, #academics-top .slider-wrap .arrow-next:focus, #academics-top .slider-wrap .arrow-next:focus:before {
opacity: 0.8;
}
#academics-top .slider-wrap .arrow-prev:active:before, #academics-top .slider-wrap .arrow-next:active:before {
opacity: 1;
}
#academics-top .slider-wrap .arrow-prev {
left: 8%;
}
#academics-top .slider-wrap .arrow-prev:before {
content: 'a';
}
#academics-top .slider-wrap .arrow-next {
right: 8%;
}
#academics-top .slider-wrap .arrow-next:before {
content: 'b';
}
#academics-top .slide-nav {
overflow-x: scroll;
height: 180px; /* also gets applied for .jspContainer */
outline: none;
background-color: #ffffff;
margin-top: 10px;
}
#academics-top .slide-nav .slide-wrap {
position: relative;
height: 265px;
height: 160px;
width: 1260px; /* add 180px (width of each slide-nav element) to increase items in carosel */
width: 1440px; /* add 180px (width of each slide-nav element) to increase items in carosel */
width: 1620px; /* add 180px (width of each slide-nav element) to increase items in carosel */
width: 1150px; /* reset when width changed from 180px to 130px */
xborder-top: 8px solid #333333;
xborder-bottom: 8px solid #333333;
xborder-top: 10px solid #e3e3da;
xborder-bottom: 10px solid #e3e3da;
border: 1px solid #e3e3da;
margin: 10px;
padding: 10px;
}
#academics-top .slide-nav .slide-wrap .line {
position: absolute;
width: 100%;
border-top: 1px solid #fab82f;
top: 102px;
}
#academics-top .slide-nav .slide-wrap .slideIcon {
xborder-bottom: 1px solid #e3e3da;
xborder-top: 1px solid #e3e3da;
xmargin: 10px 0;
color: #333333;
display: block;
float: left;
font-size: 16px;
height: 140px;
xpadding: 30px 10px;
xpadding: 10px 10px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 180px;
width: 125px;
}
#academics-top .slide-nav .slide-wrap .slideIcon h4 {
font-family: "Arvo", serif;
font-family: "Oswald", sans-serif;
font-size: 13px;
line-height: 1.5;
margin-top: 10px;
}
#academics-top .slide-nav .slide-wrap .slideIcon a {
color: #333333;
text-decoration: none;
outline: none;
}
#academics-top .slide-nav .slide-wrap .slideIcon a:hover, #academics-top .slide-nav .slide-wrap .slideIcon a:focus {
color: #aa0000;
}
#academics-top .slide-nav .slide-wrap .slideIcon .nav-img {
border-radius: 50%;
xborder: 10px solid transparent;
xborder: 25px solid transparent;
width: 80px;
}
#academics-top .slide-nav .slide-wrap .active .nav-img {
border: 10px solid #f8f8f1;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gray-down, #academics-top .slide-nav .slide-wrap .active .arrow-gray-up {
position: absolute;
left: 46%;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gray-down {
height: 0px;
top: 8px;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gray-down:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333333;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gray-up {
bottom: 8px;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gray-up:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #333333;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gold-right, #academics-top .slide-nav .slide-wrap .active .arrow-gold-left {
position: absolute;
top: 92px;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gold-right:after, #academics-top .slide-nav .slide-wrap .active .arrow-gold-left:after {
font-family: 'seattle-u';
font-size: 18px;
text-transform: lowercase;
color: #fab82f;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gold-right {
left: 5px;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gold-right:after {
content: ' b';
}
#academics-top .slide-nav .slide-wrap .active .arrow-gold-left {
right: 5px;
}
#academics-top .slide-nav .slide-wrap .active .arrow-gold-left:after {
content: 'a';
}
.ie #academics-top .slide-nav .slide-wrap { /* wat */
height: 260px;
}
/* ========================== End Academics Hero Slider styling ========================== */
/* ========================== Graduate Main Styling ========================== */
#graduate {
margin: 5px 0 10px;
}
#graduate .degree {
font-family: "Arvo", serif;
border-bottom: 2px solid #fab82f;
padding-bottom: 5px;
margin-bottom: 20px;
}
#graduate .fact-list {
margin-left: 10px;
}
#graduate .col {
font-size: 12px;
padding-right: 20px;
}
#graduate .col li {
padding: 8px 0;
line-height: 18px;
}
#graduate .col li:before {
font-family: 'seattle-u';
content: 'b';
color: #aa0000;
margin-left: -12px;
position: relative;
right: 10px;
}
#graduate .col li:last-child {
padding-bottom: 15px;
}
#graduate .col li a {
color: #333333;
text-decoration: none;
}
#graduate .col li a:hover, #graduate .col li a:focus {
color: #fab82f;
}
#graduate .moregrad, #graduate .morecert {
display: none;
}
#graduate .plusmore {
margin: 40px 0;
text-align: center;
position: relative;
}
#graduate .plusmore span {
display: inline-block;
position: relative;
width: 100%;
}
#graduate .plusmore span:before, #graduate .plusmore span:after {
border-top: 1px solid #e3e3da;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 44%;
}
#graduate .plusmore span:before {
right: 55.5%;
}
#graduate .plusmore span:after {
left: 56%;
}
#graduate .plusmore .pm, #graduate .plusmore .ld, #graduate .plusmore .cpm, #graduate .plusmore .cld {
cursor: pointer;
}
#graduate .plusmore .pluslearn:after, #graduate .plusmore .minuslearn:after {
color: #aa0000;
font-size: 34px;
padding: 8px;
}
#graduate .plusmore .pluslearn:after {
content: '+';
}
#graduate .plusmore .minuslearn:after {
content: '-';
}
#graduate .plusmore .loadm:after, #graduate .plusmore .loadl:after, #graduate .plusmore .cloadm:after, #graduate .plusmore .cloadl:after {
color: #aa0000;
font-family: "Oswald", sans-serif;
font-size: 13px;
text-transform: uppercase;
}
#graduate .plusmore .loadm:after, #graduate .plusmore .cloadm:after {
content: 'Load More';
}
#graduate .plusmore .loadl:after, #graduate .plusmore .cloadl:after {
content: 'Load Less';
}
#graduate .plusmore .pm1, #graduate .plusmore .pm2 {
position: absolute;
color: #e3e3da;
top: 1px;
}
#graduate .plusmore .pm1 {
left: 42%;
}
#graduate .plusmore .pm2 {
right: 41.5%;
}
#graduate .ih1 {
background-image: url(/_commonImages/graduate/img-1.jpg);
background-position: top center;
}
#graduate .ih2 {
background-image: url(/_commonImages/graduate/imagehead-nursing.jpg);
background-position: top center;
}
#graduate .ih3 {
background-image: url(/_commonImages/graduate/img-3.jpg);
background-position: top center;
}
#graduate .bottom-main {
height: 15%;
}
#graduate .bottom-main .arrow-gray {
bottom: 8px;
}
#graduate .sidebox .forefront .compact {
font-family: "Oswald", sans-serif;
font-size: 25px !important;
}
#graduate .sidebox .forefront .ff1, #graduate .sidebox .forefront .ff2 {
position: absolute;
color: #f8f8f1;
}
#graduate .sidebox .forefront .ff1 {
margin: -21px 0 0 -37px;
}
#graduate .sidebox .forefront .ff2 {
margin: -21px 0 0 20px;
}
@media (max-width: 767px) {
#graduate .sidebox .forefront h5:before, #graduate .sidebox .forefront h5:after {
width: 45%;
}
#graduate .sidebox .forefront h5:before {
right: 15px;
}
#graduate .sidebox .forefront h5:after {
left: 15px;
}
#graduate .sidebox .forefront .ff1 {
margin: -21px 0 0 -45px;
}
#graduate .sidebox .forefront .ff2 {
margin: -21px 0 0 29px;
}
}
#graduate .sidebox .sidemore {
margin-bottom: 20px;
text-align: center;
position: relative;
}
#graduate .sidebox .sidemore span {
display: inline-block;
position: relative;
width: 100%;
}
#graduate .sidebox .sidemore span:before, #graduate .sidebox .sidemore span:after {
border-top: 1px solid #e3e3da;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 42%;
}
#graduate .sidebox .sidemore span:before {
right: 58.5%;
}
#graduate .sidebox .sidemore span:after {
left: 58.5%;
}
#graduate .sidebox .sidemore .sideplus:after {
content: '+';
color: #aa0000;
font-size: 34px;
padding: 8px;
}
#graduate .sidebox .sidemore .spm, #graduate .sidebox .sidemore .sld {
cursor: pointer;
}
#graduate .sidebox .sidemore .sideplus:after, #graduate .sidebox .sidemore .sideminus:after {
color: #aa0000;
font-size: 34px;
padding: 8px;
}
#graduate .sidebox .sidemore .sideplus:after {
content: '+';
}
#graduate .sidebox .sidemore .sideminus:after {
content: '-';
}
#graduate .sidebox .sidemore .sideload:after, #graduate .sidebox .sidemore .sideless:after {
color: #aa0000;
font-family: "Oswald", sans-serif;
font-size: 13px;
text-transform: uppercase;
}
#graduate .sidebox .sidemore .sideload:after {
content: 'Load More';
}
#graduate .sidebox .sidemore .sideless:after {
content: 'Load Less';
}
#graduate .sidebox .sidemore .pm1, #graduate .sidebox .sidemore .pm2 {
position: absolute;
color: #e3e3da;
top: 0;
}
#graduate .sidebox .sidemore .pm1 {
left: 37%;
}
#graduate .sidebox .sidemore .pm2 {
right: 37%;
}
#graduate .sidebox .events .moreevents {
display: none;
}
/* dupliacte version of this added to acadmeics 12/16/14 b Jason. Code amended but not reoranized */
#graduate .sidebox .schools .sideinfo,
#acadmics .sidebox .schools .sideinfo {
padding: 40px 15px;
}
#graduate .sidebox .schools .sideinfo li,
#academics .sidebox .schools .sideinfo li {
border-bottom: 1px solid #e3e3da;
margin: 40px 0;
overflow: hidden;
}
#graduate .sidebox .schools .sideinfo li:first-child,
#academics .sidebox .schools .sideinfo li:first-child {
margin-top: 5px;
}
#graduate .sidebox .schools .sideinfo li:last-child,
#academics .sidebox .schools .sideinfo li:last-child {
margin-bottom: 5px;
}
#graduate .sidebox .schools .sideinfo li .schoolimage,
#academics .sidebox .schools .sideinfo li .schoolimage {
float: left;
width: 35%;
}
#graduate .sidebox .schools .sideinfo li .schoolimage img,
#academics .sidebox .schools .sideinfo li .schoolimage img {
border-radius: 50%;
}
#graduate .sidebox .schools .sideinfo li .school,
#academics .sidebox .schools .sideinfo li .school {
float: left;
width: 65%;
}
#graduate .sidebox .schools .sideinfo li .school h5,
#academics .sidebox .schools .sideinfo li .school h5 {
margin-bottom: 0;
text-align: left;
font-size: 14px;
}
#graduate .sidebox .schools .sideinfo li .school a,
#academics .sidebox .schools .sideinfo li .school a {
color: #aa0000;
display: block;
font-size: 15px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
}
#graduate .sidebox .schools .sideinfo li .school a:hover,
#graduate .sidebox .schools .sideinfo li .school a:focus,
#academics .sidebox .schools .sideinfo li .school a:hover,
#academics .sidebox .schools .sideinfo li .school a:focus {
color: #fab82f;
}
#graduate .sidebox .schools .sideinfo li .school a:after,
#academics .sidebox .schools .sideinfo li .school a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
#graduate .sidebox .sideend .sideinfo {
padding: 10px 15px;
}
#graduate .sidebox .sideend .sideinfo li {
border-bottom: 1px solid #e3e3da;
margin: 40px 0;
overflow: hidden;
}
#graduate .sidebox .sideend .sideinfo li:first-child {
margin-top: 5px;
}
#graduate .sidebox .sideend .sideinfo li:last-child {
margin-bottom: 5px;
}
#graduate .sidebox .sideend .sideinfo li .openimage {
float: left;
width: 35%;
}
#graduate .sidebox .sideend .sideinfo li .open {
float: left;
width: 65%;
}
#graduate .sidebox .sideend .sideinfo li .open h5 {
margin-bottom: 0;
text-align: left;
font-size: 14px;
}
#graduate .sidebox .sideend .sideinfo li .open p {
font-size: 12px;
}
#graduate .sidebox .sideend .sideinfo li .open a {
color: #aa0000;
display: block;
font-size: 15px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
}
#graduate .sidebox .sideend .sideinfo li .open a:hover, #graduate .sidebox .sideend .sideinfo li .open a:focus {
color: #fab82f;
}
#graduate .sidebox .sideend .sideinfo li .open a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
@media (max-width: 767px) {
#graduate .sidebox .sideend {
height: 350px;
}
}
/**studentlife hero styling**/
#studentlife-top .slider-wrap {
position: relative;
}
#studentlife-top .slider-wrap .slider {
height: 350px;
margin-bottom: 0;
}
#studentlife-top .slider-wrap .slider .bg {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy {
position: absolute;
text-align: center;
z-index: 1;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h1 {
font-size: 26px;
text-transform: uppercase;
margin-bottom: 5px;
text-shadow: 2px 0 #fab82f;
margin: -5px 0 0;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h3 {
font-size: 20px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 2px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h3:before, #studentlife-top .slider-wrap .slider .bg .slider-copy h3:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: relative;
top: 4px;
color: #333333;
font-size: 25px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h3:before {
content: 'b';
left: -8px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h3:after {
content: 'a';
right: -8px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy span {
display: inline-block;
position: relative;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy span:before, #studentlife-top .slider-wrap .slider .bg .slider-copy span:after {
border-top: 1px solid #fab82f;
content: '';
display: table-cell;
position: absolute;
top: 32%;
width: 25%;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h5 {
color: #333333;
font-family: "Arvo", serif;
font-size: 20px;
margin-bottom: 5px;
position: relative;
text-transform: uppercase;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h5:before, #studentlife-top .slider-wrap .slider .bg .slider-copy h5:after {
font-family: 'seattle-u';
text-transform: lowercase;
position: absolute;
color: #fab82f;
top: -1px;
font-size: 16px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h5:before {
content: 'b';
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h5:after {
content: 'a';
}
#studentlife-top .slider-wrap .slider .bg .slider-copy p {
font-size: 13px;
line-height: 1.7;
}
#studentlife-top .slider-wrap .slider .bg1 {
background-image: url(/_commonImages/studentlife/slide-1.jpg);
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy {
top: 16%;
left: 23%;
width: 48%;
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy span {
width: 320px;
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy span:before, #studentlife-top .slider-wrap .slider .bg1 .slider-copy span:after {
width: 30%;
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy span:before {
left: 2px;
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy span:after {
right: 2px;
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy h5:before {
left: 83px;
}
#studentlife-top .slider-wrap .slider .bg1 .slider-copy h5:after {
right: 83px;
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife-top .slider-wrap .slider .bg1 .slider-copy {
top: 9%;
left: 19%;
width: 62%;
}
}
@media (max-width: 767px) {
#studentlife-top .slider-wrap .slider .bg1 {
background-image: url(/_commonImages/studentlife/slide-1-mobile.jpg);
}
}
#studentlife-top .slider-wrap .slider .bg2 {
background-image: url(/_commonImages/studentlife/slide-2.jpg);
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy {
top: 16%;
left: 24%;
width: 47%;
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy span {
width: 250px;
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy span:before, #studentlife-top .slider-wrap .slider .bg2 .slider-copy span:after {
width: 38%;
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy span:before {
left: 2px;
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy span:after {
right: 2px;
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy h5:before {
left: 83px;
}
#studentlife-top .slider-wrap .slider .bg2 .slider-copy h5:after {
right: 83px;
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife-top .slider-wrap .slider .bg2 .slider-copy {
top: 9%;
left: 19%;
width: 62%;
}
}
@media (max-width: 767px) {
#studentlife-top .slider-wrap .slider .bg2 {
background-image: url(/_commonImages/studentlife/slide-2-mobile.jpg);
}
}
#studentlife-top .slider-wrap .slider .bg3 {
background-image: url(/_commonImages/studentlife/slide-3.jpg);
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy {
top: 9%;
left: 25%;
width: 44%;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy span {
width: 300px;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy span:before, #studentlife-top .slider-wrap .slider .bg3 .slider-copy span:after {
width: 17%;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy span:before {
left: 2px;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy span:after {
right: 2px;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy h5:before, #studentlife-top .slider-wrap .slider .bg3 .slider-copy h5:after {
top: -2px;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy h5:before {
left: 36px;
}
#studentlife-top .slider-wrap .slider .bg3 .slider-copy h5:after {
right: 36px;
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife-top .slider-wrap .slider .bg3 .slider-copy {
top: 9%;
left: 19%;
width: 62%;
}
}
@media (max-width: 767px) {
#studentlife-top .slider-wrap .slider .bg3 {
background-image: url(/_commonImages/studentlife/slide-3-mobile.jpg);
}
}
#studentlife-top .slider-wrap .slider .bg4 {
background-image: url(/_commonImages/studentlife/slide-4.jpg);
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy {
top: 9%;
left: 25%;
width: 44%;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy span {
width: 250px;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy span:before, #studentlife-top .slider-wrap .slider .bg4 .slider-copy span:after {
width: 25%;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy span:before {
left: 2px;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy span:after {
right: 2px;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy h5:before, #studentlife-top .slider-wrap .slider .bg4 .slider-copy h5:after {
top: -2px;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy h5:before {
left: 49px;
}
#studentlife-top .slider-wrap .slider .bg4 .slider-copy h5:after {
right: 49px;
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife-top .slider-wrap .slider .bg4 .slider-copy {
top: 9%;
left: 19%;
width: 62%;
}
}
@media (max-width: 767px) {
#studentlife-top .slider-wrap .slider .bg4 {
background-image: url(/_commonImages/studentlife/slide-4-mobile.jpg);
}
}
@media (max-width: 767px) {
#studentlife-top .slider-wrap .slider {
height: 450px;
}
#studentlife-top .slider-wrap .slider .bg {
background-position: center center;
height: 450px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy {
top: 35px;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
height: 100%;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy .featured {
width: 100%;
margin: 0;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy p {
padding: 0 15px;
margin-bottom: 15px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h3 {
margin-top: 15px;
font-size: 17px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h1, #studentlife-top .slider-wrap .slider .bg .slider-copy h5 {
font-size: 19px;
}
#studentlife-top .slider-wrap .slider .bg .slider-copy h5 {
text-shadow: 3px 3px #fab82f;
}
}
#studentlife-top .slider-wrap .arrow-prev, #studentlife-top .slider-wrap .arrow-next {
cursor: pointer;
height: 40px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1000;
}
#studentlife-top .slider-wrap .arrow-prev:before, #studentlife-top .slider-wrap .arrow-next:before {
font-family: 'seattle-u';
color: #fab82f;
background-color: #333333;
border-radius: 100%;
padding: 12px;
}
#studentlife-top .slider-wrap .arrow-prev:hover, #studentlife-top .slider-wrap .arrow-prev:focus, #studentlife-top .slider-wrap .arrow-prev:focus:before, #studentlife-top .slider-wrap .arrow-next:hover, #studentlife-top .slider-wrap .arrow-next:focus, #studentlife-top .slider-wrap .arrow-next:focus:before {
opacity: 0.8;
}
#studentlife-top .slider-wrap .arrow-prev:active:before, #studentlife-top .slider-wrap .arrow-next:active:before {
opacity: 1;
}
#studentlife-top .slider-wrap .arrow-prev {
left: 8%;
}
#studentlife-top .slider-wrap .arrow-prev:before {
content: 'a';
}
#studentlife-top .slider-wrap .arrow-next {
right: 8%;
}
#studentlife-top .slider-wrap .arrow-next:before {
content: 'b';
}
#studentlife-top .slide-nav {
height: 275px;
}
#studentlife-top .slide-nav .slide-wrap {
height: 270px;
}
@media (max-width: 806px) {
#studentlife-top .slide-nav .line, #studentlife-top .slide-nav .slide-wrap {
width: 792px;
}
#studentlife-top .slide-nav .slide-wrap {
height: 260px;
}
}
/**studentlife main styling**/
#studentlife {
position: relative;
margin: 5px 0 10px;
border-bottom: 8px solid #333333;
overflow: hidden;
}
@media (max-width: 767px) {
#studentlife {
top: 0;
}
}
#studentlife h1, #studentlife h3, #studentlife h5 {
text-transform: uppercase;
}
#studentlife .main {
float: left;
width: 100%;
}
#studentlife .outer-main {
background-color: white;
padding: 10px;
}
#studentlife .outer-main .box {
border: 1px solid #e3e3da;
padding: 50px;
overflow: hidden;
}
#studentlife .outer-main .box .redbullet {
margin-left: -64px;
}
#studentlife .outer-main .box .redbullet .rb {
float: left;
margin-top: 5px;
}
#studentlife .outer-main .box .redbullet h1 {
color: #fab82f;
margin-left: 64px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
#studentlife .outer-main .box .redbullet h1 {
font-size: 26px;
}
}
#studentlife .outer-main .box .longarrow {
width: 100%;
margin-bottom: 10px;
}
#studentlife .outer-main .box h3 {
font-family: "Montserrat", serif;
font-size: 24px;
margin-bottom: 10px;
line-height: 26px;
}
#studentlife .outer-main .box p {
font-size: 12px;
margin-bottom: 20px;
padding-right: 40px;
}
#studentlife .outer-main .box .plus .gray {
border: 1px solid #e3e3da;
}
@media (max-width: 767px) {
#studentlife .outer-main .box {
padding: 15px;
}
#studentlife .outer-main .box .redbullet {
margin-left: -30px;
}
#studentlife .outer-main .box .redbullet h1 {
margin-left: 30px;
}
#studentlife .outer-main .box .plus {
margin-right: -30px;
}
}
#studentlife .outer-main .box .boxlinks {
left: 10px;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife .outer-main .box .boxlinks {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#studentlife .outer-main .box .boxlinks {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
#studentlife .outer-main .box .boxlinks {
margin-bottom: 0;
}
}
#studentlife .outer-main .box .boxlinks li {
display: inline-block;
margin-bottom: 11.5px;
}
#studentlife .outer-main .box .boxlinks li:not(:last-child) {
margin-right: 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife .outer-main .box .boxlinks li {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#studentlife .outer-main .box .boxlinks li {
display: block;
}
}
@media (max-width: 767px) {
#studentlife .outer-main .box .boxlinks li {
display: block;
}
}
#studentlife .outer-main .box .boxlinks .arrow {
position: relative;
margin-right: 4px;
background-color: #333333;
padding: 4px 15px;
font-size: 12px;
white-space: nowrap;
width: 165px;
height: 30px;
text-align: center;
}
@media (max-width: 767px) {
#studentlife .outer-main .box .boxlinks .arrow {
margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife .outer-main .box .boxlinks .arrow {
display: block;
padding-bottom: 8px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#studentlife .outer-main .box .boxlinks .arrow {
display: block;
padding-bottom: 8px;
}
}
#studentlife .outer-main .box .boxlinks .arrow:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 11px solid #333333;
border-bottom: 15px solid transparent;
}
#studentlife .outer-main .box .boxlinks .arrow:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 100%;
width: 0;
height: 0;
border-top: 15px solid #333333;
border-left: 10px solid transparent;
border-bottom: 15px solid #333333;
border-left: 8px solid transparent;
}
#studentlife .outer-main .box .boxlinks a {
font-family: "Oswald", sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #fab82f;
white-space: nowrap;
}
#studentlife .outer-main .box .boxlinks a:hover, #studentlife .outer-main .box .boxlinks a:focus {
color: white;
text-decoration: none;
}
#studentlife .outer-main .box .col-md-3 {
border-left: 7px double #e3e3da;
}
@media (max-width: 767px) {
#studentlife .outer-main .box .col-md-3 {
border-left: none;
}
}
#studentlife .outer-main .box .col {
font-size: 14px;
}
#studentlife .outer-main .box .col li {
padding: 8px 0;
line-height: 18px;
margin-left: 19px;
}
#studentlife .outer-main .box .col li:before {
font-family: 'seattle-u';
content: 'b';
color: #aa0000;
margin-left: -16px;
position: relative;
right: 6px;
font-size: 16px;
top: 4px;
}
#studentlife .outer-main .box .col li:last-child {
padding-bottom: 15px;
}
#studentlife .outer-main .box .col li a {
color: #333333;
text-decoration: none;
}
#studentlife .outer-main .box .col li a:hover, #studentlife .outer-main .box .col li a:focus {
color: #fab82f;
}
#studentlife .imagehead {
height: 350px;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
#studentlife .ih1 {
background-image: url(/_commonImages/studentlife/img-1.jpg);
}
#studentlife .ih2 {
background-image: url(/_commonImages/studentlife/img-2.jpg);
}
#studentlife .ih3 {
background-image: url(/_commonImages/studentlife/img-3.jpg);
}
@media (max-width: 767px) {
#studentlife .imagehead {
height: 200px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
}
/* --------------- bottom section of Student Life page ------------------- */
/* not live as of 3/27/15 */
#studentlife .bottom-main {
position: relative;
height: 450px;
margin-bottom: 15px;
text-align: center;
display: block;
}
#studentlife #bottom-mainInner {
background-color: #ffffff;
border: 1px solid #e3e3da;
padding: 10px;
margin-bottom: 15px;
}
#studentlife #bottom-mainInner2 {
border: 1px solid #e3e3da;
padding: 20px 0;
}
#bottomFeature {
border-right: 7px double #e3e3da;
padding: 0 20px;
text-align: center;
}
@media (max-width: 767px) {
#bottomFeature {
border-right: none;
padding: 0 20px 20px 20px;
}
}
#bottomFeature img {
border-radius: 50%;
}
/* bottom feature */
#studentlife .bottom-main #bottomFeature h5 {
color: #aa0000;
}
#studentlife .bottom-main #bottomFeature p {
color: #333333;
font-size: 12px;
line-height: 23px;
vertical-align: text-top;
}
#studentlife .bottom-main #bottomFeature p.learnMore {
text-align: right;
}
@media (max-width: 767px) {
#studentlife .bottom-main #bottomFeature p.learnMore {
border-right: none;
padding: 0 20px 20px 20px;
border-bottom: 7px double #e3e3da;
margin-bottom: 20px;
}
}
#studentlife .bottom-main #bottomFeature p.learnMore a {
color: #aa0000;
text-transform: uppercase;
}
#studentlife .bottom-main #bottomFeature p.learnMore a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 13px;
text-transform: lowercase;
}
/* bottom video */
#bottomVideo {
font-size: 12px;
padding: 0 20px;
text-align: center;
}
#bottomVideo .media-helper img {
width: 100%;
}
.videoWrapper p {
text-align: left;
}
.videoWrapper p a {
color: #aa0000;
}
#bottomVideo a .play-button {
color: #ffffff;
left: 0;
opacity: 0.6;
position: absolute;
top: 25%;
width: 100%;
z-index: 100;
}
/* bottom Events */
#bottomEvents {
background: #e3e3da;
padding-bottom: 15px;
padding-right: 0;
text-align: center;
}
@media (max-width: 992px) {
#bottomEvents {
padding-left: 0;
}
}
#studentlife .bottom-main .arrow-gray {
margin-top: 51px;
}
#studentlife .bottom-main .arrow-gray:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #333333;
}
#studentlife .bottom-main .arrow-graylight {
position: absolute;
top: 50%;
left: 80px;
}
#studentlife .bottom-main .arrow-graylight:before {
content: url(/_commonImages/studentlife/gray-arrow.png);
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife .bottom-main .arrow-graylight {
position: absolute;
top: 96px;
left: 29%; /* changed with 3rd event*/
left: 49%;
}
#studentlife .bottom-main .arrow-graylight:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #e3e3da;
}
}
@media (max-width: 767px) {
#studentlife .bottom-main .arrow-graylight {
position: relative;
top: 8px;
left: 0;
}
#studentlife .bottom-main .arrow-graylight:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #e3e3da;
}
}
#studentlife .bottom-main .upcoming-wrap {
float: left;
padding: 0 10px;
height: 450px;
background-color: #e3e3da;
position: relative;
}
#studentlife .bottom-main .upcoming-wrap .upcoming {
border-left: 2px solid rgba(51, 51, 51, 0.5);
border-right: 2px solid rgba(51, 51, 51, 0.5);
height: 450px;
position: relative;
width: 60px;
}
#studentlife .bottom-main .upcoming-wrap .upcoming h3 {
position: absolute;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
width: 450px;
left: 50px;
color: #aa0000;
}
@media (max-width: 991px) {
#studentlife .bottom-main .upcoming-wrap {
height: 80px;
padding: 8px 0;
width: 60%;
float: left;
}
#studentlife .bottom-main .upcoming-wrap .upcoming {
border-left: none;
border-right: none;
border-top: 2px solid rgba(51, 51, 51, 0.5);
border-bottom: 2px solid rgba(51, 51, 51, 0.5);
height: 60px;
width: 100%;
}
#studentlife .bottom-main .upcoming-wrap .upcoming h3 {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transform-origin: none;
-ms-transform-origin: none;
transform-origin: none;
text-align: center;
left: 0;
width: inherit;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife .bottom-main .upcoming-wrap {
height: 80px;
padding: 8px 0;
width: 60%; /* changed when 3rd event added */
width: 100%;
float: left;
}
#studentlife .bottom-main .upcoming-wrap .upcoming {
border-left: none;
border-right: none;
border-top: 2px solid rgba(51, 51, 51, 0.5);
border-bottom: 2px solid rgba(51, 51, 51, 0.5);
height: 60px;
width: 100%;
}
#studentlife .bottom-main .upcoming-wrap .upcoming h3 {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transform-origin: none;
-ms-transform-origin: none;
transform-origin: none;
text-align: center;
left: 0;
width: inherit;
}
}
@media (max-width: 767px) {
#studentlife .bottom-main .upcoming-wrap {
height: 70px;
padding: 10px 0;
width: 100%;
float: left;
}
#studentlife .bottom-main .upcoming-wrap .upcoming {
border-left: none;
border-right: none;
border-top: 2px solid rgba(51, 51, 51, 0.5);
border-bottom: 2px solid rgba(51, 51, 51, 0.5);
height: 50px;
width: 100%;
}
#studentlife .bottom-main .upcoming-wrap .upcoming h3 {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transform-origin: none;
-ms-transform-origin: none;
transform-origin: none;
text-align: center;
left: 0;
width: inherit;
margin-bottom: 0;
}
}
/**/
#studentlife .bottom-main .campusevents .img-responsive {
border-radius: 50%;
padding: 12px 0;
}
#studentlife .bottom-main .campusevents h5 {
margin-bottom: 5px;
text-align: center;
}
#studentlife .bottom-main .campusevents p {
font-size: 13px;
}
#studentlife .bottom-main .campusevents a {
color: #aa0000;
display: block;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
}
#studentlife .bottom-main .campusevents a:hover,
#studentlife .bottom-main .campusevents a:focus {
color: #fab82f;
}
#studentlife .bottom-main .campusevents a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
#studentlife .bottom-main .campusevents li {
margin: 40px 0;
border-bottom: 1px solid #e3e3da;
}
#studentlife .bottom-main .campusevents li:first-child {
margin-top: 5px;
}
#studentlife .bottom-main .campusevents li:last-child {
margin-bottom: 5px;
}
/**/
@media (min-width: 768px) and (max-width: 1200px) {
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
margin: 83px 25px 0;
}
}
@media (max-width: 1130px) {
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
margin: 83px 25px 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
margin: 83px 25px 0;
}
}
@media (max-width: 1014px) {
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
margin: 83px 24px 0;
}
}
@media (max-width: 1006px) {
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
margin: 60px 15px 0;
}
}
#studentlife .bottom-main .app {
xfloat: right;
xwidth: 320px;
text-align: center;
height: 100%;
background-color: #f8f8f1;
}
#studentlife .bottom-main .app .outer-side {
background-color: #aa0000;
padding: 8px 0;
}
#studentlife .bottom-main .app .outer-side .apphead {
padding: 10px 0;
border-top: 3px solid #881111;
border-bottom: 3px solid #881111;
}
#studentlife .bottom-main .app .outer-side .apphead h3, #studentlife .bottom-main .app .outer-side .apphead h5 {
color: #f8f8f1;
margin-bottom: 0;
}
#studentlife .bottom-main .app .outer-side .apphead h3 {
font-size: 22px;
font-weight: 300;
}
#studentlife .bottom-main .app .outer-side .apphead h5 {
font-size: 14px;
}
#studentlife .bottom-main .app .appinfo {
padding: 40px 30px;
font-size: 12px;
text-align: center;
}
#studentlife .bottom-main .app .appinfo img {
margin-bottom: 10px;
}
#studentlife .bottom-main .app .appinfo .arrow-red {
margin-top: -34px;
}
#studentlife .bottom-main .app .appinfo .arrow-red:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #aa0000;
}
#studentlife .bottom-main .app .appinfo a {
color: #aa0000;
display: block;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
}
#studentlife .bottom-main .app .appinfo a:hover, #studentlife .bottom-main .app .appinfo a:focus {
color: #fab82f;
}
#studentlife .bottom-main .app .appinfo a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
@media (max-width: 767px) {
#studentlife .bottom-main .app {
width: 100% !important;
}
}
@media (max-width: 991px) {
#studentlife .bottom-main .upcoming-wrap {
height: 88px;
}
#studentlife .bottom-main .upcoming-wrap .upcoming {
height: 72px;
}
#studentlife .bottom-main .upcoming-wrap .upcoming h3 {
top: 11px;
}
#studentlife .bottom-main .col-sm-6 {
xwidth: 30%; /* WAT. deactivated by Jason 4/10/15 */
}
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
position: absolute;
margin: 30px 8px 0;
top: 66px;
}
#studentlife .bottom-main .campusevents .campevent1 p,
#studentlife .bottom-main .campusevents .campevent2 p,
#studentlife .bottom-main .campusevents .campevent3 p {
padding: 0 10px;
}
#studentlife .bottom-main .campusevents .campevent2 {
left: 280px;
}
#studentlife .bottom-main .campusevents .campevent3 {
left: 560px;
}
#studentlife .bottom-main .campusevents .arrow-gray {
margin-top: 38px;
}
#studentlife .bottom-main .app {
width: 40%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#studentlife .bottom-main .upcoming-wrap {
height: 88px;
}
#studentlife .bottom-main .upcoming-wrap .upcoming {
height: 72px;
}
#studentlife .bottom-main .upcoming-wrap .upcoming h3 {
top: 11px;
}
#studentlife .bottom-main .col-sm-6 { /* WAT. deactivated by Jason 4/10/15 */
xwidth: 30%;
}
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
position: absolute;
margin: 30px 8px 0;
padding: 0 10px;
top: 66px;
}
#studentlife .bottom-main .campusevents .campevent1 p,
#studentlife .bottom-main .campusevents .campevent2 p,
#studentlife .bottom-main .campusevents .campevent3 p {
padding: 0 10px;
}
#studentlife .bottom-main .campusevents .campevent2 {
left: 224px;
}
#studentlife .bottom-main .campusevents .campevent3 {
left: 448px;
}
#studentlife .bottom-main .campusevents .arrow-gray {
margin-top: 38px;
}
#studentlife .bottom-main .app {
width: 40%;
}
}
@media (max-width: 767px) {
#studentlife .bottom-main {
height: 100%;
}
#studentlife .bottom-main .campusevents .campevent1,
#studentlife .bottom-main .campusevents .campevent2,
#studentlife .bottom-main .campusevents .campevent3 {
position: relative;
top: 0;
width: 100%;
margin: 0;
left: 0;
}
#studentlife .bottom-main .arrow-gray {
display: none;
}
}
.ie #studentlife .bottom-main .upcoming-wrap .upcoming h3 {
top: 210px;
left: -122px;
width: 300px;
}
.lt-ie9 #studentlife .bottom-main .upcoming-wrap .upcoming h3 {
top: 25px !important;
left: 285px !important;
}
/* ========================== NCS Main Styling ========================== */
/* copied from grad, slimmed down of unnecessary code */
#ncs {
margin: 5px 0 10px;
}
#ncs .degree {
font-family: "Arvo", serif;
border-bottom: 2px solid #fab82f;
padding-bottom: 5px;
margin-bottom: 20px;
}
#ncs .fact-list {
margin-left: 10px;
}
#ncs .col {
font-size: 12px;
padding-right: 20px;
}
#ncs .col li {
padding: 8px 0;
line-height: 18px;
}
#ncs .col li:before {
font-family: 'seattle-u';
content: 'b';
color: #aa0000;
margin-left: -12px;
position: relative;
right: 10px;
}
#ncs .col li:last-child {
padding-bottom: 15px;
}
#ncs .col li a {
color: #333333;
text-decoration: none;
}
#ncs .col li a:hover, #ncs .col li a:focus {
color: #fab82f;
}
#ncs .ih1 {
background-color: #fab82f;
background-image: url(/_commonImages/ncs/NCS_smallBanner1.jpg);
background-position: top center;
}
#ncs .ih2 {
background-color: #fab82f;
background-image: url(/_commonImages/graduate/imagehead-ncs2.jpg);
background-position: top center;
}
#ncs .ih3 {
background-color: #fab82f;
background-image: url(/_commonImages/graduate/imagehead-ncs3.jpg);
background-position: top center;
}
#ncs .bottom-main {
height: 15%;
}
#ncs .bottom-main .arrow-gray {
bottom: 8px;
}
#ncs .sidebox .forefront .compact {
font-family: "Oswald", sans-serif;
font-size: 25px !important;
}
#ncs .sidebox .forefront .ff1, #ncs .sidebox .forefront .ff2 {
position: absolute;
color: #f8f8f1;
}
#ncs .sidebox .forefront .ff1 {
margin: -21px 0 0 -37px;
}
#ncs .sidebox .forefront .ff2 {
margin: -21px 0 0 20px;
}
@media (max-width: 767px) {
#ncs .sidebox .forefront h5:before, #ncs .sidebox .forefront h5:after {
width: 45%;
}
#ncs .sidebox .forefront h5:before {
right: 15px;
}
#ncs .sidebox .forefront h5:after {
left: 15px;
}
#ncs .sidebox .forefront .ff1 {
margin: -21px 0 0 -45px;
}
#ncs .sidebox .forefront .ff2 {
margin: -21px 0 0 29px;
}
}
#ncs .sidebox .sideend .sideinfo {
padding: 10px 15px;
}
#ncs .sidebox .sideend .sideinfo li {
border-bottom: 1px solid #e3e3da;
margin: 40px 0;
overflow: hidden;
}
#ncs .sidebox .sideend .sideinfo li:first-child {
margin-top: 5px;
}
#ncs .sidebox .sideend .sideinfo li:last-child {
margin-bottom: 5px;
}
#ncs .sidebox .sideend .sideinfo li .openimage {
float: left;
width: 35%;
}
#ncs .sidebox .sideend .sideinfo li .open {
float: left;
width: 65%;
}
#ncs .sidebox .sideend .sideinfo li .open h5 {
margin-bottom: 0;
text-align: left;
font-size: 14px;
}
#ncs .sidebox .sideend .sideinfo li .open p {
font-size: 12px;
}
#ncs .sidebox .sideend .sideinfo li .open a {
color: #aa0000;
display: block;
font-size: 15px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
}
#ncs .sidebox .sideend .sideinfo li .open a:hover, #ncs .sidebox .sideend .sideinfo li .open a:focus {
color: #fab82f;
}
#ncs .sidebox .sideend .sideinfo li .open a:after {
font-family: 'seattle-u';
content: ' b';
font-size: 18px;
text-transform: lowercase;
position: relative;
top: 4px;
}
@media (max-width: 767px) {
#ncs .sidebox .sideend {
height: 350px;
}
}
/* Video sidebar */
.sidevideo {
position: relative;
}
.sidevideo p {
background-color: #f8f8f1;
color: #333333;
font-size: 12px;
line-height: 23px;
padding: 0 10px;
text-align: left;
vertical-align: text-top;
}
.sidevideo .media-thumbnail {
position: relative;
z-index: 1;
vertical-align: middle;
}
.sidevideo a .play-button {
position: absolute;
width: 100%;
z-index: 100;
opacity: 0.6;
color: #ffffff;
top: 60px;
left: 0;
}
.sidevideo a:hover .play-button {
opacity: 0.85;
}
footer {
position: relative;
/* padding: 50px 0 200px 0;*/
padding: 50px 0 0 0;
background-color: #333333;
text-transform: uppercase;
}
@media (max-width: 767px) {
footer {
top: 0;
}
}
footer .longarrow {
width: 100%;
}
footer .longgoldarrow {
position: relative;
border-style: solid;
border-color: #fab82f;
border-width: 2px 0 0 0;
}
footer .longgoldarrow:after {
position: absolute;
font-family: 'seattle-u';
text-transform: lowercase;
content: 'b';
color: #fab82f;
top: -11px;
right: -1px;
font-size: 21px;
}
footer .location {
color: #fab82f;
display: inline-block;
}
footer .location img {
float: left;
}
footer .location strong {
font-size: 16px;
font-weight: 700;
}
footer .location address {
font-family: "Arvo", serif;
font-family: "Montserrat", serif; /* added to match subpages */
float: left;
margin-left: 10px;
font-size: 13px;
font-weight: 300;
line-height: 20px;
}
footer .col-md-2 {
color: white;
}
footer .col-md-2 li {
padding-bottom: 10px;
}
footer .col-md-2 a {
color: white;
font-size: 13px;
font-weight: 300;
}
footer .col-md-2 a:hover, footer .col-md-2 a:focus {
color: #fab82f;
text-decoration: none;
}
footer .col-md-2 p {
font-size: 13px;
}
footer .col-md-2 .social {
margin-bottom: 0;
}
footer .col-md-2 .social a {
color: #fab82f;
}
footer .col-md-2 .social a:hover, footer .col-md-2 .social a:focus {
color: white;
}
footer .col-md-2 .social a .fa-inverse {
color: #333333;
}
footer .col-md-2 .social li {
font-size: 13px;
font-weight: 300;
display: inline-block;
margin-right: 2px;
margin-bottom: 0;
}
@media (max-width: 767px) {
footer .col-md-2 {
margin-top: 20px;
padding-left: 114px;
}
}
footer .row {
margin: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
footer .longgoldarrow {
width: 84%;
margin-left: 71px;
}
footer .location {
width: 35%;
}
footer .location img {
width: 26%;
}
footer .location strong {
font-size: 13px;
}
footer .location address {
font-size: 12px;
}
footer .col-sm-2 {
width: 18%;
}
footer .follow {
width: 35%;
border-top: 1px solid gray;
padding: 10px 0;
margin-left: 85px;
}
}
@media (max-width: 767px) {
footer .location strong {
font-size: 15px;
}
}
/* copied from leve1.css to properly style the subfooter by Jason 12/15/14 */
#footerSubWrapper { /* Includes terms of service, privacy, copyright and feedback */
background: #E3E3DA;
color: #333333;
font-size: 10px;
margin-top: 50px; /* added 12/16/14 */
}
#footerSub a,
#footerSub a:visited {
color: #333333;
text-decoration: underline;
}
#footerSub a:focus,
#footerSub a:hover {
color: #aa0000;
}
#footerSub #footerLinksWrapper {
text-align: center;
}
#footerSub #footerCopyright {
text-align: center;
}
#footerSub #footerFeedback {
text-align: right;
}
@media (max-width: 767px) {
#footerSub #footerCopyright {
text-align: left;
}
}
