/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 1, 2012 */
/*
font-family: 'Museo';
font-weight: light | normal | bold;
font-family: 'MuseoSans';
font-weight: light | normal | bold;
*/
@font-face {
font-family: 'Museo';
src: url('fonts/museo300-regular-webfont.eot');
src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museo300-regular-webfont.woff') format('woff'),
url('fonts/museo300-regular-webfont.ttf') format('truetype'),
url('fonts/museo300-regular-webfont.svg#Museo300Regular') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Museo';
src: url('fonts/museo500-regular-webfont.eot');
src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museo500-regular-webfont.woff') format('woff'),
url('fonts/museo500-regular-webfont.ttf') format('truetype'),
url('fonts/museo500-regular-webfont.svg#Museo500Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo';
src: url('fonts/museo700-regular-webfont.eot');
src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museo700-regular-webfont.woff') format('woff'),
url('fonts/museo700-regular-webfont.ttf') format('truetype'),
url('fonts/museo700-regular-webfont.svg#Museo700Regular') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans';
src: url('fonts/museosans_100-webfont.eot');
src: url('fonts/museosans_100-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museosans_100-webfont.woff') format('woff'),
url('fonts/museosans_100-webfont.ttf') format('truetype'),
url('fonts/museosans_100-webfont.svg#MuseoSans100Regular') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans';
src: url('fonts/museosans_500-webfont.eot');
src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museosans_500-webfont.woff') format('woff'),
url('fonts/museosans_500-webfont.ttf') format('truetype'),
url('fonts/museosans_500-webfont.svg#MuseoSans500Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans';
src: url('fonts/museosans_700-webfont.eot');
src: url('fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museosans_700-webfont.woff') format('woff'),
url('fonts/museosans_700-webfont.ttf') format('truetype'),
url('fonts/museosans_700-webfont.svg#MuseoSans700Regular') format('svg');
font-weight: bold;
font-style: normal;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*-----------------------------------------------------------------------------------
Global Reset v2.0 | 20110126
-----------------------------------------------------------------------------------*/
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 {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
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;
}
:focus {
outline: 0;
}
/* ==========================================================================
Normalize -- Forms
========================================================================== */
fieldset {
margin: 0 2px;
}
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
button,
input,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
button,
input {
line-height: normal;
}
button {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/*---------------------------
Fonts
---------------------------*/
/*---------------------------
Transitions
---------------------------*/
*,
*:link,
*:visited,
*:hover,
*:active,
*:focus {
-webkit-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
-moz-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
-ms-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
-o-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
}
/*---------------------------
Elements
---------------------------*/
html,
body {
min-width: 1020px;
width: 100%;
}
@media screen and (max-width: 620px) {
html,
body {
min-width: 0;
overflow-x: hidden;
}
}
body {
font-family: 'museo-sans', Helvetica, sans-serif;
}
body.mobile_nav_open {
height: 100%;
overflow: hidden;
position: absolute;
z-index: 1;
}
body * {
word-wrap: break-word;
}
/* Webkit Text Wrap Fix */
a {
text-decoration: none;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
p {
color: rgba(0, 0, 0, 0.9);
font-size: 15px;
font-weight: 200;
line-height: 1.4;
margin-bottom: 15px;
}
p sup {
vertical-align: super;
font-size: 10px;
}
.no_select * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
button,
input {
-webkit-appearance: none !important;
-webkit-border-radius: 0;
}
.content_wrap table.styled {
width: 100%;
}
.content_wrap table.styled th,
.content_wrap table.styled thead td {
color: rgba(0, 0, 0, 0.9);
font-size: 14px;
line-height: 1.4;
border-right: none;
border-bottom: 6px solid #fcd41c;
font-weight: 600;
padding: 10px 20px;
text-align: left;
}
.content_wrap table.styled th:last-child,
.content_wrap table.styled thead td:last-child {
border-bottom: 6px solid #fcd41c;
}
.content_wrap table.styled td {
color: rgba(0, 0, 0, 0.9);
border-right: 1px solid #ddd;
font-size: 15px;
font-weight: 200;
line-height: 1.4;
padding: 15px 20px;
}
.content_wrap table.styled td:last-child {
border: none;
}
.content_wrap table.styled tr:nth-child(2n) td {
background: #eee;
}
.table_wrapper {
min-height: 0.01%;
margin: 20px 0;
}
@media screen and (max-width: 620px) {
.table_wrapper {
width: 100%;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table_wrapper > table {
margin: 0;
border: 0;
}
.table_wrapper > table > tbody {
border: none;
}
.table_wrapper > table > thead > tr > th,
.table_wrapper > table > tbody > tr > th,
.table_wrapper > table > tfoot > tr > th,
.table_wrapper > table > thead > tr > td,
.table_wrapper > table > tbody > tr > td,
.table_wrapper > table > tfoot > tr > td {
white-space: nowrap;
}
.table_wrapper > table > thead > tr > th:first-child,
.table_wrapper > table > tbody > tr > th:first-child,
.table_wrapper > table > tfoot > tr > th:first-child,
.table_wrapper > table > thead > tr > td:first-child,
.table_wrapper > table > tbody > tr > td:first-child,
.table_wrapper > table > tfoot > tr > td:first-child {
border-left: 0;
}
.table_wrapper > table > thead > tr > th:last-child,
.table_wrapper > table > tbody > tr > th:last-child,
.table_wrapper > table > tfoot > tr > th:last-child,
.table_wrapper > table > thead > tr > td:last-child,
.table_wrapper > table > tbody > tr > td:last-child,
.table_wrapper > table > tfoot > tr > td:last-child {
border-right: 0;
}
.table_wrapper > table > tbody > tr:last-child > th,
.table_wrapper > table > tfoot > tr:last-child > th,
.table_wrapper > table > tbody > tr:last-child > td,
.table_wrapper > table > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
/*-------------------------------------------
Global
-------------------------------------------*/
.left {
float: left;
}
.block_left {
float: left;
margin: 0 20px 20px 0;
}
.right {
float: right;
}
.block_right {
float: right;
margin: 0 0 20px 20px;
}
.center {
text-align: center;
}
.clear {
clear: both;
}
.contain {
overflow: hidden;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.selecter .selecter-options {
width: 100% !important;
}
.offscreen {
position: absolute;
top: -99999em;
width: 1px;
height: 1px;
overflow: hidden;
outline: 0;
}
.visually_hidden {
width: 1px;
height: 1px;
position: absolute;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
}
.visually_hidden.focusable:active,
.visually_hidden.focusable:focus {
width: auto;
height: auto;
position: static;
clip: auto;
margin: 0;
overflow: visible;
}
/*-------------------------------------------
Structure
-------------------------------------------*/
/* MIXINS & HELPERS */
.ir {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
/*-------------------------------------------
Colors
-------------------------------------------*/
.gold_bg {
background-color: #f4bb14;
}
.brown_bg {
background-color: #342e19;
}
.gray_bg {
background-color: #5a5a5a;
}
.light_gray_bg {
background-color: #efefef;
}
.red_bg {
background-color: #a42d21;
}
.purple_bg {
background-color: #6c1b42;
}
.blue_bg {
background-color: #2d6378;
}
/* GRADIENTS */
/* BUTTONS */
.button {
border: 4px solid #e9b00b;
background: #f4bb14;
color: #000;
clear: both;
float: right;
font-size: 11px;
min-width: 118px;
padding: 6px 0;
text-align: center;
}
.button:hover {
border: 4px solid #313131;
background: #0f0f0f;
color: #fff;
}
/*-------------------------------------------
Layout
-------------------------------------------*/
/* LAYOUT */
.page_wrap {
margin-left: auto;
margin-right: auto;
position: relative;
width: 990px;
*zoom: 1;
}
.page_wrap:before,
.page_wrap:after {
content: "";
display: table;
}
.page_wrap:after {
clear: both;
}
@media screen and (max-width: 620px) {
.page_wrap {
width: 100%;
}
}
.main {
margin: 50px auto;
}
@media screen and (max-width: 620px) {
.main {
margin: 25px 0;
}
}
.main .main {
margin: 0 auto;
}
.content_wrap {
float: right;
width: 720px;
}
@media screen and (max-width: 620px) {
.content_wrap {
padding: 0 20px;
width: 100%;
}
}
.content_wrap .secondary_content {
margin-top: 30px;
}
/*-------------------------------------------
CONTENT
-------------------------------------------*/
.content_wrap.left,
.flexible_callout_content.left {
float: left;
}
.content_wrap a,
.flexible_callout_content a {
color: #a62c1c;
}
.content_wrap a:hover,
.flexible_callout_content a:hover {
color: #ed1c24;
}
.content_wrap a.button,
.flexible_callout_content a.button {
color: #000;
}
.content_wrap a.button:hover,
.flexible_callout_content a.button:hover {
color: #fff;
}
.content_wrap p img,
.flexible_callout_content p img {
margin: 10px;
}
@media screen and (max-width: 620px) {
.content_wrap img,
.flexible_callout_content img {
float: none !important;
height: auto;
max-width: 100%;
}
}
.content_wrap .date,
.flexible_callout_content .date {
display: block;
margin-bottom: 10px;
}
.content_wrap h1,
.flexible_callout_content h1 {
color: #000;
font-size: 36px;
font-weight: bold;
line-height: 44px;
/* letter-spacing: 20px; */
margin-bottom: 20px;
}
.content_wrap h1.page_title,
.flexible_callout_content h1.page_title {
margin-bottom: 36px;
}
.content_wrap h2,
.flexible_callout_content h2 {
color: #000;
font-size: 30px;
font-weight: bold;
line-height: 40px;
/* letter-spacing: 15px; */
margin-bottom: 20px;
}
.content_wrap h2.section_header,
.flexible_callout_content h2.section_header {
font-weight: 700;
}
.content_wrap h3,
.flexible_callout_content h3 {
color: #000;
font-size: 24px;
font-weight: 700;
line-height: 28px;
/* letter-spacing: 15px; */
margin-bottom: 20px;
text-transform: none;
}
.content_wrap h4,
.flexible_callout_content h4 {
color: #000;
font-size: 20px;
font-weight: 300;
line-height: 24px;
/* letter-spacing: 5px; */
margin-bottom: 20px;
text-transform: uppercase;
}
.content_wrap h5,
.flexible_callout_content h5 {
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 19px;
/* letter-spacing: 5px; */
margin-bottom: 20px;
}
.content_wrap h6,
.flexible_callout_content h6 {
color: #717073;
font-size: 18px;
font-weight: bold;
line-height: 19px;
/* letter-spacing: 5px; */
margin-bottom: 20px;
}
.content_wrap ul,
.flexible_callout_content ul {
list-style: disc;
margin: 0 0 15px 30px;
}
.content_wrap ul li,
.flexible_callout_content ul li {
margin: 10px 0;
font-size: 15px;
font-weight: 200;
line-height: 1.4;
}
.content_wrap ol,
.flexible_callout_content ol {
list-style: decimal;
margin: 0 0 15px 35px;
}
.content_wrap ol li,
.flexible_callout_content ol li {
margin: 10px 0;
font-size: 15px;
font-weight: 200;
line-height: 1.4;
}
.content_wrap .intro p,
.flexible_callout_content .intro p {
font-size: 18px;
line-height: 1.6;
}
.content_wrap a.arrow_after_right:after,
.flexible_callout_content a.arrow_after_right:after,
.content_wrap a.arrow_after_left:after,
.flexible_callout_content a.arrow_after_left:after {
background: url(../images/circle_pointers.png) no-repeat 0 0;
content: "";
display: inline-block;
height: 19px;
margin-left: 5px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.content_wrap a.arrow_after_right:hover:after,
.flexible_callout_content a.arrow_after_right:hover:after,
.content_wrap a.arrow_after_left:hover:after,
.flexible_callout_content a.arrow_after_left:hover:after {
background-position: -19px 0px;
}
.content_wrap a.arrow_after_up:after,
.flexible_callout_content a.arrow_after_up:after,
.content_wrap a.arrow_after_down:after,
.flexible_callout_content a.arrow_after_down:after {
background: url(../images/circle_pointers.png) no-repeat 0 -19px;
content: "";
display: inline-block;
height: 19px;
margin-left: 5px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.content_wrap a.arrow_after_up:hover:after,
.flexible_callout_content a.arrow_after_up:hover:after,
.content_wrap a.arrow_after_down:hover:after,
.flexible_callout_content a.arrow_after_down:hover:after {
background-position: -19px -19px;
}
.content_wrap a.arrow_after_down:after,
.flexible_callout_content a.arrow_after_down:after {
transform: scaleY(-1);
}
.content_wrap a.arrow_after_left:after,
.flexible_callout_content a.arrow_after_left:after {
transform: scaleX(-1);
}
.content_wrap a.arrow_before_right:before,
.flexible_callout_content a.arrow_before_right:before,
.content_wrap a.arrow_before_left:before,
.flexible_callout_content a.arrow_before_left:before {
background: url(../images/circle_pointers.png) no-repeat 0 0;
content: "";
display: inline-block;
height: 19px;
margin-right: 5px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.content_wrap a.arrow_before_right:hover:after,
.flexible_callout_content a.arrow_before_right:hover:after,
.content_wrap a.arrow_before_left:hover:after,
.flexible_callout_content a.arrow_before_left:hover:after {
background-position: -19px 0px;
}
.content_wrap a.arrow_before_up:before,
.flexible_callout_content a.arrow_before_up:before,
.content_wrap a.arrow_before_down:before,
.flexible_callout_content a.arrow_before_down:before {
background: url(../images/circle_pointers.png) no-repeat 0 -19px;
content: "";
display: inline-block;
height: 19px;
margin-right: 5px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.content_wrap a.arrow_before_up:hover:after,
.flexible_callout_content a.arrow_before_up:hover:after,
.content_wrap a.arrow_before_down:hover:after,
.flexible_callout_content a.arrow_before_down:hover:after {
background-position: -19px -19px;
}
.content_wrap a.arrow_before_down:before,
.flexible_callout_content a.arrow_before_down:before {
transform: scaleY(-1);
}
.content_wrap a.arrow_before_left:before,
.flexible_callout_content a.arrow_before_left:before {
transform: scaleX(-1);
}
.content_wrap ul.special,
.flexible_callout_content ul.special {
list-style: none;
}
.content_wrap ul.special li,
.flexible_callout_content ul.special li {
font-size: 19px;
font-weight: 300;
line-height: 25px;
}
.content_wrap ul.special li:before,
.flexible_callout_content ul.special li:before {
content: '\2022';
display: block;
position: relative;
max-width: 0;
max-height: 0;
left: -15px;
top: 0;
color: #000;
font-size: 20px;
}
@media screen and (max-width: 620px) {
.content_wrap iframe,
.flexible_callout_content iframe {
height: auto;
width: 100%;
}
.content_wrap ul,
.flexible_callout_content ul {
margin-left: 20px;
}
}
.google_search_form {
background: white;
border: 5px solid #fff;
height: height: 35px;
clear: both;
display: block;
margin-bottom: 30px;
position: static;
padding: 0;
}
.google_search_form .google_search {
background: #EDEDED;
border: none;
height: 35px;
line-height: 1;
margin: 1px 0 0;
padding: 8px 10px;
width: calc(100% - 125px);
}
.google_search_form .google_submit {
background: #f4bb14;
border: none;
cursor: pointer;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 10px 0 9px;
text-align: center;
width: 115px;
}
/*-------------------------------------------
Header
-------------------------------------------*/
.quicklink_container {
background: #000;
}
@media screen and (max-width: 620px) {
.quicklink_container {
display: none;
}
}
.quicklinks {
height: 0;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.quicklinks.active {
height: 100px;
}
.quicklink {
float: left;
}
.quicklink a {
color: #fff;
display: block;
font-size: 12px;
margin: 16px 10px 2px 0;
text-align: center;
width: 80px;
z-index: 1;
}
.quicklink a:hover {
color: #f4bb14;
}
.quicklink .icon {
background: url(../images/sprite_quicklinks.png) no-repeat;
display: block;
height: 40px;
margin: 0 auto 10px;
}
.quicklink.home .icon {
background-position: left -60px;
width: 38px;
}
.quicklink.home:hover .icon {
background-position: -90px -60px;
}
.quicklink.email .icon {
background-position: left -186px;
width: 38px;
}
.quicklink.email:hover .icon {
background-position: -90px -186px;
}
.quicklink.computer .icon {
background-position: left 1px;
width: 41px;
}
.quicklink.computer:hover .icon {
background-position: -90px 1px;
}
.quicklink.online .icon {
background-position: left -375px;
width: 36px;
}
.quicklink.online:hover .icon {
background-position: -90px -375px;
}
.quicklink.connection .icon {
background-position: left -314px;
width: 38px;
}
.quicklink.connection:hover .icon {
background-position: -90px -314px;
}
.quicklink.help .icon {
background-position: left -252px;
width: 24px;
}
.quicklink.help:hover .icon {
background-position: -90px -253px;
}
.quicklink.library .icon {
background-position: left -125px;
width: 52px;
}
.quicklink.library:hover .icon {
background-position: -90px -125px;
}
.quicklink.it .icon {
background: url(../images/it-icon.svg);
height: 40px;
width: 40px;
}
.quicklink.it:hover .icon {
background-position: -40px 0px;
}
.header_container {
border-top: 4px solid #000;
*zoom: 1;
background: #fcd41c;
/* Old browsers */
background: -moz-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcd41c), color-stop(100%, #f3c12e));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
/* IE10+ */
background: linear-gradient(to bottom, #fcd41c 0%, #f3c12e 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd41c', endColorstr='#f3c12e', GradientType=0);
z-index: 2;
}
.header_container:before,
.header_container:after {
content: "";
display: table;
}
.header_container:after {
clear: both;
}
.header_container .page_wrap {
height: 160px;
position: relative;
}
@media screen and (max-width: 620px) {
.header_container {
border: none;
}
.header_container .page_wrap {
height: 120px;
}
}
.header_container header .logo {
background: url(../images/bsu_logo.png);
display: block;
float: left;
height: 140px;
margin: 10px;
width: 170px;
}
@media screen and (max-width: 620px) {
.header_container header .logo {
background-size: 119px 98px;
float: none;
height: 98px;
margin: 10px auto;
width: 119px;
}
}
.header_container header nav {
position: absolute;
right: 0;
}
.header_container header nav li {
float: left;
}
.header_container header nav li a {
border-right: 1px solid #DAB522;
display: inline-block;
margin-right: 8px;
padding-right: 8px;
}
.header_container header nav li a.last {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
@media screen and (max-width: 620px) {
.header_container header nav {
display: none;
}
}
.top_features {
background: #000;
height: 350px;
width: 100%;
}
.top_features .item {
background-position: center center;
background-repeat: no-repeat;
height: 350px;
position: absolute;
transition: none;
width: 100%;
}
.top_features .page_wrap {
height: 350px;
position: relative;
}
.top_features article .title,
.top_features article .description {
color: #fff;
}
.top_features article.over {
background: #333;
background: rgba(0, 0, 0, 0.8);
bottom: -15px;
padding: 25px;
position: absolute;
right: 0;
width: 420px;
}
@media screen and (max-width: 620px) {
.top_features article.over {
bottom: 0;
width: 100%;
}
}
.top_features article.over.no_text {
width: auto;
}
.top_features article.over .title {
font-size: 27px;
line-height: 120%;
margin: 0 0 10px 0;
}
.top_features article.over .description {
font-size: 15px;
line-height: 140%;
}
.top_features article.over a {
color: #F9CD24;
font-size: 15px;
}
.top_features article.over nav {
float: right;
}
.top_features article.over nav a {
background: #5A5A5A;
display: inline-block;
height: 12px;
margin: 4px 0 0 1px;
width: 12px;
}
.top_features article.over nav a.active,
.top_features article.over nav a:hover {
background: #F9CD24;
}
.top_features article.above {
background: #333;
background: rgba(0, 0, 0, 0.4);
bottom: 0;
height: 62px;
padding: 13px 30px;
position: absolute;
width: 100%;
}
.top_features article.above .title,
.top_features article.above .description {
display: inline-block;
font-size: 18px;
margin: 4px 8px 0 0;
}
@media screen and (max-width: 620px) {
.top_features article.above {
height: auto;
}
.top_features article.above .title,
.top_features article.above .description {
display: block;
line-height: 1.4;
}
.top_features article.above .description {
margin-bottom: 15px;
}
}
/*-------------------------------------------
Mobile Nav
-------------------------------------------*/
.mobile_nav_handle {
background: #000;
color: #fff;
cursor: pointer;
display: none;
font-size: 14px;
font-weight: 700;
letter-spacing: .1em;
padding: 15px 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.mobile_nav_handle .icon {
background-color: #fff;
display: inline-block;
height: 2px;
margin-left: 12px;
margin-top: -14px;
position: relative;
vertical-align: middle;
top: 0;
width: 16px;
}
.mobile_nav_handle .icon:after,
.mobile_nav_handle .icon:before {
background-color: #fff;
content: '';
height: 2px;
position: absolute;
width: 100%;
}
.mobile_nav_handle .icon:after {
top: 6px;
left: 0;
}
.mobile_nav_handle .icon:before {
top: 12px;
left: 0;
}
@media screen and (max-width: 620px) {
.mobile_nav_handle {
display: block;
}
}
.mobile_nav {
*zoom: 1;
background: #000;
color: #fff;
height: 100%;
opacity: 0;
overflow-y: auto;
padding: 15px;
pointer-events: none;
position: fixed;
top: 0;
z-index: 20;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.mobile_nav:before,
.mobile_nav:after {
content: "";
display: table;
}
.mobile_nav:after {
clear: both;
}
.mobile_nav.open {
opacity: 1;
pointer-events: all;
}
.mobile_nav nav {
*zoom: 1;
margin-bottom: 20px;
}
.mobile_nav nav:before,
.mobile_nav nav:after {
content: "";
display: table;
}
.mobile_nav nav:after {
clear: both;
}
.mobile_nav nav h2 {
margin-bottom: 18px;
}
.mobile_nav li a {
color: #fff;
clear: both;
display: block;
float: left;
margin-bottom: 12px;
}
.mobile_nav .subnav {
display: none;
}
.mobile_nav .search_form {
border: none;
background: transparent;
clear: both;
display: block;
margin-bottom: 30px;
position: static;
padding: 0;
}
.mobile_nav .search_form .search {
border: none;
height: 35px;
line-height: 1;
margin: 0;
padding: 8px 10px;
width: calc(100% - 48px);
}
.mobile_nav .search_form .submit {
border: none;
height: 37px;
line-height: 1;
margin: 0;
padding: 3px 0;
text-align: center;
vertical-align: middle;
width: 45px;
}
.mobile_nav .main_mobile_nav li a {
font-size: 22px;
margin-bottom: 18px;
}
.mobile_nav .persistent_mobile_nav {
float: left;
width: 48%;
}
.mobile_nav .persistent_mobile_nav li a {
color: #f4bb14;
}
.mobile_nav .audiences_mobile_nav {
float: right;
width: 48%;
}
.mobile_nav .audiences_mobile_nav li a {
color: #f4bb14;
}
.mobile_nav .quicklinks_mobile_nav {
clear: both;
}
.mobile_nav .quicklinks_mobile_nav .quicklink {
margin-left: 1.5%;
margin-right: 1.5%;
width: 30%;
}
.mobile_nav_close {
background: transparent;
border: none;
color: #fff;
float: right;
margin: 0 0 20px;
padding: 0;
}
/*-------------------------------------------
Persistent Nav
-------------------------------------------*/
#persistent_nav {
top: 0;
}
#persistent_nav li {
font-size: 12px;
}
#persistent_nav li a {
color: #000;
margin-top: 11px;
}
#persistent_nav li a:hover {
text-decoration: underline;
}
#persistent_nav li a.give {
margin-right: 0;
}
#persistent_nav li a.quicklink_toggle {
background: #000;
color: #fff;
display: block;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 20px;
}
#persistent_nav li a.quicklink_toggle:hover {
text-decoration: none;
}
#persistent_nav li.search_wrap {
position: relative;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#persistent_nav li.search_wrap.active {
background: #fff;
}
#persistent_nav li a.search {
border-right: 0;
display: block;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 8px 0 8px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#persistent_nav li a.search:hover {
background: #fff;
color: #000;
}
#persistent_nav li a.search .title {
float: left;
margin-right: 8px;
}
.icon_search {
background: url(../images/icon_search.png) no-repeat right bottom;
display: inline-block;
float: right;
height: 17px;
margin: 8px 0 4px;
width: 17px;
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
.search_form {
background: white;
border: 5px solid #fff;
display: none;
height: 35px;
position: absolute;
top: 100%;
right: 0;
width: auto;
overflow: hidden;
white-space: nowrap;
}
.active .search_form {
display: block;
}
.search_form .search {
background: #EDEDED;
border: 0;
height: 23px;
padding-left: 4px;
width: 285px;
}
.search_form .submit {
background: #f4bb14;
border: 0;
cursor: pointer;
font-weight: bold;
height: 25px;
margin: 0;
width: 55px;
}
/*-------------------------------------------
Audiences Nav
-------------------------------------------*/
#audiences_nav {
bottom: 0;
}
#audiences_nav li {
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
}
#audiences_nav li a {
float: left;
color: rgba(0, 0, 0, 0.7);
display: inline-block;
margin-bottom: 11px;
}
#audiences_nav li a:hover {
color: #000000;
}
#audiences_nav li a.last {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
/*-------------------------------------------
Main Nav
-------------------------------------------*/
.nav_container {
background: #000;
border-bottom: 4px solid #DAE3E5;
*zoom: 1;
}
.nav_container:before,
.nav_container:after {
content: "";
display: table;
}
.nav_container:after {
clear: both;
}
@media screen and (max-width: 620px) {
.nav_container {
display: none;
}
}
#main_nav > ul > li {
float: left;
font-size: 14px;
font-weight: 100;
position: relative;
}
#main_nav .nav_item {
border-right: 1px solid #141414;
color: #fff;
display: block;
float: left;
font-size: 14px;
font-weight: 700;
padding: 12px 29px;
text-transform: uppercase;
}
#main_nav .nav_item.last {
border-right: 0;
}
#main_nav a {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#main_nav .active a {
color: #000;
background: #fff;
}
#main_nav .subnav {
background: #fff;
border-top: 4px solid #B8B7B4;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
display: none;
position: absolute;
top: 100%;
z-index: 100;
width: 100%;
min-width: 300px;
}
#main_nav .subnav.last {
left: auto;
right: 0;
}
#main_nav .subnav.active {
display: block;
}
#main_nav .subnav a {
background: #fff;
border-bottom: 1px solid #EBEBEB;
color: #000;
display: block;
line-height: 20px;
padding: 5px 32px 5px 28px;
}
#main_nav .subnav a:hover {
background: #EBEBEB;
}
/*-------------------------------------------
Breadcrumbs
-------------------------------------------*/
.breadcrumb_container {
background: #f4f4f4;
height: 30px;
overflow: visible;
position: relative;
*zoom: 1;
}
.breadcrumb_container:before,
.breadcrumb_container:after {
content: "";
display: table;
}
.breadcrumb_container:after {
clear: both;
}
@media screen and (max-width: 620px) {
.breadcrumb_container {
display: none;
}
}
.breadcrumb_container .shadow {
background: url(../images/bg_drop_shadow.png) no-repeat center top;
height: 30px;
width: 100%;
position: absolute;
top: 100%;
right: 0;
}
.breadcrumbs {
background: url(../images/bg_breadcrumb_border.png) no-repeat left top;
height: 41px;
}
.breadcrumbs .crumb {
background: url(../images/bg_breadcrumb_border.png) no-repeat right top;
color: rgba(0, 0, 0, 0.5);
display: block;
float: left;
font-family: Arial, sans-serif;
font-size: 11px;
height: 30px;
}
.breadcrumbs .crumb:hover {
color: #000000;
}
.breadcrumbs .crumb.active {
color: #000000;
cursor: default;
}
.breadcrumbs .title {
display: block;
float: left;
padding: 8px 15px 0;
}
/*-------------------------------------------
WIDGETS
-------------------------------------------*/
.widget_nav a,
.widget_nav button {
background: #4E4E4E;
border: none;
display: block;
float: left;
height: 12px;
margin-left: 4px;
overflow: hidden;
text-indent: 40px;
width: 12px;
}
.widget_nav a:hover,
.widget_nav button:hover {
background: #fff;
}
.widget_nav a.active,
.widget_nav button.active {
background: #f4bb14;
}
.widget_nav.left a,
.widget_nav.left button {
float: left;
height: 12px;
margin-left: 0;
margin-right: 4px;
width: 12px;
}
@media screen and (max-width: 620px) {
.widget_nav a {
height: 20px;
margin-left: 10px;
width: 20px;
}
}
.frame {
position: relative;
height: 520px;
}
.frame .slide {
display: none;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.frame .slide.active {
display: block;
opacity: 1;
}
/*-------------------------------------------
CALLOUTS
-------------------------------------------*/
.quote {
color: white;
}
.quote .quote {
font-family: 'museo', Georgia, serif;
border-bottom: none;
font-size: 19px;
line-height: 1.2;
margin: 10px 0;
}
.quote .attribution {
font-size: 13px;
float: right;
margin-bottom: 10px;
}
.callouts {
margin-bottom: 40px;
width: 240px;
}
@media screen and (max-width: 620px) {
.callouts {
width: 100%;
}
}
.callout {
margin-bottom: 20px;
*zoom: 1;
}
.callout:before,
.callout:after {
content: "";
display: table;
}
.callout:after {
clear: both;
}
.callouts .callout,
.sidebar .callout {
padding: 10px 15px;
}
.sidebar .callout.full,
.sidebar.right .callout.full {
padding-left: 0;
padding-right: 0;
width: 210px;
}
@media screen and (max-width: 620px) {
.sidebar .callout.full,
.sidebar.right .callout.full {
width: 100%;
}
}
.callouts.right {
margin: 0 0 10px 10px;
}
.callout img {
margin-top: 5px;
}
.callout .header {
border-bottom: 4px solid rgba(255, 255, 255, 0.15);
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 8px 0 12px;
padding-bottom: 2px;
text-transform: none;
}
.callout .header a {
color: #fff;
}
.callout .header.large {
font-size: 24px;
}
.callout p {
font-size: 12px;
margin-bottom: 5px;
}
.callout p a,
.callout a {
color: #f4bb14;
}
.callout time {
display: inline-block;
font-size: 12px;
margin-bottom: 3px;
}
.callout ul {
list-style: disc;
margin: 0 0 5px 20px;
}
.callout ul li {
font-size: 12px;
margin: 3px 0;
line-height: 1.4;
}
.callout ol {
list-style: decimal;
margin: 0 0 5px 25px;
}
.callout ol li {
font-size: 12px;
margin: 3px 0;
line-height: 1.4;
}
.callout.gold_bg p,
.callout.light_gray_bg p {
color: #000;
}
.callout.gold_bg a,
.callout.light_gray_bg a {
color: #A62C1C;
}
.callout.gold_bg a:hover,
.callout.light_gray_bg a:hover {
color: #ED1C24;
}
.callout.brown_bg p,
.callout.gray_bg p,
.callout.red_bg p,
.callout.purple_bg p,
.callout.blue_bg p {
color: #FFF;
}
.callout.brown_bg a,
.callout.gray_bg a,
.callout.red_bg a,
.callout.purple_bg a,
.callout.blue_bg a {
color: #F4BB14;
}
.callout.brown_bg a:hover,
.callout.gray_bg a:hover,
.callout.red_bg a:hover,
.callout.purple_bg a:hover,
.callout.blue_bg a:hover {
color: #FFF;
}
.callout.white_bg .header,
.callout.gold_bg .header {
border-bottom: 4px solid rgba(0, 0, 0, 0.15);
color: #000 !important;
}
.callout.red_bg .header,
.callout.brown_bg .header,
.callout.gray_bg .header {
border-bottom: 4px solid rgba(255, 255, 255, 0.15);
color: #fff;
}
.callout.light_gray_bg .header {
border-bottom: 4px solid rgba(0, 0, 0, 0.35);
color: black;
}
.submit_event {
padding: 0 !important;
}
.submit_event .header {
border: 4px solid #235669;
display: block;
font-size: 20px;
margin: 0;
padding: 18px 0 20px;
text-align: center;
}
.submit_event:hover .header {
background: #0f0f0f;
border-color: #313131;
}
.submit_event h3 {
border-bottom: none;
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
.submit_event h3:hover {
color: #fff;
}
.section_header {
border-bottom: 4px solid rgba(0, 0, 0, 0.15);
font-weight: 700;
color: #000;
}
.callout.full ul {
margin-left: 5px;
padding-left: 0;
}
.circle_callout figure.circle {
border-radius: 100%;
background: #000;
color: #F4BB14;
font-size: 40px;
font-weight: bold;
margin: 0 auto 15px auto;
display: block;
width: 110px;
height: 110px;
text-align: center;
line-height: 110px;
}
.circle_callout h1 {
font-size: 23px;
color: #000;
margin: 0 0 10px 0;
line-height: 120%;
}
.circle_callout p {
font-size: 13px;
line-height: 120%;
}
.circle_callout > a {
color: #A52C1A;
font-size: 15px;
}
.departments_callout {
border-bottom: 4px solid #E3A900;
margin: 30px 0;
}
.departments_callout .departments {
*zoom: 1;
}
.departments_callout .departments:before,
.departments_callout .departments:after {
content: "";
display: table;
}
.departments_callout .departments:after {
clear: both;
}
.departments_callout .department {
float: left;
margin: 15px 7px;
width: 226px;
}
@media screen and (min-width: 620px + 1) {
.departments_callout .department:nth-child(3n + 1) {
margin-left: 0;
}
.departments_callout .department:nth-child(3n + 3) {
margin-right: 0;
}
}
.departments_callout .department:hover .image figcaption a {
color: #ed1c24;
background: #f4bb14;
}
.departments_callout .department:hover .image figcaption a:after {
background-position: -19px 0;
text-decoration: none;
}
.departments_callout .callout_title {
border-bottom: 8px solid #E3A900;
padding-bottom: 10px;
}
.departments_callout .image {
border: 1px solid #DFDFDF;
height: auto;
padding: 2px;
width: 100%;
}
.departments_callout .image .image_container {
display: block;
height: 130px;
margin-bottom: 2px;
}
.departments_callout .image img {
height: auto;
width: 220px;
}
.departments_callout .image figcaption a {
background: #DFDFDF;
display: block;
font-size: 14px;
line-height: 1.3;
padding: 8px;
width: 100%;
}
.departments_callout .image figcaption a:after {
background: url(../images/circle_pointers.png) no-repeat 0 0;
content: "";
display: inline-block;
height: 19px;
margin-left: 5px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.departments_callout .department_title {
font-size: 14px;
font-family: 'museo-sans', Helvetica, sans-serif;
display: table;
font-weight: 500;
height: 38px;
line-height: 19px;
margin-bottom: 10px;
overflow: hidden;
padding: 0 3px;
text-transform: uppercase;
vertical-align: bottom;
}
.departments_callout .department_title a {
color: #000;
display: table-cell;
vertical-align: bottom;
}
.department_selector {
background: #f4bb14;
}
.department_selector .header {
border: none;
color: #000;
}
.department_selector .selecter .selecter-selected {
background: #ffffff url(../images/fs-selecter-arrow-black.png) no-repeat right center;
border-color: #E7E7E7;
}
.department_selector .selecter .selecter-options {
background-color: #FCD330;
border: none;
width: auto;
}
.department_selector .selecter .selecter-item {
background-color: #fff;
border-color: #E7E7E7;
}
.department_selector .selecter .selecter-item.selected {
background: #fff;
}
.department_selector .selecter .selecter-item:hover,
.department_selector .selecter .selecter-item.selected:hover {
background: #E7E7E7;
}
.department_selector .selecter:hover .selecter-selected,
.department_selector .selecter.open .selecter-selected,
.department_selector .selecter.focus .selecter-selected {
background-color: #E7E7E7;
}
.accordion_callout {
clear: both;
padding: 36px 0 30px;
}
.accordion_callout menu {
border-bottom: 1px solid #ccc;
position: relative;
z-index: 1;
}
.accordion_callout.tabber .tabber-handle {
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
background-color: #DFDFDF;
color: #000;
display: inline-block;
float: none;
margin-right: 10px;
padding: 12px 20px;
position: relative;
text-align: center;
width: 215px;
}
.accordion_callout.tabber .tabber-handle.last-child {
margin: 0;
}
.accordion_callout.tabber .tabber-handle:before {
border-top: 6px solid #DFDFDF;
content: "";
display: block;
height: 6px;
left: -1px;
top: -6px;
position: absolute;
width: calc(100% + 2px);
z-index: 2;
}
.accordion_callout.tabber .tabber-handle.active {
border-left-color: #ccc;
border-right-color: #ccc;
background-color: #fff;
}
.accordion_callout.tabber .tabber-handle.active:before {
border-top-color: #f4bb14;
}
.accordion_callout.tabber .tabber-handle.active:after {
content: "";
background: #fff;
height: 1px;
display: block;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
.accordion_callout.tabber.mobile .tabber-handle.mobile {
margin-bottom: 15px;
width: 100%;
}
.accordion_callout.tabber.mobile .tabber-handle.mobile.active {
border-bottom: 1px solid #ccc;
}
.accordion_callout .accordion_content {
padding: 15px;
}
.accordion_callout .accordion_block {
border: 1px solid #ccc;
margin-bottom: 15px;
position: relative;
}
.accordion_callout .accordion_block .accordion_title {
color: #5a5a5a;
cursor: pointer;
font-size: 15px;
line-height: 15px;
margin: 0;
padding: 15px;
text-transform: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.accordion_callout .accordion_block:after {
border: 1px solid #ccc;
color: #ccc;
content: "+";
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
height: 15px;
line-height: 14px;
position: absolute;
pointer-events: none;
right: 20px;
top: 15px;
text-align: center;
width: 15px;
}
.accordion_callout .accordion_block.open:after {
content: "–";
line-height: 12px;
}
.accordion_callout .accordion_block.open .accordion_description {
display: block;
}
.accordion_callout .accordion_block .accordion_description {
color: rgba(0, 0, 0, 0.9);
display: none;
font-size: 15px;
font-weight: 200;
line-height: 1.4;
padding: 5px 15px 15px;
}
.accordion_callout .accordion_block .accordion_description h3 {
margin-bottom: 5px;
}
.accordion_callout .accordion_block .accordion_description .link {
background: url(../images/circle_pointers.png) no-repeat 0 0;
display: inline-block;
height: 19px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.accordion_callout .accordion_block .accordion_description .link:hover {
background-position: -19px 0;
text-decoration: none;
}
/*-------------------------------------------
SIDEBAR
-------------------------------------------*/
.sidebar .callout,
.callouts .callout {
width: 210px;
}
@media screen and (max-width: 620px) {
.sidebar .callout,
.callouts .callout {
width: auto;
}
}
.sidebar {
float: left;
margin-right: 30px;
width: 240px;
}
.sidebar.right {
border-left: 1px solid rgba(0, 0, 0, 0.15);
float: right;
margin-left: 30px;
margin-right: 0;
width: 239px;
}
.sidebar.right .callout {
float: right;
width: 210px;
}
@media screen and (max-width: 620px) {
.sidebar.right .callout {
float: none;
width: auto;
}
}
.sidebar.right .announcements div {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 13px;
margin-bottom: 8px;
padding-bottom: 8px;
}
.sidebar.right .announcements span {
font-size: 13px;
text-align: right;
float: right;
}
@media screen and (max-width: 620px) {
.sidebar.right {
width: 100%;
padding: 30px 20px 0;
}
}
@media screen and (max-width: 620px) {
.sidebar {
width: 100%;
padding: 30px 20px 0;
}
}
.full_title_wrap {
margin: 50px auto 0;
width: 990px;
}
.full_title_wrap .page_title {
margin-bottom: 20px;
}
.page_title {
font-size: 36px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 36px;
}
@media screen and (max-width: 620px) {
.page_title {
font-size: 28px;
margin-bottom: 20px;
}
}
.page_intro p,
.secondary_intro p,
p.page_intro {
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 24px;
}
.side_nav {
border-right: 1px solid #D9D9D9;
margin-bottom: 20px;
padding-bottom: 4px;
}
.side_nav > ul {
padding-right: 30px;
}
.side_nav li {
list-style: none;
margin: 0;
padding: 0;
}
.side_nav a {
border-bottom: 1px solid #D9D9D9;
color: #000;
display: block;
font-size: 14px;
font-weight: light;
line-height: 1.3;
padding: 5px 0 5px 10px;
}
.side_nav a.active {
color: #E3A900;
font-weight: bold;
}
.side_nav a:hover {
color: #E3A900;
}
.side_nav h3 a {
font-family: 'museo-sans', Helvetica, sans-serif;
color: #999;
font-size: 20px;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 5px 10px;
width: 199px;
}
.side_nav > ul > li > .subnav {
background: #efefef;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding: 10px;
}
.side_nav > ul > li.has_subnav > a {
color: #E3A900;
font-weight: bold;
}
.side_nav > ul > li > .subnav li a {
border: none;
font-size: 12px;
font-weight: normal;
}
.side_nav > ul > li > .subnav li.active > a {
background: url(../images/bg_nav.gif);
color: black;
}
.side_nav > ul > li > .subnav .subnav {
padding: 0 0 0 15px;
}
@media screen and (max-width: 620px) {
.side_nav {
border: none;
}
.side_nav a {
font-size: 16px;
padding-bottom: 11px;
padding-top: 11px;
}
.side_nav h3 a {
padding-bottom: 15px;
width: auto;
}
}
.admissions .upper_container {
background: url(../images/bg_admissions.png) no-repeat center bottom;
min-height: 650px;
min-width: 990px;
padding-top: 50px;
position: relative;
}
@media screen and (max-width: 620px) {
.admissions .upper_container {
min-width: 0;
width: 100%;
}
}
.admissions_content {
margin-bottom: 60px;
width: 400px;
}
@media screen and (max-width: 620px) {
.admissions_content {
width: 100%;
}
}
.admissions_callouts .callout {
color: #fff;
float: left;
margin-right: 20px;
padding: 10px 15px;
width: 165px;
}
@media screen and (max-width: 620px) {
.admissions_callouts .callout {
width: 100%;
}
}
.admissions_callouts .callout.last {
margin-right: 0;
}
.admissions_callouts .callout .header {
border-bottom: 4px solid rgba(255, 255, 255, 0.15);
color: #fff;
}
.admissions_callouts .callout p {
color: #fff;
font-size: 12px;
}
.admissions_callouts .callout a {
color: #fff;
font-size: 12px;
}
.admissions_callouts .callout a:hover {
text-decoration: underline;
}
.admissions_callouts .virtual_tour {
background: url(../images/bg_admissions_callout_vt.jpg) no-repeat;
display: block;
height: 124px;
padding: 0;
position: relative;
width: 165px;
}
.admissions_callouts .virtual_tour .intro,
.admissions_callouts .callout.virtual_tour .main_title {
color: #000;
position: absolute;
left: 50px;
}
.admissions_callouts .virtual_tour .intro {
font-size: 14px;
top: 20px;
}
.admissions_callouts .virtual_tour .main_title {
font-size: 20px;
font-weight: bold;
top: 32px;
}
.admissions_callouts .virtual_tour .button {
background: #000;
border: 0;
bottom: 15px;
color: #fff;
cursor: pointer;
font-size: 11px;
padding: 8px;
position: absolute;
right: 0;
}
.admissions_callouts .virtual_tour:hover .button {
background: #f4bb14;
}
.admissions .lower_container {
background: #F8F8F8;
min-height: 200px;
padding: 30px 0;
}
.admissions_calendar .cal {
border-right: 1px solid rgba(0, 0, 0, 0.15);
padding: 10px 35px 10px 0;
width: 205px;
}
.admissions_calendar .header {
border-bottom: 4px solid rgba(0, 0, 0, 0.15);
color: #000;
font-weight: bold;
}
.lower_container .widget {
clear: right;
float: right;
margin: 0 0 20px 20px;
padding-bottom: 20px;
width: 410px;
}
@media screen and (max-width: 620px) {
.lower_container .widget {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.lower_container .widget .header {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.lower_container .slider {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.lower_container .slider .frame {
border: 5px solid #efefef;
height: 210px;
margin-bottom: 10px;
overflow: hidden;
position: relative;
width: 400px;
z-index: 1;
}
@media screen and (max-width: 620px) {
.lower_container .slider .frame {
height: auto !important;
padding-bottom: 52.5%;
width: 100%;
}
}
.lower_container .slider .slide {
display: block;
height: 210px;
left: 100%;
opacity: 1;
position: absolute;
top: 0;
width: 400px;
z-index: 2;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 620px) {
.lower_container .slider .slide {
width: 100%;
}
.lower_container .slider .slide img {
height: auto;
width: 100%;
}
}
.lower_container .slider .slide.active {
left: 0;
z-index: 4;
}
.lower_container .slider .slide.recent {
z-index: 3;
}
.lower_container .slider .slide.before {
left: -100%;
}
.lower_container .slider .slide.after {
left: 100%;
}
.lower_container .widget_nav a,
.lower_container .widget_nav button {
background: #CBCBCB;
}
.lower_container .widget_nav a:hover,
.lower_container .widget_nav button:hover {
background: #4E4E4E;
}
.lower_container .widget_nav a.active,
.lower_container .widget_nav button.active {
background: #f4bb14;
}
.lower_container .slider .content {
color: #fff;
padding: 20px;
}
.lower_container .slider .content h2,
.lower_container .slider .content h3,
.lower_container .slider .content h4 {
color: #fff;
}
.lower_container .slider .content h2 {
font-size: 36px;
font-weight: bold;
}
@media screen and (max-width: 620px) {
.lower_container .slider .content h2 {
font-size: 28px;
}
}
.lower_container .slider .content h3 {
font-size: 30px;
font-weight: normal;
}
@media screen and (max-width: 620px) {
.lower_container .slider .content h3 {
font-size: 24px;
}
}
.lower_container .slider .content h4 {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 620px) {
.lower_container .slider .content h4 {
font-size: 20px;
}
}
.lower_container .slider .content p {
color: #fff;
}
.lower_container .slider .content {
color: #fff;
}
.lower_container .alumni .frame {
height: 200px;
width: 410px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 620px) {
.lower_container .alumni .frame {
height: auto;
width: 100%;
}
}
.lower_container .alumni .slide {
display: block;
height: 200px;
opacity: 1;
position: absolute;
top: 0;
width: 195px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 620px) {
.lower_container .alumni .slide {
height: auto;
margin-bottom: 20px;
position: relative;
width: 100%;
left: auto !important;
top: auto !important;
}
}
.lower_container .alumni .slide.first {
left: 0;
}
.lower_container .alumni .slide.second {
left: 215px;
}
.lower_container .alumni .slide.before {
left: -215px;
}
.lower_container .alumni .slide.after {
left: 435px;
}
.lower_container .alumni .slide .name {
font-size: 14px;
font-weight: bold;
}
.lower_container .alumni .slide .position {
font-size: 12px;
font-weight: 200;
}
/*-------------------------------------------
FAQs
-------------------------------------------*/
.faq_nav {
margin-bottom: 30px;
*zoom: 1;
}
.faq_nav:before,
.faq_nav:after {
content: "";
display: table;
}
.faq_nav:after {
clear: both;
}
.faq_nav .column {
color: #a42d21;
float: left;
list-style: disc;
margin: 0;
padding: 0 2.5%;
width: 45%;
}
@media screen and (max-width: 620px) {
.faq_nav .column {
width: 100%;
margin: 0 0 15px 20px;
padding: 0;
}
}
.faq_nav li {
margin-bottom: 6px;
}
.faq_nav li:hover {
color: #000;
}
.faq_nav a {
color: #a42d21;
line-height: 1.2;
}
.faq_nav a:hover {
color: #000;
}
.faq {
margin-bottom: 30px;
}
.faq .question {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 8px;
}
.faq p {
margin-bottom: 8px;
}
.faq .back_to_top {
color: #a42d21;
font-size: 15px;
}
.faq .back_to_top:hover {
color: #000;
}
/*-------------------------------------------
FOOTER
-------------------------------------------*/
.footer_wrap {
background: url(../images/bg_footer_border.gif) repeat-x;
padding-top: 100px;
background: #fcd41c;
background: url(../images/bg_footer_border.gif) repeat-x, -moz-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
background: url(../images/bg_footer_border.gif) repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcd41c), color-stop(100%, #f3c12e));
background: url(../images/bg_footer_border.gif) repeat-x, -webkit-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
background: url(../images/bg_footer_border.gif) repeat-x, -o-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
background: url(../images/bg_footer_border.gif) repeat-x, -ms-linear-gradient(top, #fcd41c 0%, #f3c12e 100%);
background: url(../images/bg_footer_border.gif) repeat-x, linear-gradient(to bottom, #fcd41c 0%, #f3c12e 100%);
margin-top: 80px;
}
@media screen and (max-width: 620px) {
.footer_wrap {
padding: 60px 0 40px;
margin: 60px 0 0;
}
}
.footer {
position: relative;
}
.footer .back_to_top {
position: absolute;
right: 0;
top: -130px;
}
@media screen and (max-width: 620px) {
.footer .back_to_top {
right: 20px;
top: -100px;
}
}
.footer .back_to_top a {
color: #5a5a5a;
font-size: 13px;
padding: 10px 0;
text-transform: uppercase;
}
.footer .back_to_top a:hover {
color: #000;
text-decoration: none;
}
.footer .back_to_top a:hover:after {
background-position: -19px -19px;
text-decoration: none;
}
.footer .back_to_top a:after {
background: url(../images/circle_pointers.png) no-repeat 0 -19px;
content: "";
display: inline-block;
height: 19px;
margin-left: 5px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.footer .contact {
float: left;
margin-bottom: 100px;
}
.footer .contact .logo {
display: block;
margin-bottom: 30px;
}
@media screen and (max-width: 620px) {
.footer .contact .logo img {
height: 98px;
width: 119px;
}
}
.footer .contact p {
font-size: 11px;
margin-bottom: 8px;
}
.footer .contact .footer_membership_statement {
margin: 15px 0;
}
@media screen and (max-width: 620px) {
.footer .contact {
float: none;
margin-bottom: 50px;
text-align: center;
width: 100%;
}
}
.footer a {
color: #000;
}
.footer a:hover {
text-decoration: underline;
}
.footer .copyright {
color: rgba(0, 0, 0, 0.5);
}
.footer .links {
border-left: 1px solid rgba(0, 0, 0, 0.1);
float: left;
height: auto;
margin-left: 44px;
padding-left: 30px;
*zoom: 1;
}
.footer .links:before,
.footer .links:after {
content: "";
display: table;
}
.footer .links:after {
clear: both;
}
.footer .links .title {
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
font-weight: 900;
margin-bottom: 16px;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(255, 246, 0, 0.45);
}
.footer .links a {
display: block;
float: left;
clear: both;
font-size: 11px;
line-height: 1.2;
margin-bottom: 8px;
}
@media screen and (max-width: 620px) {
.footer .links a {
font-size: 14px;
}
}
@media screen and (max-width: 620px) {
.footer .links {
border: none;
margin: 0 4% 20px 0;
padding: 0;
width: 46%;
}
.footer .links:nth-child(2n) {
clear: left;
}
}
.footer .social .title {
margin-bottom: 14px;
}
.footer .social a {
background: url(../images/sprite_footer_social.png) no-repeat;
display: block;
float: right;
margin-bottom: 16px;
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
@media screen and (max-width: 620px) {
.footer .social a {
float: none;
}
}
.footer .social .facebook {
background-position: left 0;
height: 14px;
width: 66px;
}
.footer .social .twitter {
background-position: left -30px;
height: 14px;
width: 68px;
}
.footer .social .youtube {
background-position: left -60px;
height: 19px;
width: 48px;
}
.footer .social .linkedin {
background-position: left -90px;
height: 18px;
width: 64px;
}
.footer .social .bees {
background-position: left -120px;
height: 18px;
width: 40px;
}
.footer .social .smugmug {
background-position: left -150px;
height: 15px;
width: 68px;
}
@media screen and (max-width: 620px) {
.footer {
padding: 0 20px;
}
}
/*-------------------------------------------
HOME
-------------------------------------------*/
.home_feature_wrap {
height: 380px;
padding-top: 20px;
}
@media screen and (max-width: 620px) {
.home_feature_wrap {
height: auto;
}
}
#home_feature {
height: 360px;
position: relative;
}
@media screen and (max-width: 620px) {
#home_feature {
height: auto;
}
}
#home_feature .image_frame {
float: left;
height: 395px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 670px;
z-index: 1;
}
@media screen and (max-width: 620px) {
#home_feature .image_frame {
float: none;
height: auto;
margin-bottom: 0;
padding-bottom: 58.95%;
width: 100%;
}
}
#home_feature .feature_image {
left: 0;
position: absolute;
z-index: 1;
-webkit-transition: top 0.4s ease-in-out, margin 0.4s ease-in-out;
-moz-transition: top 0.4s ease-in-out, margin 0.4s ease-in-out;
-ms-transition: top 0.4s ease-in-out, margin 0.4s ease-in-out;
-o-transition: top 0.4s ease-in-out, margin 0.4s ease-in-out;
transition: top 0.4s ease-in-out, margin 0.4s ease-in-out;
}
#home_feature .feature_image.before {
top: 395px;
}
#home_feature .feature_image.after {
top: -395px;
}
#home_feature .feature_image.active {
top: 0;
z-index: 4;
}
#home_feature .feature_image.recent {
z-index: 3;
}
@media screen and (max-width: 620px) {
#home_feature .feature_image {
height: auto;
width: 100%;
}
#home_feature .feature_image.before {
margin-left: auto;
margin-top: 58.95%;
top: auto;
}
#home_feature .feature_image.after {
margin-left: auto;
margin-top: -58.95%;
top: auto;
}
}
#home_feature .caption_frame {
background: rgba(0, 0, 0, 0.9);
bottom: 0;
height: 175px;
padding: 15px;
position: absolute;
right: 0;
width: 490px;
z-index: 5;
}
@media screen and (max-width: 620px) {
#home_feature .caption_frame {
position: relative;
width: 100%;
}
}
#home_feature .caption {
display: none;
z-index: 5;
}
#home_feature .caption.active {
display: block;
z-index: 6;
}
#home_feature .feature_title {
color: #fff;
font-size: 31px;
line-height: 1.2;
font-family: 'museo', Georgia, serif;
font-weight: 700;
}
@media screen and (max-width: 620px) {
#home_feature .feature_title {
font-size: 24px;
}
}
#home_feature .feature_link {
color: #f4bb14;
font-size: 14px;
margin-top: 20px;
}
#home_feature .feature_link:hover {
text-decoration: underline;
}
#home_feature .widget_nav {
bottom: 15px;
position: absolute;
right: 15px;
z-index: 10;
}
#home_feature .widget_nav a,
#home_feature .widget_nav button {
z-index: 11;
}
#home_feature .feature_callout {
background: #333;
display: block;
float: right;
height: 165px;
position: relative;
width: 300px;
}
#home_feature .feature_callout .button {
background: #fff;
border: 0;
bottom: 15px;
color: #000;
font-size: 11px;
padding: 8px 16px;
position: absolute;
right: 15px;
}
#home_feature .feature_callout:hover .button {
background: #f4bb14;
}
@media screen and (max-width: 620px) {
#home_feature .feature_callout {
float: none;
margin: 0 auto 20px;
}
}
.featured_news {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
padding: 0 0 20px;
*zoom: 1;
}
.featured_news:before,
.featured_news:after {
content: "";
display: table;
}
.featured_news:after {
clear: both;
}
.featured_news img {
margin-top: 4px;
width: 180px;
}
@media screen and (max-width: 620px) {
.featured_news img {
margin-bottom: 15px;
}
}
.featured_news .title {
font-size: 22px;
line-height: 1.2;
margin-bottom: 4px;
}
.featured_news .title a {
color: #000;
}
.featured_news .title a:hover {
color: #f4bb14;
}
.featured_news p {
font-size: 12px;
}
.home_sidebar {
margin-top: 20px;
width: 300px;
}
@media screen and (max-width: 620px) {
.home_sidebar {
margin-top: 0;
padding: 0 15px;
width: 100%;
}
}
.home_sidebar .micro_callouts,
.home_sidebar .slider {
float: left;
margin-bottom: 20px;
}
.home_sidebar .slider {
padding: 40px 20px 20px;
width: 300px;
}
.home_sidebar .slider .header {
margin-top: -20px;
}
.home_sidebar .slider .widget_nav {
float: right;
margin-top: -20px;
}
@media screen and (max-width: 620px) {
.home_sidebar .slider {
width: 100%;
}
}
.home_sidebar .slide {
color: #222;
}
.home_sidebar .slide img {
display: block;
margin-bottom: 20px;
}
@media screen and (max-width: 620px) {
.home_sidebar .slide img {
height: auto;
max-width: 100%;
}
}
.home_sidebar .slide .title {
border-bottom: 0;
color: #222;
font-weight: 700;
margin-bottom: 14px;
}
.home_sidebar .slide a {
font-weight: 700;
}
.home_content_wrap {
float: left;
width: 670px;
}
.home_content_wrap .callout .header {
margin-bottom: 20px;
}
@media screen and (max-width: 620px) {
.home_content_wrap {
float: none;
padding: 0 15px;
width: 100%;
}
}
#alert {
background: #A62C1C;
color: #fff;
margin-bottom: 20px;
padding: 20px;
}
#alert time {
display: block;
font-size: 12px;
margin: 0 auto 2px;
text-align: center;
}
#alert h2 {
font-family: 'museo', Georgia, serif;
font-size: 18px;
font-weight: 700;
margin: 7px 0 5px 0;
text-align: center;
text-transform: uppercase;
}
#alert .alert {
color: #f4bb14;
}
#alert .title {
color: #fff;
font-weight: 300;
}
#alert p {
color: #FFF;
font-size: 13px;
font-weight: 100;
line-height: 160%;
}
#alert p:last-child {
margin: 0;
}
#alert p a {
color: #f4bb14;
font-weight: 700;
}
.homepage .callout {
margin-bottom: 20px;
*zoom: 1;
}
.homepage .callout:before,
.homepage .callout:after {
content: "";
display: table;
}
.homepage .callout:after {
clear: both;
}
.homepage .callout .header {
border-bottom: 4px solid rgba(0, 0, 0, 0.15);
color: #000;
font-size: 16px;
font-weight: bold;
font-weight: 700;
margin: 8px 0 12px;
padding-bottom: 5px;
}
.homepage .callout p,
.homepage .callout li {
font-size: 14px;
line-height: 1.4;
}
.homepage .callout p {
margin-bottom: 14px;
}
.homepage .callout li {
margin-bottom: 0;
}
.homepage .callout a {
color: #000;
}
.homepage .callout a.button:hover {
color: #fff;
}
.homepage .callout .caption_frame a {
color: #FFF;
}
.homepage .micro_callouts {
width: 100%;
}
.homepage .micro_callouts .callout {
background: #5A5A5A;
color: #fff;
float: left;
font-size: 14px;
height: 130px;
margin-bottom: 0;
padding: 10px;
width: 140px;
}
.homepage .micro_callouts .callout p,
.homepage .micro_callouts .callout li {
font-weight: 200;
}
.homepage .micro_callouts .callout.last {
background: #f4bb14;
color: #000;
margin-left: 20px;
}
.homepage .micro_callouts .callout.last .header {
border-bottom-color: rgba(0, 0, 0, 0.15);
color: #000;
}
.homepage .micro_callouts .callout.last a {
color: #000;
}
@media screen and (max-width: 620px) {
.homepage .micro_callouts .callout {
height: auto;
width: 48%;
}
.homepage .micro_callouts .callout ul {
margin-left: 20px;
}
.homepage .micro_callouts .callout.last {
margin-left: 4%;
}
}
.homepage .micro_callouts .header {
border-bottom-color: rgba(255, 255, 255, 0.15);
color: #fff;
}
.homepage .micro_callouts a {
color: #fff;
}
.homepage .micro_callouts a:hover {
text-decoration: underline;
}
.homepage .events {
width: 630px;
}
.homepage .events .feature {
float: left;
width: 300px;
height: 300px;
margin-bottom: 20px;
}
.homepage .events .feature .image_frame {
width: 300px;
height: 200px;
margin-bottom: 0;
}
.homepage .events .feature img {
height: 200px;
width: 300px;
}
.homepage .events .feature .feature_image.after {
left: 300px;
}
.homepage .events .feature .feature_image.before {
left: -300px;
}
.homepage .events .feature .caption_frame {
width: 300px;
height: auto;
}
.homepage .events .feature .caption_frame h2 {
margin-bottom: 5px;
}
@media screen and (max-width: 620px) {
.homepage .events .feature {
float: none;
height: auto;
width: 100%;
}
.homepage .events .feature .image_frame {
height: auto;
padding-bottom: 66.6666667%;
width: 100%;
}
.homepage .events .feature img {
height: auto;
width: 100%;
}
.homepage .events .feature .feature_image.after {
left: auto;
margin-left: 100%;
}
.homepage .events .feature .feature_image.before {
left: auto;
margin-left: -100%;
}
.homepage .events .feature .caption_frame {
width: 100%;
}
}
.homepage .events .button {
margin: 20px 0 0 0;
}
@media screen and (max-width: 620px) {
.homepage .events {
*zoom: 1;
width: 100%;
}
.homepage .events:before,
.homepage .events:after {
content: "";
display: table;
}
.homepage .events:after {
clear: both;
}
.homepage .events > .right {
float: none;
width: 100%;
}
}
.homepage .event {
border-bottom: 1px solid #EEE;
border-color: rgba(0, 0, 0, 0.15);
margin-left: 0;
overflow: hidden;
padding: 20px 0;
}
.homepage .event.full {
float: none;
}
.homepage .event.full .contents {
width: 500px;
}
@media screen and (max-width: 620px) {
.homepage .event.full .contents {
width: 100%;
}
}
.homepage .event .date {
float: left;
text-align: center;
width: 85px;
}
.homepage .event .date .month {
display: block;
font-size: 11px;
}
.homepage .event .date .day {
display: block;
font-size: 30px;
font-weight: bold;
}
.homepage .event .contents {
float: left;
margin-left: 15px;
width: 190px;
}
.homepage .event .contents h2 {
font-size: 15px;
font-weight: bold;
margin-bottom: 2px;
}
.homepage .event .contents h2 a {
color: #000;
}
.homepage .event .contents h2 a:hover {
color: #f4bb14;
}
.homepage .event .contents .time {
font-size: 11px;
font-weight: normal;
}
.homepage .event .contents p {
font-size: 12px;
margin: 5px 0;
}
@media screen and (max-width: 620px) {
.homepage .event .contents {
float: none;
overflow: hidden;
width: auto;
}
}
.homepage .news {
width: 630px;
}
.homepage .news .title {
font-weight: 700;
margin-bottom: 0;
}
.homepage .news .title a:hover {
color: #f4bb14;
}
.homepage .news .featured_news .copy {
width: 430px;
}
.homepage .news .featured_news .copy.full_width {
float: none;
width: auto;
}
@media screen and (max-width: 620px) {
.homepage .news .featured_news .copy {
width: 100%;
}
}
@media screen and (max-width: 620px) {
.homepage .news {
*zoom: 1;
width: 100%;
}
.homepage .news:before,
.homepage .news:after {
content: "";
display: table;
}
.homepage .news:after {
clear: both;
}
}
.recent_news {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
clear: left;
float: left;
margin: 0 30px 20px 0;
padding-bottom: 20px;
width: 300px;
}
.recent_news.last {
clear: none;
margin-right: 0;
}
@media screen and (max-width: 620px) {
.recent_news {
width: 100%;
}
}
.copy.left {
margin-left: 20px;
}
@media screen and (max-width: 620px) {
.copy.left {
margin-left: 0;
}
}
.feature .date,
.feature .location {
color: white;
font-size: 11px;
font-weight: 100;
margin-bottom: 5px;
}
.news .featured_news .copy {
width: 520px;
}
@media screen and (max-width: 620px) {
.news .featured_news .copy {
width: 100%;
}
}
/*-------------------------------------------
DEPARTMENT TEMPLATE
-------------------------------------------*/
.page_wrap.department {
margin-top: 36px;
}
@media screen and (max-width: 620px) {
.page_wrap.department {
padding-left: 20px;
padding-right: 20px;
}
}
.page_wrap.department h1 {
margin-bottom: 20px;
}
.page_wrap.department .department_features {
width: 100%;
position: relative;
overflow: hidden;
padding-right: 35px;
}
@media screen and (max-width: 620px) {
.page_wrap.department .department_features {
padding-bottom: 25px;
padding-right: 0;
}
}
.page_wrap.department .department_features .department_feature {
float: left;
margin-right: 20px;
width: 485px;
}
@media screen and (max-width: 620px) {
.page_wrap.department .department_features .department_feature {
width: auto;
}
}
.page_wrap.department .department_features .department_feature img {
width: 100%;
height: auto;
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-item {
opacity: 0;
transition: opacity 0.25s linear;
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-item.fs-carousel-visible {
opacity: 1;
}
@media screen and (max-width: 620px) {
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-item {
opacity: 1;
}
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-controls {
width: auto;
position: absolute;
right: -35px;
top: 50%;
margin-top: -12px;
}
@media screen and (max-width: 620px) {
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-controls {
left: auto;
right: 0;
top: 100%;
margin-top: 0;
}
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-controls .fs-carousel-control {
width: 35px;
height: 25px;
position: static;
background: #f4bb14;
border: none;
border-radius: 0;
box-shadow: none;
color: #a42d21;
display: inline-block;
font-size: 21px;
line-height: 23px;
opacity: 0.3;
text-align: center;
text-indent: 0;
visibility: visible;
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-controls .fs-carousel-control:hover {
color: #ed1c24;
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-controls .fs-carousel-control:before {
content: none;
}
.page_wrap.department .department_features.fs-carousel-enabled .fs-carousel-controls .fs-carousel-control.fs-carousel-visible {
opacity: 1;
}
/*-------------------------------------------
ACADEMIC DETAIL (Academics & Research)
-------------------------------------------*/
.academic_detail .college_select {
border-bottom: 1px solid #efefef;
margin-bottom: 15px;
padding-bottom: 15px;
}
.academic_detail .college_select .select_header {
font-family: 'museo', Georgia, serif;
color: #f4bb14;
font-size: 36px;
}
.academic_detail .college_select .selecter {
float: right;
width: 250px;
}
.academic_detail .college_select .selecter-options {
width: 244px;
}
.academic_detail .tab {
display: none;
}
.academic_detail .tab.active {
display: block;
}
.academic_detail h2 {
clear: left;
float: left;
font-size: 31px;
font-weight: 100;
margin: 10px 0;
text-transform: uppercase;
}
.academic_detail .college {
border-bottom: 1px solid #efefef;
clear: left;
float: left;
padding: 20px 0;
width: 100%;
}
.academic_detail .college h3 {
font-size: 23px;
margin-bottom: 10px;
}
.academic_detail .college p {
font-size: 15px;
width: 410px;
}
.academic_detail .college .gallery {
float: right;
height: 190px;
margin-left: 30px;
overflow: hidden;
width: 280px;
}
.academic_detail .college .gallery .small {
margin: 2px;
float: left;
}
/*-------------------------------------------
ACADEMIC PROGRAMS (Visual Communication and Digital Media Arts)
-------------------------------------------*/
/* FEATURE SECTION */
.feature {
height: 340px;
margin-bottom: 30px;
position: relative;
*zoom: 1;
}
.feature:before,
.feature:after {
content: "";
display: table;
}
.feature:after {
clear: both;
}
@media screen and (max-width: 620px) {
.feature {
height: auto;
}
}
.feature .image_frame {
float: left;
height: 340px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 510px;
z-index: 1;
}
@media screen and (max-width: 620px) {
.feature .image_frame {
float: none;
height: auto;
margin-bottom: 0;
padding-bottom: 66.666667%;
width: 100%;
}
}
.feature .feature_image {
left: 0;
position: absolute;
z-index: 1;
top: 0;
-webkit-transition: left 0.4s ease-in-out, margin 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out, margin 0.4s ease-in-out;
-ms-transition: left 0.4s ease-in-out, margin 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out, margin 0.4s ease-in-out;
transition: left 0.4s ease-in-out, margin 0.4s ease-in-out;
}
.feature .feature_image.before {
left: -510px;
}
.feature .feature_image.after {
left: 510px;
}
.feature .feature_image.active {
top: 0;
z-index: 4;
}
.feature .feature_image.recent {
z-index: 3;
}
@media screen and (max-width: 620px) {
.feature .feature_image {
height: auto;
width: 100%;
}
.feature .feature_image.before {
left: auto;
margin-left: -100%;
}
.feature .feature_image.after {
left: auto;
margin-left: 100%;
}
}
.feature .caption_frame {
background: rgba(0, 0, 0, 0.9);
display: block;
height: 340px;
padding: 15px;
float: right;
width: 210px;
}
@media screen and (max-width: 620px) {
.feature .caption_frame {
float: none;
height: auto;
padding-bottom: 50px;
width: 100%;
}
}
.feature .caption {
display: none;
z-index: 5;
}
.feature .caption.active {
display: block;
z-index: 6;
}
.feature .feature_title {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 15px;
font-family: 'museo', Georgia, serif;
}
.feature .feature_title a {
color: #FFF;
}
.feature .feature_title a:hover {
color: #f4bb14;
}
.feature .feature_content p {
color: #fff;
font-size: 12px;
}
.feature .feature_link {
color: #f4bb14;
font-size: 14px;
margin-top: 20px;
}
.feature .feature_link:hover {
color: #FFF;
}
.feature .widget_nav {
bottom: 15px;
position: absolute;
right: 15px;
z-index: 10;
}
.feature .widget_nav a,
.feature .widget_nav button {
z-index: 11;
}
.feature .feature_callout {
background: #333;
float: right;
height: 165px;
position: relative;
width: 300px;
}
.feature .feature_callout .button {
background: #fff;
border: 0;
bottom: 15px;
color: #000;
font-size: 11px;
padding: 8px 16px;
position: absolute;
right: 15px;
}
.feature .feature_callout:hover .button {
background: #f4bb14;
}
/*-------------------------------------------
PLUGIN - FORMSTYLE ELEMENTS
-------------------------------------------*/
.formstyle-element {
display: none;
}
.formstyle-replacement {
cursor: pointer;
display: inline-block;
float: left;
margin-right: 8px;
}
.formstyle-checkbox {
background: url(../images/sprite_checkbox.png) no-repeat left bottom;
height: 12px;
width: 12px;
}
.formstyle-checkbox.checked {
background-position: left top;
}
.formstyle-radio {
background: #C2C6C9;
border-radius: 100%;
height: 12px;
position: relative;
width: 12px;
}
.formstyle-radio.checked:after {
background: #000;
border-radius: 100%;
content: "";
height: 8px;
left: 2px;
position: absolute;
top: 2px;
width: 8px;
}
/*-------------------------------------------
LIGHTBOX
-------------------------------------------*/
.gallery .widget_nav {
margin: 0 0 10px;
}
.gallery .wrap {
background: #efefef;
border: 10px solid #efefef;
float: left;
height: 152px;
overflow: hidden;
position: relative;
width: 720px;
}
.gallery .inner {
left: 0;
position: absolute;
height: 132px;
top: 0;
width: 10000px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.gallery .photo {
display: block;
float: left;
height: 132px;
margin-right: 10px;
width: 132px;
}
.gallery .photo img {
display: block;
}
/*
// Having to revert this.
.gallery { }
.gallery .wrap {
float: left;
overflow: hidden;
padding: 20px 0;
position: relative;
@media screen and (max-width: @break) {
float: none;
width: 264px;
margin: 0 auto;
}
}
.gallery .photo {
display: block;
float: left;
height: 230px;
margin: 0 10px 10px 0;
overflow: hidden;
width: 230px;
@media screen and (max-width: @break) {
float: none;
margin-right: 0;
margin-bottom: 10px;
height: auto;
width: 100%;
}
}
.gallery .photo img {
display: block;
height: auto;
width: 100%;
@media screen and (min-width: (@break + 1)) {
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
-o-transition: -o-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
}
@media screen and (min-width: (@break + 1)) {
.gallery .photo:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
}
*/
/* LINKS */
p a {
color: #a42d21;
}
p a:hover {
text-decoration: underline;
}
p .button:hover {
text-decoration: none;
}
/*-------------------------------------------
Colleges (Tab) template?
-------------------------------------------*/
.content_wrap .college {
margin: 0 0 40px 0;
}
.college .gallery {
margin: 0 0 20px 0;
}
/*-------------------------------------------
NEWS
-------------------------------------------*/
.landing_section {
margin-bottom: 20px;
min-height: 50px;
*zoom: 1;
}
.landing_section:before,
.landing_section:after {
content: "";
display: table;
}
.landing_section:after {
clear: both;
}
.landing_section .header {
border-bottom: 4px solid rgba(0, 0, 0, 0.15);
font-weight: 700;
margin-bottom: 8px;
padding-bottom: 2px;
}
.more_news_links {
float: left;
*zoom: 1;
}
.more_news_links:before,
.more_news_links:after {
content: "";
display: table;
}
.more_news_links:after {
clear: both;
}
.more_news_links article {
margin: 0 0 10px;
}
.more_news_links time {
font-size: 13px;
font-weight: 700;
}
.more_news_links.landing_section .header {
text-transform: none;
padding-bottom: 5px;
}
.news .third {
float: left;
margin-right: 44px;
width: 210px;
}
@media screen and (max-width: 620px) {
.news .third {
float: none;
margin-right: 0;
margin-bottom: 30px;
width: 100%;
}
}
.news .third .news_bit {
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
margin-bottom: 15px;
}
.news .third .date {
font-size: 12px;
}
.news .third a {
color: #cb9a0a;
font-size: 14px;
}
.news .third a:hover {
color: #000;
}
.news .last {
margin-right: 0;
}
.latest_media {
background: #F4F4F4;
border-bottom: 1px solid #D8D8D8;
margin-bottom: 40px;
}
.latest_media h2 {
background: white;
text-transform: none;
}
.latest_media.landing_section .header {
padding-bottom: 5px;
}
.media {
float: left;
width: 200px;
margin: 10px 20px;
}
.media h3 {
margin: 5px 0;
}
.media p {
margin: 5px 0;
}
.more_news time {
font-weight: normal;
}
.more_news h3 {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin: 5px 0 8px 0;
padding-bottom: 8px;
}
.more_news .button {
color: #000 !important;
float: left;
margin: 15px 0 0 0;
width: 100%;
}
.more_news .button:hover {
color: #FFF !important;
}
.tweets {
background-image: url(../images/twitter_small.png);
background-repeat: no-repeat;
background-position: 170px 15px;
}
.tweets .header {
margin-bottom: 0;
}
.tweets .follow {
color: white;
display: block;
float: right;
font-size: 13px;
font-weight: lighter;
margin-top: 10px;
opacity: .999999;
}
.tweet {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 5px 0;
}
.tweet span {
color: white;
font-size: 12px;
font-weight: lighter;
opacity: .999999;
}
.news_feature .feature_title {
font-family: 'museo-sans', Helvetica, sans-serif;
font-weight: 700;
font-size: 21px;
text-transform: none;
}
.news_feature .feature_content p {
color: #CCC;
}
.latest_news h2.section_header {
text-transform: none;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}
.get_connected ul li {
border-bottom: 1px solid #efefef;
list-style: none;
padding: 5px 0;
}
.get_connected ul li a {
color: #cb9a0a;
font-size: 16px;
font-weight: 700;
vertical-align: middle;
}
.get_connected ul li a:hover {
color: #000;
}
.get_connected ul li a .icon {
background: url('../images/sprite_social.png') no-repeat center;
display: inline-block;
height: 16px;
margin-right: 5px;
vertical-align: middle;
width: 16px;
}
.get_connected ul li a img {
margin: 0 3px -2px 0;
}
.get_connected ul .facebook a .icon {
background-position: 0 0;
}
.get_connected ul .twitter a .icon {
background-position: -17px 0;
}
.get_connected ul .youtube a .icon {
background-position: -34px 0;
}
.get_connected ul .linkedin a .icon {
background-position: -51px 0;
}
.get_connected ul .google_plus a .icon {
background-position: -68px 0;
}
.get_connected ul .rss a .icon {
background-position: -85px 0;
}
.get_connected ul .email a .icon {
background-position: -102px 0;
}
.get_connected ul .print a .icon {
background-position: -119px 0;
}
.get_connected ul .instagram a .icon {
background-position: -17px -16px;
}
.get_connected ul .googleplus a .icon {
background-position: 0px -16px;
}
.get_connected ul .vimeo a .icon {
background-position: -34px -16px;
}
.get_connected ul .pinterest a .icon {
background-position: -51px -16px;
}
.campus_media ul li {
border-bottom: 1px solid #efefef;
list-style: none;
padding: 5px 0;
}
.campus_media ul li a {
color: black;
font-size: 12px;
font-weight: 100;
}
.campus_media ul li a .icon {
background: url('../images/sprite_social.png') no-repeat center;
display: inline-block;
height: 16px;
margin-right: 5px;
vertical-align: middle;
width: 16px;
}
.campus_media ul .back a .icon {
background-position: -136px 0;
}
/*-------------------------------------------
NEWS ARCHIVE
-------------------------------------------*/
.news_archive .sidebar.left {
border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.news_archive .content_wrap {
width: 440px;
}
.news_search form {
background: #EDEDED;
font-size: 12px;
height: 25px;
margin-bottom: 10px;
}
.news_search form .search {
background: #EDEDED;
border: 0;
height: 23px;
padding-left: 4px;
width: 130px;
}
@media screen and (max-width: 620px) {
.news_search form .search {
width: 100%;
}
}
.news_search form .submit {
background: #f4bb14;
border: 0;
cursor: pointer;
float: right;
font-weight: bold;
height: 25px;
margin: 0;
}
/*-------------------------------------------
NEWS DETAIL
-------------------------------------------*/
.news_detail {
margin: 30px auto;
}
.news_detail h1 {
margin-bottom: 10px;
}
.news_detail .date {
display: block;
font-size: 21px;
font-weight: 300;
margin-bottom: 30px;
font-family: 'museo', Georgia, serif;
}
.news_detail .sidebar .news_picture {
float: right;
margin-bottom: 20px;
}
.back_links ul li {
border-bottom: 1px solid #efefef;
list-style: none;
padding: 5px 0;
}
.back_links ul li a {
color: #cb9a0a;
font-size: 16px;
font-weight: 100;
}
.back_links ul li a .icon {
background: url('../images/sprite_social.png') no-repeat center;
display: inline-block;
height: 16px;
margin-right: 5px;
vertical-align: middle;
width: 16px;
}
.back_links ul .back a .icon {
background-position: -136px 0;
}
/*-------------------------------------------
BLOG ARCHIVE
-------------------------------------------*/
.sidebar .back_links .empty {
margin-bottom: 0;
}
.blog_page {
margin: 30px auto;
}
.blog_list {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
padding: 10px 0 20px;
*zoom: 1;
}
.blog_list:before,
.blog_list:after {
content: "";
display: table;
}
.blog_list:after {
clear: both;
}
.blog_list .title {
font-size: 23px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 4px;
font-family: 'museo', Georgia, serif;
}
.blog_list .title a {
color: #000;
}
.blog_list .title a:hover {
color: #f4bb14;
}
.blog_list .byline {
display: inline-block;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}
.blog_list p {
font-size: 14px;
}
.blog_list p a {
color: #a42d21;
font-weight: normal;
}
.blog_list .activity {
font-size: 12px;
margin-top: 20px;
}
.blog_list .activity .comments {
color: #000;
}
.blog_list .activity .icon {
background: url('../images/icon_comments.png') no-repeat center;
display: inline-block;
height: 18px;
margin-right: 5px;
vertical-align: middle;
width: 19px;
}
.activity .addthis_toolbox {
display: inline-block;
float: right;
}
/*-------------------------------------------
BLOG DETAIL
-------------------------------------------*/
.sidebar .back_links .empty {
margin-bottom: 0;
}
.blog_page {
margin: 30px auto;
}
.blog_post {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
padding: 10px 0 20px;
*zoom: 1;
}
.blog_post:before,
.blog_post:after {
content: "";
display: table;
}
.blog_post:after {
clear: both;
}
.blog_post .title {
font-size: 36px;
line-height: 1.2;
margin-bottom: 4px;
font-family: 'museo', Georgia, serif;
}
.blog_post .title a {
color: #000;
}
.blog_post .title a:hover {
color: #f4bb14;
}
.blog_post .byline {
display: inline-block;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.blog_post .byline img {
margin-right: 5px;
vertical-align: middle;
}
.blog_post p {
font-size: 14px;
}
.blog_post p a {
color: #a42d21;
font-weight: normal;
}
.blog_post .activity {
font-size: 12px;
}
.blog_post .activity .icon {
background: url('../images/icon_comments.png') no-repeat center;
display: inline-block;
height: 18px;
margin-right: 5px;
vertical-align: middle;
width: 19px;
}
/*-------------------------------------------
SPECIAL EVENTS TEMPLATE
-------------------------------------------*/
.no_bottom_margin {
margin-bottom: 0;
}
.content_wrap .special_events_info {
font-size: 20px;
line-height: 1.5;
margin-bottom: 0;
}
.special_events_content {
margin-top: 30px;
}
.event_highlights {
margin: 30px 0;
}
.event_highlights .banner {
background: #f4bb14;
font-size: 20px;
padding: 15px;
}
.event_highlights .highlight {
border-bottom: 1px solid #EDEDED;
padding: 30px 20px;
}
.event_highlights .highlight:last-child {
border: none;
}
.event_highlights .image {
border-radius: 100%;
height: 180px;
float: left;
margin-right: 50px;
overflow: hidden;
width: 180px;
}
.event_highlights .title {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
margin: 0 0 5px;
text-transform: uppercase;
}
.event_highlights .subtitle {
font-size: 14px;
font-weight: 300;
line-height: 1.35;
margin-bottom: 15px;
}
.event_highlights .event_link {
background: url(../images/circle_pointers.png) no-repeat 0 0;
display: inline-block;
height: 19px;
overflow: hidden;
text-indent: 100%;
text-align: center;
width: 19px;
vertical-align: middle;
}
.event_highlights .event_link:hover {
background-position: -19px 0;
text-decoration: none;
}
@media screen and (max-width: 620px) {
.event_highlights .image {
float: none;
margin: 0 auto 50px auto;
}
}
/*-------------------------------------------
CALENDAR
-------------------------------------------*/
.calendar {
margin: 30px auto;
}
.calendar .other_calendars {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
font-weight: bold;
margin-bottom: 0;
padding-bottom: 20px;
}
.calendar .event {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
overflow: auto;
padding: 20px 0;
}
.calendar .event .date {
float: left;
text-align: center;
width: 90px;
}
.calendar .event .date .month {
display: block;
font-size: 17px;
}
.calendar .event .date .day {
display: block;
font-size: 50px;
font-weight: bold;
}
.calendar .event .contents {
float: left;
margin-left: 15px;
width: 615px;
}
@media screen and (max-width: 620px) {
.calendar .event .contents {
margin: 0;
width: 100%;
}
}
.calendar .event .contents h2 {
font-size: 19px;
font-weight: bold;
margin-bottom: 10px;
text-transform: none;
}
.calendar .event .contents h2.event_subtitle {
margin: -20px 0 20px 0;
}
.calendar .event .contents h2 a {
color: #000;
}
.calendar .event .contents h2 a:hover {
color: #f4bb14;
}
.calendar .event .contents .time {
font-size: 15px;
font-weight: bold;
}
.calendar .event .contents p {
margin: 5px 0;
}
.calendar .pagination {
margin-top: 20px;
}
.calendar .pagination a {
color: #A42D21;
}
p.none {
margin: 40px 0;
font-size: 20px;
font-weight: bold;
}
/*-------------------------------------------
CALENDAR DETAIL
-------------------------------------------*/
.calendar_detail {
margin: 30px auto;
}
.calendar_detail h1 {
margin-bottom: 10px;
}
.calendar_detail .date {
display: block;
font-size: 21px;
font-weight: bold;
font-family: 'museo', Georgia, serif;
}
.calendar_detail .time {
display: block;
font-size: 21px;
margin: 10px 0;
font-family: 'museo', Georgia, serif;
}
.calendar_detail .audience {
display: block;
font-size: 13px;
margin-bottom: 15px;
font-family: 'museo', Georgia, serif;
}
.calendar_detail .back_links {
width: 220px;
}
.calendar_detail .back_links .header.empty {
margin-bottom: 0;
}
.calendar_detail h3 {
font-size: 19px;
font-weight: bold;
margin: 30px 0 5px;
}
.calendar_detail .callout.event {
clear: both;
float: right;
margin: 20px;
padding: 15px;
width: 240px;
}
@media screen and (max-width: 620px) {
.calendar_detail .callout.event {
float: none;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.calendar_detail .callout.event p {
margin-bottom: 5px;
}
/*-------------------------------------------
CALENDAR CALLOUT
-------------------------------------------*/
.cal h2 {
font-size: 17px;
font-weight: bold;
font-family: 'museo', Georgia, serif;
border-bottom: 4px solid rgba(0, 0, 0, 0.15);
padding-bottom: 5px;
width: 210px;
}
@media screen and (max-width: 620px) {
.cal h2 {
width: 100%;
}
}
.cal .event {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
overflow: auto;
padding: 10px 0;
width: 210px;
}
@media screen and (max-width: 620px) {
.cal .event {
width: 100%;
}
}
.cal .event .date {
float: left;
text-align: center;
width: 65px;
}
.cal .event .date .month {
display: block;
font-size: 11px;
}
.cal .event .date .day {
display: block;
font-size: 29px;
font-weight: bold;
}
.cal .event .contents {
float: left;
margin-left: 15px;
width: 130px;
}
@media screen and (max-width: 620px) {
.cal .event .contents {
width: auto;
}
}
.cal .event .contents h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 2px;
}
.cal .event .contents h3 a {
color: #000;
}
.cal .event .contents h3 a:hover {
color: #f4bb14;
}
.cal .event .contents .time {
font-size: 11px;
}
.cal .event .contents p {
margin: 0;
}
.cal .event .contents p a {
color: black;
font-size: 12px;
font-weight: bold;
margin: 5px 0;
}
/*-------------------------------------------
FACULTY & STAFF DIRECTORY
-------------------------------------------*/
.directory_search {
overflow: hidden;
width: 350px;
}
@media screen and (max-width: 620px) {
.directory_search {
width: 100%;
}
}
.directory_search fieldset {
overflow: hidden;
margin: 0 0 10px 0;
}
.directory_search input.text {
background: #EFEFEF;
border: 0;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
height: 26px;
line-height: 26px;
padding: 0 10px;
width: 100% /* 180px */;
}
.directory_search input.submit {
background: #FFBF00;
border: 3px solid #ECB612;
color: black;
cursor: pointer;
display: block;
float: right;
font-size: 14px;
height: 30px;
padding: 0 10px;
text-transform: none;
}
.directory_search.by_department input.text {
float: none;
width: 100%;
}
.letter_pagination {
border-bottom: 1px solid #E9E9E9;
font-size: 18px;
margin: 30px 0 0;
padding: 15px 10px;
text-transform: uppercase;
}
.letter_pagination a {
display: inline-block;
padding: 2px 5px;
}
@media screen and (max-width: 620px) {
.letter_pagination a {
margin-bottom: 5px;
width: 9.4%;
text-align: center;
}
}
.letter_pagination a:hover,
.letter_pagination a.active {
background: #A62C1C;
color: white;
}
.intro.dir {
font-size: 18px;
margin-top: 30px;
text-align: center;
}
.directory .entry {
border-bottom: 1px solid #E9E9E9;
overflow: hidden;
padding: 30px 0 10px;
}
.directory .entry .info {
float: left;
width: 525px;
}
@media screen and (max-width: 620px) {
.directory .entry .info {
float: none;
width: 100%;
}
}
.directory .entry h3 {
font-size: 19px;
}
.directory .entry h4 {
color: #545454;
font-size: 15px;
font-weight: 300;
margin-top: 5px;
}
.directory .entry .contact {
margin: 15px 0;
}
.directory .entry .contact span {
display: block;
font-size: 13px;
font-weight: 300;
height: 16px;
margin: 6px 0;
padding: 1px 0 0 23px;
}
.directory .entry .contact .location {
background: url(../images/fac_icons.png) no-repeat 0 0;
}
.directory .entry .contact .phone {
background: url(../images/fac_icons.png) no-repeat 0 -22px;
}
.directory .entry .contact .email {
background: url(../images/fac_icons.png) no-repeat 0 -47px;
}
.directory .entry .image {
float: right;
width: 151px;
}
.next_page {
float: right;
margin: 20px 0 0 0;
}
.prev_page {
float: left;
margin: 20px 0 0 0;
}
.faculty_detail .page_title {
margin-bottom: 20px;
}
.faculty_detail .title {
margin: 10px 0;
}
.faculty_detail .departments {
margin-bottom: 20px;
}
.faculty_detail .contact {
margin: 15px 0;
}
.faculty_detail .contact span {
display: block;
font-size: 13px;
font-weight: 300;
height: 16px;
margin: 6px 0;
padding: 1px 0 0 23px;
}
.faculty_detail .contact .location {
background: url(../images/fac_icons.png) no-repeat 0 0;
}
.faculty_detail .contact .phone {
background: url(../images/fac_icons.png) no-repeat 0 -22px;
}
.faculty_detail .contact .email {
background: url(../images/fac_icons.png) no-repeat 0 -47px;
}
.faculty_detail .image {
float: left;
height: 180px;
margin: 10px 20px 15px 0;
width: 250px;
}
/* Events */
#datepicker {
display: none;
margin: 5px 15px;
}
#datepicker.hasDatepicker {
display: block;
}
#datepicker .ui-datepicker-header a {
color: #000;
}
.ui-datepicker-header {
background: #FFBF00;
border-right: 1px solid #5A5A5A;
color: #000;
height: 34px;
padding: 10px 0;
position: relative;
}
.ui-datepicker-next,
.ui-datepicker-prev {
cursor: pointer;
font-size: 9px;
position: absolute;
top: 14px;
text-transform: uppercase;
}
.ui-datepicker-prev {
left: 3px;
}
.ui-datepicker-next {
right: 3px;
}
.ui-datepicker-title {
font-size: 14px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker-calendar thead {
display: none;
}
.ui-datepicker-calendar td {
background: #f3f3f3;
border-bottom: 1px solid #5A5A5A;
border-right: 1px solid #5A5A5A;
color: #000;
font-size: 12px;
text-align: center;
}
.ui-datepicker-calendar td a {
background: #fff;
color: #000;
display: block;
padding: 6px 0;
}
.ui-datepicker-calendar td a:hover {
background: #FFBF00;
}
.ui-datepicker-calendar td.ui-datepicker-today a {
background: #bbb;
color: #fff;
}
.ui-datepicker-calendar .ui-state-active {
background: #333;
color: #FFF;
}
/*-------------------------------------------
FORM BUILDER
-------------------------------------------*/
#form_wrap {
width: 720px;
}
@media screen and (max-width: 620px) {
#form_wrap {
margin-bottom: 40px;
width: 100%;
}
#form_wrap .page_title {
clear: both;
}
}
.form_wrap p {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
display: block;
margin: 0 0 20px 0;
padding-bottom: 20px;
}
.form_builder fieldset {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
display: block;
margin: 0 0 20px 0;
padding-bottom: 20px;
width: 100%;
}
.form_builder label,
.form_builder legend {
display: block;
font-weight: 700;
margin: 0 0 5px 0;
}
.form_builder label small {
font-weight: 300;
font-size: 11px;
display: inline-block;
padding: 0 0 0 10px;
}
.form_builder label.form_builder_for_checkbox {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
float: left;
font-size: 12px;
user-select: none;
}
.form_builder .form_builder_sublabel {
font-size: 11px;
padding: 5px 0 0 0;
margin: 0;
color: #999;
}
.form_builder .form_builder_centered {
text-align: center;
}
.form_builder input.form_builder_text {
background: #C2C6C9;
border: 0;
border-radius: 2px;
color: #333;
display: block;
font-size: 13px;
height: 26px;
line-height: 26px;
padding: 0 10px;
width: 700px;
}
@media screen and (max-width: 620px) {
.form_builder input.form_builder_text {
width: 100%;
}
}
.form_builder input.form_builder_text:-moz-placeholder {
color: #999;
}
.form_builder input.form_builder_text::-webkit-input-placeholder {
color: #999;
}
.form_builder textarea {
background: #C2C6C9;
border: 0;
border-radius: 2px;
color: #333;
display: block;
font-size: 13px;
height: 120px;
line-height: 19px;
padding: 7px 10px;
width: 700px;
}
.form_builder textarea:-moz-placeholder {
color: #999;
}
.form_builder textarea::-webkit-input-placeholder {
color: #999;
}
/*
.form_builder input.form_builder_submit { cursor: pointer; height: auto; padding: auto; width: auto; background: #FFF; border-radius: 20px; padding: 5px 20px; font-size: 14px; border: 1px solid #333; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); margin: 40px 0 0 0; }
.form_builder input.form_builder_submit:hover { box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6); }
*/
.form_builder input.form_builder_submit {
background: #FFBF00;
border: 3px solid #ECB612;
color: #000;
cursor: pointer;
display: block;
font-size: 24px;
height: 60px;
line-height: 55px;
margin: 0 auto;
padding: 0 40px;
text-transform: uppercase;
}
.form_builder input.form_builder_submit:hover {
background: #fff;
border-color: #000;
}
.form_builder fieldset.error input,
.form_builder fieldset.error textarea {
border-color: #AD6672;
}
.form_builder fieldset.error > label {
color: #CC0000;
}
.form_builder .form_builder_wrap {
clear: both;
overflow: hidden;
}
.form_builder .form_builder_last {
margin: 0;
}
.form_builder_required_message {
color: #999;
font-size: 14px;
float: right;
margin: 0 0 25px 25px;
}
@media screen and (max-width: 620px) {
.form_builder_required_message {
margin: 0 0 15px;
}
}
.form_builder_required_message p {
border: 0;
}
.form_builder_required_star {
color: #CC0000;
}
.form_builder .form_builder_error {
border-color: #CC0000 !important;
}
.form_builder .form_builder_errors {
background: #CC0000;
padding: 10px;
border-radius: 3px;
margin: 0 0 25px 0;
}
.form_builder .form_builder_errors p {
color: #FFF;
font-size: 12px;
margin: 0;
border: none;
padding: 0;
}
.form_builder .form_builder_errors .form_builder_alert {
margin: 0;
font-size: 14px;
}
.form_builder .form_sweet {
display: none;
}
/* Column Styles */
.form_builder .form_builder_column {
float: left;
margin: 0;
width: 350px;
}
.form_builder .form_builder_column.form_builder_last {
float: right;
}
.form_builder .form_builder_column input.form_builder_text {
width: 330px;
}
.form_builder .form_builder_column textarea {
width: 330px;
}
.form_builder .form_builder_column.third {
width: 200px;
}
.form_builder .form_builder_column.third input {
width: 174px;
}
.form_builder .form_builder_column.zip {
width: 84px;
}
.form_builder .form_builder_column.zip input {
width: 58px;
}
/* Section Styles */
.form_builder .form_builder_section_header {
border-bottom: 1px solid #CCC;
clear: both;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
.form_builder .form_builder_section_header h2 {
font-size: 20px;
margin-bottom: 10px;
}
.form_builder .form_builder_section_header p {
border-bottom: 0;
padding-bottom: 0;
}
.form_builder .form_builder_section_header *:last-child {
margin: 0;
}
.form_builder .form_builder_total_section {
border: none;
padding: 0;
}
/* Name Styles */
.form_builder .form_builder_firstname {
float: left;
}
.form_builder .form_builder_firstname input {
width: 320px;
}
.form_builder .form_builder_lastname {
float: right;
}
.form_builder .form_builder_lastname input {
width: 320px;
}
@media screen and (max-width: 620px) {
.form_builder .form_builder_firstname,
.form_builder .form_builder_lastname {
clear: both;
float: none;
margin: 5px 0;
}
.form_builder .form_builder_firstname input,
.form_builder .form_builder_lastname input {
margin: 0;
width: 100%;
}
}
/* Radio Styles */
.form_builder .form_builder_radio {
margin: 0 0 5px 0;
overflow: hidden;
padding: 2px;
}
.form_builder .form_builder_radio input {
float: left;
height: auto;
margin: 0 5px 0 0;
padding: 0;
width: auto;
}
/* Checkbox Styles */
.form_builder .form_builder_checkbox {
margin: 0 0 5px 0;
overflow: hidden;
padding: 2px;
}
.form_builder .form_builder_checkbox input {
float: left;
height: auto;
margin: 0 5px 0 0;
width: auto;
}
/* Date Styles */
.form_builder .form_builder_date_2 {
float: left;
margin: 0 10px 0 0;
}
.form_builder .form_builder_date_2 input.form_builder_text {
text-align: center;
width: 40px;
}
.form_builder .form_builder_date_4 {
float: left;
margin: 0 10px 0 0;
}
.form_builder .form_builder_date_4 input.form_builder_text {
text-align: center;
width: 55px;
}
/* Address Styles */
.form_builder .form_builder_full {
clear: both;
margin: 0 0 10px 0;
overflow: hidden;
}
.form_builder .form_builder_split {
float: left;
margin: 0 20px 5px 0;
width: 350px;
}
.form_builder .form_builder_split_last_col {
margin-right: 0px;
}
.form_builder .form_builder_split_last_row {
margin-bottom: 0px;
}
.form_builder .form_builder_split input {
width: 330px;
}
/* Phone Styles */
.form_builder .form_builder_phone_3 {
float: left;
margin: 0 10px 0 0;
}
.form_builder .form_builder_phone_3 input.form_builder_text {
text-align: center;
width: 45px;
}
.form_builder .form_builder_phone_4 {
float: left;
}
.form_builder .form_builder_phone_4 input.form_builder_text {
text-align: center;
width: 55px;
}
.form_builder .form_builder_captcha_error {
background: red;
color: #FFF;
margin: 0 0 10px 0;
padding: 10px;
}
.form_builder .form_builder_captcha_error p {
color: #FFF !important;
margin: 0 !important;
padding: 0;
}
/* Credit Card Styles */
.form_builder .form_builder_card_type {
float: left;
width: 150px;
margin: 0 10px 10px 0;
}
.form_builder .form_builder_card_type select {
width: 140px;
height: 32px;
margin: 0;
border: 0;
color: #333;
font-size: 12px;
padding: 3px 0 3px 5px;
}
.form_builder .form_builder_card_type .form_builder_select_wrapper {
height: 32px;
}
.form_builder .form_builder_card_number {
float: left;
width: 372px;
margin: 0 0 10px 0;
}
.form_builder .form_builder_card_number input {
width: 350px;
}
.form_builder .form_builder_card_date {
float: left;
width: 150px;
margin: 0 10px 10px 0;
}
.form_builder .form_builder_card_date .form_builder_card_month {
width: 33px;
text-align: center;
float: left;
margin: 0 10px 0 0;
}
.form_builder .form_builder_card_date .form_builder_card_year {
width: 53px;
text-align: center;
}
.form_builder .form_builder_card_code {
float: left;
width: 372px;
margin: 0 0 10px 0;
}
.form_builder .form_builder_card_code input {
width: 50px;
}
#form_builder_total {
font-weight: bold;
}
/* Selectbox Styles */
.select-box-element {
display: none;
}
.form_builder .select-box {
float: left;
width: 700px;
}
.form_builder .select-box-selected {
width: 674px;
}
.form_builder .select-box-options {
width: 694px;
}
.form_builder .form_builder_column .select-box {
width: 340px;
}
.form_builder .form_builder_column .select-box-selected {
width: 314px;
}
.form_builder .form_builder_column .select-box-options {
width: 334px;
}
/* .select-box-options { background-color: #FFBF00; border: 3px solid #ECB612; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); left: 0; list-style: none; margin: 0; max-height: 260px; padding: 0; position: absolute; top: 0; width: 304px; z-index: 500; }
.select-box-options li { float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; }
.select-box-options a { color: #000; display: block; font-size: 14px; padding: 8px 10px; text-overflow: ellipsis; }
.select-box-options .selected a { background: #ECB612; }
.select-box-options a:hover, .select-box-options .selected a:hover { background-color: #fff; }
*/
/* Sustainability Template */
.sustainability h2 {
font-size: 23px;
font-weight: bold;
margin: 40px 0 10px;
text-transform: none;
}
.sustainability .contain {
margin: 30px 0;
overflow: hidden;
}
.highlights {
background: #5A5A5A;
height: 524px;
padding: 20px;
position: relative;
}
.highlights h1 {
border-bottom: 5px solid #727272;
color: #FFF;
font-size: 16px;
line-height: 30px;
margin: 0 0 15px 0;
}
.highlights article {
height: 434px;
position: absolute;
transition: none;
}
@media screen and (max-width: 620px) {
.highlights article {
height: auto;
position: relative;
width: 100%;
}
}
.highlights article h1 {
border: none;
color: #FFF;
font-size: 27px;
line-height: auto;
margin: 0 0 15px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 420px;
}
.highlights article a {
color: #F8CC24;
display: block;
font-size: 14px;
margin: 0 0 15px 0;
}
.highlights article img {
bottom: 0;
display: block;
position: absolute;
}
@media screen and (max-width: 620px) {
.highlights article img {
height: auto;
margin-top: 15px;
position: relative;
width: 100%;
}
}
.highlights nav {
bottom: 35px;
position: absolute;
right: 35px;
}
.highlights nav a {
background: #5A5A5A;
float: left;
height: 12px;
margin: 0 0 0 4px;
width: 12px;
}
.highlights nav a.active,
.sustainability .highlights nav a:hover {
background: #F9CD24;
}
.sustainability .highlights {
float: left;
height: 394px;
width: 470px;
}
@media screen and (max-width: 620px) {
.sustainability .highlights {
float: none;
height: auto;
width: 100%;
}
}
.sustainability .highlights article {
height: 304px;
}
@media screen and (max-width: 620px) {
.sustainability .highlights article {
height: auto;
}
}
.by_the_numbers {
background: #F4BB14;
overflow: hidden;
padding: 20px;
}
.by_the_numbers h1 {
border-bottom: 5px solid #CC9933;
color: #000;
font-size: 16px;
line-height: 30px;
margin: 0 0 15px 0;
}
.by_the_numbers article {
border-bottom: 1px solid #D9A625;
margin: 20px 0 0 0;
padding-bottom: 20px;
}
.by_the_numbers article.last {
border: none;
}
.by_the_numbers article h1 {
border: none;
font-size: 55px;
line-height: 120%;
margin: 0;
text-align: center;
}
.by_the_numbers article p {
color: #000;
font-size: 13px;
line-height: 140%;
margin: 0;
text-align: center;
}
.sustainability .by_the_numbers {
float: right;
height: 394px;
width: 226px;
}
@media screen and (max-width: 620px) {
.sustainability .by_the_numbers {
float: none;
height: auto;
margin: 20px 0;
width: auto;
}
}
.sustainability .events {
margin: 40px 0;
overflow: hidden;
}
.sustainability .events h1,
.sustainability .partnerships h1 {
border-bottom: 5px solid #D9D9D9;
color: #000;
font-size: 16px;
line-height: 30px;
margin: 0 0 15px 0;
}
.sustainability .events h2 {
margin-top: 0;
}
.sustainability .events .event {
float: right;
width: 650px;
}
.sustainability .events .last {
border-bottom: none;
}
.quotes {
background: #EFEFEF;
margin: 40px 0;
overflow: hidden;
padding: 30px;
position: relative;
}
@media screen and (max-width: 620px) {
.quotes {
padding-bottom: 60px;
}
}
.quotes img {
float: left;
margin: 0 30px 0 0;
}
@media screen and (max-width: 620px) {
.quotes img {
float: none;
margin: 0 0 30px 0;
}
}
.quotes hr {
background: #F9CD2E;
border: none;
float: right;
height: 1px;
margin: 15px 0 15px 0;
width: 505px;
}
@media screen and (max-width: 620px) {
.quotes hr {
float: none;
width: 100%;
}
}
.quotes p {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 130%;
margin: 0;
width: 505px;
}
@media screen and (max-width: 620px) {
.quotes p {
float: none;
width: 100%;
}
}
.quotes .author {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
float: right;
font-size: 13px;
line-height: 140%;
padding-right: 20%;
width: 505px;
}
@media screen and (max-width: 620px) {
.quotes .author {
float: none;
width: 100%;
}
}
.quotes nav {
bottom: 30px;
position: absolute;
right: 30px;
}
@media screen and (max-width: 620px) {
.quotes nav {
bottom: 20px;
}
}
.quotes nav a {
background: #5A5A5A;
float: left;
height: 12px;
margin: 0 0 0 4px;
width: 12px;
}
@media screen and (max-width: 620px) {
.quotes nav a {
height: 20px;
margin-left: 10px;
width: 20px;
}
}
.quotes nav a.active,
.quotes nav a:hover {
background: #F9CD24;
}
.sustainability .partnerships article {
float: left;
line-height: 140%;
width: 310px;
}
.sustainability .partnerships .right {
float: right;
}
.sustainability .partnerships article h1 {
border: none;
font-size: 20px;
line-height: 130%;
margin: 0 0 15px 0;
padding: 0;
}
.sustainability .partnerships article img {
display: block;
margin: 0 0 15px 0;
}
.sustainability .partnerships article p {
font-size: 15px;
line-height: 140%;
margin: 0 0 15px 0;
}
/* Content w Two Callouts */
.double_callouts {
margin: 30px 0;
}
.double_callouts h1 {
border-bottom: 5px solid #D9D9D9;
color: #000;
font-size: 16px;
line-height: 30px;
margin: 0 0 15px 0;
}
.double_callouts article {
float: left;
line-height: 140%;
width: 310px;
}
.double_callouts .right {
float: right;
}
.double_callouts article h1 {
border: none;
font-size: 20px;
line-height: 130%;
margin: 0 0 15px 0;
padding: 0;
}
.double_callouts article img {
display: block;
margin: 0 0 15px 0;
}
.double_callouts article p {
font-size: 15px;
line-height: 140%;
margin: 0 0 15px 0;
}
/* Programs of Study Template */
.programs_tabs {
margin: 25px 0 0 0;
overflow: hidden;
}
.programs_tabs .tab {
font-family: 'museo-sans', Helvetica, sans-serif;
background: #CCC;
border-bottom: 10px solid #FFF;
color: #333;
cursor: pointer;
font-size: 15px;
font-weight: bold;
line-height: 20px;
float: left;
height: 60px;
padding: 5px 15px;
text-align: center;
margin: 0 10px 0 0;
text-transform: uppercase;
}
.programs_tabs .tab span {
display: block;
}
.programs_tabs .tab.all {
line-height: 40px;
}
.programs_tabs .tab.all span {
display: inline;
}
.programs_tabs .tab.active,
.programs_tabs .tab:hover {
background: #F8C83A;
border-color: #F8C83A;
color: #333;
}
@media screen and (max-width: 620px) {
.programs_tabs .tab {
border: none;
float: left;
font-size: 11px;
height: 30px;
margin: 0 10px 10px 0;
text-align: center;
width: 135px;
width: calc(50% - 5px);
}
.programs_tabs .tab:nth-child(2n) {
margin-right: 0;
}
.programs_tabs .tab.all {
line-height: 20px;
}
.programs_tabs .tab span,
.programs_tabs .tab.all span {
display: none;
}
}
.programs_section {
border: 5px solid #F8C83A;
margin: 0 0 25px 0;
padding: 10px 15px;
column-count: 2;
column-gap: 25px;
-moz-column-count: 2;
-moz-column-gap: 25px;
-webkit-column-count: 2;
-webkit-column-gap: 25px;
}
.programs_section div {
font-weight: 300;
font-size: 15px;
padding: 5px 0;
}
.programs_section div span {
border: 1px solid #666;
color: #666;
display: inline-block;
font-family: Courier, monospace;
font-size: 12px;
height: 16px;
line-height: 14px;
margin: 0 0 0 5px;
text-align: center;
width: 16px;
}
@media screen and (max-width: 620px) {
.programs_section {
-moz-column-count: 1;
-moz-column-gap: 0;
-webkit-column-count: 1;
-webkit-column-gap: 0;
}
.programs_section div {
margin: 0 0 5px 0;
}
}
/* Experts Template */
.expertise_section h2 {
font-family: 'museo-sans', Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 24px;
margin: 0 0 30px 0;
text-transform: none;
}
.experts_nav {
float: right;
margin: 0 0 20px 20px;
width: 300px;
}
.experts_nav .block {
background: #EFEFEF;
overflow: hidden;
padding: 10px;
}
.experts_nav .block.search {
margin-bottom: 10px;
}
.experts_nav .block.contact {
margin-top: 10px;
}
.experts_nav .block h2 {
border-bottom: 3px solid #9C9C9C;
font-size: 22px;
line-height: 22px;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.experts_nav .block input[type=text] {
display: block;
width: 100%;
border: none;
font-family: 'museo-sans', Helvetica, sans-serif;
height: 30px;
margin: 0 0 10px 0;
padding: 3px 7px;
}
.experts_nav .block input[type=submit] {
float: right;
border: 2px solid #997940;
background: #FDBD2C;
color: #4D4C4D;
font-family: 'museo-sans', Helvetica, sans-serif;
font-size: 14px;
padding: 5px 15px;
}
.experts_nav .block p {
margin: 0;
}
.experts_nav .browse {
background: #EFEFEF;
color: #9D2837;
display: block;
font-size: 18px;
line-height: 20px;
margin: 0 0 5px 0;
padding: 10px;
}
.experts_nav .browse span {
background: url(../images/circle_pointers.png);
display: inline-block;
height: 19px;
margin-left: 5px;
position: absolute;
width: 19px;
}
.experts_nav .browse:hover,
.experts_nav .browse.active {
background: #FDBD2C;
color: #9D2837;
}
.experts_nav .browse:hover span,
.experts_nav .browse.active span {
background-position: -19px 0;
}
/* Mobile */
.show_nav .nav_arrow {
background: url(../images/nav_arrow.png) no-repeat;
background-size: 17px 9px;
height: 9px;
overflow: hidden;
position: absolute;
right: 20px;
text-indent: 999px;
top: 15px;
width: 17px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.show_nav .nav_arrow.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
a[x-apple-data-detectors=true] {
color: inherit !important;
background-color: inherit !important;
}
#___gcse_0 * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/*-------------------------------------------
IE
-------------------------------------------*/
.ie #audiences_nav li a {
color: #171717;
}
.ie #main_nav .nav_item {
font-weight: 700;
padding: 12px 22px;
}
.ie .homepage .callout .header {
border-bottom: 4px solid #D8D8D8;
}
.ie .homepage .micro_callouts .header {
border-bottom-color: #727272;
}
.ie .homepage .micro_callouts .last .header {
border-bottom-color: #CE9E10;
}
.ie #home_feature .caption_frame {
background: url(../images/transparencies/000_90.png);
}
.ie .featured_news,
.ie .recent_news {
border-bottom: 1px solid #D8D8D8;
}
.ie .footer_wrap {
border-top: 30px solid #000;
}
.ie .footer .links {
margin-left: 35px;
}
.ie .footer .social a {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
text-indent: -9999px;
}
.ie7 #persistent_nav li a.search {
width: 65px;
cursor: pointer;
}
.ie7 #persistent_nav .search_form {
width: 330px;
}
.ie7 #persistent_nav .search_form .submit {
width: 40px;
}
.ie7 #persistent_nav .search_form .search {
width: 280px;
}
.ie7 #audiences_nav {
bottom: 15px;
}
.ie7 .home_content_wrap {
margin-top: 50px;
}
.ie7 .homepage .events .right {
width: 290px;
}
.ie7 .feature .caption_frame,
.ie8 .feature .caption_frame {
background: #000;
}
.ie7 #main_nav {
position: relative;
z-index: 1000;
}
.ie7 #main_nav .subnav {
top: 38px;
left: 0px;
z-index: 1000;
}
.ie7 .breadcrumbs .crumb {
color: #999;
}
.ie7 .breadcrumbs .crumb.active {
color: #000;
}
.ie7 .breadcrumbs li {
float: left;
}
.ie7 .news_search .search_form .search {
float: left;
width: 135px;
padding-right: 11px;
}
.ie7 .news_search .search_form .submit {
float: left;
width: 30px;
}
.ie7 .academic_detail .college_select {
overflow: hidden;
}
.ie7 .academic_detail .college_select .select_header {
width: 435px;
float: left;
}
/*
* Boxer v3.3.0 - 2014-10-22
* A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library.
* http://formstone.it/boxer/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
.boxer-lock {
overflow: hidden !important;
}
#boxer-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background: #000000;
opacity: 0;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
.boxer-open #boxer-overlay {
opacity: 0.75;
}
#boxer {
width: 200px;
height: 200px;
position: absolute;
right: 0;
left: 0;
z-index: 101;
background: #ffffff;
border-radius: 3px;
box-shadow: 0 0 25px #000000;
opacity: 0;
margin: 0 auto;
padding: 10px;
}
#boxer,
#boxer * {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
#boxer,
#boxer *,
#boxer *:before,
#boxer *:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#boxer.fixed {
position: fixed;
top: 0;
bottom: 0;
margin: auto;
}
#boxer.inline {
padding: 30px;
}
#boxer.animating {
-webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
}
#boxer.animating .boxer-container {
-webkit-transition: opacity 0.25s linear 0.25s;
transition: opacity 0.25s linear 0.25s;
}
.boxer-open #boxer {
opacity: 1;
}
#boxer.loading .boxer-container {
opacity: 0;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
#boxer * {
-webkit-transition: none;
transition: none;
}
#boxer .boxer-close {
width: 30px;
height: 30px;
position: absolute;
top: -7.5px;
right: -7.5px;
z-index: 105;
background: #ffffff;
border-radius: 100%;
cursor: pointer;
display: block;
overflow: hidden;
padding: 0;
text-indent: 200%;
white-space: nowrap;
}
#boxer .boxer-close:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #333333;
content: "\00d7";
display: block;
font-size: 22px;
font-weight: 700;
line-height: 30px;
margin: auto;
text-align: center;
text-indent: 0;
-webkit-transition: color 0.15s linear;
transition: color 0.15s linear;
}
.no-opacity #boxer .boxer-close {
text-indent: -999px;
}
#boxer .boxer-loading {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 105;
display: block;
margin: auto;
opacity: 0;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
#boxer .boxer-loading:before,
#boxer .boxer-loading:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 110%;
content: '';
display: block;
}
#boxer .boxer-loading:before {
border: 5px solid rgba(51, 51, 51, 0.25);
}
#boxer .boxer-loading:after {
-webkit-animation: boxer-loading-spin 0.75s linear infinite;
animation: boxer-loading-spin 0.75s linear infinite;
border: 5px solid transparent;
border-top-color: #333333;
}
#boxer.loading .boxer-loading {
opacity: 1;
}
@-webkit-keyframes boxer-loading-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes boxer-loading-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#boxer .boxer-container {
width: 100%;
height: 100%;
position: relative;
z-index: 103;
background: #ffffff;
overflow: hidden;
}
#boxer .boxer-content {
width: 100%;
background: #ffffff;
opacity: 1;
overflow: hidden;
padding: 0;
}
#boxer.inline .boxer-content,
#boxer.iframe .boxer-content {
width: auto;
}
#boxer .boxer-image {
float: left;
}
#boxer .boxer-video {
width: 100%;
height: 100%;
}
#boxer .boxer-iframe {
width: 100%;
height: 100%;
border: none;
float: left;
overflow: auto;
}
#boxer .boxer-meta {
clear: both;
}
#boxer .boxer-control {
width: 40px;
height: 40px;
position: absolute;
top: 0;
background: #ffffff;
border-radius: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
cursor: pointer;
display: block;
margin-right: auto;
margin-left: auto;
opacity: 1;
overflow: hidden;
text-indent: 200%;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
white-space: nowrap;
}
#boxer .boxer-control:before {
width: 0;
height: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
margin: auto;
}
#boxer .boxer-control.previous {
left: 20px;
}
#boxer .boxer-control.previous:before {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10.4px solid #333333;
margin-left: 14px;
}
#boxer .boxer-control.next {
right: 20px;
}
#boxer .boxer-control.next:before {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10.4px solid #333333;
margin-right: 14px;
}
#boxer .boxer-control.disabled {
opacity: 0;
}
.no-opacity #boxer .boxer-control {
text-indent: -999px;
}
.no-touch #boxer .boxer-control {
opacity: 0;
}
.no-touch #boxer:hover .boxer-control {
opacity: 1;
}
.no-touch #boxer:hover .boxer-control.disabled {
opacity: 0;
cursor: default !important;
}
#boxer .boxer-meta {
padding: 10px 0 0 0;
}
#boxer .boxer-position {
color: #999999;
font-size: 12px;
margin: 0;
padding: 15px 15px 0 15px;
}
#boxer .boxer-caption p {
color: #666666;
font-size: 14px;
margin: 0;
padding: 15px;
}
#boxer .boxer-caption.gallery p {
padding-top: 0;
}
#boxer .boxer-error {
width: 250px;
}
#boxer .boxer-error p {
color: #990000;
font-size: 14px;
margin: 0;
padding: 25px;
text-align: center;
text-transform: uppercase;
}
#boxer.mobile {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #111111;
border-radius: 0;
padding: 40px 0 0;
}
#boxer.mobile .boxer-close,
#boxer.mobile .boxer-close:hover {
height: 40px;
width: 40px;
top: 0;
right: 0;
background: #111111;
border-radius: 0;
}
#boxer.mobile .boxer-close:before,
#boxer.mobile .boxer-close:hover:before {
color: #cccccc;
font-size: 28px;
font-weight: 700;
line-height: 40px;
}
#boxer.mobile .boxer-loading:before {
border-color: rgba(153, 153, 153, 0.25);
}
#boxer.mobile .boxer-loading:after {
border-top-color: #999999;
}
#boxer.mobile .boxer-container {
background: #111111;
}
#boxer.mobile .boxer-content {
background-color: #111111;
}
#boxer.mobile .boxer-control {
width: 50px;
height: 100%;
background: #111111;
border-radius: 0;
box-shadow: none;
opacity: 1;
}
#boxer.mobile .boxer-control.previous {
left: 0;
}
#boxer.mobile .boxer-control.previous:before {
border-right-color: #eeeeee;
margin-left: 19px;
}
#boxer.mobile .boxer-control.next {
right: 0;
}
#boxer.mobile .boxer-control.next:before {
border-left-color: #eeeeee;
margin-right: 19px;
}
.no-touch #boxer.mobile .boxer-control,
.no-touch #boxer.mobile:hover .boxer-control {
opacity: 1;
}
.no-touch #boxer.mobile .boxer-control.disabled,
.no-touch #boxer.mobile:hover .boxer-control.disabled {
opacity: 0;
cursor: default !important;
}
#boxer.mobile .boxer-meta {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-color: #111111;
padding: 15px 65px;
}
#boxer.mobile .boxer-position {
color: #999999;
font-size: 12px;
margin: 0;
padding: 0 15px 0 0;
}
#boxer.mobile .boxer-caption p {
color: #eeeeee;
font-size: 14px;
margin: 0;
padding: 0;
}
#boxer.mobile .boxer-image {
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#boxer.mobile.animated .boxer-image {
-webkit-transition: -webkit-transform 0.25s ease-out !important;
transition: transform 0.25s ease-out !important;
}
#boxer.mobile.inline .boxer-content,
#boxer.mobile.iframe .boxer-content {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/*
* Roller v3.2.3 - 2014-09-30
* A jQuery plugin for simple content carousels. Part of the Formstone Library.
* http://formstone.it/roller/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
.roller {
width: 100%;
}
.roller * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.roller,
.roller .roller-viewport {
position: relative;
}
.roller .roller-canister {
margin: 0;
overflow: hidden;
position: relative;
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.roller .roller-item {
float: left;
margin: 0;
}
.roller .roller-canister,
.roller .roller-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.roller .roller-controls,
.roller .roller-pagination {
display: none;
margin: 0;
padding: 0;
width: 100%;
}
.roller .roller-controls.visible,
.roller .roller-pagination.visible {
display: block;
}
.roller .roller-control {
cursor: default;
}
.roller .roller-page,
.roller .roller-control.enabled {
cursor: pointer;
}
.roller .roller-caption {
display: none;
}
.roller .roller-caption.active {
display: block;
}
.roller.single .roller-item {
display: none;
}
.roller.single .roller-item.active {
display: block;
}
/*
* Selecter Plugin [Formstone Library]
* @author Ben Plum
* @version 1.8.3
*
* Copyright © 2012 Ben Plum
* Released under the MIT License
*/
.selecter-element { left: -999999px; position: absolute; }
.selecter { display: block; margin: 10px 0; position: relative; z-index: 1; }
.selecter .selecter-selected { background: #F9F9F9 url(fs-selecter-arrow.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; position: relative; text-overflow: clip; z-index: 49; }
.selecter .selecter-options { border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width: auto; z-index: 50; }
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #666; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; }
.selecter .selecter-item.selected { background: #F9F9F9; }
.selecter .selecter-item:hover,
.selecter .selecter-item.selected:hover { background-color: #f3f3f3; }
.selecter .selecter-item.first { border-radius: 0; }
.selecter .selecter-item.last { border-radius: 0 0 2px 2px; border-bottom: 0; }
/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; }
.selecter:hover .selecter-selected,
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected { background-color: #fff; }
/* 'Cover' Positioning */
.selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; }
.selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; }
.selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; }
/* 'Bottom' Positioning */
.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
.selecter.bottom .selecter-item.last { border: none; }
.selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; }
.selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; }
/* 'Bottom' + 'Cover' Positioning */
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
.selecter.bottom.cover.open .selecter-selected { border-radius: 3px; }
.selecter.bottom.cover.open .selecter-options { border-radius: 3px; }
/* Multiple Select */
.selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; }
/* 'Mobile' Positioning */
.selecter.mobile .selecter-options { box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); bottom: auto; border-radius: 5px; left: 5%; position: fixed; top: 5%; width: 90%; z-index: 101; }
.selecter.mobile .selecter-item.first { border-radius: 5px 5px 0 0; }
.selecter.mobile .selecter-item.last { border-bottom: none; border-radius: 0 0 5px 5px; }
.selecter.mobile.open .selecter-selected { border-radius: 5px; }
/* 'Mobile' Overlay */
.selecter .selecter-overlay { background: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }
.selecter.open .selecter-overlay { display: block; }
/* 'Disabled' State */
.selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; }
.selecter.disabled .selecter-options { background: #fff; border-color: #eee; }
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; }
.selecter.disabled .selecter-item:hover { background: #fff; }
.selecter.disabled .selecter-item.selected { background: #fafafa; }
/* Media Queries */
@media screen and (max-width: 740px) {
.selecter { max-width: 40%; }
}
@media screen and (max-width: 500px) {
.selecter { max-width: 100%; }
}
/* Bowie State Overrides */
.selecter { float: right; margin: 0; width: 100%; }
.selecter .selecter-selected { background: #FFBF00 url(../images/fs-selecter-arrow.png) no-repeat right center; border: 3px solid #ECB612; border-radius: 0; font-weight: 700; }
.selecter .selecter-options { background-color: #FCD330; border: 3px solid #ECB612; border-width: 0 3px 3px 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); font-weight: 700; max-height: 260px; top: 0; z-index: 100;}
.selecter .selecter-item { background-color: #FCD330; border-color: #ECB612; color: #000; display: block; font-size: 12px; font-weight: 700; padding: 8px 10px; text-overflow: ellipsis; width: auto; }
.selecter .selecter-item.selected { background: #FFBF00; }
.selecter .selecter-item:hover,
.selecter .selecter-item.selected:hover { background: #FADE68; }
.selecter:hover .selecter-selected,
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected { background-color: #FCD330; }
.selecter .selecter-options { width: 210px; }
.selecter .selecter-options,
.selecter .selecter-item.first,
.selecter .selecter-item.last,
.selecter.open .selecter-selected { border-radius: 0; }
/*
* Tabber v3.0.12 - 2014-09-14
* A jQuery plugin for adding simple tabbed interfaces. Part of the Formstone Library.
* http://formstone.it/tabber/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
.tabber { overflow: hidden; }
.tabber .tabber-menu { display: block; margin: 0; padding: 0; }
.tabber .tabber-handle { color: #999; cursor: pointer; display: block; float: left;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.tabber .tabber-handle.active { color: #333; }
.tabber .tabber-handle.mobile { display: none; float: none; }
.tabber .tabber-tab { clear: both; display: none; }
.tabber .tabber-tab.active { display: block; }
/* Vertical */
.tabber.vertical .tabber-menu { float: left; width: 20%; }
.tabber.vertical .tabber-handle { display: block; width: 100%; }
.tabber.vertical .tabber-handle.mobile { display: none; }
.tabber.vertical .tabber-tab { clear: none; float: right; min-height: 100%; width: 80%; }
/* Mobile */
.tabber.mobile .tabber-handle { display: none; }
.tabber.mobile .tabber-handle.mobile { display: block; }
.tabber.vertical.mobile .tabber-menu,
.tabber.vertical.mobile .tabber-tab { float: none; width: 100%; }
/*! formstone v0.8.13 [carousel.css] 2015-09-17 | MIT License | formstone.it */
/**
* @class
* @name .fs-carousel-element
* @type element
* @description Target elmement
*/
/**
* @class
* @name .fs-carousel
* @type element
* @description Base widget class
*/
/**
* @class
* @name .fs-carousel.fs-enabled
* @type modifier
* @description Indicates enabled state
*/
/**
* @class
* @name .fs-carousel.fs-rtl
* @type modifier
* @description Indicates right to left display
*/
/**
* @class
* @name .fs-carousel.fs-carousel-auto_height
* @type modifier
* @description Indicates auto height sizing
*/
/**
* @class
* @name .fs-carousel.fs-carousel-contained
* @type modifier
* @description Indicates overflow: hidden
*/
/**
* @class
* @name .fs-carousel.fs-carousel-single
* @type modifier
* @description Indicates single item display
*/
.fs-carousel {
/**
* @class
* @name .fs-carousel-viewport
* @type element
* @description Carousel container
*/
/**
* @class
* @name .fs-carousel-wrapper
* @type element
* @description Carousel container
*/
/**
* @class
* @name .fs-carousel-container
* @type element
* @description Canister container
*/
/**
* @class
* @name .fs-carousel-canister
* @type element
* @description Item container
*/
/**
* @class
* @name .fs-carousel-canister
* @type element
* @description Item container
*/
/**
* @class
* @name .fs-carousel-item
* @type element
* @description Individual item
*/
/**
* @class
* @name .fs-carousel-controls
* @type element
* @description Controls container
*/
/**
* @class
* @name .fs-carousel-controls.fs-carousel-visible
* @type modifier
* @description Indicates visible state
*/
/**
* @class
* @name .fs-carousel-control
* @type element
* @description Control element
*/
/**
* @class
* @name .fs-carousel-control.fs-carousel-control_previous
* @type modifier
* @description Indicates previous control
*/
/**
* @class
* @name .fs-carousel-control.fs-carousel-control_next
* @type modifier
* @description Indicates next control
*/
/**
* @class
* @name .fs-carousel-control.fs-carousel-control_disabled
* @type modifier
* @description Indicates disbaled state
*/
/**
* @class
* @name .fs-carousel-pagination
* @type element
* @description Item element
*/
/**
* @class
* @name .fs-carousel-pagination.fs-carousel-visible
* @type modifier
* @description Indicates visible state
*/
/**
* @class
* @name .fs-carousel-page
* @type element
* @description Pagiantion item element
*/
/**
* @class
* @name .fs-carousel-page.fs-carousel-active
* @type modifier
* @description Indicates active state
*/
}
.fs-carousel.fs-carousel-enabled {
width: 100%;
position: relative;
}
.fs-carousel.fs-carousel-enabled:after {
clear: both;
content: '';
display: table;
}
.fs-carousel,
.fs-carousel:after,
.fs-carousel:before,
.fs-carousel *,
.fs-carousel *:after,
.fs-carousel *:before {
box-sizing: border-box;
-webkit-transition: none;
transition: none;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.fs-carousel.fs-carousel-enabled.fs-carousel.fs-carousel-contained,
.fs-carousel.fs-carousel-enabled.fs-carousel.fs-carousel-contained-viewport,
.fs-carousel.fs-carousel-enabled.fs-carousel.fs-carousel-contained-wrapper,
.fs-carousel.fs-carousel-enabled.fs-carousel.fs-carousel-contained-container {
overflow: hidden;
}
.fs-carousel-enabled .fs-carousel-viewport {
position: relative;
}
.fs-carousel-enabled .fs-carousel-viewport:after {
clear: both;
content: '';
display: table;
}
.fs-carousel-enabled .fs-carousel-wrapper {
position: relative;
}
.fs-carousel-enabled .fs-carousel-wrapper:after {
clear: both;
content: '';
display: table;
}
.fs-carousel-enabled .fs-carousel-container {
position: relative;
}
.fs-carousel-enabled .fs-carousel-container:after {
clear: both;
content: '';
display: table;
}
.fs-carousel-enabled .fs-carousel-canister {
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin: 0;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fs-carousel-enabled.fs-carousel-auto_height .fs-carousel-canister {
-webkit-transition: height 0.5s ease, -webkit-transform 0.5s ease;
transition: height 0.5s ease, transform 0.5s ease;
}
.fs-carousel-enabled .fs-carousel-item {
display: block;
float: left;
}
.fs-carousel-enabled .fs-carousel-item img {
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fs-carousel-single .fs-carousel-item {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.fs-carousel-single .fs-carousel-item.fs-carousel-visible {
position: relative;
z-index: 2;
}
.fs-carousel-controls {
display: none;
}
.fs-carousel-enabled .fs-carousel-controls {
width: 100%;
margin: 0;
padding: 0;
}
.fs-carousel-enabled .fs-carousel-controls.fs-carousel-visible {
display: block;
}
.fs-carousel-enabled .fs-carousel-control {
position: absolute;
top: 0;
bottom: 0;
border: 0;
cursor: pointer;
display: block;
padding: 0;
visibility: hidden;
width: 40px;
height: 40px;
background: #ffffff;
border-radius: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
margin: auto;
opacity: 0;
overflow: hidden;
text-indent: 200%;
-webkit-transition: opacity 0.15s ease, visibility 0.15s ease;
transition: opacity 0.15s ease, visibility 0.15s ease;
white-space: nowrap;
}
.fs-carousel-enabled .fs-carousel-control:before {
width: 0;
height: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
margin: auto;
}
.no-opacity .fs-carousel-enabled .fs-carousel-control {
text-indent: -999px;
}
.fs-carousel-enabled .fs-carousel-control.fs-carousel-visible {
visibility: visible;
opacity: 1;
}
.fs-carousel-enabled .fs-carousel-control_previous,
.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next {
right: auto;
left: 20px;
}
.fs-carousel-enabled .fs-carousel-control_previous:before,
.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next:before {
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 10.5px solid #333333;
border-left: none;
margin-left: 13.7px;
margin-right: auto;
}
.fs-carousel-enabled .fs-carousel-control_next,
.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous {
right: 20px;
left: auto;
}
.fs-carousel-enabled .fs-carousel-control_next:before,
.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous:before {
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10.5px solid #333333;
border-right: none;
margin-right: 13.7px;
margin-left: auto;
}
.fs-carousel-enabled .fs-carousel-control_disabled {
opacity: 0;
}
.fs-carousel-pagination {
display: none;
}
.fs-carousel-enabled .fs-carousel-pagination {
width: 100%;
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.fs-carousel-enabled .fs-carousel-pagination.fs-carousel-visible {
display: block;
}
.fs-carousel-enabled .fs-carousel-page {
border: 0;
cursor: pointer;
display: inline-block;
padding: 0;
width: 10px;
height: 10px;
background: #333333;
border-radius: 100%;
margin: 0 3px;
opacity: 0.5;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.no-opacity .fs-carousel-enabled .fs-carousel-page {
text-indent: -999px;
}
.fs-carousel-enabled .fs-carousel-page.fs-carousel-active {
opacity: 1;
}
.fs-carousel-enabled.fs-carousel-rtl {
direction: rtl;
}
.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-item {
float: right;
}