/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Custom Font Icons
# Font
# Foundation
## Gridsite-title-banner-link
## Accordion
## Alert Boxes
## Block Grid
## Breadcrumbs
## Buttons
## Dropdowns
## Flex Video
## Forms
## Inline Lists
## Labels
## Orbit
## Panels
## Side Nav
## Sub Nav
## Tables
## Tabs
## Thumbs
## Top Bar
## Type
## Off Canvas
## Visibility
# WordPress Core
## Alignments
## Media
## Navigation
## Widgets
## Comments
## Jetpack
## Admin
# Layout
## Globals
## Structure
## Header
## Slider
## Content
## Archives
## Sidebars
## Footer
## Top Navigation
## Sub Navigation
## Mega Menu
## Verical Banner
## Faculty
## Latest News
## Latest Events
## Call to Action
## Marketing
## Icons
# Components
## Spotlights
## Swiper
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
site-title-banner-link{
font-size:24px;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
cursor: pointer;
/* 2 */
-webkit-appearance: button;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
box-sizing: content-box;
/* 1 */
-webkit-appearance: textfield;
/* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Custom Font Icons
--------------------------------------------------------------*/
@font-face {
font-family: "sjc-icons";
src: url('/media/mysjcsanjuancollegeedu/site-assets/fonts/sjc-icons.eotab874325415900c864164c30192d4c23');
src: url('
#iefix') format("embedded-opentype"), url('
') format("woff"), url('
') format("truetype");
font-weight: normal;
font-style: normal;
}
.sjc-icon {
display: inline-block;
font-family: "sjc-icons";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
vertical-align: middle;
speak: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
.sjc-icon-retraining {
height: 88px;
}
.sjc-retraining:before {
content: url("../fonts/WorkforceRetraining.png" />");
}
.sjc-careercoach {
height: 88px;
}
.sjc-careercoach:before {
content: url("");
}
.sjc-waystopay {
height: 88px;
}
.sjc-waystopay:before {
content: url("");
}
.sjc-apply:before {
/* Switched with explore because the icons were incorrect
content: "\f102";
}
.sjc-explore:before {
content: "\f101";
}
.sjc-feedback:before, .social .social-icons .social-icon-feedback:before {
content: "\f103";
}
.sjc-ksje:before, .social .social-icons .social-icon-ksje:before {
content: "\f104";
}
.sjc-register:before {
content: "\f105";
}
*/
/*--------------------------------------------------------------
#Font
--------------------------------------------------------------*/
@font-face {
font-family: 'museo500';
src: url('/media/mysjcsanjuancollegeedu/site-assets/fonts/Museo500-Regular-webfont.eot');
src: url('/media/mysjcsanjuancollegeedu/site-assets/fonts/Museo500-Regular-webfont.eot#iefix') format('embedded-opentype'),
url('/media/mysjcsanjuancollegeedu/site-assets/fonts/Museo500-Regular-webfont.woff2') format('woff2'),
url('/media/mysjcsanjuancollegeedu/site-assets/fonts/Museo500-Regular-webfont.woff') format('woff'),
url('/media/mysjcsanjuancollegeedu/site-assets/fonts/Museo500-Regular-webfont.ttf') format('truetype'),
url('/media/mysjcsanjuancollegeedu/site-assets/fonts/Museo500-Regular-webfont.svg#museo500') format('svg');
font-weight: normal;
font-style: normal;
}
/*--------------------------------------------------------------
## Grid
--------------------------------------------------------------*/
meta.foundation-version {
font-family: "/5.5.2/";
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0em;
}
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0em;
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em;
}
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
width: 40.063em;
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em;
}
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
width: 64.063em;
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em;
}
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
width: 90.063em;
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html, body {
height: 100%;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
}
html { scroll-behavior: smooth; }
html,
body {
font-size: 100%;
}
body {
background: white;
color: #222222;
cursor: auto;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative;
}
a:hover {
cursor: pointer;
}
img {
height: auto;
max-width: 100%;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hide {
display: none;
}
.invisible {
visibility: hidden;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.row {
/*margin:0px auto 0px 9rem;*/
margin: 0 auto;
width: 97%;
overflow-x: auto;
}
.row::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column,
.row.collapse > .columns, .row.collapse > .content-area, .row.collapse > .widget-area, .page-slide .row.collapse > h2, .cta-link .cta-inner .row.collapse > h2 {
padding-left: 0;
padding-right: 0;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
margin: 0 ;
max-width: none;
width: auto;
padding:5px 10px;
}
.row .row:before, .row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
margin: 0;
max-width: none;
width: auto;
}
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.row .row p, .row .row h1, .row .row h2, .row .row h3, .row .row h4, .row .row h5{padding-left: 10px}
.column,
.columns, .content-area, .widget-area, .page-slide h2, .cta-link .cta-inner h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
}
.column + .column:last-child,
.columns + .columns:last-child, .content-area + .columns:last-child, .widget-area + .columns:last-child, .page-slide h2 + .columns:last-child, .cta-link .cta-inner h2 + .columns:last-child, .columns + .content-area:last-child, .content-area + .content-area:last-child, .widget-area + .content-area:last-child, .page-slide h2 + .content-area:last-child, .cta-link .cta-inner h2 + .content-area:last-child, .columns + .widget-area:last-child, .content-area + .widget-area:last-child, .widget-area + .widget-area:last-child, .page-slide h2 + .widget-area:last-child, .cta-link .cta-inner h2 + .widget-area:last-child, .page-slide .columns + h2:last-child, .page-slide .content-area + h2:last-child, .page-slide .widget-area + h2:last-child, .page-slide h2 + h2:last-child, .cta-link .cta-inner .columns + h2:last-child, .cta-link .cta-inner .content-area + h2:last-child, .cta-link .cta-inner .widget-area + h2:last-child, .cta-link .cta-inner h2 + h2:last-child {
float: right;
}
.column + .column.end,
.columns + .columns.end, .content-area + .columns.end, .widget-area + .columns.end, .page-slide h2 + .columns.end, .cta-link .cta-inner h2 + .columns.end, .columns + .end.content-area, .content-area + .end.content-area, .widget-area + .end.content-area, .page-slide h2 + .end.content-area, .cta-link .cta-inner h2 + .end.content-area, .columns + .end.widget-area, .content-area + .end.widget-area, .widget-area + .end.widget-area, .page-slide h2 + .end.widget-area, .cta-link .cta-inner h2 + .end.widget-area, .page-slide .columns + h2.end, .page-slide .content-area + h2.end, .page-slide .widget-area + h2.end, .page-slide h2 + h2.end, .cta-link .cta-inner .columns + h2.end, .cta-link .cta-inner .content-area + h2.end, .cta-link .cta-inner .widget-area + h2.end, .cta-link .cta-inner h2 + h2.end {
float: left;
}
@media only screen {
.small-push-0 {
left: 0;
position: relative;
right: auto;
}
.small-pull-0 {
left: auto;
position: relative;
right: 0;
}
.small-push-1 {
left: 8.3333333333%;
position: relative;
right: auto;
}
.small-pull-1 {
left: auto;
position: relative;
right: 8.3333333333%;
}
.small-push-2 {
left: 16.6666666667%;
position: relative;
right: auto;
}
.small-pull-2 {
left: auto;
position: relative;
right: 16.6666666667%;
}
.small-push-3 {
left: 25%;
position: relative;
right: auto;
}
.small-pull-3 {
left: auto;
position: relative;
right: 25%;
}
.small-push-4 {
left: 33.3333333333%;
position: relative;
right: auto;
}
.small-pull-4 {
left: auto;
position: relative;
right: 33.3333333333%;
}
.small-push-5 {
left: 41.6666666667%;
position: relative;
right: auto;
}
.small-pull-5 {
left: auto;
position: relative;
right: 41.6666666667%;
}
.small-push-6 {
left: 50%;
position: relative;
right: auto;
}
.small-pull-6 {
left: auto;
position: relative;
right: 50%;
}
.small-push-7 {
left: 58.3333333333%;
position: relative;
right: auto;
}
.small-pull-7 {
left: auto;
position: relative;
right: 58.3333333333%;
}
.small-push-8 {
left: 66.6666666667%;
position: relative;
right: auto;
}
.small-pull-8 {
left: auto;
position: relative;
right: 66.6666666667%;
}
.small-push-9 {
left: 75%;
position: relative;
right: auto;
}
.small-pull-9 {
left: auto;
position: relative;
right: 75%;
}
.small-push-10 {
left: 83.3333333333%;
position: relative;
right: auto;
}
.small-pull-10 {
left: auto;
position: relative;
right: 83.3333333333%;
}
.small-push-11 {
left: 91.6666666667%;
position: relative;
right: auto;
}
.small-pull-11 {
left: auto;
position: relative;
right: 91.6666666667%;
}
.column,
.columns, .content-area, .widget-area, .page-slide h2, .cta-link .cta-inner h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
position: relative;
}
.small-1 {
width: 8.3333333333%;
}
.small-2 {
width: 16.6666666667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.3333333333%;
}
.small-5 {
width: 41.6666666667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.3333333333%;
}
.small-8 {
width: 66.6666666667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.3333333333%;
}
.small-11 {
width: 91.6666666667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0 !important;
}
.small-offset-1 {
margin-left: 8.3333333333% !important;
}
.small-offset-2 {
margin-left: 16.6666666667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.3333333333% !important;
}
.small-offset-5 {
margin-left: 41.6666666667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.3333333333% !important;
}
.small-offset-8 {
margin-left: 66.6666666667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.3333333333% !important;
}
.small-offset-11 {
margin-left: 91.6666666667% !important;
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.small-centered,
.columns.small-centered, .small-centered.content-area, .small-centered.widget-area, .page-slide h2.small-centered, .cta-link .cta-inner h2.small-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.column.small-uncentered,
.columns.small-uncentered, .small-uncentered.content-area, .small-uncentered.widget-area, .page-slide h2.small-uncentered, .cta-link .cta-inner h2.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.small-centered:last-child,
.columns.small-centered:last-child, .small-centered.content-area:last-child, .small-centered.widget-area:last-child, .page-slide h2.small-centered:last-child, .cta-link .cta-inner h2.small-centered:last-child {
float: none;
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child, .small-uncentered.content-area:last-child, .small-uncentered.widget-area:last-child, .page-slide h2.small-uncentered:last-child, .cta-link .cta-inner h2.small-uncentered:last-child {
float: left;
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite, .small-uncentered.opposite.content-area, .small-uncentered.opposite.widget-area, .page-slide h2.small-uncentered.opposite, .cta-link .cta-inner h2.small-uncentered.opposite {
float: right;
}
.row.small-collapse > .column,
.row.small-collapse > .columns, .row.small-collapse > .content-area, .row.small-collapse > .widget-area, .page-slide .row.small-collapse > h2, .cta-link .cta-inner .row.small-collapse > h2 {
padding-left: 0;
padding-right: 0;
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns, .row.small-uncollapse > .content-area, .row.small-uncollapse > .widget-area, .page-slide .row.small-uncollapse > h2, .cta-link .cta-inner .row.small-uncollapse > h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media only screen and (min-width: 40.063em) {
.medium-push-0 {
left: 0;
position: relative;
right: auto;
}
.medium-pull-0 {
left: auto;
position: relative;
right: 0;
}
.medium-push-1 {
left: 8.3333333333%;
position: relative;
right: auto;
}
.medium-pull-1 {
left: auto;
position: relative;
right: 8.3333333333%;
}
.medium-push-2 {
left: 16.6666666667%;
position: relative;
right: auto;
}
.medium-pull-2 {
left: auto;
position: relative;
right: 16.6666666667%;
}
.medium-push-3 {
left: 25%;
position: relative;
right: auto;
}
.medium-pull-3 {
left: auto;
position: relative;
right: 25%;
}
.medium-push-4 {
left: 33.3333333333%;
position: relative;
right: auto;
}
.medium-pull-4 {
left: auto;
position: relative;
right: 33.3333333333%;
}
.medium-push-5 {
left: 41.6666666667%;
position: relative;
right: auto;
}
.medium-pull-5 {
left: auto;
position: relative;
right: 41.6666666667%;
}
.medium-push-6 {
left: 50%;
position: relative;
right: auto;
}
.medium-pull-6 {
left: auto;
position: relative;
right: 50%;
}
.medium-push-7 {
left: 58.3333333333%;
position: relative;
right: auto;
}
.medium-pull-7 {
left: auto;
position: relative;
right: 58.3333333333%;
}
.medium-push-8 {
left: 66.6666666667%;
position: relative;
right: auto;
}
.medium-pull-8 {
left: auto;
position: relative;
right: 66.6666666667%;
}
.medium-push-9 {
left: 75%;
position: relative;
right: auto;
}
.medium-pull-9 {
left: auto;
position: relative;
right: 75%;
}
.medium-push-10 {
left: 83.3333333333%;
position: relative;
right: auto;
}
.medium-pull-10 {
left: auto;
position: relative;
right: 83.3333333333%;
}
.medium-push-11 {
left: 91.6666666667%;
position: relative;
right: auto;
}
.medium-pull-11 {
left: auto;
position: relative;
right: 91.6666666667%;
}
.column,
.columns, .content-area, .widget-area, .page-slide h2, .cta-link .cta-inner h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
position: relative;
}
.medium-1 {
width: 8.3333333333%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-3, .widget-area {
width: 25%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-9, .content-area {
width: 75%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-12, .content-area.full-width {
width: 100%;
}
.medium-offset-0 {
margin-left: 0 !important;
}
.medium-offset-1 {
margin-left: 8.3333333333% !important;
}
.medium-offset-2 {
margin-left: 16.6666666667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.3333333333% !important;
}
.medium-offset-5 {
margin-left: 41.6666666667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.3333333333% !important;
}
.medium-offset-8 {
margin-left: 66.6666666667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.3333333333% !important;
}
.medium-offset-11 {
margin-left: 91.6666666667% !important;
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.medium-centered,
.columns.medium-centered, .medium-centered.content-area, .medium-centered.widget-area, .page-slide h2.medium-centered, .cta-link .cta-inner h2.medium-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.column.medium-uncentered,
.columns.medium-uncentered, .medium-uncentered.content-area, .medium-uncentered.widget-area, .page-slide h2.medium-uncentered, .cta-link .cta-inner h2.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child, .medium-centered.content-area:last-child, .medium-centered.widget-area:last-child, .page-slide h2.medium-centered:last-child, .cta-link .cta-inner h2.medium-centered:last-child {
float: none;
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child, .medium-uncentered.content-area:last-child, .medium-uncentered.widget-area:last-child, .page-slide h2.medium-uncentered:last-child, .cta-link .cta-inner h2.medium-uncentered:last-child {
float: left;
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite, .medium-uncentered.opposite.content-area, .medium-uncentered.opposite.widget-area, .page-slide h2.medium-uncentered.opposite, .cta-link .cta-inner h2.medium-uncentered.opposite {
float: right;
}
.row.medium-collapse > .column,
.row.medium-collapse > .columns, .row.medium-collapse > .content-area, .row.medium-collapse > .widget-area, .page-slide .row.medium-collapse > h2, .cta-link .cta-inner .row.medium-collapse > h2 {
padding-left: 0;
padding-right: 0;
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns, .row.medium-uncollapse > .content-area, .row.medium-uncollapse > .widget-area, .page-slide .row.medium-uncollapse > h2, .cta-link .cta-inner .row.medium-uncollapse > h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.push-0 {
left: 0;
position: relative;
right: auto;
}
.pull-0 {
left: auto;
position: relative;
right: 0;
}
.push-1 {
left: 8.3333333333%;
position: relative;
right: auto;
}
.pull-1 {
left: auto;
position: relative;
right: 8.3333333333%;
}
.push-2 {
left: 16.6666666667%;
position: relative;
right: auto;
}
.pull-2 {
left: auto;
position: relative;
right: 16.6666666667%;
}
.push-3 {
left: 25%;
position: relative;
right: auto;
}
.pull-3 {
left: auto;
position: relative;
right: 25%;
}
.push-4 {
left: 33.3333333333%;
position: relative;
right: auto;
}
.pull-4 {
left: auto;
position: relative;
right: 33.3333333333%;
}
.push-5 {
left: 41.6666666667%;
position: relative;
right: auto;
}
.pull-5 {
left: auto;
position: relative;
right: 41.6666666667%;
}
.push-6 {
left: 50%;
position: relative;
right: auto;
}
.pull-6 {
left: auto;
position: relative;
right: 50%;
}
.push-7 {
left: 58.3333333333%;
position: relative;
right: auto;
}
.pull-7 {
left: auto;
position: relative;
right: 58.3333333333%;
}
.push-8 {
left: 66.6666666667%;
position: relative;
right: auto;
}
.pull-8 {
left: auto;
position: relative;
right: 66.6666666667%;
}
.push-9 {
left: 75%;
position: relative;
right: auto;
}
.pull-9 {
left: auto;
position: relative;
right: 75%;
}
.push-10 {
left: 83.3333333333%;
position: relative;
right: auto;
}
.pull-10 {
left: auto;
position: relative;
right: 83.3333333333%;
}
.push-11 {
left: 91.6666666667%;
position: relative;
right: auto;
}
.pull-11 {
left: auto;
position: relative;
right: 91.6666666667%;
}
}
@media only screen and (min-width: 64.063em) {
.large-push-0 {
left: 0;
position: relative;
right: auto;
}
.large-pull-0 {
left: auto;
position: relative;
right: 0;
}
.large-push-1 {
left: 8.3333333333%;
position: relative;
right: auto;
}
.large-pull-1 {
left: auto;
position: relative;
right: 8.3333333333%;
}
.large-push-2 {
left: 16.6666666667%;
position: relative;
right: auto;
}
.large-pull-2 {
left: auto;
position: relative;
right: 16.6666666667%;
}
.large-push-3 {
left: 25%;
position: relative;
right: auto;
}
.large-pull-3 {
left: auto;
position: relative;
right: 25%;
}
.large-push-4 {
left: 33.3333333333%;
position: relative;
right: auto;
}
.large-pull-4 {
left: auto;
position: relative;
right: 33.3333333333%;
}
.large-push-5 {
left: 41.6666666667%;
position: relative;
right: auto;
}
.large-pull-5 {
left: auto;
position: relative;
right: 41.6666666667%;
}
.large-push-6 {
left: 50%;
position: relative;
right: auto;
}
.large-pull-6 {
left: auto;
position: relative;
right: 50%;
}
.large-push-7 {
left: 58.3333333333%;
position: relative;
right: auto;
}
.large-pull-7 {
left: auto;
position: relative;
right: 58.3333333333%;
}
.large-push-8 {
left: 66.6666666667%;
position: relative;
right: auto;
}
.large-pull-8 {
left: auto;
position: relative;
right: 66.6666666667%;
}
.large-push-9 {
left: 75%;
position: relative;
right: auto;
}
.large-pull-9 {
left: auto;
position: relative;
right: 75%;
}
.large-push-10 {
left: 83.3333333333%;
position: relative;
right: auto;
}
.large-pull-10 {
left: auto;
position: relative;
right: 83.3333333333%;
}
.large-push-11 {
left: 91.6666666667%;
position: relative;
right: auto;
}
.large-pull-11 {
left: auto;
position: relative;
right: 91.6666666667%;
}
.column,
.columns, .content-area, .widget-area, .page-slide h2, .cta-link .cta-inner h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
position: relative;
}
.large-1 {
width: 8.3333333333%;
}
.large-2 {
width: 16.6666666667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.3333333333%;
}
.large-5 {
width: 41.6666666667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.3333333333%;
}
.large-8 {
width: 66.6666666667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.3333333333%;
}
.large-11 {
width: 91.6666666667%;
}
.large-12, .page-slide h2, .cta-link .cta-inner h2 {
width: 100%;
}
.large-offset-0 {
margin-left: 0 !important;
}
.large-offset-1 {
margin-left: 8.3333333333% !important;
}
.large-offset-2 {
margin-left: 16.6666666667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.3333333333% !important;
}
.large-offset-5 {
margin-left: 41.6666666667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.3333333333% !important;
}
.large-offset-8 {
margin-left: 66.6666666667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.3333333333% !important;
}
.large-offset-11 {
margin-left: 91.6666666667% !important;
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.large-centered,
.columns.large-centered, .large-centered.content-area, .large-centered.widget-area, .page-slide h2.large-centered, .cta-link .cta-inner h2.large-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.column.large-uncentered,
.columns.large-uncentered, .large-uncentered.content-area, .large-uncentered.widget-area, .page-slide h2.large-uncentered, .cta-link .cta-inner h2.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.large-centered:last-child,
.columns.large-centered:last-child, .large-centered.content-area:last-child, .large-centered.widget-area:last-child, .page-slide h2.large-centered:last-child, .cta-link .cta-inner h2.large-centered:last-child {
float: none;
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child, .large-uncentered.content-area:last-child, .large-uncentered.widget-area:last-child, .page-slide h2.large-uncentered:last-child, .cta-link .cta-inner h2.large-uncentered:last-child {
float: left;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite, .large-uncentered.opposite.content-area, .large-uncentered.opposite.widget-area, .page-slide h2.large-uncentered.opposite, .cta-link .cta-inner h2.large-uncentered.opposite {
float: right;
}
.row.large-collapse > .column,
.row.large-collapse > .columns, .row.large-collapse > .content-area, .row.large-collapse > .widget-area, .page-slide .row.large-collapse > h2, .cta-link .cta-inner .row.large-collapse > h2 {
padding-left: 0;
padding-right: 0;
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns, .row.large-uncollapse > .content-area, .row.large-uncollapse > .widget-area, .page-slide .row.large-uncollapse > h2, .cta-link .cta-inner .row.large-uncollapse > h2 {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.push-0 {
left: 0;
position: relative;
right: auto;
}
.pull-0 {
left: auto;
position: relative;
right: 0;
}
.push-1 {
left: 8.3333333333%;
position: relative;
right: auto;
}
.pull-1 {
left: auto;
position: relative;
right: 8.3333333333%;
}
.push-2 {
left: 16.6666666667%;
position: relative;
right: auto;
}
.pull-2 {
left: auto;
position: relative;
right: 16.6666666667%;
}
.push-3 {
left: 25%;
position: relative;
right: auto;
}
.pull-3 {
left: auto;
position: relative;
right: 25%;
}
.push-4 {
left: 33.3333333333%;
position: relative;
right: auto;
}
.pull-4 {
left: auto;
position: relative;
right: 33.3333333333%;
}
.push-5 {
left: 41.6666666667%;
position: relative;
right: auto;
}
.pull-5 {
left: auto;
position: relative;
right: 41.6666666667%;
}
.push-6 {
left: 50%;
position: relative;
right: auto;
}
.pull-6 {
left: auto;
position: relative;
right: 50%;
}
.push-7 {
left: 58.3333333333%;
position: relative;
right: auto;
}
.pull-7 {
left: auto;
position: relative;
right: 58.3333333333%;
}
.push-8 {
left: 66.6666666667%;
position: relative;
right: auto;
}
.pull-8 {
left: auto;
position: relative;
right: 66.6666666667%;
}
.push-9 {
left: 75%;
position: relative;
right: auto;
}
.pull-9 {
left: auto;
position: relative;
right: 75%;
}
.push-10 {
left: 83.3333333333%;
position: relative;
right: auto;
}
.pull-10 {
left: auto;
position: relative;
right: 83.3333333333%;
}
.push-11 {
left: 91.6666666667%;
position: relative;
right: auto;
}
.pull-11 {
left: auto;
position: relative;
right: 91.6666666667%;
}
}
/*--------------------------------------------------------------
## PURPLE OLD WORDPRESS Accordion
--------------------------------------------------------------
.accordion .purpleAccordion{
margin-bottom: 0;
}
.accordion:before, .accordion:after , .purpleAccordion:before, .purpleAccordion:after{
content: " ";
display: table;
}
.accordion:after, .purpleAccordion:after {
clear: both;
}
.accordion .accordion-navigation, .accordion dd , .purpleAccordion .purpleAccordion-navigation, .purpleAccordion dd{
display: block;
margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a ,
.purpleAccordion .purpleAccordion-navigation.active > a, .purpleAccordion dd.active > a{
background: #e8e8e8;
}
.accordion .accordion-navigation > a, .accordion dd > a ,
.purpleAccordion .purpleAccordion-navigation > a, .purpleAccordion dd > a{
background: #EFEFEF;
color: #222222;
display: block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
padding: 1rem;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover ,
.purpleAccordion .purpleAccordion-navigation > a:hover, .purpleAccordion dd > a:hover{
background: #e3e3e3;
}
.accordion .accordion-navigation > .content, .accordion dd > .content,
.purpleAccordion .purpleAccordion-navigation > .content, .purpleAccordion dd > .content{
display: none;
padding: 0.9375rem;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active,
.purpleAccordion .purpleAccordion-navigation > .purpleAontent.active, .purpleAccordion dd > .content.active {
background: #FFFFFF;
display: block;
}
/*.accordionRow {
margin-bottom: 2em;
}
#main .normal, #main .alternate {
padding: 0;
margin: 0;
}
.accordionRow h4, .purpleAccordionRow h4 {
padding: 5px 20px;
background-color: #473A78;
color: #FFF;
border-radius: 10px;
}
.accordionRow h4:hover, .purpleAccordionRow h4:hover {
cursor: pointer;
background-color: #87027B;
}
*/
/*-------------------------------------------------------------
## OLD WORDPRESS Tabs
---------------------------------------------------------------
section.normal.tabs,
section.alternate.tabs {
padding-bottom: 0;
margin-bottom: 0;
}
#content-tabs {
display: block;
padding: 0;
margin: 0;
z-index: 15;
position:relative;
}
#content-tabs li {
display: inline-block;
padding: 0;
}
#content-tabs a {
text-decoration: none !important;
display: block;
padding: 5px 20px;
border: 1px solid #542f90;
background-color: #542f90;
color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#content-tabs a.active {
border-bottom: 1px solid #FFF;
background-color: #FFF;
color: #500778;
}
section.normal.tab-content,
section.alternate.tab-content {
padding-top: 0;
margin-top: 0;
padding-bottom: 2em;
margin-bottom: 0;
}
.tab-content .tabRow {
position: relative;
border: 1px #542f90;
padding: 1em;
top: -1px;
background-color: #FFF;
z-index: 10;
border-radius: 10px;
}
/*--------------------------------------------------------------
## OLD WORDPRESS OLD WORDPRESS Alert Boxes
--------------------------------------------------------------
.alert-box {
background-color: #542f90;
border-color: #3d3267;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
display: block;
font-size: 0.8125rem;
font-weight: normal;
margin-bottom: 1.25rem;
padding: 0.875rem 1.5rem 0.875rem 0.875rem;
position: relative;
transition: opacity 300ms ease-out;
}
.alert-box .close {
background: inherit;
color: #333333;
font-size: 1.375rem;
line-height: .9;
margin-top: -0.6875rem;
opacity: 0.3;
padding: 0 6px 4px;
position: absolute;
right: 0.25rem;
top: 50%;
}
.alert-box .close:hover,
.alert-box .close:focus {
opacity: 0.5;
}
.alert-box.radius {
border-radius: 4px;
}
.alert-box.round {
border-radius: 1000px;
}
.alert-box.success {
background-color: #43ac6a;
border-color: #3a945b;
color: #FFFFFF;
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #FFFFFF;
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f;
}
.alert-box.warning {
background-color: #eb9b14;
border-color: #ca8511;
color: #FFFFFF;
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f;
}
.alert-box.alert-close {
opacity: 0;
}
/*--------------------------------------------------------------
## Block Grid
--------------------------------------------------------------*/
[class*="block-grid-"] {
display: block;
margin: 0 -0.625rem;
padding: 0;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table;
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 1.25rem;
}
@media only screen {
.small-block-grid-1 > li {
list-style: none;
width: 100%;
}
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.small-block-grid-2 > li {
list-style: none;
width: 50%;
}
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.small-block-grid-3 > li {
list-style: none;
width: 33.3333333333%;
}
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.small-block-grid-4 > li {
list-style: none;
width: 25%;
}
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.small-block-grid-5 > li {
list-style: none;
width: 20%;
}
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.small-block-grid-6 > li {
list-style: none;
width: 16.6666666667%;
}
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.small-block-grid-7 > li {
list-style: none;
width: 14.2857142857%;
}
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.small-block-grid-8 > li {
list-style: none;
width: 12.5%;
}
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.small-block-grid-9 > li {
list-style: none;
width: 11.1111111111%;
}
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.small-block-grid-10 > li {
list-style: none;
width: 10%;
}
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.small-block-grid-11 > li {
list-style: none;
width: 9.0909090909%;
}
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.small-block-grid-12 > li {
list-style: none;
width: 8.3333333333%;
}
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 40.063em) {
.medium-block-grid-1 > li {
list-style: none;
width: 100%;
}
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.medium-block-grid-2 > li {
list-style: none;
width: 50%;
}
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.medium-block-grid-3 > li {
list-style: none;
width: 33.3333333333%;
}
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.medium-block-grid-4 > li {
list-style: none;
width: 25%;
}
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.medium-block-grid-5 > li {
list-style: none;
width: 20%;
}
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.medium-block-grid-6 > li {
list-style: none;
width: 16.6666666667%;
}
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.medium-block-grid-7 > li {
list-style: none;
width: 14.2857142857%;
}
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.medium-block-grid-8 > li {
list-style: none;
width: 12.5%;
}
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.medium-block-grid-9 > li {
list-style: none;
width: 11.1111111111%;
}
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.medium-block-grid-10 > li {
list-style: none;
width: 10%;
}
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.medium-block-grid-11 > li {
list-style: none;
width: 9.0909090909%;
}
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.medium-block-grid-12 > li {
list-style: none;
width: 8.3333333333%;
}
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 64.063em) {
.large-block-grid-1 > li {
list-style: none;
width: 100%;
}
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.large-block-grid-2 > li {
list-style: none;
width: 50%;
}
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.large-block-grid-3 > li {
list-style: none;
width: 33.3333333333%;
}
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.large-block-grid-4 > li {
list-style: none;
width: 25%;
}
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.large-block-grid-5 > li {
list-style: none;
width: 20%;
}
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.large-block-grid-6 > li {
list-style: none;
width: 16.6666666667%;
}
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.large-block-grid-7 > li {
list-style: none;
width: 14.2857142857%;
}
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.large-block-grid-8 > li {
list-style: none;
width: 12.5%;
}
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.large-block-grid-9 > li {
list-style: none;
width: 11.1111111111%;
}
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.large-block-grid-10 > li {
list-style: none;
width: 10%;
}
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.large-block-grid-11 > li {
list-style: none;
width: 9.0909090909%;
}
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.large-block-grid-12 > li {
list-style: none;
width: 8.3333333333%;
}
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
/*--------------------------------------------------------------
## OLD WORDPRESS Breadcrumbs
--------------------------------------------------------------
.breadcrumbs {
background-color: #f4f4f4;
border-color: gainsboro;
border-radius: 4px;
border-style: solid;
border-width: 1px;
display: block;
list-style: none;
margin-left: 0;
overflow: hidden;
padding: 0.5625rem 0.875rem 0.5625rem;
}
.breadcrumbs > * {
color: #542f90;
float: left;
font-size: 0.6875rem;
line-height: 0.6875rem;
margin: 0;
text-transform: uppercase;
}
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
text-decoration: underline;
}
.breadcrumbs > * a {
color: #542f90;
}
.breadcrumbs > *.current {
color: #333333;
cursor: default;
}
.breadcrumbs > *.current a {
color: #333333;
cursor: default;
}
.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a,
.breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
text-decoration: none;
}
.breadcrumbs > *.unavailable {
color: #999999;
}
.breadcrumbs > *.unavailable a {
color: #999999;
}
.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a,
.breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
color: #999999;
cursor: not-allowed;
text-decoration: none;
}
.breadcrumbs > *:before {
color: #AAAAAA;
content: "/";
margin: 0 0.75rem;
position: relative;
top: 1px;
}
.breadcrumbs > *:first-child:before {
content: " ";
margin: 0;
}
*/
/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
content: "/";
}
button a{color:#ffffff; text-decoration:none;}
button a:hover, button a:focus{color:#ffffff; text-decoration:none;}
button, .button {
background-color: #00757a;
border-radius:5px;
border-color: #392e60;
/*border-radius: 12px;*/
border-style: solid;
border-width: 0;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: normal;
margin: 1rem 0rem;
padding: 1rem 2rem 1.0625rem 2rem;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color 300ms ease-out;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: 0 8px 6px -6px black;
font-weight:bold;
}
button:hover,
button:focus, .button:hover,
.button:focus {
background-color: #575659;
font-weight:bold;
}
button:hover,
button:focus, .button:hover,
.button:focus {
color: #FFFFFF;
}
button.secondary, .button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
button.secondary:hover,
button.secondary:focus, .button.secondary:hover,
.button.secondary:focus {
background-color: #b9b9b9;
}
button.secondary:hover,
button.secondary:focus, .button.secondary:hover,
.button.secondary:focus {
color: #333333;
}
button.success, .button.success {
background-color: #43ac6a;
border-color: #368a55;
color: #FFFFFF;
}
button.success:hover,
button.success:focus, .button.success:hover,
.button.success:focus {
background-color: #368a55;
}
button.success:hover,
button.success:focus, .button.success:hover,
.button.success:focus {
color: #FFFFFF;
}
button.alert, .button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
}
button.alert:hover,
button.alert:focus, .button.alert:hover,
.button.alert:focus {
background-color: #cf2a0e;
}
button.alert:hover,
button.alert:focus, .button.alert:hover,
.button.alert:focus {
color: #FFFFFF;
}
button.warning, .button.warning {
background-color: #eb9b14;
border-color: #bc7c10;
color: #FFFFFF;
}
button.warning:hover,
button.warning:focus, .button.warning:hover,
.button.warning:focus {
background-color: #bc7c10;
}
button.warning:hover,
button.warning:focus, .button.warning:hover,
.button.warning:focus {
color: #FFFFFF;
}
button.info, .button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
}
button.info:hover,
button.info:focus, .button.info:hover,
.button.info:focus {
background-color: #61b6d9;
}
button.info:hover,
button.info:focus, .button.info:hover,
.button.info:focus {
color: #FFFFFF;
}
button.large, .button.large {
font-size: 1.25rem;
padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
}
button.small, .button.small {
font-size: 0.8125rem;
padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
}
button.tiny, .button.tiny {
font-size: 0.6875rem;
padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
}
button.expand, .button.expand {
padding-left: 0;
padding-right: 0;
width: 100%;
}
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75rem;
}
button.right-align, .button.right-align {
padding-right: 0.75rem;
text-align: right;
}
button.radius, .button.radius {
border-radius: 4px;
}
button.round, .button.round {
border-radius: 1000px;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #542f90;
border-color: #392e60;
box-shadow: none;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
}
button.disabled:hover,
button.disabled:focus, button[disabled]:hover,
button[disabled]:focus, .button.disabled:hover,
.button.disabled:focus, .button[disabled]:hover,
.button[disabled]:focus {
background-color: #392e60;
}
button.disabled:hover,
button.disabled:focus, button[disabled]:hover,
button[disabled]:focus, .button.disabled:hover,
.button.disabled:focus, .button[disabled]:hover,
.button[disabled]:focus {
color: #FFFFFF;
}
button.disabled:hover,
button.disabled:focus, button[disabled]:hover,
button[disabled]:focus, .button.disabled:hover,
.button.disabled:focus, .button[disabled]:hover,
.button[disabled]:focus {
background-color: #542f90;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
box-shadow: none;
color: #333333;
cursor: default;
opacity: 0.7;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus, button[disabled].secondary:hover,
button[disabled].secondary:focus, .button.disabled.secondary:hover,
.button.disabled.secondary:focus, .button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #b9b9b9;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus, button[disabled].secondary:hover,
button[disabled].secondary:focus, .button.disabled.secondary:hover,
.button.disabled.secondary:focus, .button[disabled].secondary:hover,
.button[disabled].secondary:focus {
color: #333333;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus, button[disabled].secondary:hover,
button[disabled].secondary:focus, .button.disabled.secondary:hover,
.button.disabled.secondary:focus, .button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #e7e7e7;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #43ac6a;
border-color: #368a55;
box-shadow: none;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
}
button.disabled.success:hover,
button.disabled.success:focus, button[disabled].success:hover,
button[disabled].success:focus, .button.disabled.success:hover,
.button.disabled.success:focus, .button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #368a55;
}
button.disabled.success:hover,
button.disabled.success:focus, button[disabled].success:hover,
button[disabled].success:focus, .button.disabled.success:hover,
.button.disabled.success:focus, .button[disabled].success:hover,
.button[disabled].success:focus {
color: #FFFFFF;
}
button.disabled.success:hover,
button.disabled.success:focus, button[disabled].success:hover,
button[disabled].success:focus, .button.disabled.success:hover,
.button.disabled.success:focus, .button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #43ac6a;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
box-shadow: none;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
}
button.disabled.alert:hover,
button.disabled.alert:focus, button[disabled].alert:hover,
button[disabled].alert:focus, .button.disabled.alert:hover,
.button.disabled.alert:focus, .button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #cf2a0e;
}
button.disabled.alert:hover,
button.disabled.alert:focus, button[disabled].alert:hover,
button[disabled].alert:focus, .button.disabled.alert:hover,
.button.disabled.alert:focus, .button[disabled].alert:hover,
.button[disabled].alert:focus {
color: #FFFFFF;
}
button.disabled.alert:hover,
button.disabled.alert:focus, button[disabled].alert:hover,
button[disabled].alert:focus, .button.disabled.alert:hover,
.button.disabled.alert:focus, .button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #f04124;
}
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
background-color: #eb9b14;
border-color: #bc7c10;
box-shadow: none;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
}
button.disabled.warning:hover,
button.disabled.warning:focus, button[disabled].warning:hover,
button[disabled].warning:focus, .button.disabled.warning:hover,
.button.disabled.warning:focus, .button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #bc7c10;
}
button.disabled.warning:hover,
button.disabled.warning:focus, button[disabled].warning:hover,
button[disabled].warning:focus, .button.disabled.warning:hover,
.button.disabled.warning:focus, .button[disabled].warning:hover,
.button[disabled].warning:focus {
color: #FFFFFF;
}
button.disabled.warning:hover,
button.disabled.warning:focus, button[disabled].warning:hover,
button[disabled].warning:focus, .button.disabled.warning:hover,
.button.disabled.warning:focus, .button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #eb9b14;
}
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
box-shadow: none;
color: #333333;
cursor: default;
opacity: 0.7;
}
button.disabled.info:hover,
button.disabled.info:focus, button[disabled].info:hover,
button[disabled].info:focus, .button.disabled.info:hover,
.button.disabled.info:focus, .button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #61b6d9;
}
button.disabled.info:hover,
button.disabled.info:focus, button[disabled].info:hover,
button[disabled].info:focus, .button.disabled.info:hover,
.button.disabled.info:focus, .button[disabled].info:hover,
.button[disabled].info:focus {
color: #FFFFFF;
}
button.disabled.info:hover,
button.disabled.info:focus, button[disabled].info:hover,
button[disabled].info:focus, .button.disabled.info:hover,
.button.disabled.info:focus, .button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #a0d3e8;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
@media only screen and (min-width: 40.063em) {
.button {
display: inline-block;
}
}
.button-group {
left: 0;
list-style: none;
margin: 0;
}
.button-group:before, .button-group:after {
content: " ";
display: table;
}
.button-group:after {
clear: both;
}
.button-group.even-2 li {
display: inline-block;
margin: 0 -2px;
width: 50%;
}
.button-group.even-2 li > button, .button-group.even-2 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
border-left: 0;
}
.button-group.even-2 li button, .button-group.even-2 li .button {
width: 100%;
}
.button-group.even-3 li {
display: inline-block;
margin: 0 -2px;
width: 33.3333333333%;
}
.button-group.even-3 li > button, .button-group.even-3 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
border-left: 0;
}
.button-group.even-3 li button, .button-group.even-3 li .button {
width: 100%;
}
.button-group.even-4 li {
display: inline-block;
margin: 0 -2px;
width: 25%;
}
.button-group.even-4 li > button, .button-group.even-4 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
border-left: 0;
}
.button-group.even-4 li button, .button-group.even-4 li .button {
width: 100%;
}
.button-group.even-5 li {
display: inline-block;
margin: 0 -2px;
width: 20%;
}
.button-group.even-5 li > button, .button-group.even-5 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
border-left: 0;
}
.button-group.even-5 li button, .button-group.even-5 li .button {
width: 100%;
}
.button-group.even-6 li {
display: inline-block;
margin: 0 -2px;
width: 16.6666666667%;
}
.button-group.even-6 li > button, .button-group.even-6 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
border-left: 0;
}
.button-group.even-6 li button, .button-group.even-6 li .button {
width: 100%;
}
.button-group.even-7 li {
display: inline-block;
margin: 0 -2px;
width: 14.2857142857%;
}
.button-group.even-7 li > button, .button-group.even-7 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
border-left: 0;
}
.button-group.even-7 li button, .button-group.even-7 li .button {
width: 100%;
}
.button-group.even-8 li {
display: inline-block;
margin: 0 -2px;
width: 12.5%;
}
.button-group.even-8 li > button, .button-group.even-8 li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
border-left: 0;
}
.button-group.even-8 li button, .button-group.even-8 li .button {
width: 100%;
}
.button-group > li {
display: inline-block;
margin: 0 -2px;
}
.button-group > li > button, .button-group > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group > li:first-child button, .button-group > li:first-child .button {
border-left: 0;
}
.button-group.stack > li {
display: block;
float: none;
margin: 0;
}
.button-group.stack > li > button, .button-group.stack > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
border-left: 0;
}
.button-group.stack > li > button, .button-group.stack > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.stack > li > button {
width: 100%;
}
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
border-top: 0;
}
.button-group.stack-for-small > li {
display: inline-block;
margin: 0 -2px;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-left: 0;
}
@media only screen and (max-width: 40em) {
.button-group.stack-for-small > li {
display: block;
margin: 0;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-left: 0;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.stack-for-small > li > button {
width: 100%;
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-top: 0;
}
}
.button-group.radius > * {
display: inline-block;
margin: 0 -2px;
}
.button-group.radius > * > button, .button-group.radius > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
border-left: 0;
}
.button-group.radius > *,
.button-group.radius > * > a,
.button-group.radius > * > button,
.button-group.radius > * > .button {
border-radius: 0;
}
.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button {
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.button-group.radius.stack > * {
display: block;
margin: 0;
}
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.radius.stack > * > button {
width: 100%;
}
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
border-top: 0;
}
.button-group.radius.stack > *,
.button-group.radius.stack > * > a,
.button-group.radius.stack > * > button,
.button-group.radius.stack > * > .button {
border-radius: 0;
}
.button-group.radius.stack > *:first-child,
.button-group.radius.stack > *:first-child > a,
.button-group.radius.stack > *:first-child > button,
.button-group.radius.stack > *:first-child > .button {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-top-left-radius: 4px;
-webkit-top-right-radius: 4px;
}
.button-group.radius.stack > *:last-child,
.button-group.radius.stack > *:last-child > a,
.button-group.radius.stack > *:last-child > button,
.button-group.radius.stack > *:last-child > .button {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-bottom-left-radius: 4px;
-webkit-bottom-right-radius: 4px;
}
@media only screen and (min-width: 40.063em) {
.button-group.radius.stack-for-small > * {
display: inline-block;
margin: 0 -2px;
}
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
}
@media only screen and (max-width: 40em) {
.button-group.radius.stack-for-small > * {
display: block;
margin: 0;
}
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.radius.stack-for-small > * > button {
width: 100%;
}
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-top: 0;
}
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-top-left-radius: 4px;
-webkit-top-right-radius: 4px;
}
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-bottom-left-radius: 4px;
-webkit-bottom-right-radius: 4px;
}
}
.button-group.round > * {
display: inline-block;
margin: 0 -2px;
}
.button-group.round > * > button, .button-group.round > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
border-left: 0;
}
.button-group.round > *,
.button-group.round > * > a,
.button-group.round > * > button,
.button-group.round > * > .button {
border-radius: 0;
}
.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button {
border-bottom-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
}
.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button {
border-bottom-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
}
.button-group.round.stack > * {
display: block;
margin: 0;
}
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
border-left: 0;
}
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.round.stack > * > button {
width: 100%;
}
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
border-top: 0;
}
.button-group.round.stack > *,
.button-group.round.stack > * > a,
.button-group.round.stack > * > button,
.button-group.round.stack > * > .button {
border-radius: 0;
}
.button-group.round.stack > *:first-child,
.button-group.round.stack > *:first-child > a,
.button-group.round.stack > *:first-child > button,
.button-group.round.stack > *:first-child > .button {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
}
.button-group.round.stack > *:last-child,
.button-group.round.stack > *:last-child > a,
.button-group.round.stack > *:last-child > button,
.button-group.round.stack > *:last-child > .button {
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
}
@media only screen and (min-width: 40.063em) {
.button-group.round.stack-for-small > * {
display: inline-block;
margin: 0 -2px;
}
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
border-bottom-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
}
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
border-bottom-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
}
}
@media only screen and (max-width: 40em) {
.button-group.round.stack-for-small > * {
display: block;
margin: 0;
}
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left: 1px solid;
}
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0;
}
.button-group.round.stack-for-small > * > button {
width: 100%;
}
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-top: 0;
}
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
}
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
}
}
.button-bar:before, .button-bar:after {
content: " ";
display: table;
}
.button-bar:after {
clear: both;
}
.button-bar .button-group {
float: left;
margin-right: 0.625rem;
}
.button-bar .button-group div {
overflow: hidden;
}
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Dropdown
--------------------------------------------------------------*/
/* Foundation Dropdowns
.f-dropdown {
background: #FFFFFF;
border: solid 1px #cccccc;
display: none;
font-size: 0.875rem;
height: auto;
left: -9999px;
list-style: none;
margin-left: 0;
margin-top: 2px;
max-height: none;
max-width: 200px;
position: absolute;
width: 100%;
z-index: 89;
}
.f-dropdown.open {
display: block;
}
.f-dropdown > *:first-child {
margin-top: 0;
}
.f-dropdown > *:last-child {
margin-bottom: 0;
}
.f-dropdown:before {
border: inset 6px;
border-bottom-style: solid;
border-color: transparent transparent #FFFFFF transparent;
content: "";
display: block;
height: 0;
left: 10px;
position: absolute;
top: -12px;
width: 0;
z-index: 89;
}
.f-dropdown:after {
border: inset 7px;
border-bottom-style: solid;
border-color: transparent transparent #cccccc transparent;
content: "";
display: block;
height: 0;
left: 9px;
position: absolute;
top: -14px;
width: 0;
z-index: 88;
}
.f-dropdown.right:before {
left: auto;
right: 10px;
}
.f-dropdown.right:after {
left: auto;
right: 9px;
}
.f-dropdown.drop-right {
background: #FFFFFF;
border: solid 1px #cccccc;
display: none;
font-size: 0.875rem;
height: auto;
left: -9999px;
list-style: none;
margin-left: 0;
margin-left: 2px;
margin-top: 0;
max-height: none;
max-width: 200px;
position: absolute;
width: 100%;
z-index: 89;
}
.f-dropdown.drop-right.open {
display: block;
}
.f-dropdown.drop-right > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-right > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-right:before {
border: inset 6px;
border-color: transparent #FFFFFF transparent transparent;
border-right-style: solid;
content: "";
display: block;
height: 0;
left: -12px;
position: absolute;
top: 10px;
width: 0;
z-index: 89;
}
.f-dropdown.drop-right:after {
border: inset 7px;
border-color: transparent #cccccc transparent transparent;
border-right-style: solid;
content: "";
display: block;
height: 0;
left: -14px;
position: absolute;
top: 9px;
width: 0;
z-index: 88;
}
.f-dropdown.drop-left {
background: #FFFFFF;
border: solid 1px #cccccc;
display: none;
font-size: 0.875rem;
height: auto;
left: -9999px;
list-style: none;
margin-left: 0;
margin-left: -2px;
margin-top: 0;
max-height: none;
max-width: 200px;
position: absolute;
width: 100%;
z-index: 89;
}
.f-dropdown.drop-left.open {
display: block;
}
.f-dropdown.drop-left > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-left > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-left:before {
border: inset 6px;
border-color: transparent transparent transparent #FFFFFF;
border-left-style: solid;
content: "";
display: block;
height: 0;
left: auto;
position: absolute;
right: -12px;
top: 10px;
width: 0;
z-index: 89;
}
.f-dropdown.drop-left:after {
border: inset 7px;
border-color: transparent transparent transparent #cccccc;
border-left-style: solid;
content: "";
display: block;
height: 0;
left: auto;
position: absolute;
right: -14px;
top: 9px;
width: 0;
z-index: 88;
}
.f-dropdown.drop-top {
background: #FFFFFF;
border: solid 1px #cccccc;
display: none;
font-size: 0.875rem;
height: auto;
left: -9999px;
list-style: none;
margin-left: 0;
margin-left: 0;
margin-top: -2px;
max-height: none;
max-width: 200px;
position: absolute;
width: 100%;
z-index: 89;
}
.f-dropdown.drop-top.open {
display: block;
}
.f-dropdown.drop-top > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-top > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-top:before {
border: inset 6px;
border-color: #FFFFFF transparent transparent transparent;
border-top-style: solid;
bottom: -12px;
content: "";
display: block;
height: 0;
left: 10px;
position: absolute;
right: auto;
top: auto;
width: 0;
z-index: 89;
}
.f-dropdown.drop-top:after {
border: inset 7px;
border-color: #cccccc transparent transparent transparent;
border-top-style: solid;
bottom: -14px;
content: "";
display: block;
height: 0;
left: 9px;
position: absolute;
right: auto;
top: auto;
width: 0;
z-index: 88;
}
.f-dropdown li {
cursor: pointer;
font-size: 0.875rem;
line-height: 1.125rem;
margin: 0;
}
.f-dropdown li:hover,
.f-dropdown li:focus {
background: #EEEEEE;
}
.f-dropdown li.radius {
border-radius: 4px;
}
.f-dropdown li a {
color: #555555;
display: block;
padding: 0.5rem;
}
.f-dropdown.content {
background: #FFFFFF;
border: solid 1px #cccccc;
display: none;
font-size: 0.875rem;
height: auto;
left: -9999px;
list-style: none;
margin-left: 0;
max-height: none;
max-width: 200px;
padding: 1.25rem;
position: absolute;
width: 100%;
z-index: 89;
}
.f-dropdown.content.open {
display: block;
}
.f-dropdown.content > *:first-child {
margin-top: 0;
}
.f-dropdown.content > *:last-child {
margin-bottom: 0;
}
.f-dropdown.tiny {
max-width: 200px;
}
.f-dropdown.small {
max-width: 300px;
}
.f-dropdown.medium {
max-width: 500px;
}
.f-dropdown.large {
max-width: 800px;
}
.f-dropdown.mega {
max-width: 100% !important;
width: 100% !important;
}
.f-dropdown.mega.open {
left: 0 !important;
}
/*--------------------------------------------------------------
## Flex Video
--------------------------------------------------------------
.flex-video {
height: 0;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 1.5625rem;
position: relative;
}
.flex-video.widescreen {
padding-bottom: 56.34%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
/* Standard Forms */
form {
margin: 0 0 1rem;
}
/* Using forms within rows, we need to set some defaults */
form .row .row {
margin: 0 -0.5rem;
}
form .row .row .column,
form .row .row .columns, form .row .row .content-area, form .row .row .widget-area, form .row .row .page-slide h2, .page-slide form .row .row h2, form .row .row .cta-link .cta-inner h2, .cta-link .cta-inner form .row .row h2 {
padding: 0 0.5rem;
}
form .row .row.collapse {
margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns, form .row .row.collapse .content-area, form .row .row.collapse .widget-area, form .row .row.collapse .page-slide h2, .page-slide form .row .row.collapse h2, form .row .row.collapse .cta-link .cta-inner h2, .cta-link .cta-inner form .row .row.collapse h2 {
padding: 0;
}
form .row .row.collapse input {
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row input.content-area,
form .row input.widget-area,
form .row textarea.column,
form .row textarea.columns, form .row textarea.content-area, form .row textarea.widget-area {
padding-left: 0.5rem;
}
/* Label Styles */
label {
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0;
/* Styles for required inputs */
}
label.right {
float: none !important;
text-align: right;
}
label.inline {
margin: 0 0 1rem 0;
padding: 0.5625rem 0;
}
label small {
color: #676767;
text-transform: capitalize;
}
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.875rem;
height: 2.3125rem;
line-height: 2.3125rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
border-color: true;
}
.prefix.button {
border: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: center;
}
.prefix.button.radius {
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-radius: 0;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
.postfix.button.radius {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.prefix.button.round {
border-bottom-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-radius: 0;
border-top-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
}
.postfix.button.round {
border-bottom-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-radius: 0;
border-top-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
}
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
background: #f2f2f2;
border-color: #cccccc;
border-right: none;
color: #333333;
}
span.postfix, label.postfix {
background: #f2f2f2;
border-color: #cccccc;
color: #333333;
}
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
background-color: #FFFFFF;
border-color: #cccccc;
border-radius: 0;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: rgba(0, 0, 0, 0.75);
display: block;
font-family: inherit;
font-size: 0.875rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
padding: 0.5rem;
transition: border-color 0.15s linear, background 0.15s linear;
-moz-transition: border-color 0.15s linear, background 0.15s linear;
-ms-transition: border-color 0.15s linear, background 0.15s linear;
-o-transition: border-color 0.15s linear, background 0.15s linear;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
background-color: #DDDDDD;
cursor: default;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"], input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"], input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"], input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"], input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"], input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"], input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"], textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
background-color: #DDDDDD;
cursor: default;
}
input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
border-radius: 4px;
}
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
form .row .prefix-radius.row.collapse .prefix {
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-radius: 0;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-radius: 0;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
form .row .postfix-radius.row.collapse .postfix {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-bottom-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-radius: 0;
border-top-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
}
form .row .prefix-round.row.collapse .prefix {
border-bottom-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-radius: 0;
border-top-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-bottom-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-radius: 0;
border-top-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse .postfix {
border-bottom-right-radius: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-radius: 0;
border-top-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
}
input[type="submit"] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
/* Respect enforced amount of rows for textarea */
textarea[rows] {
height: auto;
}
/* Not allow resize out of parent */
textarea {
max-width: 100%;
}
::-webkit-input-placeholder {
color: #cccccc;
}
:-moz-placeholder {
/* Firefox 18- */
color: #cccccc;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #cccccc;
}
:-ms-input-placeholder {
color: #cccccc;
}
/* Add height value for select elements to match text input height */
select {
background-color: #FAFAFA;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
background-position: 100% center;
background-repeat: no-repeat;
border-color: #cccccc;
border-radius: 0;
border-radius: 0;
border-style: solid;
border-width: 1px;
color: rgba(0, 0, 0, 0.75);
font-family: inherit;
font-size: 0.875rem;
height: 2.3125rem;
line-height: normal;
padding: 0.5rem;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
select::-ms-expand {
display: none;
}
select.radius {
border-radius: 4px;
}
select:hover {
background-color: #f3f3f3;
border-color: #999999;
}
select:disabled {
background-color: #DDDDDD;
cursor: default;
}
select[multiple] {
height: auto;
}
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1rem 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-bottom: 0;
margin-left: 0.5rem;
margin-right: 1rem;
vertical-align: baseline;
}
/* Normalize file input width */
input[type="file"] {
width: 100%;
}
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
border: 1px solid #DDDDDD;
margin: 1.125rem 0;
padding: 1.25rem;
}
fieldset legend {
background: #FFFFFF;
font-weight: bold;
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
background: #f04124;
color: #FFFFFF;
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
}
[data-abide] span.error, [data-abide] small.error {
display: none;
}
span.error, small.error {
background: #f04124;
color: #FFFFFF;
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
}
.error input,
.error textarea,
.error select {
margin-bottom: 0;
}
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem;
}
.error label,
.error label.error {
color: #f04124;
}
.error small.error {
background: #f04124;
color: #FFFFFF;
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
}
.error > label > small {
background: transparent;
color: #676767;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize;
}
.error span.error-message {
display: block;
}
input.error,
textarea.error,
select.error {
margin-bottom: 0;
}
label.error {
color: #f04124;
}
/*--------------------------------------------------------------
## Inline Lists
--------------------------------------------------------------*/
.inline-list {
list-style: none;
margin: 0 auto 1.0625rem auto;
margin-left: -1.375rem;
margin-right: 0;
overflow: hidden;
padding: 0;
}
.inline-list > li {
display: block;
float: left;
list-style: none;
margin-left: 1.375rem;
}
.inline-list > li > * {
display: block;
}
/*--------------------------------------------------------------
## Labels
--------------------------------------------------------------*/
.label {
background-color: #542f90;
color: #FFFFFF;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 0.6875rem;
font-weight: normal;
line-height: 1;
margin-bottom: auto;
padding: 0.25rem 0.5rem 0.25rem;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.label.radius {
border-radius: 4px;
}
.label.round {
border-radius: 1000px;
}
.label.alert {
background-color: #f04124;
color: #FFFFFF;
}
.label.warning {
background-color: #eb9b14;
color: #FFFFFF;
}
.label.success {
background-color: #43ac6a;
color: #FFFFFF;
}
.label.secondary {
background-color: #e7e7e7;
color: #333333;
}
.label.info {
background-color: #a0d3e8;
color: #333333;
}
/*--------------------------------------------------------------
## Orbit
--------------------------------------------------------------
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Orbit Graceful Loading
.slideshow-wrapper {
position: relative;
}
.slideshow-wrapper ul {
list-style-type: none;
margin: 0;
}
.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
display: none;
}
.slideshow-wrapper ul li:first-child {
display: block;
}
.slideshow-wrapper .orbit-container {
background-color: transparent;
}
.slideshow-wrapper .orbit-container li {
display: block;
}
.slideshow-wrapper .orbit-container li .orbit-caption {
display: block;
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
display: inline-block;
}
.slideshow-wrapper .preloader {
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: rotate;
animation-timing-function: linear;
border: solid 3px;
border-color: #555555 #FFFFFF;
border-radius: 1000px;
display: block;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
}
.orbit-container {
background: none;
overflow: hidden;
position: relative;
width: 100%;
}
.orbit-container .orbit-slides-container {
list-style: none;
margin: 0;
padding: 0;
position: relative;
transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.orbit-container .orbit-slides-container img {
display: block;
max-width: 100%;
}
.orbit-container .orbit-slides-container > * {
margin-left: 100%;
position: absolute;
top: 0;
width: 100%;
}
.orbit-container .orbit-slides-container > *:first-child {
margin-left: 0;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
background-color: rgba(51, 51, 51, 0.8);
bottom: 0;
color: #FFFFFF;
font-size: 0.875rem;
padding: 0.625rem 0.875rem;
position: absolute;
width: 100%;
}
.orbit-container .orbit-slide-number {
background: transparent;
color: #FFFFFF;
font-size: 12px;
left: 10px;
position: absolute;
top: 10px;
z-index: 10;
}
.orbit-container .orbit-slide-number span {
font-weight: 700;
padding: 0.3125rem;
}
.orbit-container .orbit-timer {
height: 6px;
position: absolute;
right: 10px;
top: 12px;
width: 100px;
z-index: 10;
}
.orbit-container .orbit-timer .orbit-progress {
background-color: rgba(255, 255, 255, 0.3);
display: block;
height: 3px;
position: relative;
right: 20px;
top: 5px;
width: 0;
}
.orbit-container .orbit-timer > span {
border: solid 4px #FFFFFF;
border-bottom: none;
border-top: none;
display: none;
height: 14px;
position: absolute;
right: 0;
top: 0;
width: 11px;
}
.orbit-container .orbit-timer.paused > span {
border: inset 8px;
border-color: transparent;
border-left-color: #FFFFFF;
border-left-style: solid;
height: 14px;
right: -4px;
top: 0;
width: 11px;
}
.orbit-container .orbit-timer.paused > span.dark {
border-left-color: #333333;
}
.orbit-container:hover .orbit-timer > span {
display: block;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
background-color: transparent;
color: white;
height: 60px;
line-height: 50px;
margin-top: -25px;
position: absolute;
text-indent: -9999px !important;
top: 45%;
width: 36px;
z-index: 10;
}
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
border: inset 10px;
display: block;
height: 0;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0;
}
.orbit-container .orbit-prev {
left: 0;
}
.orbit-container .orbit-prev > span {
border-color: transparent;
border-right-color: #FFFFFF;
border-right-style: solid;
}
.orbit-container .orbit-prev:hover > span {
border-right-color: #FFFFFF;
}
.orbit-container .orbit-next {
right: 0;
}
.orbit-container .orbit-next > span {
border-color: transparent;
border-left-color: #FFFFFF;
border-left-style: solid;
left: 50%;
margin-left: -4px;
}
.orbit-container .orbit-next:hover > span {
border-left-color: #FFFFFF;
}
.orbit-bullets-container {
text-align: center;
}
.orbit-bullets {
display: block;
float: none;
margin: 0 auto 30px auto;
overflow: hidden;
position: relative;
text-align: center;
top: 10px;
}
.orbit-bullets li {
background: #CCCCCC;
border-radius: 1000px;
cursor: pointer;
display: inline-block;
float: none;
height: 0.5625rem;
margin-right: 6px;
width: 0.5625rem;
}
.orbit-bullets li.active {
background: #999999;
}
.orbit-bullets li:last-child {
margin-right: 0;
}
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: none;
}
.touch .orbit-bullets {
display: none;
}
.readmore{
position: absolute;
bottom: -40%;
right: 10%;
width: 20%;
}
.readmore a{
display: block !important;
/* float: right;
}
}
@media only screen and (min-width: 40.063em) {
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: inherit;
}
.touch .orbit-bullets {
display: block;
}
}
@media only screen and (max-width: 40em) {
/*.orbit-stack-on-small .orbit-slides-container {
height: auto !important;
}
.orbit-stack-on-small .orbit-slides-container > * {
margin: 0 !important;
opacity: 1 !important;
position: relative;
}
.orbit-stack-on-small .orbit-slide-number {
display: none;
}
.orbit-timer {
display: none;
}
.orbit-next, .orbit-prev {
display: none;
}
.orbit-bullets {
display: none;
}
.sliderImage img{
width:auto !important;
max-width:80%;
max-height:221px;
margin:auto;
float:none;
}
.sliderImage{
width:100%;
}
.sliderContent{
width:100%;
margin:auto;
text-align:center;
}
.sliderContainer{
height:auto;
}
.readmore{
margin:auto;
display:block;
width:80%;
right:0;
margin-top:20px;
position:unset;
}
.orbit-bullets-container{
}
}
/*--------------------------------------------------------------
## Panels
--------------------------------------------------------------
/* Panels
.panel {
background: #f2f2f2;
color: #333333;
margin-bottom: 1.25rem;
padding: 1.25rem;
}
.panel > :first-child {
margin-top: 0;
}
.panel > :last-child {
margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
color: #333333;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
line-height: 1;
margin-bottom: 0.625rem;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
line-height: 1.4;
}
.panel.callout {
background: #f3f2f9;
border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
color: #333333;
margin-bottom: 1.25rem;
padding: 1.25rem;
}
.panel.callout > :first-child {
margin-top: 0;
}
.panel.callout > :last-child {
margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
color: #333333;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
line-height: 1;
margin-bottom: 0.625rem;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
line-height: 1.4;
}
.panel.callout a:not(.button) {
color: #542f90;
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
color: #3d3267;
}
.panel.radius {
border-radius: 4px;
}
/*--------------------------------------------------------------
## Side Nav
--------------------------------------------------------------*/
.side-nav {
display: block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0.875rem 0;
}
.side-nav li {
font-size: 0.875rem;
font-weight: normal;
margin: 0 0 0.4375rem 0;
}
.side-nav li a:not(.button) {
color: #542f90;
display: block;
margin: 0;
padding: 0.4375rem 0.875rem;
}
.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
background: rgba(0, 0, 0, 0.025);
color: #7362b3;
}
.side-nav li a:not(.button):active {
color: #7362b3;
}
.side-nav li.active > a:first-child:not(.button) {
color: #7362b3;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.side-nav li.divider {
border-top: 1px solid;
border-top-color: #e6e6e6;
height: 0;
list-style: none;
padding: 0;
}
.side-nav li.heading {
color: #542f90;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
}
/*--------------------------------------------------------------
## Sub Nav
--------------------------------------------------------------
.sub-nav {
display: block;
margin: -0.25rem 0 1.125rem;
overflow: hidden;
padding-top: 0.25rem;
width: auto;
}
.sub-nav dt {
text-transform: uppercase;
}
.sub-nav dt,
.sub-nav dd,
.sub-nav li {
color: #999999;
float: left;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
font-weight: normal;
margin-bottom: 0;
margin-left: 1rem;
}
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
color: #999999;
padding: 0.1875rem 1rem;
text-decoration: none;
}
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
color: #737373;
}
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
background: #542f90;
border-radius: 3px;
color: #FFFFFF;
cursor: default;
font-weight: normal;
padding: 0.1875rem 1rem;
}
.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
background: #3d3267;
}
/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
table {
background: #FFFFFF;
border: solid 1px #DDDDDD;
margin-bottom: 1.25rem;
table-layout: auto;
overflow-x: auto;
}
table caption {
background: transparent;
color: #222222;
font-size: 1rem;
font-weight: bold;
}
table thead {
background: #F5F5F5;
}
table thead tr th,
table thead tr td {
color: #222222;
font-size: 0.875rem;
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem;
}
table tfoot {
background: #F5F5F5;
}
table tfoot tr th,
table tfoot tr td {
color: #222222;
font-size: 0.875rem;
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem;
}
table tr th,
table tr td {
color: #222222;
font-size: 0.875rem;
padding: 0.5625rem 0.625rem;
text-align: left;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: #F9F9F9;
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
display: table-cell;
line-height: 1.125rem;
}
/*--------------------------------------------------------------
## Tabs
--------------------------------------------------------------
.tabs {
margin-bottom: 0 !important;
margin-left: 0;
}
.tabs:before, .tabs:after {
content: " ";
display: table;
}
.tabs:after {
clear: both;
}
.tabs dd,
.tabs .tab-title {
float: left;
list-style: none;
margin-bottom: 0 !important;
position: relative;
}
.tabs dd > a,
.tabs .tab-title > a {
background-color: #EFEFEF;
color: #222222;
display: block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
padding: 1rem 2rem;
}
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
background-color: #e1e1e1;
}
.tabs dd.active a,
.tabs .tab-title.active a {
background-color: #FFFFFF;
color: #222222;
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.tabs.vertical dd,
.tabs.vertical .tab-title {
display: block;
float: none;
position: inherit;
top: auto;
}
.tabs-content {
margin-bottom: 1.5rem;
width: 100%;
}
.tabs-content:before, .tabs-content:after {
content: " ";
display: table;
}
.tabs-content:after {
clear: both;
}
.tabs-content > .content {
display: none;
float: left;
padding: 0.9375rem 0;
width: 100%;
}
.tabs-content > .content.active {
display: block;
float: none;
}
.tabs-content > .content.contained {
padding: 0.9375rem;
}
.tabs-content.vertical {
display: block;
}
.tabs-content.vertical > .content {
padding: 0 0.9375rem;
}
@media only screen and (min-width: 40.063em) {
.tabs.vertical {
float: left;
margin: 0;
margin-bottom: 1.25rem !important;
max-width: 20%;
width: 20%;
}
.tabs-content.vertical {
float: left;
margin-left: -1px;
max-width: 80%;
padding-left: 1rem;
width: 80%;
}
}
.no-js .tabs-content > .content {
display: block;
float: none;
}
/*--------------------------------------------------------------
## Thumbs
--------------------------------------------------------------
/* Image Thumbnails */
.th {
border: solid 4px #FFFFFF;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
display: inline-block;
line-height: 0;
max-width: 100%;
transition: all 200ms ease-out;
}
.th:hover,
.th:focus {
box-shadow: 0 0 6px 1px rgba(71, 58, 120, 0.5);
}
.th.radius {
border-radius: 4px;
}
/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:882px)/";
width: 882px;
}
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
background: #e9e9e9;
width: 100%;
}
.contain-to-grid .top-bar, .contain-to-grid .sub-navigation {
margin-bottom: 0;
}
.fixed {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%;
}
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99;
}
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: 3.75rem;
z-index: 98;
}
.top-bar, .sub-navigation {
background: #e9e9e9;
height: 2rem; /*height: 3.75rem;*/
line-height: 2em; /*line-height: 3.75rem;*/
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.top-bar ul, .sub-navigation ul {
list-style: none;
margin-bottom: 0;
}
.top-bar .row, .sub-navigation .row {
max-width: none;
}
.top-bar form,
.sub-navigation form,
.top-bar input,
.sub-navigation input,
.top-bar select, .sub-navigation select {
margin-bottom: 0;
}
.top-bar input,
.sub-navigation input,
.top-bar select, .sub-navigation select {
font-size: 0.75rem;
height: 1.75rem;
padding-bottom: .35rem;
padding-top: .35rem;
}
.top-bar .button, .sub-navigation .button, .top-bar button, .sub-navigation button {
font-size: 0.75rem;
margin-bottom: 0;
padding-bottom: 0.4125rem;
padding-top: 0.4125rem;
}
@media only screen and (max-width: 40em) {
.top-bar .button, .sub-navigation .button, .top-bar button, .sub-navigation button {
position: relative;
top: -1px;
}
.has-submenu button {
display: none;
}
}
.top-bar .title-area, .sub-navigation .title-area {
margin: 0;
position: relative;
}
.top-bar .name, .sub-navigation .name {
font-size: 16px;
height: 2rem;
margin: 0;
}
.top-bar .name h1, .sub-navigation .name h1, .top-bar .name h2, .sub-navigation .name h2, .top-bar .name h3, .sub-navigation .name h3, .top-bar .name h4, .sub-navigation .name h4, .top-bar .name p, .sub-navigation .name p, .top-bar .name span, .sub-navigation .name span {
font-size: 1.0625rem;
line-height: 3.75rem;
margin: 0;
}
.top-bar .name h1 a, .sub-navigation .name h1 a, .top-bar .name h2 a, .sub-navigation .name h2 a, .top-bar .name h3 a, .sub-navigation .name h3 a, .top-bar .name h4 a, .sub-navigation .name h4 a, .top-bar .name p a, .sub-navigation .name p a, .top-bar .name span a, .sub-navigation .name span a {
color: #333333;
display: block;
font-weight: normal;
padding: 0 1.25rem;
width: 75%;
}
.top-bar .toggle-topbar, .sub-navigation .toggle-topbar {
position: absolute;
left: 0;
top: 0;
}
.top-bar .toggle-topbar a, .sub-navigation .toggle-topbar a {
color: #333333;
display: block;
font-size: 0.8125rem;
font-weight: bold;
height: 3.75rem;
line-height: 3.75rem;
padding: 0 1.25rem;
position: relative;
text-transform: uppercase;
}
.top-bar .toggle-topbar.menu-icon, .sub-navigation .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%;
}
.top-bar .toggle-topbar.menu-icon a, .sub-navigation .toggle-topbar.menu-icon a {
color: #FFFFFF;
height: 34px;
line-height: 33px;
padding: 0 2.8125rem 0 1.25rem;
position: relative;
}
.top-bar .toggle-topbar.menu-icon a span::after, .sub-navigation .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
content: "";
display: block;
height: 0;
margin-top: -8px;
position: absolute;
right: 1.25rem;
top: 50%;
width: 16px;
}
.top-bar .toggle-topbar.menu-icon a span:hover:after, .sub-navigation .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}
.top-bar.expanded, .expanded.sub-navigation {
background: transparent;
height: auto;
}
.top-bar.expanded .title-area, .expanded.sub-navigation .title-area {
background: #e9e9e9;
}
.top-bar.expanded .toggle-topbar a, .expanded.sub-navigation .toggle-topbar a {
color: #888888;
}
.top-bar.expanded .toggle-topbar a span::after, .expanded.sub-navigation .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
.expanded.sub-navigation .top-bar-section .has-dropdown.moved > .dropdown,
.top-bar.expanded .top-bar-section .dropdown, .expanded.sub-navigation .top-bar-section .dropdown {
clip: initial;
}
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul, .expanded.sub-navigation .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0;
}
}
.top-bar-section {
left: 0;
position: relative;
transition: left 300ms ease-out;
width: auto;
}
.top-bar-section ul {
display: block;
font-size: 16px;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-top: solid 1px #757575;
clear: both;
height: 1px;
width: 100%;
}
.top-bar-section ul li {
background: transparent;
}
.top-bar-section ul li > a {
color: #333333;
display: block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
padding: 12px 0 12px 1.25rem;
padding-left: 1.25rem;
text-transform: none;
width: 100%;
}
.top-bar-section ul li > a.button {
background-color: #542f90;
border-color: #392e60;
color: #FFFFFF;
font-size: 1rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
background-color: #392e60;
}
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
color: #FFFFFF;
}
.top-bar-section ul li > a.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
background-color: #b9b9b9;
}
.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
color: #333333;
}
.top-bar-section ul li > a.button.success {
background-color: #43ac6a;
border-color: #368a55;
color: #FFFFFF;
}
.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
background-color: #368a55;
}
.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
color: #FFFFFF;
}
.top-bar-section ul li > a.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
}
.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
background-color: #cf2a0e;
}
.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
color: #FFFFFF;
}
.top-bar-section ul li > a.button.warning {
background-color: #eb9b14;
border-color: #bc7c10;
color: #FFFFFF;
}
.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
background-color: #bc7c10;
}
.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
color: #FFFFFF;
}
.top-bar-section ul li > a.button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
}
.top-bar-section ul li > a.button.info:hover,
.top-bar-section ul li > a.button.info:focus {
background-color: #61b6d9;
}
.top-bar-section ul li > a.button.info:hover,
.top-bar-section ul li > a.button.info:focus {
color: #FFFFFF;
}
.top-bar-section ul li > button {
background-color: #542f90;
border-color: #392e60;
color: #FFFFFF;
font-size: 1rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
background-color: #392e60;
}
.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
color: #FFFFFF;
}
.top-bar-section ul li > button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
background-color: #b9b9b9;
}
.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
color: #333333;
}
.top-bar-section ul li > button.success {
background-color: #43ac6a;
border-color: #368a55;
color: #FFFFFF;
}
.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
background-color: #368a55;
}
.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
color: #FFFFFF;
}
.top-bar-section ul li > button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
}
.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
background-color: #cf2a0e;
}
.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
color: #FFFFFF;
}
.top-bar-section ul li > button.warning {
background-color: #eb9b14;
border-color: #bc7c10;
color: #FFFFFF;
}
.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
background-color: #bc7c10;
}
.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
color: #FFFFFF;
}
.top-bar-section ul li > button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
}
.top-bar-section ul li > button.info:hover,
.top-bar-section ul li > button.info:focus {
background-color: #61b6d9;
}
.top-bar-section ul li > button.info:hover,
.top-bar-section ul li > button.info:focus {
color: #FFFFFF;
}
.top-bar-section ul li:hover:not(.has-form) > a {
background: #542f90;
background-color: #542f90;
color: #e9e9e9;
}
.top-bar-section ul li.active > a {
background: #542f90;
color: #FFFFFF;
}
.top-bar-section ul li.active > a:hover {
background: #3d3267;
color: #FFFFFF;
}
.top-bar-section .has-form {
padding: 1.25rem;
}
.top-bar-section .has-dropdown {
position: relative;
}
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
border-left-style: solid;
content: "";
display: block;
height: 0;
margin-right: 1.25rem;
margin-top: -4.5px;
position: absolute;
right: 0;
top: 50%;
width: 0;
}
.top-bar-section .has-dropdown.moved {
position: static;
}
.top-bar-section .has-dropdown.moved > .dropdown {
clip: auto;
display: block;
height: auto;
overflow: visible;
position: static !important;
position: absolute !important;
width: auto;
width: 100%;
}
.top-bar-section .has-dropdown.moved > a:after {
display: none;
}
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
display: block;
height: 1px;
left: 100%;
overflow: hidden;
padding: 0;
position: absolute !important;
position: absolute;
top: 0;
width: 1px;
z-index: 99;
}
.top-bar-section .dropdown li {
height: auto;
width: 100%;
}
.top-bar-section .dropdown li a {
font-weight: 400;
padding: 8px 1.25rem;
}
.top-bar-section .dropdown li a.parent-link {
font-weight: normal;
}
.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
font-size: 1.125rem;
margin-bottom: 0;
margin-top: 0;
}
.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
color: #333333;
display: block;
}
.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
background: none;
}
.top-bar-section .dropdown li.has-form {
padding: 8px 1.25rem;
}
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
top: auto;
}
.top-bar-section .dropdown label {
color: #777777;
font-size: 0.625rem;
font-weight: bold;
margin-bottom: 0;
padding: 8px 1.25rem 2px;
text-transform: uppercase;
}
.js-generated {
display: block;
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 882px) {
.top-bar, .sub-navigation {
background: #e9e9e9;
overflow: visible;
}
.top-bar:before, .sub-navigation:before, .top-bar:after, .sub-navigation:after {
content: " ";
display: table;
}
.top-bar:after, .sub-navigation:after {
clear: both;
}
.top-bar .toggle-topbar, .sub-navigation .toggle-topbar {
display: none;
}
.top-bar .title-area, .sub-navigation .title-area {
float: left;
}
.top-bar .name h1 a,
.sub-navigation .name h1 a,
.top-bar .name h2 a,
.sub-navigation .name h2 a,
.top-bar .name h3 a,
.sub-navigation .name h3 a,
.top-bar .name h4 a,
.sub-navigation .name h4 a,
.top-bar .name h5 a,
.sub-navigation .name h5 a,
.top-bar .name h6 a, .sub-navigation .name h6 a {
width: auto;
}
.top-bar input,
.sub-navigation input,
.top-bar select,
.sub-navigation select,
.top-bar .button,
.sub-navigation .button,
.top-bar button, .sub-navigation button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: 1rem;
}
.top-bar.expanded, .expanded.sub-navigation {
background: #e9e9e9;
}
.contain-to-grid .top-bar, .contain-to-grid .sub-navigation {
margin: 0 auto;
margin-bottom: 0;
max-width: 73.125rem;
}
.top-bar-section {
left: 0 !important;
transition: none 0 0;
}
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto;
}
.top-bar-section ul li {
float: left;
}
.top-bar-section ul li .js-generated {
display: none;
}
.top-bar-section li.hover > a:not(.button) {
background: #542f90;
background-color: #542f90;
color: #e9e9e9;
}
.top-bar-section li:not(.has-form) a:not(.button) {
background: #e9e9e9;
line-height: 2rem; /*line-height: 3.75rem;*/
padding: 0 1.25rem;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: #542f90;
background-color: #542f90;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: #542f90;
color: #FFFFFF;
line-height: 3.75rem;
padding: 0 1.25rem;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #3d3267;
color: #FFFFFF;
}
.top-bar-section .has-dropdown > a {
padding-right: 2.5rem !important;
}
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
border-top-style: solid;
content: "";
display: block;
height: 0;
margin-top: -2.5px;
top: 1.875rem;
width: 0;
}
.top-bar-section .has-dropdown.moved {
position: relative;
}
.top-bar-section .has-dropdown.moved > .dropdown {
clip: rect(1px, 1px, 1px, 1px);
display: block;
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
clip: auto;
display: block;
height: auto;
overflow: visible;
position: static !important;
position: absolute !important;
width: auto;
}
.top-bar-section .has-dropdown > a:focus + .dropdown {
clip: auto;
display: block;
height: auto;
overflow: visible;
position: static !important;
position: absolute !important;
width: auto;
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
right: 5px;
top: 0.1875rem;
}
.top-bar-section .dropdown {
background: transparent;
left: 0;
min-width: 100%;
top: auto;
}
.top-bar-section .dropdown li a {
background: rgba(91, 75, 154, 0.8);
color: #FFFFFF;
line-height: 3.75rem;
padding: 12px 1.25rem;
white-space: nowrap;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: rgba(91, 75, 154, 0.8);
color: #FFFFFF;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: #222222;
background-color: #542f90;
color: #e9e9e9;
}
.top-bar-section .dropdown li label {
background: #333333;
white-space: nowrap;
}
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0;
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-bottom: none;
border-right: solid 1px #ececec;
border-top: none;
clear: none;
height: 3.75rem;
width: 0;
}
.top-bar-section .has-form {
background: #e9e9e9;
height: 3.75rem;
padding: 0 1.25rem;
}
.top-bar-section .right li .dropdown {
left: auto;
right: 0;
}
.top-bar-section .right li .dropdown li .dropdown {
right: 100%;
}
.top-bar-section .left li .dropdown {
left: 0;
right: auto;
}
.top-bar-section .left li .dropdown li .dropdown {
left: 100%;
}
.no-js .top-bar-section ul li:hover > a {
background: #542f90;
background-color: #542f90;
color: #e9e9e9;
}
.no-js .top-bar-section ul li:active > a {
background: #542f90;
color: #FFFFFF;
}
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
clip: auto;
display: block;
height: auto;
overflow: visible;
position: static !important;
position: absolute !important;
width: auto;
}
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
clip: auto;
display: block;
height: auto;
overflow: visible;
position: static !important;
position: absolute !important;
width: auto;
}
}
/*--------------------------------------------------------------
## Type
--------------------------------------------------------------*/
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important;
}
.small-only-text-right {
text-align: right !important;
}
.small-only-text-center {
text-align: center !important;
}
.small-only-text-justify {
text-align: justify !important;
}
}
@media only screen {
.small-text-left {
text-align: left !important;
}
.small-text-right {
text-align: right !important;
}
.small-text-center {
text-align: center !important;
}
.small-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important;
}
.medium-only-text-right {
text-align: right !important;
}
.medium-only-text-center {
text-align: center !important;
}
.medium-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) {
.medium-text-left {
text-align: left !important;
}
.medium-text-right {
text-align: right !important;
}
.medium-text-center {
text-align: center !important;
}
.medium-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important;
}
.large-only-text-right {
text-align: right !important;
}
.large-only-text-center {
text-align: center !important;
}
.large-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) {
.large-text-left {
text-align: left !important;
}
.large-text-right {
text-align: right !important;
}
.large-text-center {
text-align: center !important;
}
.large-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important;
}
.xlarge-only-text-right {
text-align: right !important;
}
.xlarge-only-text-center {
text-align: center !important;
}
.xlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) {
.xlarge-text-left {
text-align: left !important;
}
.xlarge-text-right {
text-align: right !important;
}
.xlarge-text-center {
text-align: center !important;
}
.xlarge-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
.xxlarge-only-text-left {
text-align: left !important;
}
.xxlarge-only-text-right {
text-align: right !important;
}
.xxlarge-only-text-center {
text-align: center !important;
}
.xxlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) {
.xxlarge-text-left {
text-align: left !important;
}
.xxlarge-text-right {
text-align: right !important;
}
.xxlarge-text-center {
text-align: center !important;
}
.xxlarge-text-justify {
text-align: justify !important;
}
}
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
/* Default Link Styles */
a {
color: #542f90;
line-height: inherit;
}
/* Only underline links in the main content area */
#main a {
text-decoration: underline;
}
main {min-height:60vh;}
a:hover,
a:focus {
color: #3d3267;
}
a img {
border: none;
}
/* Default paragraph styles */
p {
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;
}
p.lead {
font-size: 1.21875rem;
line-height: 1.6;
}
p aside {
font-size: 1rem;
font-style: normal;
line-height: 1.6;
}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
color: #222222;
font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
font-style: normal;
font-weight: 700;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0.2rem;
text-rendering: optimizeLegibility;
letter-spacing: 0.2em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #6f6f6f;
font-size: 60%;
line-height: 0;
}
h1 {
font-size: 1.8rem;
}
h2 {
font-size: 1.6875rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
.subheader {
color: #6f6f6f;
font-weight: normal;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0.2rem;
}
hr {
border: solid #dddddd;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem;
}
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333333;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
padding: 0.125rem 0.3125rem 0.0625rem;
}
/* Lists */
ul,
ol,
dl {
font-family: inherit;
font-size: 1rem;
line-height: 1.6;
list-style-position: outside;
margin-bottom: 1.25rem;
text-align:left;
}
ul {
margin-left: 3rem;
}
ul.no-bullet {
margin-left: 0;
}
ul.no-bullet li ul,
ul.no-bullet li ol {
list-style: none;
margin-bottom: 0;
margin-left: 1.25rem;
}
/* Unordered Lists */
ul li ul,
ul li ol {
margin-bottom: 0;
margin-left: 1.25rem;
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
list-style: inherit;
}
ul.square {
list-style-type: square;
margin-left: 1.1rem;
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem;
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem;
}
ul.no-bullet {
list-style: none;
}
/* Ordered Lists */
ol {
margin-left: 1.4rem;
}
ol li ul,
ol li ol {
margin-bottom: 0;
margin-left: 1.25rem;
}
/* Definition Lists */
dl dt {
font-weight: 700;
margin-bottom: 0.3rem;
}
dl dd {
margin-bottom: 0.75rem;
}
/* Abbreviations */
abbr,
acronym {
color: #222222;
cursor: help;
font-size: 90%;
text-transform: uppercase;
}
abbr {
text-transform: none;
}
abbr[title] {
border-bottom: 1px dotted #DDDDDD;
}
/* Blockquotes */
blockquote {
border-left: 6px solid #f47821;
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
}
blockquote cite {
color: #555555;
display: block;
font-size: 0.8125rem;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
color: #555555;
}
blockquote,
blockquote p {
color: #542e8e;
line-height: 1.6;
font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
blockquote h2, blockquote h3, blockquote h4{color: #24094b;}
/* Microformats */
.vcard {
border: 1px solid #DDDDDD;
display: inline-block;
margin: 0 0 1.25rem 0;
padding: 0.625rem 0.75rem;
}
.vcard li {
display: block;
margin: 0;
}
.vcard .fn {
font-size: 0.9375rem;
font-weight: bold;
}
.vevent .summary {
font-weight: bold;
}
.vevent abbr {
border: none;
cursor: default;
font-weight: bold;
padding: 0 0.0625rem;
text-decoration: none;
}
@media only screen and (min-width: 40.063em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.6875rem;
}
h4 {
font-size: 1.4375rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
}
/*--------------------------------------------------------------
## Off Canvas
--------------------------------------------------------------*/
.off-canvas-wrap {
overflow: hidden;
position: relative;
width: 100%;
-webkit-backface-visibility: hidden;
}
.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left {
min-height: 100%;
-webkit-overflow-scrolling: touch;
}
.inner-wrap {
position: relative;
transition: transform 500ms linear;
-moz-transition: 500ms linear;
-ms-transition: 500ms linear;
-o-transition: 500ms linear;
-webkit-transition: 500ms linear;
width: 100%;
}
.inner-wrap:before, .inner-wrap:after {
content: " ";
display: table;
}
.inner-wrap:after {
clear: both;
}
.tab-bar {
background: white;
color: #333333;
height: 6.25rem;
line-height: 6.25rem;
position: relative;
-webkit-backface-visibility: hidden;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: #FFFFFF;
font-weight: 600;
line-height: 6.25rem;
margin: 0;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-size: 1.125rem;
}
.left-small {
border-right: solid 1px gray;
height: 6.25rem;
left: 0;
position: absolute;
top: 0;
width: 6.25rem;
}
.right-small {
border-left: solid 1px gray;
height: 6.25rem;
position: absolute;
right: 0;
top: 0;
width: 6.25rem;
z-index: 2;
}
.tab-bar-section {
height: 6.25rem;
padding: 0 0.625rem;
position: absolute;
text-align: center;
top: 0;
}
.tab-bar-section.left {
text-align: left;
}
.tab-bar-section.right {
text-align: right;
}
.tab-bar-section.left {
left: 0;
right: 6.25rem;
}
.tab-bar-section.right {
left: 6.25rem;
right: 0;
}
.tab-bar-section.middle {
left: 6.25rem;
right: 6.25rem;
}
.menu-icon {
color: #FFFFFF;
display: block;
height: 6.25rem;
padding: 0;
position: relative;
text-indent: 2.1875rem;
transform: translate3d(0, 0, 0);
width: 6.25rem;
}
/*.menu-icon span::after {
box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
content: "";
display: block;
height: 0;
left: 1.25rem;
position: absolute;
top: 2.1875rem;
width: 2.8125rem;
}*/
.menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.left-off-canvas-menu {
background: #333333;
bottom: 0;
box-sizing: content-box;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
/*transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transition: transform 500ms ease 0s;*/
width: 0;
z-index: 1001;
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.right-off-canvas-menu {
background: #333333;
bottom: 0;
box-sizing: content-box;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
right: -15.625rem;
top: 0;
width: 15.625rem;
width:0;
z-index: 1001;
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.off-canvas-list li label {
background: #444444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #ffffff;
display: block;
font-size: 0.75rem;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
}
ul.off-canvas-list li a {
border-bottom: 1px solid #262626;
color: #ffffff;
display: block;
padding: 0.6666666667rem;
transition: background 300ms ease;
}
ul.off-canvas-list li a:hover {
background: #b3b3b3;
}
ul.off-canvas-list li a:active {
background: #b3b3b3;
}
.move-right > .inner-wrap {
transform: translate3d(15.625rem, 0, 0);
-moz-transform: translate3d(15.625rem, 0, 0);
-ms-transform: translate(15.625rem, 0);
-ms-transform: translate3d(15.625rem, 0, 0);
-o-transform: translate3d(15.625rem, 0, 0);
-webkit-transform: translate3d(15.625rem, 0, 0);
}
.move-right .exit-off-canvas {
background: rgba(255, 255, 255, 0.2);
bottom: 0;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background 300ms ease;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.move-left > .inner-wrap {
transform: translate3d(-15.625rem, 0, 0);
-moz-transform: translate3d(-15.625rem, 0, 0);
-ms-transform: translate(-15.625rem, 0);
-ms-transform: translate3d(-15.625rem, 0, 0);
-o-transform: translate3d(-15.625rem, 0, 0);
-webkit-transform: translate3d(-15.625rem, 0, 0);
}
.move-left .exit-off-canvas {
background: rgba(255, 255, 255, 0.2);
bottom: 0;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background 300ms ease;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
z-index: 1003;
}
.offcanvas-overlap .exit-off-canvas {
background: rgba(255, 255, 255, 0.2);
bottom: 0;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background 300ms ease;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-left .right-off-canvas-menu {
transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
z-index: 1003;
}
.offcanvas-overlap-left .exit-off-canvas {
background: rgba(255, 255, 255, 0.2);
bottom: 0;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background 300ms ease;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-right .left-off-canvas-menu {
transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
z-index: 1003;
}
.offcanvas-overlap-right .exit-off-canvas {
background: rgba(255, 255, 255, 0.2);
bottom: 0;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background 300ms ease;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem;
}
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem;
}
.no-csstransforms .move-left > .inner-wrap {
right: 15.625rem;
}
.no-csstransforms .move-right > .inner-wrap {
left: 15.625rem;
}
.left-submenu {
background: #333333;
bottom: 0;
box-sizing: content-box;
left: 0;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transition: transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
-webkit-transition: -webkit-transform 500ms ease;
width: 15.625rem;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
.left-submenu * {
-webkit-backface-visibility: hidden;
}
.left-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
}
.left-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.left-submenu .back > a:before {
content: "\AB";
display: inline;
margin-right: .5rem;
}
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
-webkit-transform: translate3d(0%, 0, 0);
}
.right-submenu {
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transition: transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
-webkit-transition: -webkit-transform 500ms ease;
width: 15.625rem;
z-index: 1002;
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
.right-submenu * {
-webkit-backface-visibility: hidden;
}
.right-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
}
.right-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.right-submenu .back > a:after {
content: "\BB";
display: inline;
margin-left: .5rem;
}
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
-webkit-transform: translate3d(0%, 0, 0);
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: "\BB";
display: inline;
margin-left: .5rem;
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: "\AB";
display: inline;
margin-right: .5rem;
}
/*--------------------------------------------------------------
## Visibility
--------------------------------------------------------------*/
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.hide-for-small-only, .hide-for-small-up, .hide-for-small, #audience-navigation, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto;
}
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* medium displays */
@media only screen and (min-width: 40.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, #audience-navigation, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table#audience-navigation, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead#audience-navigation, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody#audience-navigation, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr#audience-navigation, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, th#audience-navigation, td.hide-for-small, td#audience-navigation, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* large displays */
@media only screen and (min-width: 1024px) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, #audience-navigation, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table#audience-navigation, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead#audience-navigation, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody#audience-navigation, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr#audience-navigation, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, th#audience-navigation, td.hide-for-small, td#audience-navigation, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, #audience-navigation, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table#audience-navigation, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead#audience-navigation, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody#audience-navigation, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr#audience-navigation, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, th#audience-navigation, td.hide-for-small, td#audience-navigation, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, #audience-navigation, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table#audience-navigation, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead#audience-navigation, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody#audience-navigation, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr#audience-navigation, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, th#audience-navigation, td.hide-for-small, td#audience-navigation, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
table.hide-for-landscape,
table.show-for-portrait {
display: table !important;
}
thead.hide-for-landscape,
thead.show-for-portrait {
display: table-header-group !important;
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
display: table-row-group !important;
}
tr.hide-for-landscape,
tr.show-for-portrait {
display: table-row !important;
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
table.show-for-landscape,
table.hide-for-portrait {
display: table !important;
}
thead.show-for-landscape,
thead.hide-for-portrait {
display: table-header-group !important;
}
tbody.show-for-landscape,
tbody.hide-for-portrait {
display: table-row-group !important;
}
tr.show-for-landscape,
tr.hide-for-portrait {
display: table-row !important;
}
td.show-for-landscape,
td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important;
}
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
/* Specific visibility for tables */
table.show-for-portrait,
table.hide-for-landscape {
display: table !important;
}
thead.show-for-portrait,
thead.hide-for-landscape {
display: table-header-group !important;
}
tbody.show-for-portrait,
tbody.hide-for-landscape {
display: table-row-group !important;
}
tr.show-for-portrait,
tr.hide-for-landscape {
display: table-row !important;
}
td.show-for-portrait,
td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important;
}
}
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important;
}
.hide-for-touch {
display: inherit !important;
}
.touch .show-for-touch {
display: inherit !important;
}
.touch .hide-for-touch {
display: none !important;
}
/* Specific visibility for tables */
table.hide-for-touch {
display: table !important;
}
.touch table.show-for-touch {
display: table !important;
}
thead.hide-for-touch {
display: table-header-group !important;
}
.touch thead.show-for-touch {
display: table-header-group !important;
}
tbody.hide-for-touch {
display: table-row-group !important;
}
.touch tbody.show-for-touch {
display: table-row-group !important;
}
tr.hide-for-touch {
display: table-row !important;
}
.touch tr.show-for-touch {
display: table-row !important;
}
td.hide-for-touch {
display: table-cell !important;
}
.touch td.show-for-touch {
display: table-cell !important;
}
th.hide-for-touch {
display: table-cell !important;
}
.touch th.show-for-touch {
display: table-cell !important;
}
/* Screen reader-specific classes */
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.show-on-focus:focus,
.show-on-focus:active {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto;
}
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
display: none !important;
}
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
text-shadow: none !important;
}
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: .5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.show-for-print {
display: inherit !important;
}
}
/* Print visibility */
@media print {
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
@page { margin-top: 2cm; margin-bottom: 1cm}
#top-navigation { display:block }
#site-title-banner { display: block }
#audience-navigation { display: none }
#hero { display:none }
#main-navigation { display:none }
#content { display:block }
#comments { display:none }
#colophon { display:none }
#commentsForm { display:none }
a[href]:after {
content: "";
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
}
@media not print {
.show-for-print {
display: none !important;
}
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote.alignleft, img.alignleft {
margin: 0.4375rem 1.5rem 0.4375rem 0;
}
.wp-caption.alignleft {
margin: 0.4375rem 0.875rem 0.4375rem 0;
}
blockquote.alignright, img.alignright {
margin: 0.4375rem 0 0.4375rem 1.5rem;
}
.wp-caption.alignright {
margin: 0.4375rem 0 0.4375rem 0.875rem;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
margin-bottom: 0.4375rem;
margin-top: 0.4375rem;
}
.site-content blockquote.alignleft, .site-content blockquote.alignright {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 1.0625rem;
width: 50%;
}
.site-content blockquote.alignleft p, .site-content blockquote.alignright p {
margin-bottom: 1.0625rem;
}
/*
.wp-caption {
color: #767676;
margin-bottom: 1.5rem;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 0.75rem;
font-style: italic;
line-height: 1.5;
margin: 0.5625rem 0;
padding-right: 0.625rem;
}
.wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption {
max-width: 100%;
}
/**
* Make sure images with WordPress-added height and width attributes are
* scaled correctly.
*/
.comment-content img[height], .entry-content img, .entry-summary img {
height: auto;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height: auto;
}
img.size-full, img.size-large {
height: auto;
max-width: 100%;
}
.wp-post-image, .post-thumbnail img {
height: auto;
max-width: 100%;
}
/* Make sure embeds and iframes fit their containers */
embed, iframe, object, video {
margin-bottom: 24px;
max-width: 100%;
}
p > embed, p > iframe, p > object {
margin-bottom: 0;
}
span > embed, span > iframe, span > object {
margin-bottom: 0;
}
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar */
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.site-main [class*="navigation"] {
margin: 0 0 1.5625rem;
}
.site-main [class*="navigation"]:before, .site-main [class*="navigation"]:after {
content: " ";
display: table;
}
.site-main [class*="navigation"]:after {
clear: both;
}
[class*="navigation"] .nav-previous {
float: left;
width: 50%;
}
[class*="navigation"] .nav-next {
float: right;
text-align: right;
width: 50%;
}
.navlist .Active > a {
font-weight: bold;
}
#secondary .current-menu-ancestor > a, #secondary .current-menu-item > a {
font-weight: bold;
}
.has-submenu button > span {
display: inline-block;
width: .8em;
height: .8em;
background: url() center no-repeat;
}
.has-submenu:hover button > span {
padding: 1px;
background: url() center no-repeat;
}
.has-submenu button {
line-height: 1;
background-color: transparent;
border: none;
padding: 0;
margin: 0;
}
.has-submenu.open .megamenu {
display: block;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#jetmenu a:focus, #jetmenu a:hover {
color: #f8f8f8;
background-color: #332956;
text-decoration: none;
padding: 6px 26px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
margin-bottom: 1.875rem;
word-wrap: break-word;
}
.widget ul, .widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0;
}
.widget li > ul,
.widget li > ol {
margin-left: 1.25rem;
}
.widget select {
max-width: 100%;
}
.widget .search-field {
margin-bottom: 0;
}
/* Search widget */
.search-form .search-submit {
display: none;
}
/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------
#comments {
border-top: 1px solid #e6e6e6;
border-top: 1px solid rgba(0, 0, 0, 0.07);
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
margin: 40px 0 0;
padding: 40px 0 0 0;
position: relative;
word-wrap: break-word;
-ms-hyphens: auto;
}
#comments .comment-list {
margin-left: 0;
}
#comments h3 {
margin-bottom: 20px;
}
#comments .comment {
list-style-type: none;
margin-top: 10px;
width: 100%;
}
#comments .comment.thread-even {
background: #fafafa;
background: rgba(0, 0, 0, 0.02);
border-bottom: 1px solid #e6e6e6;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
#comments .comment .comment-container {
padding: 20px;
position: relative;
}
#comments .comment-head {
margin: 0 0 15px 0;
}
#comments .avatar {
float: left;
margin: 0 15px 10px 0;
}
#comments .avatar img {
background: #fff;
border: 1px solid #ddd;
margin: 0;
padding: 3px;
vertical-align: middle;
}
#comments .comment-head .name {
font-size: 15px;
font-weight: bold;
margin: 0;
}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {
font-size: 13px;
}
#comments .comment-entry p {
margin: 0 0 10px 0;
}
#comments .reply {
padding-top: 10px;
}
#comments .reply a {
background: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #555 !important;
text-shadow: none;
}
#comments .reply a:hover {
background: #fafafa;
}
#comments ul.children {
margin: 10px 10px 0 25px;
padding: 0;
}
#comments ul.children li {
border-top: 1px solid #e6e6e6;
}
#comments .cancel-comment-reply {
margin: 10px 0;
}
#comments .navigation a {
display: block;
margin: 15px 0 0 0;
text-decoration: none;
}
#comments h3#pings {
margin-top: 5px;
}
#comments .pingbacks li.pingback {
margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
display: none;
}
#respond {
margin: 40px 0 0;
}
#respond h3 {
margin-bottom: 20px;
}
#respond .left {
float: left;
margin-right: 15px;
width: 200px;
}
#respond .right {
float: left;
width: 380px;
}
#commentform {
margin: 15px 0 0 0;
}
#commentform input {
margin: 0 15px 15px 0;
}
#commentform input.txt {
border-color: #ccc #efefef #efefef #ccc;
border-style: solid;
border-width: 1px;
}
#commentform textarea {
border-color: #ccc #efefef #efefef #ccc;
border-style: solid;
border-width: 1px;
}
#commentform input.txt {
background: #fcfcfc;
color: #666;
margin: 0 5px 10px 0;
padding: 5px 7px;
width: 170px;
}
#commentform textarea {
background: #fcfcfc;
color: #666;
padding: 5px 7px;
width: 95% !important;
}
#commentform #submit {
margin: 15px 0 0 0;
}
ol.commentlist li.bypostauthor {
border: 1px solid #8eac4b;
}
ol.commentlist li.even {
background: #f6f6f6;
}
ol.commentlist li.odd {
background: #fff;
}
/*--------------------------------------------------------------
# Jetpack
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Admin
--------------------------------------------------------------
@media only screen and (max-width: 40em) {
#wpadminbar {
position: fixed;
}
}
.site-content article .entry-meta .posted-on a:before, .site-content article .entry-meta .author a:before, .site-content article .entry-meta .cat-links:before, .site-content article .entry-meta .tags-links:before, .site-content .pdflink:before, .faculty-info .faculty-email:before, .latest-events .event-location:before, .steps-bar-list a:before {
display: inline-block;
font-family: "FontAwesome";
margin-right: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------
.admin-bar .fixed {
top: 32px;
}
@media only screen and (max-width: 40em) {
.admin-bar .fixed {
top: 46px;
}
}
.admin-bar .fixed.expanded {
top: 0;
}
body {
border-top: 2px solid #542f90;
}
.section {
margin: 6.25rem 0;
}
.latest-events,
.news-events {
background: #e8edef;
width: 100%;
}
.entry-content,
.entry-summary,
.page-content {
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
word-wrap: break-word;
-ms-hyphens: auto;
}
.entry-content .normal,
.entry-summary .normal,
.page-content .normal {
background: #f2f2f2;
background-color: #fff;
border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
color: #333333;
margin-bottom: 1.25rem;
padding: 1.25rem;
}
.entry-content .normal > :first-child,
.entry-summary .normal > :first-child,
.page-content .normal > :first-child {
margin-top: 0;
}
.entry-content .normal > :last-child,
.entry-summary .normal > :last-child,
.page-content .normal > :last-child {
margin-bottom: 0;
}
.entry-content .normal h1,
.entry-content .normal h2,
.entry-content .normal h3,
.entry-content .normal h4,
.entry-content .normal h5,
.entry-content .normal h6,
.entry-content .normal p,
.entry-content .normal li,
.entry-content .normal dl,
.entry-summary .normal h1,
.entry-summary .normal h2,
.entry-summary .normal h3,
.entry-summary .normal h4,
.entry-summary .normal h5,
.entry-summary .normal h6,
.entry-summary .normal p,
.entry-summary .normal li,
.entry-summary .normal dl,
.page-content .normal h1, .page-content .normal h2, .page-content .normal h3, .page-content .normal h4, .page-content .normal h5, .page-content .normal h6, .page-content .normal p, .page-content .normal li, .page-content .normal dl {
color: #333333;
}
.entry-content .normal h1,
.entry-content .normal h2,
.entry-content .normal h3,
.entry-content .normal h4,
.entry-content .normal h5,
.entry-content .normal h6,
.entry-summary .normal h1,
.entry-summary .normal h2,
.entry-summary .normal h3,
.entry-summary .normal h4,
.entry-summary .normal h5,
.entry-summary .normal h6,
.page-content .normal h1, .page-content .normal h2, .page-content .normal h3, .page-content .normal h4, .page-content .normal h5, .page-content .normal h6 {
line-height: 1;
margin-bottom: 0.625rem;
}
.entry-content .normal h1.subheader,
.entry-content .normal h2.subheader,
.entry-content .normal h3.subheader,
.entry-content .normal h4.subheader,
.entry-content .normal h5.subheader,
.entry-content .normal h6.subheader,
.entry-summary .normal h1.subheader,
.entry-summary .normal h2.subheader,
.entry-summary .normal h3.subheader,
.entry-summary .normal h4.subheader,
.entry-summary .normal h5.subheader,
.entry-summary .normal h6.subheader,
.page-content .normal h1.subheader, .page-content .normal h2.subheader, .page-content .normal h3.subheader, .page-content .normal h4.subheader, .page-content .normal h5.subheader, .page-content .normal h6.subheader {
line-height: 1.4;
}
.entry-content .alternate,
.entry-summary .alternate,
.page-content .alternate {
background: #f2f2f2;
border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
color: #333333;
margin-bottom: 1.25rem;
padding: 1.25rem;
}
.entry-content .alternate > :first-child,
.entry-summary .alternate > :first-child,
.page-content .alternate > :first-child {
margin-top: 0;
}
.entry-content .alternate > :last-child,
.entry-summary .alternate > :last-child,
.page-content .alternate > :last-child {
margin-bottom: 0;
}
.entry-content .alternate h1,
.entry-content .alternate h2,
.entry-content .alternate h3,
.entry-content .alternate h4,
.entry-content .alternate h5,
.entry-content .alternate h6,
.entry-content .alternate p,
.entry-content .alternate li,
.entry-content .alternate dl,
.entry-summary .alternate h1,
.entry-summary .alternate h2,
.entry-summary .alternate h3,
.entry-summary .alternate h4,
.entry-summary .alternate h5,
.entry-summary .alternate h6,
.entry-summary .alternate p,
.entry-summary .alternate li,
.entry-summary .alternate dl,
.page-content .alternate h1, .page-content .alternate h2, .page-content .alternate h3, .page-content .alternate h4, .page-content .alternate h5, .page-content .alternate h6, .page-content .alternate p, .page-content .alternate li, .page-content .alternate dl {
color: #333333;
}
.entry-content .alternate h1,
.entry-content .alternate h2,
.entry-content .alternate h3,
.entry-content .alternate h4,
.entry-content .alternate h5,
.entry-content .alternate h6,
.entry-summary .alternate h1,
.entry-summary .alternate h2,
.entry-summary .alternate h3,
.entry-summary .alternate h4,
.entry-summary .alternate h5,
.entry-summary .alternate h6,
.page-content .alternate h1, .page-content .alternate h2, .page-content .alternate h3, .page-content .alternate h4, .page-content .alternate h5, .page-content .alternate h6 {
line-height: 1;
margin-bottom: 0.625rem;
}
.entry-content .alternate h1.subheader,
.entry-content .alternate h2.subheader,
.entry-content .alternate h3.subheader,
.entry-content .alternate h4.subheader,
.entry-content .alternate h5.subheader,
.entry-content .alternate h6.subheader,
.entry-summary .alternate h1.subheader,
.entry-summary .alternate h2.subheader,
.entry-summary .alternate h3.subheader,
.entry-summary .alternate h4.subheader,
.entry-summary .alternate h5.subheader,
.entry-summary .alternate h6.subheader,
.page-content .alternate h1.subheader, .page-content .alternate h2.subheader, .page-content .alternate h3.subheader, .page-content .alternate h4.subheader, .page-content .alternate h5.subheader, .page-content .alternate h6.subheader {
line-height: 1.4;
}
.list-centered > ul {
margin: 0;
padding-left: 0;
text-align: center;
}
.list-centered > ul > li {
display: inline;
float: none;
margin: 0;
}
.list-centered > ul > li > a {
display: inline-block;
padding: 0 2.5rem;
}
.my-sjc {
color: #fff;
}
.apply-now {
background-color: #eb9b14;
border-radius: 4px 0 4px 0;
text-transform: uppercase;
}
.apply-now:hover,
.apply-now:focus {
background: #efaf43;
}
.tabs.has-bg {
background: #efefef;
}
.valign {
display: table;
width: 100%;
}
.valign > div, .valign > article, .valign > section, .valign > figure {
display: table-cell;
vertical-align: middle;
}
.full-click {
cursor: pointer;
}
.full-click center {
color: #542f90;
text-decoration: underline;
}
/*--------------------------------------------------------------
# Sturcture
--------------------------------------------------------------
.fluid {
margin-left: auto;
margin-right: auto;
max-width: initial;
width: 100%;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header .site-logo {
height: 100px;
max-width: 100%;
width: 308px;
}
.menu-icon {
height: 3.75rem;
margin-top: 1.375rem;
width: 3.75rem;
}
/*.menu-icon span::after {
left: 8px;
top: 22px;
}*/
.site-header .right-small {
border: none;
width: 3.75rem;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------
.slider .orbit-slides-container {
height: 450px; /*height: 650px;
}
.slider .orbit-slides-container li {
background-position: center center;
background-repeat: no-repeat;
background-size: cover; /*height: 650px;
height: 450px;
-webkit-background-size: cover;
}
.slider .orbit-slides-container li .slide-content {
bottom: 7%;
position: absolute;
text-align: center;
width: 100%;
}
.slider .orbit-slides-container li .slide-content h2 {
color: #fff;
font-size: 3.75em;
font-weight: 700;
text-shadow: 0 1px 1px #666;
text-transform: uppercase;
}
.slider .orbit-slides-container li .slide-content .button {
text-transform: uppercase;
}
@media only screen and (max-width: 40em) {
.slider .orbit-slides-container {
height: 250px;
}
.slider .orbit-slides-container li {
height: 250px;
}
.slider .orbit-slides-container li .slide-content h2 {
font-size: 2em;
}
}
/*
Page Slide
==========================================================================
.page-slide > div {
background-position: center center; /*height: 400px;
background-repeat: no-repeat;
background-size: cover;
height: 225px;
}
.page-slide .page-slide-inner {
margin: 0 auto;
max-width: 73.125rem;
width: 100%;
}
.page-slide .page-slide-inner:before, .page-slide .page-slide-inner:after {
content: " ";
display: table;
}
.page-slide .page-slide-inner:after {
clear: both;
}
.page-slide h2 {
color: #fff;
font-size: 2.75rem;
margin-top: 150px;
}
.page-slide-tall > div {
background-position: center center; /*height: 400px;
background-repeat: no-repeat;
background-size: cover;
height: 450px;
}
.page-slide-tall .page-slide-inner {
margin: 0 auto;
max-width: 73.125rem;
width: 100%;
}
.page-slide-tall .page-slide-inner:before, .page-slide .page-slide-inner:after {
content: " ";
display: table;
}
.page-slide-tall .page-slide-inner:after {
clear: both;
}
.page-slide-tall h2 {
color: #fff;
font-size: 2.75rem;
margin-top: 150px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.home-site-content {
margin-top: 0;
}
.site-content {
margin-top: 1.875rem;
}
.site-content article {
border-bottom: 1px solid #e7e7e7;
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
position: relative;
word-wrap: break-word;
-ms-hyphens: auto;
}
.site-content article .entry-header hgroup h1 {
margin-bottom: 0;
}
.site-content article .entry-title {
margin: 0 0 0.3125rem;
text-align: center;
}
.site-content article .entry-meta {
clear: both;
font-size: 0.875rem;
line-height: 1.6;
}
.site-content article .entry-meta a {
color: #c2c2c2;
}
.site-content article .entry-meta a:hover {
text-decoration: underline;
}
.site-content article .entry-meta > span {
margin-right: 0.625rem;
}
.site-content article .entry-meta > span:last-child {
margin-right: 0;
}
.site-content article .entry-meta .posted-on a:before {
content: "\f073";
}
.site-content article .entry-meta .author a:before {
content: "\f007";
}
.site-content article .entry-meta .cat-links:before {
content: "\f07c";
}
.site-content article .entry-meta .tags-links:before {
content: "\f02b";
}
.site-content article .entry-meta .comments-link a {
float: right;
font-weight: 700;
}
.site-content article .entry-content {
margin-bottom: 1.25rem;
}
.site-content article .entry-content:before, .site-content article .entry-content:after {
content: " ";
display: table;
}
.site-content article .entry-content:after {
clear: both;
}
.site-content article .edit-link {
clear: both;
display: block;
font-weight: 400;
text-transform: uppercase;
}
.site-content .pdflink:before {
content: "\f0f6";
margin-right: 0.3125rem;
}
/*--------------------------------------------------------------
# Archives
--------------------------------------------------------------*/
.page-header {
border-bottom: 1px solid #e7e7e7;
}
.page-header .page-title {
font-size: 1.125rem;
}
.page-header .page-title span {
font-weight: 300;
}
.page-header .taxonomy-description p {
font-size: 0.875rem;
}
/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/
.widget {
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
word-wrap: break-word;
-ms-hyphens: auto;
}
.widget .widget-title {
border-bottom: 1px solid #e7e7e7;
font-weight: 600;
line-height: 1.2;
margin-top: 0;
padding-bottom: 0.3125rem;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
background: #333;
color: #fafafa; /*#999; */
padding: 1.75rem 0 0;
}
.site-footer .row {
vertical-align: top;
}
.site-footer .large-2{ margin:0 auto;}
.site-footer a {
border-bottom: 1px dashed #999; /*#999; */
color: #fafafa;
}
.site-footer a:hover, .site-footer a:focus{
color: #fff;
border-bottom:none;
background-color:#6b686d;
}
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
color: #fafafa; text-align: left;
letter-spacing: 0.1em; font-size: 1rem; text-transform: uppercase;}
.site-footer .widget .widget-title {
border-color: #262626;
color: #fafafa;
margin-bottom: 1.875em;
text-transform: uppercase;
}
.site-footer ul{list-style-type: none; margin-left: 1rem; text-indent: -28px;
padding-left: 28px;}
.site-footer .copyright {
background: #262626;
font-size: 0.875rem;
height: auto;
line-height: 1.4;
/*margin-top: 1.875rem;*/
padding: 0.625rem 0;
width: 100%;
}
.site-footer .site-name {
text-align: center;
}
.site-footer [class^=has-icon-] {
margin-left: 1.425em;
padding-left: 1em;
position: relative;
}
.site-footer [class^=has-icon-]:before {
color: rgba(255, 255, 255, 0.35);
display: inline-block;
font-family: 'FontAwesome';
font-size: 1.425em;
font-style: normal;
font-variant: normal;
font-weight: 400;
left: -1em;
margin-right: .2em;
position: absolute;
text-align: center;
text-decoration: inherit;
text-shadow: none;
text-transform: none;
top: -.191em;
width: 1em;
speak: none;
text-rendering: optimizeLegibility;
}
.site-footer .region {
color: #fafafa; /*#999; */
}
.site-footer .has-icon-location:before {
content: "\f041";
}
.site-footer .has-icon-phone:before {
content: "\f098";
}
.site-footer .has-icon-mail:before {
content: "\f0e0";
}
@media only screen and (min-width: 40.063em) {
.site-footer .copyright {
text-align: center;
}
.site-footer .site-name {
text-align: right;
}
.site-footer {
}
.site-footer .copyright {
text-align: center;
}
.site-footer .site-name {
text-align: right;
}
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) { .site-footer .row {flex-wrap:wrap; flex-direction:row;}
.site-footer .flexItem{flex: 1 0 32%;}}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {.site-footer .row { flex-direction:column; flex: 1 0 80%;} }
@media only screen and (max-width: 40em) { .site-footer .large-2{ width: 75%;} }
.site-footer .copyright a {
border-bottom: none;
}
/*--------------------------------------------------------------
# Bottom Navigation
--------------------------------------------------------------*/
#bottom-navigation .n table {
width: 50%;
}
/*--------------------------------------------------------------
# Top Navigation
--------------------------------------------------------------*/
#top-navigation .title-area {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#top-navigation .title-area a {
margin-top: -3px;
}
#top-navigation .title-area img {
height: auto;
margin-right: 1.25rem;
padding: 0;
width: 308px;
}
@media only screen and (max-width: 40em) {
#top-navigation .title-area img {
height: auto;
width: auto;
}
}
#top-navigation section.tab-bar-section.middle {
left: 0;
z-index: 1;
}
section.right-small {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
display: block;
}
section.right-small .menu-icon {
background-color: #ffda02;
z-index:1;
}
section.right-small .menu-icon span{color:#542f90;}
.top-bar .name h1 a, .sub-navigation .name h1 a {
padding: 0;
width: 100%;
}
.top-bar-section {
display: none;
}
.top-bar-section ul li > a.button {
color: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 0.625rem;
}
.top-bar-section .has-form.search-box {
padding-right: 0;
}
.top-bar-section .button,
.top-bar-section input {
top: 30px;
}
@media only screen and (max-width: 64em) and (orientation: landscape){
section.right-small, .right-off-canvas-menu{
display: block !important;}
}
@media only screen and (min-width: 64.0625em ){
section.right-small, .right-off-canvas-menu {
display: none;
}
#tabletLogo{}
}
@media only screen and (min-width: 1000px) {
section.tab-bar-section.middle {
right: 10;
}
.top-bar-section {
display: block;
}
}
.emphasizeMenu{
border-style:solid;
border-radius:5px;
border-width: thin;
border-color: #ffffff;
background-color:transparent;
margin:0;
font-size: 1.3rem;
padding: 0 10px;
/*text-shadow:-1px -1px 0 #000,
2px -1px 0 #000,
-1px 2px 0 #000,
2px 2px 0 #000;*/
text-align:right;
padding: 10px 10px 10px;
display:inline-block;
}
#searchBtn{
background-color:transparent;
margin:0;
font-size: 1.3rem;
font-weight:bold;
padding: 0 15px;
text-align:right;
padding: 10px 10px 10px;
display:inline-block;
border-radius:5px;}
#searchBtn:hover{
background-color: #542e8e;
}
.mobilelogo{padding: 1em;}
.mblSearch{ background: #444444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #ffffff;
display: block;
font-size: 0.75rem !important;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;}
.mblAccordion{border-bottom: 1px solid #262626;}
.mblAccordion a, .mblAccordion p{
font-size: .8rem !important;
color: #ffffff;
display: block;
padding: 0.6666666667rem;
transition: background 300ms ease;
display: inline-block;
text-decoration:none;
}
.mblAccordion p{ }
.mblAccordion button{
text-transform: uppercase;
background-color:transparent;
padding: 10px 20px;
/*float: right;*/
margin-top: 5px;
border-radius: 5px;
/*position: absolute;*/
/*right: 5px;*/
box-shadow: none;
/*MySJC Additions*/
font-weight: normal;
letter-spacing: .1em;
width:100%;
padding-left:5px;
text-align:left;
font-size:.8em;
}
.mblAccordion em {position: absolute;right:5px;}
.mblPanel{
background: #444444;
border-bottom: none;
color: #ffffff;
display: block;
font-size: 0.75rem !important;
font-weight: bold;
margin: 0;
display:block;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.mblPanel a{padding:0;}
.mblPanel ul{list-style-type: none; margin-bottom:0; margin-left:2rem;}
.mblPanel li{
width:90%;
border-top: 1px solid #5e5e5e;
display: inline-block;
margin: 0;
padding: .666rem 0;
}
.mblPanel li:first-child{border-top:none;}
}
#mobile-navigation{width:0;
margin-right:-15.625rem;}
#printlogo{
display:none;
}
#audience-navigation {
max-width:75%;
text-align:right;
position: absolute;
top: -.8em;
right: .8em;
z-index: 1;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#audience-navigation li:hover, #audience-navigation a:focus, #audience-navigation button:focus{
background: #391f60;
}
#audience-navigation ul {
list-style: none;
margin:0;
text-align: right;
}
#audience-navigation ul > li {
border-radius: 5px;
}
#audience-navigation ul > li > a:not(.button) {
padding: 0 10px;
border-radius: 5px;
}
#audience-navigation ul > li .button {
margin-bottom: 0;
margin-top: -5px;
}
#audience-navigation ul .has-form {
height: 32px;
padding: 0;
position: relative;
}
#audience-navigation ul .has-form .large-12, #audience-navigation ul .has-form .page-slide h2, .page-slide #audience-navigation ul .has-form h2, #audience-navigation ul .has-form .cta-link .cta-inner h2, .cta-link .cta-inner #audience-navigation ul .has-form h2 {
padding-right: 0;
}
#audience-navigation ul .has-form input {
font-family: "FontAwesome";
margin-bottom: 0;
position: relative;
top: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#audience-navigation ul .has-form .search-button {
padding-bottom: 0.8125rem;
top: 15px;
}
#audience-navigation .popular-pages-title {
color: #542f90;
line-height: 1.2;
margin-top: 1.5rem;
padding: 0;
text-align: left;
}
#audience-navigation .nav-popular-pages li {
display: block;
text-align: left;
}
#audience-navigation .search-label {
color: #fff;
font-size:1.5rem;
font-weight:bold;
}
.search-label {
color: #542f90;
font-size:1.5rem;
font-weight:bold;
opacity:75%;
}
.search-label input:focus .search-label{opacity:100%;}
#searchDrop{
top: -5rem;
display: block;
width: 80vw;
margin: auto;
height: 50px;
position: relative;
}
.searchicon button{
background-color:transparent;
margin:0;
font-size: 1.3rem;
font-weight:bold;
padding: 0 10px;
}
.dropdown:hover .has-drpdwn, .dropdown:hover .drpIcon{background-color: #542e8e;
}
.dropdown button:hover,.navBtn:focus-within .drpIcon, .navBtn:focus-within .has-drpdwn{background: rgba(84, 47, 144, .8); border: 1px solid white;
}
.drpIcon:focus, .has-drpdwn:focus{border: 2px solid #ffffff;}
.drpIcon{
margin-left: -4.5px;
height:100%;
padding:16px 10px 12px 5px!important;
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
border-radius:0px 5px 5px 0px !important;
background-color:transparent;
}
.drpIcon:hover{border:1px solid #ffffff;}
.has-drpdwn{ background-color:transparent;
margin:0;
font-size: 1.3rem;
font-weight:bold;
padding: 0 10px;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-align:right;
padding: 10px 5px 10px 10px;
display:inline-block;
border-radius:5px 0px 0px 5px;
font-weight:400;}
.dropdown-content {
position: absolute;
background-color: #ffffff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
position: absolute;
top: 4.5rem;
border-radius: 5px;
height:0;
}
.dropdown:hover .dropdown-content{
display:block !important;
height:auto !important;
}
.dropdown{display:inline-block;}
.dropdown-content a {
color: #000000;
display: block;
text-align: left;
line-height:2rem;
text-shadow:none;
padding:0 30px 0px 10px;
}
.dropdown-content a:hover, .dropdown-content a:focus{
background: #542e8e;
color:#ffffff;
border-radius:5px;
padding:0 20px 0px 20px;
}
/*----------------
Logo
------------------*/
#homeLogo{padding: 0;
position: absolute;
top: 0;
left: 0;
margin-top: 20px;
margin-left: 20px;
background-color:transparent;
border-radius:5px;}
#homeLogo img{padding:15px;}
#homeLogo:hover{
border: solid 1px #ffffff;
background: #542e8e;
}
/*--------------------------------------------------------------
# Site Title Banner
--------------------------------------------------------------*/
.site-title-banner {
border-bottom: 1px solid gainsboro;
cursor: pointer; /*padding:25px;*/
font-family: "museo500";
padding: 0 20px 10px;
}
/*--------------------------------------------------------------
# Sub Navigation
--------------------------------------------------------------*/
.sub-navigation {
background-color: #333;
}
.sub-navigation .top-bar-section li:not(.has-form) a:not(.button) {
background-color: #333;
}
.sub-navigation .top-bar-section li:not(.has-form) a:not(.button):hover,.sub-navigation .top-bar-section li:not(.has-form) a:not(.button):focus {
background-color: #1a1a1a;
}
.sub-navigation .top-bar-section li:not(.has-form) a:not(.button) {
color: #f8f8f8;
}
.sub-navigation .top-bar-section li:not(.has-form) a:not(.button):hover,.sub-navigation .top-bar-section li:not(.has-form) a:not(.button):focus {
color: #cecece;
}
/*--------------------------------------------------------------
# Mega Menu
--------------------------------------------------------------*/
.contain-jetmenu {
background: #542f90;
position: relative;
}
.contain-jetmenu .jetmenu {
float: none;
margin: 0 auto;
margin-bottom: 0;
}
.contain-jetmenu .jetmenu:before, .contain-jetmenu .jetmenu:after {
content: " ";
display: table;
}
.contain-jetmenu .jetmenu:after {
clear: both;
}
.jetmenu {
background: #542f90;
border-radius: 0;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.jetmenu li {
display: inline-block;
float: left;
}
.jetmenu a {
outline: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
z-index: 10;
}
.jetmenu > li > a {
color: white; /*padding: 20px 24px;*/
display: inline-block;
font-size: 1rem;
padding: 5px 24px;
text-decoration: none;
}
.jetmenu > li:hover > a,
.jetmenu > li.active > a {
background: #332956;
color: #f8f8f8;
}
.jetmenu ul.dropdown {
background: #542f90;
display: none;
list-style: none;
margin: 0;
min-width: 134px;
padding: 0;
position: absolute;
top: 60px;
z-index: 99;
}
.jetmenu ul.dropdown li {
clear: both;
font-size: 12px;
width: 100%;
}
.jetmenu ul.dropdown li ul.dropdown {
background: #542f90;
display: none;
left: 100%;
list-style: none;
margin: 0;
min-width: 134px;
padding: 0;
position: absolute;
top: inherit;
z-index: 99;
}
.jetmenu ul.dropdown li a {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
clear: both;
color: #999;
display: inline-block;
float: left;
padding: 12px 24px 12px;
text-decoration: none;
width: 100%;
}
.jetmenu ul.dropdown li:hover > a {
background: #332956;
color: #f8f8f8;
}
.jetmenu ul.dropdown li ul.dropdown.left {
left: auto;
right: 100%;
}
.jetmenu .indicator {
float: right;
font-size: 1rem;
left: 5px;
position: relative;
top: 0;
}
.jetmenu ul li .indicator {
font-size: 12px;
left: 10px;
top: 1px;
}
.jetmenu > li > .megamenu {
background: #542f90;
background: rgba(84, 47, 144, 0.88);
border-top: 1px solid #332956;
box-sizing: border-box; /*background: rgba(91, 75, 154, 0.8);*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; /*top: 60px;*/
color: white;
display: none;
font-size: 12px;
padding: 20px 30px 20px;
position: absolute;
/*top: 35px;*/
width: 25%;
z-index: 99;
}
.jetmenu li > .megamenu ul {
display: block;
float: left;
margin: 0 0 20px 0;
padding: 0;
position: relative;
}
.jetmenu li > .megamenu ul li {
padding: 4px 0;
width: 100%;
}
.jetmenu li > .megamenu ul li.title {
border-bottom: solid 1px #1e1933;
font-size: 1rem;
margin: 0 0 8px;
padding: 0 0 5px;
}
.jetmenu li > .megamenu h5 a {
color: #cccccc;
margin: 0;
padding: 0;
width: 100%;
font-size: 18px;
}
.jetmenu li > .megamenu a {
color: white;
font-size: 12px;
text-decoration: none;
transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
}
.jetmenu li > .megamenu a:hover {
color: #f8f8f8;
}
.jetmenu .megamenu img {
transition: border 0.3s linear;
-moz-transition: border 0.3s linear;
-o-transition: border 0.3s linear;
-webkit-transition: border 0.3s linear;
width: 100%;
}
.jetmenu > li.fix-sub > .megamenu {
right: 0;
}
.jetmenu > li.fix-sub > .megamenu.half-width {
right: 0;
}
.jetmenu > li.fix-sub > .dropdown {
right: 0;
}
.jetmenu > li > .megamenu.half-width {
width: 50%;
}
.jetmenu > li > .megamenu.full-width {
left: 0;
width: 100%;
}
.jetmenu li > .megamenu form {
width: 100%;
}
.jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea {
background: #444;
border: solid 1px transparent;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: white;
font-size: 1rem;
outline: none;
padding: 5px;
transition: border 0.3s linear;
-moz-transition: border 0.3s linear;
-o-transition: border 0.3s linear;
-webkit-transition: border 0.3s linear;
}
.jetmenu li > .megamenu form input[type="text"]:focus, .jetmenu li > .megamenu form textarea:focus {
border-color: #332956;
}
.jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea {
margin-top: 10px;
width: 100%;
}
.jetmenu li > .megamenu form input[type="submit"] {
background: #444;
border: none;
color: #777;
cursor: pointer;
float: right;
height: 30px;
margin-top: 10px;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
width: 25%;
}
.jetmenu li > .megamenu form input[type="submit"]:hover {
background: #e0e0e0;
color: #555;
}
.megamenu .menu-row {
margin-top: 15px;
width: 100%;
}
.megamenu .menu-row:first-child {
margin-top: 0;
}
.megamenu .menu-row:before {
content: "";
display: table;
line-height: 0;
}
.megamenu .menu-row:after {
clear: both;
content: "";
display: table;
line-height: 0;
}
.megamenu .menu-row .col1, .megamenu .menu-row .col2, .megamenu .menu-row .col3, .megamenu .menu-row .col4, .megamenu .menu-row .col5, .megamenu .menu-row .col6 {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
float: left;
margin-left: 2.127659574468085%;
min-height: 20px;
width: 100%;
}
.megamenu .menu-row [class*="col"]:first-child {
margin-left: 0;
}
.megamenu .menu-row .col1 {
width: 14.893617021276595%;
}
.megamenu .menu-row .col2 {
width: 31.914893617021278%;
}
.megamenu .menu-row .col3 {
width: 48.93617021276595%;
}
.megamenu .menu-row .col4 {
width: 65.95744680851064%;
}
.megamenu .menu-row .col5 {
width: 82.97872340425532%;
}
.megamenu .menu-row .col6 {
width: 100%;
}
/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.jetmenu > li.right {
float: right;
}
.jetmenu > li.right > .megamenu {
right: 0;
}
.jetmenu > li.right > .megamenu.half-width {
right: 0;
}
.jetmenu > li.right > .dropdown {
right: 0;
}
.jetmenu > li.jsright {
float: right;
}
.jetmenu > li.jsright.last > .megamenu {
right: 0;
}
.jetmenu > li.jsright.last > .megamenu.half-width {
right: 0;
}
.jetmenu > li.jsright.last > .dropdown {
right: 0;
}
.jetmenu > li > a > i {
float: left;
font-size: 18px;
line-height: 23px !important;
margin-right: 6px;
}
.jetmenu > li.showhide {
background: #542f90;
color: white;
cursor: pointer;
display: none;
height: 50px;
width: 100%;
}
.jetmenu > li.showhide span.title {
float: left;
margin: 15px 0 0 25px;
}
.jetmenu > li.showhide span.icon {
float: right;
margin: 17px 20px;
}
.jetmenu > li.showhide .icon em {
background: white;
display: block;
height: 2px;
margin-bottom: 3px;
width: 20px;
}
#mobileBar {
background: #542f90;
color: white;
display: none;
width:100%;
height:32px;
}
/* RESPONSIVE LAYOUT
**********************************************************/
@media (max-width: 1024px) {
#mobileBar{
display:block;
}
#jetmenu{
display:none;
}
#audience-navigation{display: none !important; }
.jetmenu > li {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
width: 100%;
}
.jetmenu > li > a {
padding: 15px 25px;
}
.jetmenu a {
background: #542f90;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
}
.jetmenu ul.dropdown {
border: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
left: 0;
position: static !important;
width: 100% !important;
}
.jetmenu ul.dropdown li {
background: #fff !important;
border: none;
}
.jetmenu ul.dropdown li ul.dropdown {
border: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
left: 0;
position: static !important;
width: 100% !important;
}
.jetmenu ul.dropdown > li > a {
padding-left: 40px !important;
}
.jetmenu > li > .megamenu {
border-top: none;
position: static;
width: 100% !important;
}
.jetmenu > li > .megamenu .menu-row {
margin-top: 0;
}
.jetmenu > li > .megamenu .menu-row [class*="col"] {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
float: none;
margin-left: 0;
margin-top: 15px;
width: 100% !important;
}
.jetmenu > li > .megamenu .menu-row:first-child [class*="col"]:first-child {
margin-top: 0;
}
.jetmenu > li > ul.dropdown > li > a {
padding-left: 40px !important;
}
.jetmenu > li > ul.dropdown > li > ul.dropdown > li > a {
padding-left: 60px !important;
}
.jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
padding-left: 80px !important;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.jetmenu > li > .megamenu {
left: 0 !important;
width: 100% !important;
}
}
/*--------------------------------------------------------------
# Vertical Banner
--------------------------------------------------------------*/
.banner {
background: #ffc600;
height: 45px;
position: absolute;
right: -32px;
top: 41px;
transform: rotate(-90deg); /*bottom: -22px;*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
width: 130px;
z-index: 10;
}
.banner:before, .banner:after {
content: " ";
display: table;
}
.banner:after {
clear: both;
}
.banner a {
color: #333;
line-height: 45px;
padding: 10px;
text-transform: uppercase;
font-weight: bold;
}
.banner .ribbon {
left: 0;
top: 20px;
}
.banner .ribbon:before {
border-bottom: 37.5px solid transparent;
border-right: 30px solid #ffc600;
border-top: 0 solid transparent;
content: "";
height: 0;
left: -29px;
position: absolute;
top: 0;
width: 0;
}
.banner .ribbon:after {
border-bottom: 0 solid transparent;
border-right: 30px solid #ffc600;
border-top: 37.5px solid transparent;
bottom: 0;
content: "";
height: 0;
left: -29px;
position: absolute;
width: 0;
}
@media (max-width: 1024px) {
.banner {
/*display: none;*/
right:unset;
top:10px;
}
}
.lt-ie9 .banner {
bottom: 0;
}
/*--------------------------------------------------------------
# Faculty
--------------------------------------------------------------*/
.faculty-photo {
border-radius: 4px;
-webkit-border-radius: 4px;
}
.faculty-info {
text-align: center;
}
.faculty-info .faculty-name {
margin-bottom: 0;
}
.faculty-info .faculty-title,
.faculty-info .faculty-email {
display: block;
font-size: 0.875rem;
}
.faculty-info .faculty-email:before {
content: "\f003";
}
/*--------------------------------------------------------------
# Latest News
--------------------------------------------------------------
.latest-news .section-title {
font-size: 1.375em;
line-height: 1.6;
margin: 0.9375em 0 0.625em;
}
.latest-news article {
margin-bottom: 0.9375rem;
padding-bottom: 0;
position: relative;
}
.latest-news .entry-image img {
height: auto;
width: 100%;
}
.latest-news .entry-header,
.latest-news .entry-content {
padding: 0 0 0.9375rem;
}
.latest-news .entry-header {
margin: 0;
padding: 0;
}
.latest-news .entry-title {
font-size: 1.25em;
font-weight: 500;
}
.latest-news .entry-title a:hover {
border-bottom: 1px solid #e7e7e7;
}
.latest-news .entry-content,
.latest-news .entry-content p {
font-size: 0.8125em;
font-weight: 300;
}
.latest-news .entry-content {
padding-bottom: 20px;
}
.latest-news .entry-content a {
border-bottom: 1px solid #e7e7e7;
font-weight: 400;
}
.latest-news .entry-meta {
bottom: 0;
font-size: 0.75rem;
height: 36px;
left: 0;
line-height: 36px;
padding: 0 0.625rem;
position: absolute;
width: 100%;
}
.latest-news .entry-meta:before, .latest-news .entry-meta:after {
content: " ";
display: table;
}
.latest-news .entry-meta:after {
clear: both;
}
.latest-news .entry-meta .posted-on {
float: right;
}
.latest-news .entry-meta .posted-on a {
color: #ccc;
}
.latest-news .entry-meta .posted-on a:hover,
.latest-news .entry-meta .posted-on a:focus {
text-decoration: underline;
}
.latest-news .entry-meta .cat-links {
float: left;
}
.latest-news .entry-meta .entry-read-more {
margin: 15px 0 0 15px;
}
/*--------------------------------------------------------------
# Latest Events
--------------------------------------------------------------
.latest-events {
padding-top: 1.25rem;
}
.latest-events .section-title {
border-bottom: 1px solid #cecece;
font-size: 1.375em;
line-height: 1.6;
margin: 1.25em 0 0.625em;
}
.latest-events .event {
background: #542f90;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #FFFFFF;
height: 120px;
width: 100%;
}
.latest-events .event-date {
background: #332956;
float: left;
padding: 1.25rem 0.3125rem;
text-align: center;
width: 30%;
}
.latest-events .event-date span {
display: block;
line-height: 1;
text-transform: uppercase;
}
.latest-events .event-date .month,
.latest-events .event-date .day {
color: #fff;
}
.latest-events .event-date .month {
font-size: 0.8125rem;
}
.latest-events .event-date .day {
font-size: 3.125rem;
}
.latest-events .event-date .time {
color: #ffffff;
font-size: 1rem;
}
.latest-events .event-info {
color: #fff;
float: left;
overflow: hidden;
padding: 1.25rem 1rem 0;
width: 70%;
}
.latest-events .event-title {
font-weight: 600;
margin-bottom: 0;
/*max-height: 3.125rem;
overflow: hidden;
}
.latest-events .event-location {
font-size: 0.625rem;
}
.latest-events .event-location:before {
color: #7564b4;
content: "\f041";
}
.latest-events .widget_countdown {
margin-bottom: 0;
padding: 1.25rem 1rem 0;
}
.latest-events .widget_countdown p {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Latest Events
--------------------------------------------------------------
#layout-widgets-area {
padding-top: 1.875rem;
}
/*--------------------------------------------------------------
# Call to Action
--------------------------------------------------------------*/
.cta-links {
background: #542f90;
color: #fff;
padding: 1.25rem 0;
width: 100%;
}
.cta-links .sjc-icon {
font-size: 5.5em;
margin-bottom: 1.5rem;
}
.cta-links a, .cta-links h2 {
color: #fff;
}
.cta-links h2 {
line-height: 1;
}
.cta {
padding: 1.25rem 0;
width: 100%;
}
.cta.cta-primary {
background: #542f90;
}
.cta.cta-primary h2 {
color: #fff;
}
.cta.cta-secondary {
background: #e7e7e7;
}
.cta.cta-dark-gray {
background: #262626;
}
.cta.cta-dark-gray h2 {
color: #fff;
}
.cta h2 {
line-height: 1;
}
.cta .button {
margin: 0 1em;
}
@media only screen and (max-width: 40em) {
.cta .button {
margin: 0.625rem 0;
width: 100%;
}
}
.cta-link {
background: #542f90;
margin: 20px 0;
padding-bottom: 20px;
padding-top: 20px;
transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
}
.cta-link:hover {
background: #332956;
cursor: pointer;
}
.cta-link .cta-inner {
margin: 0 auto;
max-width: 73.125rem;
width: 100%;
}
.cta-link .cta-inner:before, .cta-link .cta-inner:after {
content: " ";
display: table;
}
.cta-link .cta-inner:after {
clear: both;
}
.cta-link .cta-inner h2 {
color: #fff;
line-height: 1;
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Marketing
--------------------------------------------------------------*/
#marketing {
margin: 2.1875rem 0 0 0;
}
#marketing article {
margin-bottom: 1.875rem;
}
#marketing h2 {
background: #542f90;
color: #fff;
line-height: 1;
margin: 0;
padding: 10px;
text-transform: uppercase;
}
#marketing .lead {
font-weight: bold;
line-height: 1;
margin: 0.9375rem 0;
}
#marketing img {
height: auto;
width: 100%;
}
@media only screen and (max-width: 40em) {
#marketing {
margin: 1.25rem 0;
}
}
/*--------------------------------------------------------------
# Responsive Tables
--------------------------------------------------------------*/
table {
background: #FFFFFF;
border: solid 1px #DDDDDD;
margin-bottom: 1.25rem;
}
table thead,
table tfoot {
background: #F5F5F5;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
color: #222222;
font-size: 0.875rem;
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem;
}
table tr {
border-bottom: solid 1px #DDDDDD;
border-top: solid 1px #DDDDDD;
}
table tr th,
table tr td {
color: #222222;
font-size: 0.875rem;
padding: 0.5625rem 0.625rem;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: #F9F9F9;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
line-height: 1.125rem;
}
table th {
display: none;
}
table td {
display: block;
}
table td:first-child {
padding-top: 0.625rem;
}
table td:last-child {
padding-bottom: 0.625rem;
}
table td:before {
display: inline-block;
}
@media only screen and (min-width: 40.063em) {
table th, table td {
display: table-cell;
text-align: left;
}
}
/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
/*http://stackoverflow.com/questions/6615822/ipad-contact-link-css-override*/
.social, .social a[href^=tel]:link {
background: #542f90;
color: #FFFFFF;
text-align: center;
}
.social .social-address {
margin: 0 auto;
padding: 0.9375rem 0;
text-align: center;
}
.social .social-address a {
color: white;
text-decoration: underline;
}
@media only screen and (min-width: 64.063em) {
.social .social-address {
padding: 2.5rem 0;
text-align: left;
}
}
.social .social-icons {
margin: 0 auto;
padding: 0.9375rem 0;
text-align: center;
}
@media only screen and (min-width: 64.063em) {
.social .social-icons {
padding: 2.5rem 0;
}
}
.social .social-icons .social-icon {
border-radius: 50%;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 0px;
height: 30px;
margin: 0.625rem 1.25rem;
position: relative;
text-align: center;
width: 30px;
z-index: 1;
}
@media only screen and (min-width: 40.063em) {
.social .social-icons .social-icon {
height: 60px;
width: 60px;
}
}
.social .social-icons .social-icon:after {
border-radius: 50%;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
content: '';
height: 100%;
pointer-events: none;
position: absolute;
width: 100%;
}
.social .social-icons .social-icon:before {
display: block;
font-family: 'FontAwesome';
font-size: 1rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 30px;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 40.063em) {
.social .social-icons .social-icon:before {
font-size: 2rem;
line-height: 60px;
}
}
.social .social-icons.social-icon-effect .social-icon {
transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
}
.social .social-icons.social-icon-effect .social-icon:after {
box-shadow: 0 0 0 3px #fff;
left: 0;
padding: 0;
top: 0;
transition: transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
}
.social .social-icons .social-icon-facebook:before {
content: "\f09a";
}
.social .social-icons .social-icon-twitter:before {
content: "\f099";
}
.social .social-icons .social-icon-youtube:before {
content: "\f16a";
}
.social .social-icons .social-icon-instagram:before {
content: "\f16d";
}
.social .social-icons .social-icon-mail:before {
content: "\f0e0";
}
.social .social-icons .social-icon-feedback:before {
font-family: "sjc-icons";
}
.social .social-icons .social-icon-ksje:before {
font-family: "sjc-icons";
}
.social-icon-effect .social-icon:hover:after {
opacity: 0.5;
transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
-webkit-transform: scale(0.85);
}
.social-icon-effect .social-icon:hover {
box-shadow: 0 0 0 6px white;
color: #fff;
}
/*--------------------------------------------------------------
# Spotlights
--------------------------------------------------------------
.section-header {
background-color: #e7e7e7;
padding: 25px 0;
}
.section-header .button {
margin-bottom: 0;
}
.spotlights > li {
padding-bottom: 0;
}
.spotlights .spotlight-item {
position: relative;
}
.spotlights .spotlight-image {
max-width: 100%;
width: 100%;
}
.spotlights .spotlight-container {
bottom: 0;
position: absolute;
top: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
width: 100%;
}
.spotlights .spotlight-container:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.spotlights .spotlight-content {
bottom: 10%;
position: absolute;
text-transform: uppercase;
width: 100%;
}
.spotlights .spotlight-content h3 {
color: #fff;
text-align: center;
}
/*--------------------------------------------------------------
# Swiper
--------------------------------------------------------------*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Apr 9, 2015, 11:18:01 AM
Author : lucasstark
*/
#home-swiper .swiper-container {
margin-bottom: 0px;
}
.swiper-container {
background-color: #111;
margin-bottom: 50px;
}
.swiper-wrapper {
width: 100%;
}
.swiper-slide {
display: -webkit-box;
/* Center slide text vertically */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide a.tooltip {
background-color: #191a1a;
background-size: 102px 102px;
bottom: 20%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
color: #fff;
display: table;
font-size: .8em;
height: 80px;
left: 0;
padding: 0;
position: absolute;
text-align: center;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
width: 100%;
width: 100%;
z-index: 11;
}
.swiper-slide .tooltip-text {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: table-cell;
height: 100%;
line-height: 1.2em;
padding: 0 15px;
position: relative;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
vertical-align: middle;
width: 100%;
z-index: 11;
}
.swiper-slide .tooltip-arrow {
border-bottom: 0px solid #542f90;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
bottom: 80px;
height: 0;
left: 60%;
margin: 0 0 0 -20px;
opacity: 0;
position: absolute;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
width: 0;
z-index: 9;
}
.swiper-slide a.swiper-slide-bg {
display: block;
height: 100%;
transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
width: 100%;
}
.swiper-slide:hover .swiper-slide-bg {
opacity: 1;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.swiper-slide:hover .tooltip-text {
background-color: #542f90;
}
.swiper-slide:hover .tooltip-arrow {
border-bottom: 20px solid #542f90;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
left: 50%;
margin: 0 0 0 -20px;
opacity: 1;
}
/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.cards.events-landing-page .card {
background-color: #e7e7e7;
}
.cards.events-landing-page .card:hover {
background-color: #ececec;
}
.cards.events-landing-page .card .entry-content, .cards.events-landing-page .card .entry-title a, .cards.events-landing-page .card .entry-date {
color: #000;
padding: 0 25px 0 25px;
}
.cards.events-landing-page .card .entry-header {
width: 100% !important;
}
.cards.events-landing-page .card .entry-image, .cards.events-landing-page .card .entry-header, .cards.events-landing-page .card .entry-title, .cards.events-landing-page .card .entry-content {
display: block !important;
}
.cards .cards-filter {
background-color: #542f90;
margin-bottom: 55px;
}
.cards .cards-filter li a {
background-color: #542f90;
border-color: #392e60;
border-radius: 0;
border-style: solid;
border-width: 0;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
margin-bottom: 0px;
padding: 1rem 2rem 1.0625rem 2rem;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color 300ms ease-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.cards .cards-filter li a:hover,
.cards .cards-filter li a:focus {
background-color: #392e60;
}
.cards .cards-filter li a:hover,
.cards .cards-filter li a:focus {
color: #FFFFFF;
}
.cards .cards-filter li a.active {
background-color: gainsboro;
color: #000;
}
.cards .card {
background-color: #542f90;
border: 1px solid #d6dfe2;
border-radius: 8px;
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
cursor: pointer;
margin-bottom: 55px;
max-width: 360px;
min-height: 475px !important;
}
.cards .card:hover, .cards .separator:hover {
background-color: #4b3d7f;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
}
.cards .card .entry-image {
background-color: transparent;
padding: 12px 12px 0px 12px;
text-align: center;
}
.cards .card .entry-image img {
border-radius: 8px;
max-width: 100%;
}
.cards .card h3.entry-title,
.cards .separator h3.entry-title {
font-size: 1.1em;
padding-top: 15px;
}
.cards .card .entry-content,
.cards .card .entry-title,
.cards .separator .entry-content,
.cards .separator .entry-title h3 {
color: #fff;
padding: 0 25px 0 25px;
}
.cards .card .entry-content a,
.cards .card .entry-title a,
.cards .separator .entry-content a,
.cards .separator .entry-title a {
color: #fff;
}
.cards .card .entry-content a:hover,
.cards .card .entry-title a:hover,
.cards .separator .entry-content a:hover,
.cards .separator .entry-title a:hover {
color: #e7e7e7;
}
.cards .separator {
background-color: #542f90;
border: 1px solid #d6dfe2;
border-radius: 8px;
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
cursor: pointer;
margin-bottom: 55px;
}
.cards .separator .entry-image img {
display: none;
}
.cards .row .card .entry-header .entry-title {
color: #000000;
text-decoration: underline;
}
.cards .plate {
min-height: 200px !important;
}
/*--------------------------------------------------------------
# Steps 1 2 3
--------------------------------------------------------------*/
.steps-bar-step{
min-width:275px;
}
.steps-bar-list {
background-color: #542f90;
color: #FFFFFF;
display: block;
margin: 0;
padding: 0;
padding-left: 30px;
padding-right: 30px;
}
.steps-bar-list:before, .steps-bar-list:after {
content: " ";
display: table;
}
.steps-bar-list:after {
clear: both;
}
.steps-bar-list > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 1.25rem;
}
.steps-bar-list > li {
list-style: none;
padding: 0 0.625rem 1.25rem;
min-width: 33.3333333333%;
}
.steps-bar-list > li:nth-of-type(1n) {
clear: none;
}
.steps-bar-list > li:nth-of-type(3n+1) {
clear: both;
}
.steps-bar-list > li {
padding-bottom: 0;
}
.steps-bar-list li > span {
float: left;
/*padding: 64px 64px 64px 20px;*/
top: 40%;
position:absolute;
}
.steps-bar-list a {
color: #FFFFFF;
float: left;
font-size: 2.625rem;
position: relative;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.steps-bar-list a:hover {
color: #7564b4;
}
.steps-bar-list li > a:before {
content: "\f1db";
font-size: 6.25rem;
}
.steps-bar-list li > .link a {
font-size: 1rem;
text-decoration: none!important;
}
.steps-bar-list a span {
left: 31px;
line-height: 1;
position: absolute;
top: 57px;
}
.steps-bar-list br {
display: none;
}
.steps-bar-list{
width:100%;
margin-bottom: 10px;
}
@media screen and (max-width: 915px) {
.steps-bar-step {
width:100% !important;
display:block;
border-bottom-style: solid;
border-bottom-color:white;
border-bottom-width:1px;
}
.steps-bar-step:last-child{
border-bottom-style: none;
}
.steps-bar-list li > span {
position: relative;
display:inline-block;
top: 70px;
padding-left:20px;
}
}
/*--------------------------------------------------------------
# Steps
--------------------------------------------------------------*/
.site-content .acf-page-builder section {
padding: 0.9375rem 0;
}
.site-content .acf-page-builder section.alternate {
background-color: #e7e7e7;
}
/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-backface-visibility: hidden;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay {
background: #fdfdfd;
background: rgba(0, 0, 0, 0.85);
bottom: 0;
height: auto;
left: 0;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
.vbox-preloader {
animation: playload 1.4s steps(18) infinite;
-moz-animation: playload 1.4s steps(18) infinite;
-ms-animation: playload 1.4s steps(18) infinite;
-o-animation: playload 1.4s steps(18) infinite;
-webkit-animation: playload 1.4s steps(18) infinite;
background-image: url(preload-circle.png);
height: 32px;
left: 50%;
margin-left: -16px;
margin-top: -16px;
overflow: hidden;
position: fixed;
text-indent: -100px;
top: 50%;
width: 32px;
}
@-webkit-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@-moz-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@-ms-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@-o-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
/* IOS preloader */
/*.vbox-preloader{
position:fixed;
width:32px;
height:32px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url(preload-ios.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(12) infinite;
-moz-animation: playload 1.4s steps(12) infinite;
-ms-animation: playload 1.4s steps(12) infinite;
-o-animation: playload 1.4s steps(12) infinite;
animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
*/
/* dots preloader */
/*
.vbox-preloader{
position:fixed;
width:32px;
height:11px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url(preload-dots.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(24) infinite;
-moz-animation: playload 1.4s steps(24) infinite;
-ms-animation: playload 1.4s steps(24) infinite;
-o-animation: playload 1.4s steps(24) infinite;
animation: playload 1.4s steps(24) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -768px; }
}
*/
/* quads preloader */
/*
.vbox-preloader{
position:fixed;
width:32px;
height:10px;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
background-image: url(preload-quads.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(12) infinite;
-moz-animation: playload 1.4s steps(12) infinite;
-ms-animation: playload 1.4s steps(12) infinite;
-o-animation: playload 1.4s steps(12) infinite;
animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-moz-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-ms-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@-o-keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
@keyframes playload {
from { background-position: 0px; }
to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close {
background: url(close.gif) no-repeat #161617;
background-position: 10px center;
color: #fff;
cursor: pointer;
display: block;
height: 40px;
overflow: hidden;
padding: 10px 20px 10px 0;
position: fixed;
right: 0;
text-indent: -100px;
top: -1px;
width: 46px;
}
.vbox-next, .vbox-prev {
border: solid transparent;
box-sizing: content-box;
color: #fff;
cursor: pointer;
height: 170px;
margin-top: -85px;
overflow: hidden;
position: fixed;
text-indent: -100px;
top: 50%;
/* Using border instead of padding to keep bg image in place */
width: 30px;
}
.vbox-prev {
background: url(prev.gif) center center no-repeat;
border-width: 0 30px 0 10px;
left: 0;
}
.vbox-next {
background: url(next.gif) center center no-repeat;
border-width: 0 10px 0 30px;
right: 0;
}
.vbox-title {
background: #161617;
color: #fff;
display: none;
float: left;
font-size: 12px;
height: 40px;
left: 0;
line-height: 28px;
overflow: hidden;
padding: 6px 40px;
position: fixed;
text-align: center;
top: -1px;
width: 100%;
}
.vbox-num {
background: #161617;
color: #fff;
cursor: pointer;
display: block;
display: none;
font-size: 12px;
height: 40px;
left: 0;
line-height: 28px;
overflow: hidden;
padding: 6px 10px;
position: fixed;
top: -1px;
}
/* ------- inline window ------ */
.vbox-inline {
background: #fff;
height: 315px;
margin: 0 auto;
overflow: auto;
padding: 10px;
text-align: left;
width: 420px;
}
/* ------- Video & iFrames window ------ */
.venoframe {
border: none;
height: 720px;
width: 960px;
}
@media (max-width: 992px) {
.venoframe {
height: 480px;
width: 640px;
}
.cards{
display: inline;
}
}
@media (max-width: 767px) {
.venoframe {
height: 315px;
width: 420px;
}
}
@media (max-width: 460px) {
.vbox-inline {
width: 100%;
}
.venoframe {
height: 260px;
width: 100%;
}
}
/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open {
overflow: hidden;
}
.vbox-container {
background: #000;
margin: 0 auto;
max-width: 1200px;
padding: 0 15px;
position: relative;
width: 100%;
}
.vbox-content {
float: left;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.vbox-container img {
height: auto;
max-width: 100%;
}
.squares {
overflow: hidden;
}
.squares .panel {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
/*T4 Updates
#main .social-icons a {
text-decoration: none;
}
.general,
.squares,
.steps,
.video {
margin: 0rem auto;
padding: .3rem;
}
.accordion-item:last-child {
margin-bottom: 2rem;
}
/** T4 Migration *
.emptyp {
background-color: red;
}
#libdatabasetabs {
display: block;
padding: 0;
margin: 0;
z-index: 15;
position:relative;
}
#libdatabasetabs li {
display: inline-block;
padding: 0;
}
#libdatabasetabs a {
text-decoration: none;
display: block;
padding: 5px 20px;
border: 1px solid #87027B;
background-color: #500778;
color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#libdatabasetabs a.active {
border-bottom: 1px solid #FFF;
background-color: #FFF;
color: #500778;
}
.databaseslist div {
border: .05em solid #ececec;
padding: 1em;
}
.databaseslist div a {
text-decoration: underline;
}
.databaseslist div:hover {
background: #ffffe4;
}
.roweven {
background: #f9f9f9;
}
.longButton{
Width: 100%;
color: white;
font-size: 1.375rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1.4;
}
td.No {
background: url( ) center no-repeat;
}
td.Yes {
background: url() center no-repeat;
}
**/
/*--------------------------------------------------------
Side Tab Styles Jamie Chavez Updated 9/24/2019
--------------------------------------------------------*/
/* Style the tab */
.sideTabContainer .large-9{margin:0px}
.row .sideTabContainer {padding:0 10px;}
.shortTab .sidetabcontent{min-height:310px;}
.sidetab {
padding:0;
padding-right:15px;
}
/* Style the buttons that are used to open the tab content */
.sidetablinks{
display: block;
}
.sidetab button {
background-color: #ccc;
color: black;
padding: 15px 10px;
width: 100%;
border-style: solid;
border-width: 1px;
border-color: gainsboro;
border-radius: 4px;
font-weight:normal;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
margin:0;
font-family: "museo500";
}
.sidetabMenu{
display:none;
}
.sidetabcontent hr{ border-color:#dddddd !important;}
/* Style the tab content */
.sidetabcontent {
float: left;
padding: 20px 30px 20px 30px;
min-height: 35em;
background-color: #ffffff;
width:100%;
border-radius:15px;
}
/* Create an active/current "tab button" class */
.sidetab button.active {
background-color: #542f90 !important;
color: #fbfbfb;
}
.sidetab button:hover{
background-color: #575659;
color: #fbfbfb;
}
.sidetab button:focus {
background-color: #575659;
color: #fbfbfb;
}
.sideTabSection{padding: 25px 0px;}
/*Responsive Styles*/
@media screen and (min-width: 883px){.sidetablinks{
display: block;
}}
@media screen and (max-width: 882px){
.sidetab {
width:100%;
padding: 0;
}
.sidetabcontent{
width:100%;
padding: 15px;
padding-top:20px;
border-radius: 0px 0px 15px 15px;
}
.sidetablinks{
display: none;
}
.sidetabMenu{
display:block;
}
.sidetab button{border-radius:4px;}
}
.sidetabcontent button a {color:#ffffff; text-decoration: none;}//Added 3.19.2022 - Jme
/*--------------------------------------------------------
New Pagination Styles Jamie Chavez 8/9/2019
--------------------------------------------------------*/
.pagination-centered div{
border-style:none;
display:inline-block;
text-align:center;
padding:15px 0px 15px 0px;
border-radius: 5px;
border-width: 1px;
}
.pageNum a{
text-decoration: none !important;
padding:15px 30px 15px 30px !important;
}
.pageNum a:hover{
background-color: #f4f4f4;
border-color:gainsboro;
border-style:solid;
border-width: 1px;
border-radius: 5px;
}
.pageNum a:focus{
background-color: #f4f4f4;
border-color:gainsboro;
border-style:solid;
border-width: 1px;
border-radius: 5px;
}
.activePage{
background-color: #f4f4f4;
border-color:gainsboro;
border-style:solid;
}
.activePage p {
padding:0px 30px 0px 30px;
margin-bottom:0px;
}
.pageNum span{
background-color: #f4f4f4;
border-color: gainsboro;
border-style: solid;
border-radius: 5px;
border-width: 1px;
padding: 15px 30px 15px 30px !important;}
/*--------------------------------------------------------
Grey Button Styles Jamie Chavez
--------------------------------------------------------*/
.greyButtons a {
text-decoration: none !important;
color:white;
vertical-align: middle;
}
.greyButtons{display:inline-block;}
.greyButton {
border-radius: 15px;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
display: inline-block;
vertical-align: middle;
color: #ffff;
background-color: #575659;
padding: 16px 32px;
width: 250px;
margin: 24px auto 24px auto;
min-height: 93px;
box-shadow: 0 8px 6px -6px black;
font-weight:bold;
}
.greyButton:hover{
background-color: #542f90 !important;
color:#ffffff;
}
.greyButton:focus{
background-color: #542f90 !important;color:#ffffff;
}
.greyButton p{
text-align: center;
color: #ffff;
}
@media screen and (max-width: 670px){
.greyButton{
margin: auto;
margin-bottom: 20px;
display: block;
}
}
/*------------------------------------------------------
One Third - Two Thirds Content Type
Jamie Chavez 10/1/2019
-------------------------------------------------------*/
.oneThird{
width: 33.3333333%;
display:inline-block;
float:left;
padding: 10px;
}
.twoThirds{
width: 66.6666666%;
display:inline-block;
float:left;
padding: 10px;
}
@media screen and (max-width:882px)
{
.oneThird{
display: block;
width:100%;
}
.twoThirds{
display: block;
width:100%;
}
}
/*------------------------------------------------------
White Accordions Content Type
Jamie Chavez 07/29/2020
-------------------------------------------------------*/
.wAccordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
margin:0;
background-color:transparent;
border-top: 1px solid gainsboro;
border-radius: 0;
box-shadow: none;
}
.wAccordionGroup h3{margin:0px;}
.wAccordionGroup h3:last-child{
border-bottom: 1px solid gainsboro;
margin-bottom: 10px;
}
.wAccordionGroup h3:first-child{margin-top: 10px;}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover)
.wAccordion:hover, .wAccordion:focus{
background-color: #e7e7e7;
color:#000000;
}*/
/* Style the accordion panel. Note: hidden by default */
.wPanel {
padding: 0px 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
overflow-x:auto;
}
.wAccordion:after {
/* content: '\02795'; Unicode character for "plus" sign (+) */
font-size: 19px;
float: right;
margin-left: 5px;
text-shadow: 0 0 #542f90;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\2b";
}
.purple .wAccordion.active:focus::after, .wAccordion.active:focus::after, .purple .wAccordion.active:after,
.wAccordion.active:after {
/*content: "\2716"; */
font-size: 19px;
font-weight: 1000;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f068";
color:#ffffff;
}
.purple .wAccordion:focus::after, .wAccordion:focus::after{color:#ffffff;}
.alternate .wAccordion:focus, .alternate .wAccordion.active, .purple .wAccordion:focus, .wAccordion:focus, .wAccordion.active, .purple .wAccordion.active{
background-color: #6b686d;
font-weight:bold;
color:#ffffff;
}
.wAccordionGroup{padding: 0px 0px 25px 0px;}
/*------------------------------------------------------
Content Type Backgrounds
Jamie Chavez 09/30/2020
-------------------------------------------------------*/
/* 2023 Background COlors*/
/*Turquiose Background*/
.turquiose{background-color:#00757a;}
.turquiose a, .turquiose p, .turquiose h1, .turquiose h2, .turquiose h3, .turquiose h4, .turquiose h5, .turquiose h6, .turquiose em,.turquiose strong, #itAlert .wAccordion::after, .turquiose i {color:#ffffff;}
/*Light Blue Background*/
.ltblue{background-color:#00b6c9;}
.ltblue a, .ltblue p, .ltblue h1, .ltblue h2, .ltblue h3, .ltblue h4, .ltblue h5, .ltblue h6, .ltblue em,.ltblue strong, .ltblue i, .ltblue button, .ltblue span{color:#444;}
/*Lime Background*/
.lime{background-color:#96ca4f;}
.lime a, .lime p, .lime h1, .lime h2, .lime h3, .lime h4, .lime h5, .lime h6, .lime em,.lime strong, .lime i, .lime button, .lime span{color:#444;}
/*Dark Blue Background*/
.dkblue{background-color:#252379;}
.dkblue a, .dkblue p, .dkblue h1, .dkblue h2, .dkblue h3, .dkblue h4, .dkblue h5, .dkblue h6, .dkblue em,.dkblue strong, .dkblue i, .dkblue button, .dkblue span{color:#fff;}
/*Dark Red*/
.red{background-color:#a5230a;}
.red a, .red p, .red h1, .red h2, .red h3, .red h4, .red h5, .red h6, .red em,.red strong, #itAlert .red .wAccordion::after, .red i, .red button, .red span {color:#ffffff;}
/*Yellos Background*/
.yellow{background-color:#ffda02 }
.yellow a, .yellow p, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6, .yellow em,.yellow strong, #itAlert .yellow .wAccordion::after, .yellow i, .yellow button, .yellow span{color:#444;}
/*Light Grey Background*/
.alternate{
background-color: #e7e7e7;
}
.alternate .greyButton{
color: #ffffff;
background-color: #575659;
}
/*Dark Grey Background*/
.dkgrey a, .dkgrey h1,.dkgrey h2,.dkgrey h3,.dkgrey h4,.dkgrey h5, .purple a, .purple h1,.purple h2,.purple h3,.purple h4, .purple h5{
color: #ffffff;
}
.dkgrey {
background-color: #6b686d;
color: #ffffff;
}
.alternate .panel{background-color:#ffffff;}
.dkgrey .squares h1, .dkgrey .squares h2, .dkgrey .squares h3, .dkgrey .squares h4, .dkgrey .squares h5{
color:#000000;
}
.dkgrey .squares a {color:#542f90;}
.dkgrey button{
color: #000000;
background-color: #e7e7e7;
}
.dkgrey button:hover, .purple button:focus{background-color: #542f90;
color: #ffffff;}
/*Purple Background*/
.purple hr, .dkgrey hr{
border-color: #ffffff;
}
.purple {
background-color: #542f90;
color: #ffffff;
}
.purple .squares h1, .purple .squares h2, .purple .squares h3, .purple .squares h4, .purple .squares h5{
color:#000000;
}
.purple .squares a {color:#542f90;}
.alternate .purple{
color: #000000;
background-color: #e7e7e7;
}
.purple button{
color: #000000;
background-color: #e7e7e7;
}
.purple button:hover, .purple button:focus{background-color: #6b686d;
color: #ffffff;}
/*Pattern 1 Background*/
.ptrn1{
background: url("https://www.sanjuancollege.edu/media/sanjuancollegeedu/site-assets/images/backgrounds/1920x1080-format-diagonal-1.jpg") top right no-repeat; background-attachment:fixed;
}
/*Pattern 2 Background*/
.ptrn2{
background: url("https://www.sanjuancollege.edu/media/sanjuancollegeedu/site-assets/images/backgrounds/1920x1080-format-diagonal-2.jpg") top right no-repeat; background-attachment:fixed;
}
.ptrn2 .panel{background-color:#ffffff;}
/*White Accordion*/
section.ptrn2 .wAccordion,section.purple .wAccordion, section.ptrn1 .wAccordion, section.dkgrey .wAccordion, section.alternate .wAccordion{background-color: #ffffff;
color: #000000;font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight:bold;}
section.ptrn2 .wAccordion:hover,section.purple .wAccordion.wAccordion:hover, section.ptrn1 .wAccordion.wAccordion:hover, section.dkgrey .wAccordion.wAccordion:hover, section.alternate .wAccordion.wAccordion:hover{background-color:#6b686d; color: #ffffff;}
section.dkgrey .wAccordion h1, section.dkgrey .wAccordion h2, section.dkgrey .wAccordion h3, section.dkgrey .wAccordion h4, section.dkgrey .wAccordion h5{color: #000000;}
section.purple .wAccordion h1, section.purple .wAccordion h2, section.purple .wAccordion h3, section.purple .wAccordion h4, section.purple .wAccordion h5{color: #000000;}
/*section.dkgrey .wAccordion:hover, section.purple .wAccordion:focus { background-color: #f4f4f4; color: #000000; }*/
section.ptrn2 .wPanel,section.purple .wPanel, section.ptrn1 .wPanel, section.dkgrey .wPanel, section.alternate .wPanel{background-color: #ffffff; color: #000000;}
section.dkgrey .wPanel h1, section.dkgrey .wPanel h2, section.dkgrey .wPanel h3, section.dkgrey .wPanel h4, section.dkgrey .wPanel h5{color: #000000;}
section.purple .wPanel h1, section.purple .wPanel h2, section.purple .wPanel h3, section.purple .wPanel h4, section.purple .wPanel h5{color: #000000;}
section.purple .wPanel a, section.dkgrey .wPanel a{color:#542f90;}
/*Side Tabs*/
section.ptrn2 .sidetabcontent,section.purple .sidetabcontent, section.ptrn1 .sidetabcontent, section.dkgrey .sidetabcontent, section.alternate .sidetabcontent{background-color: #ffffff;
color: #000000;font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
section.dkgrey .sidetabcontent h1, section.dkgrey .sidetabcontent h2, section.dkgrey .sidetabcontent h3, section.dkgrey .sidetabcontent h4, section.dkgrey .sidetabcontent h5{color: #000000;}
section.purple .sidetabcontent h1, section.purple .sidetabcontent h2, section.purple .sidetabcontent h3, section.purple .sidetabcontent h4, section.purple .sidetabcontent h5{color: #000000;}
section.ptrn2 .sidetabcontent,section.purple .sidetabcontent, section.ptrn1 .sidetabcontent, section.dkgrey .sidetabcontent, section.alternate .sidetabcontent{background-color: #ffffff; color: #000000;}
section.purple .sidetabcontent a, section.dkgrey .sidetabcontent a{color:#542f90;}
section.purple .sidetabcontent button, section.dkgrey .sidetabcontent button{background-color:#542f90; color:#ffffff; border-width: 0px 0px 1px 0px;}
section.purple .sidetabcontent button:hover, section.dkgrey .sidetabcontent button:focus{ background-color: #575659; color: #fbfbfb;}
section.purple .sidetab button.active { background-color: #6b686d !important; color: #ffffff;}
section.purple .sidetablinks, section.dkgrey .sidetablinks{border-width: 0px 0px 1px 0px;}
/*------------------------------------------------------
Same sized columns for CTs
Jamie Chavez Edited on 05/28/2021
-------------------------------------------------------*/
.flexContainer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
margin-bottom:10px;
margin-top: -15px;
margin-bottom: 30px;
overflow: initial;
}
.flexItem {
flex-direction: column;
display:flex;
}
.flexItem button{
height:100%;
padding:15px 10px;
min-width:50%;
}
.flexItem a{height:100%; }
@media only screen and (max-width: 64em) {
.flexItem a{ width: 100%;}
.flexContainer { flex-direction: column;}
.flexItem button{ width: 100%; padding:inherit; padding: 1rem 2rem 1.0625rem 2rem;}
}
/*---------------------------------
IE Styles
--------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.flexItem {
margin-bottom: 10px;
}
.flexContainer{overflow:visible;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 64em) {
.flexItem button{padding:inherit;}
.flexItem{margin-bottom:1.2em}
}
/*------------------------------------------------------
New Content Squares with photo
Jamie Chavez 09/23/2021
-------------------------------------------------------*/
/*Regular Content Squares/Plates*/
.contentSq{
background-color: #f4f4f4;
box-shadow: 0 8px 6px -6px black;
margin: 10px;
padding: 1.25rem;
}
.contentSq img{ max-height:300px; margin-bottom: 15px; object-fit:cover; margin: auto;}
.contentSq button{margin-top:0px;width:100%;}
.contentSq a{height:auto;}
.contentSq > :nth-last-child(2) {height: 100%;}
.contentSqContainer{margin:0px auto; padding-top:1.5rem;justify-content:left;}
.flexContainer.contentSqContainer:last-child {
padding-bottom: 1.5rem;
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.contentSqContainer { flex-direction: row;}
.contentSq { width: 50%;}
.contentSq button{ width: 100%; padding:inherit; padding: 1rem 2rem 1.0625rem 2rem;}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.contentSq { width: 80%;}
.contentSqContainer { align-items:center; flex-direction: column;}
}
/*Printing Styles*/
@media print{
.contentSq {page-break-inside: avoid; display:block; position: relative; width: 90%; margin:0; padding: 0px;}
.contentSqContainer { display:block; position: relative; align-items:center; flex-direction: column;}
}
/*Background Color Styles*/
/*Purple*/
section.purple .contentSqContainer, section.purple .contentSqContainer p, section.purple .contentSqContainer h1, section.purple .contentSqContainer h2, section.purple .contentSqContainer h3, section.purple .contentSqContainer h4, section.purple .contentSqContainer h5 {color:#000000;}
section.purple .contentSqContainer hr{border-color:#c0bdba;}
section.purple .contentSqContainer button{background-color:#542f90; color:#ffffff;}
section.purple .contentSqContainer button:hover, section.purple .contentSqContainer button:focus{background-color:#6b686d; color:#ffffff;}
.purple .contentSq a { color: #542e8e;}
/*Dark Grey*/
section.dkgrey .contentSqContainer, section.dkgrey .contentSqContainer h1, section.dkgrey .contentSqContainer h2, section.dkgrey .contentSqContainer h3, section.dkgrey .contentSqContainer h4, section.dkgrey .contentSqContainer h5 {color:#000000;}
section.dkgrey .contentSqContainer hr{border-color:#c0bdba;}
section.dkgrey .contentSqContainer button{background-color:#542f90; color:#ffffff;}
section.dkgrey .contentSqContainer button:hover, section.dkgrey .contentSqContainer button:focus{background-color:#6b686d; color:#ffffff;}
/*Pattern 2*/
section.ptrn2 .contentSq{background-color:#542f90; }
section.ptrn2 .contentSqContainer, section.ptrn2 .contentSqContainer h1, section.ptrn2 .contentSqContainer h2, section.ptrn2 .contentSqContainer h3, section.ptrn2 .contentSqContainer h4, section.ptrn2 .contentSqContainer h5 {color:#ffffff;}
section.ptrn2 .contentSqContainer hr{border-color:#c0bdba;}
section.ptrn2 .contentSqContainer button{background-color:#c0bdba; color:#000000;}
section.ptrn2 .contentSqContainer button:hover, section.ptrn2 .contentSqContainer button:focus{background-color:#6b686d; color:#ffffff;}
/*Purple Content Squares/Plates*/
.contentSqContainer .purple {background-color: #542f90; color:#ffffff; }
.contentSqContainer .purple, .contentSqContainer .purple h1, .contentSqContainer .purple h2, .contentSqContainer .purple h3, .contentSqContainer .purple h4, .contentSqContainer .purple h5 {background-color: #542f90; color:#ffffff;}
.contentSqContainer .purple button{background-color:#c0bdba; color:#000000;}
/*Background Color Styles*/
/*Purple*/
section.purple .contentSq.purple{background-color:#6b686d;}
section.purple .contentSqContainer .purple, section.purple .contentSqContainer .purple h1, section.purple .contentSqContainer .purple h2, section.purple .contentSqContainer .purple h3, section.purple .contentSqContainer .purple h4, section.purple .contentSqContainer .purple h5 {color:#ffffff; background-color:#6b686d;}
section.purple .contentSqContainer .purple hr{border-color:#c0bdba;}
section.purple .contentSqContainer .purple button{background-color:#c0bdba; color:#000000;}
/*Dark Grey*/
section.dkgrey .contentSqContainer .purple, section.dkgrey .contentSqContainer .purple h1, section.dkgrey .contentSqContainer .purple h2, section.dkgrey .contentSqContainer .purple h3, section.dkgrey .contentSqContainer .purple h4, section.dkgrey .contentSqContainer .purple h5 {color:#ffffff;}
section.dkgrey .contentSqContainer hr{border-color:#c0bdba;}
/*Pattern 2*/
section.ptrn2 .contentSq.purple{background-color:#542f90 !important; }
section.ptrn2 .contentSq.purple, section.ptrn2 .contentSq.purple h1, section.ptrn2 .contentSq.purple h2, section.ptrn2 .contentSq.purple h3, section.ptrn2 .contentSq.purple h4, section.ptrn2 .contentSq.purple h5 {color:#ffffff;}
section.ptrn2 .contentSq.purple hr{border-color:#c0bdba;}
section.ptrn2 .contentSq.purple button{background-color:#c0bdba; color:#000000;}
/*Light Grey*/
section.alternate .contentSq.purple{background-color:#542f90 !important; }
section.alternate .contentSq.purple, section.alternate .contentSq.purple h1, section.alternate .contentSq.purple h2, section.alternate .contentSq.purple h3, section.alternate .contentSq.purple h4, section.alternate .contentSq.purple h5 {color:#ffffff;}
section.alternate .contentSq.purple hr{border-color:#c0bdba;}
section.alternate .contentSq.purple button{background-color:#c0bdba; color:#000000;}
/*---
MySJC Edits
--*/
.mySJCExt
.hidden{display:none;}
button{padding: 15px 10px;}
/*---MySJC Purple Headings--
.mySJCHeading h2, .mySJCHeading h1{display: inline-block; color:#ffffff; margin-top:0px; letter-spacing: 0.2em; margin-bottom:0px;}*/
.mySJCHeading{margin-top: 0; color:#ffffff; background-color:#542e8e; padding:10px; margin-left:-10px; margin-right:-10px; }
.mySJCMainHeading{background-color:#f4f4f4; padding:0 15px; word-break: break-word;}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.mySJCHeading a{float:none; margin-top:0; width:100%;}
.mySJCHeading{margin-bottom:5px;}
.mySJCContacts, .mySJCResources{margin-left:0 !important;}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
padding:10px;
}
.mySJCMainHeading h2, .mySJCMainHeading h1{color:#000000 !important;}
/*---MySJC Resources and Contact Boxes--*/
.mySJCContacts, .mySJCResources{ padding: 0 10px 10px;
margin-left: 10px;
}
.mySJCContacts, .mySJCResources a{text-decoration:none; }
.mySJCResources a:hover, .mySJCResources a:focus{font-size: 1rem;}
.mySJCResources li:hover, .mySJCResources li:focus{ background-color:gainsboro; font-weight:bold;}
.mySJCResources li{padding:1px 1px 2px 11px;}
.mySJCResources ul{margin-left:1rem; margin-right:1rem;}
.mySJCResources{background-color:#f4f4f4;}
.flexContainer{margin-top:0px; margin-bottom:0px; padding-bottom:15px;}
.cntrFlex{justify-content: center !important;}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.mySJCResources button{width:90%; margin-left:-10px !important;}
.mySJCResources a {padding-left:0px;}
.mySJCResources{margin: 15px 0 0 0; word-break:break-all;}
}
/*---MySJC Employee scroll--*/
.mySJCContacts button{margin-top:0px; margin:auto;}
.mySJCStaff .flexItem{padding: 10px; background-color: #f4f4f4; margin-left: 10px; min-width:23%; box-shadow: inset 6px 6px 10px 0 rgb(0 0 0 / 20%), inset -6px -6px 10px 0 rgb(255 255 255 / 50%);
}}
.mySJCStaff .flexItem:first-child{margin-left:0px;}
.mySJCStaff img {height: 66.666% !important; width:186px !important; margin: auto; box-shadow: 0 7px 11px -5px black; object-fit:cover;}
.mySJCStaff p{display:inline-block; margin:0;}
.mySJCStaff{justify-content:left; overflow-x:scroll; padding-bottom:5px;}
.mySJCContacts em{margin-left: -25px; width: 20px;}
.sScrollInfo { min-height: 33.3333%;}
.large-4.mySJCResources p {
padding-left: 25px;
}
/*-------------Turquiose Buttons--------------*/
.mySJC-linkList button:hover, .mySJC-linkList button:focus{
background-color:#cccccc;
color:#000000;
}
.mySJC-linkList button{
margin:auto;
padding:10px;
background-color:#00757a;
width: 95%;
color:#ffffff;
font-weight: 400;
letter-spacing: .07rem;
}
/*Tablet Styles*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.navFlex{ display:flex; flex-direction:row;}
.mySJC-linkList button{margin: 5px auto !important;}
.mySJC-linkList .flexItem{width:100%; margin:5px; display:inline;}
.mySJC-linkList .flexContainer{ width:100%; }
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.mySJC-linkList button{margin: 5px auto !important;}
.mySJC-linkList .flexItem{width:100%; margin:5px; display:inline;}
.mySJC-linkList .flexContainer{ width:100%; }
}
/*---------------MySJC Announcement Listing---------------*/
#mySJCAnnounceList { padding-bottom: 1rem;}
#mySJCAnnounceList iframe{height:calc(9 / 18 * 33vw); width:100%}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.mySJC-linkList{flex-direction:row;}
#mySJCAnnounceList iframe{height:calc(9 / 18 * 90vw); width:100%}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.ssCol { width: 100%;}
.ssCol .navIcon:last-child{margin-bottom:0px;}
.mySJC-eventListItem{margin: auto 1px; width:92%;}
}
/*---------------PHOTO CARDS--------------*/
#mySJCDepatmentList .contentSq {padding:0; margin:0; background-color: transparent; box-shadow:none; }
#mySJCDepatmentList a {text-decoration: none; text-align:left;height:100%;}
#mySJCDepatmentList h3{font-size:1.2rem; display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
margin-bottom: 0px;
}
.cardTxt{padding: 0 15px; height: 90%; position: relative;}
#mySJCDepatmentList .wCardImg p{ position:absolute; }
#mySJCDepatmentList p {
position:relative;
bottom:0px;
height:auto;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient:
vertical; margin-bottom:0px;
}
#mySJCDepatmentList img{height:53% !important; width:100% !important;position: relative;}
#mySJCDepatmentList .flexContainer{padding-top:15px; justify-content:left; flex-wrap: wrap;}
#mySJCDepatmentList .contentSq:hover, #mySJCDepatmentList .contentSq:focus{
background-color:#c0bdba;}
#mySJCDepatmentList .wCardImg{min-height:325px;}
#mySJCDepatmentList .contentSq:hover h2, #mySJCDepatmentList .contentSq:focus h2,#mySJCDepatmentList .contentSq:hover a, #mySJCDepatmentList .contentSq:focus a{color:#000000;}
#mySJCDepatmentList .wText{}
.wCardImg .cardTxt{height: 42%;}
.wCardImg{min-height:325px;}
#mySJCDepatmentList .card-inner{height: 95%; margin: 10px; background-color: #f4f4f4; box-shadow: 0 8px 6px -6px black;}
/*Tablet*/
@media only screen and (max-width: 1288px){
#mySJCDepatmentList .contentSq {}
#mySJCDepatmentList h2 { font-size: 1.2rem; -webkit-line-clamp: 4;}
#mySJCDepatmentList .wCardImg p {position:relative; padding:5px;}
#mySJCDepatmentList .wCardImg{min-height:405px;}
}
/*Mobile*/
@media only screen and (max-width: 40em) {
#mySJCDepatmentList .contentSq {
display: block;
margin: auto;
width: 100%;
min-height: auto;}
#mySJCDepatmentList img {height: 200px !important;}
}
/*Events feed on homepage*/
#mySJC-eventList{
margin: 5px auto 15px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
overflow-x: scroll;
height: 12rem;
}
@media only screen and (min-width: 1025px) and (max-width: 1300px){
#mySJC-eventList {
margin: 5px auto 5px 8.2rem;
}
}
#mySJC-eventList::-webkit-scrollbar, .mySJCStaff::-webkit-scrollbar {
width: 2px;
}
#mySJC-eventList::-webkit-scrollbar-track, .mySJCStaff::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#mySJC-eventList::-webkit-scrollbar-thumb, .mySJCStaff::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(84, 47, 144, 0.7);
background:rgba(84, 47, 144, 0.7);
}
.sjcf-eCommunityTile{
display:inline-block;
margin:auto;
position:relative;
white-space: normal;
background: rgba(84, 47, 144, 0.80);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #FFFFFF;
height: 175px;
width: 85%;
margin: auto;
box-shadow: 5px 5px 10px #cccccc;
}
.sjcf-eCommunityTile:hover .sjcf-eCommunityOverlay{height:175px; top:0;}
.sjcf-eCommunityTile:hover .sjcf-eCommunityOverlay a{
opacity:1;
}
.sjcf-eCommunityTile img {
height: 100%;
object-fit: cover;
}
.sjcf-eCommunityOverlay{
position:absolute;
top:-175px;
background: rgba(84, 47, 144, 0.88);
transition: top 0.4s linear;
width:175px;
display:table;
height:0px;
opacity:1;
}
.sjcf-eCommunityOverlay a{
padding-top:1em;
width:175px;
font-size:1.8em;
color: #ffffff;
opacity:0;
transition: opacity .8s linear;
padding: 10px;
display: table-cell;
vertical-align: middle;
}
#mySJC-eventList .mySJCevent-date {
background: rgba(84, 47, 144, 1);
display:inline-block;
padding: 1.25rem 0.3125rem;
text-align: center;
width: 33.333%;
height:99%;
}
/*#mySJC-eventList span {
display: block;
line-height: 1;
text-transform: uppercase;
color:#ffffff;
}/*/
#mySJC-eventList .month {
font-size: 0.8125rem;
}
#mySJC-eventList .day {
font-size: 3.125rem;
}
#mySJC-eventList .time {
font-size: 1rem;
}
#mySJC-eventList .event-title{font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
letter-spacing: .2em;}
.mySJC-eventListItem{
background: rgba(84, 47, 144, 0.80);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #FFFFFF;
padding-left:0;
margin: auto 5px;
display:inline-block;
white-space: normal;
height: 8.5em;
}
.mySJC-eventListItem a, .mySJC-eventListItem p{color:#ffffff; text-decoration: none;}
.mySJC-eventListItem .mySJCevent-info{width:60%;display:inline-block; height:100%;}
/*Events feed on homepage - 2022 Version*/
#mySJC-eventList a {text-decoration:none;}
.mySJCEventListItem {
background:rgba(84, 47, 144, 0.80);
height:95%;
width:35%;
color: #ffffff;
display:inline-flex;
white-space: normal;
padding:0;
}
.mySJCeventInfo{width:59%; padding:13px 10px; font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.mySJCeventInfo p:first-child{
letter-spacing: .15em;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.mySJCeventDate{line-height: 1.2;
background: rgba(84, 47, 144, 1);
width:40%;
padding: 1rem 0;
}
.mySJCmonth{
font-size: 0.9125rem;
display:block;
padding-top:10px;
}
.mySJCday {
font-size: 3.125rem;
display:block;
}
.mySJCtime {
font-size: 1rem;
display:block;
align-items: middle;
}
@media only screen and (max-width: 64em){
.mySJCEventListItem{ flex-direction:row; width:45%;}
#mySJC-eventList{ height: 12rem;}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
#mySJC-eventList{ height: 16rem;}
.mySJCEventListItem{width:92%; }
}
/* Resources and Self Service Section */
.mySJCResources li {list-style-type: none;}
.mySJCResources a {line-height:2; height: auto;}
.ssQuickLinks{margin-top:20px;}
.ssQuickLinks .navIcon{width:100%;}
.ssCol{width:50%;}
.ssCol .navIcon:last-child{margin-bottom:10px;}
.t4Edit-page, .site-footer a {text-decoration:none;}
.ssCol .navIcon{width:100%;}
.mySJCResources h2{color:#542f90; font-weight:bolder; margin:0px auto; padding-left:0px !important;}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.mySJCResources{margin:0;}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.ssCol { width: 100%;}
.ssCol .navIcon:last-child{margin-bottom:0px;}
.mySJC-eventListItem{margin: auto 1px; width:92%;}
}
/*Calendar embed in accordion*/
.mySJCCal button{background-color:#00757a; color:#ffffff; padding:10px;border-radius: 15px;box-shadow: 0 8px 6px -6px black;}
.mySJCCal .wAccordion:after{color:#ffffff; font-size:1.5rem; padding-top:5px;}
.mySJCCal button:hover, .mySJCCal button:focus {color:#ffffff; background-color:#542f90;}
.mySJCCal iframe {height:540px; width:100%; margin-bottom:0px;}
.mySJCCal button h2{ margin-top: 0px; margin-bottom: 0px; display: inline-block; font-size: 2rem; color:#ffffff;}
/*----------
Flippy Cards
Created by - Jamie Chavez March 2022
Added to T4: March 28, 2022
--------------*/
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.cardContainer{
margin:10px auto;
width:100%;
}
.flip-card {
background-color: transparent;
height:19rem;
display:inline-block;
/* perspective: 1000px; Remove this if you don't want the 3D effect */
margin:-2px;
padding:10px;
}
.flip-card img{
min-width:100%;
height: 200px !important;
width:auto !important;
object-fit:cover;}
/* This container is needed to position the front and back side */
.flip-card-inner {
position: relative;
width: 100%;
height:100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.flip-card-front p {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flipped .flip-card-inner{
transform: rotateY(180deg);
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
.flip-card-back p{
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
text-align:left;padding:10px 10px 0 10px;
}
.flip-card-back p:first-child{ background-color: #333333;
color: #ffffff;
font-family:"Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
letter-spacing: 0.15rem; margin:0; min-height:61.2px; padding-bottom: 10px;}
/* Style the front side (fallback if image is missing) */
.flip-card-front {
background-color: #333333;
color: #ffffff;
font-family:"Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
letter-spacing: 0.15rem;
}
flip-card-front img{width:500px; height:333px;}
/* Style the back side */
.flip-card-back {
background-color: #cccccc ;
color: #000000;
transform: rotateY(180deg);
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.switch input[type=checkbox]:focus .switch{border:1px solid #542f90;}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #542f90;
}
.cardContainer input:focus + .slider:before {
background-color:#00757a;
}
.flipAll input:focus + .slider:before {
background-color:#ffda02;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.flip-card{
display:inline-block;
width: 50%;}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.flip-card{
height: 20rem;
width:inherit;
}
.flip-card img{
min-width:100%;
height: 14rem;
object-fit:cover;
}
}
/*Long Buttons*/
.longButton {
Width: 100%;
color: white;
font-size: 1.375rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1.4;}
.turqBtn{background-color:#00757a}
/*----------
Menu Carets Rework
Created by - Jamie Chavez April 2022
Added to T4:
--------------*/
.menuRight li::before {
content: "\276F";
color: #ffffff;
margin-right: 10px;
font-size: 1.2em;
margin: -10px;
padding-right: 10px;
}
.menuLeft li::before {
content: "\276F";
color: #542f90;
margin-right: 10px;
font-size: 1.2em;
margin: -10px;
padding-right: 10px;
}
element.style {
}
.menuLeft em, .menuLeft p, .menuLeft h1, .menuLeft h2, .menuLeft h3 {
color: #542f90;
font-weight: bold;
letter-spacing: .2em;
text-transform: uppercase;
}
/*Home button in Desktop Menu*/
.menuHome {
margin-top: -4em;
margin-bottom: 7px;
}
.menuHome button a {
color: #ffffff;
}
.menuHome button {
padding: 9px;
}
/*MySJC Breadcrumbs - 4/20/2022 - Jamie Chavez*/
.mySJCbreadcrumbs{
position:absolute;
top:12rem;
right:2rem;
color:#ffffff;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size:.8em;
list-style-type: none;
letter-spacing: 0.1em;
max-width:50%;
}
.mySJCbreadcrumbs li{
display:inline-block;
}
.mySJCbreadcrumbs a{
color:#ffffff;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.mySJCbreadcrumbs{
max-width:100%;
display: block;
position: relative;
color:#542f90;
top:0px;
}
.mySJCbreadcrumbs a{color:#542f90;}
}
/*Footer Links */
.footerLinks:first-child{border-left:none;}
.footerLinks{padding:0 20px;border-right:1px solid #807c7c; }
.footerLinks:last-child{border-right:none;}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.footerLinks:first-child{border:none;}
.footerLinks{border:none; }
}
@media only screen and (max-width: 64em) {
h1, h2, p {word-break: break-word;}
.mySJCResources p {word-break: break-word;}
}
/*MySJC PR/Marketing Images - 05/05/2022 - Tracey Beasley*/
.mySJCprImg {
max-width: 20%;
max-height: 20%;
}
/*MySJC Turquoise Toggle Button for nomenu layout - 5/13/2022 - Jamie Chavez*/
.mobileToggle{display:none;}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {.mobileToggle{display:block;} }
/*----------------
Updates for Directory
Created By: Jamie Chavez September 2022
------*/
.dirContact a {
font-size: .8rem;
}
.dirName{
font-size: 1.4rem;
font-weight:bold;
padding-top: 10px;
}
.directory{
flex-wrap: wrap;
justify-content:left;
}
.directory p{
margin:0;
height:auto;
overflow-wrap: break-word;
}
.dirTitle{font-size: .9rem;}
.dirContact{padding-bottom: 10px; }
.dirDept{
font-size: .9rem;
font-weight:bold;
}
.directory .contentSq{
padding:0;
text-align: left;
flex-flow: wrap;
max-width:31%;
min-width:400px;
}
.directory img{
margin-bottom:0px;
vertical-align: initial;
height:147px;
object-fit: contain;
max-height:100%;
}
.dirImg{
aspect-ratio: 5 / 4;
display:inline-block;
max-width:45%;
padding:0px;
}
.directory hr{margin:10px 0px;}
.dirInfo{
display:inline-block;
padding:15px 15px 0 px 15px;
aspect-ratio: 2 / 1;
}
.dirPageNum, .arrow {
background-color: transparent;
text-decoration: none !important;
color: #542f90;
margin-bottom: 0;
display: inline-block;
width:3em;
border-style: none;
text-align: center;
border-radius: 5px;
border-width: 1px
}
.current{border:#ffffff solid 1px}
.dirPageNum a, .arrow a {
text-decoration: none;
line-height: 3em;
padding: 30px 15px;
}
.dirPageNum:hover, .dirPageNum:focus, .arrow:hover, .arrow:focus, .current{
background-color: #542f90;
}
.dirPageNum:hover a, .dirPageNum:focus a, .arrow:hover a, .arrow:focus a, .current a{
font-size: padding: 30px 15px;
color:#ffffff;
}
.dirPgNumContainer{list-style-type: none; margin:0; width:98%;}
#dirSearch .row:first-child {
overflow-y: hidden;
overflow-x: hidden;
}
#dirSearch .submit{padding:0px}
#dirSearch .pagination-centered{padding-bottom:1em;}
#dirSearch label {
font-size: 1.6em;
font-weight: bold;
}
#dirSearch input {
width:50%;
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.directory img {height:50%;}
.dirInfo{max-width:100%;}
.directory .contentSq{max-width:46%;}
.dirImg{max-width:unset; display:Contents;}
.dirImg img{height:55%;}
min-width:unset;
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.directory .contentSq{max-width:100%;}
.dirImg{ padding:5px 0px;}
.directory{width:98%; justify-content:center;}
#dirSearch input { width:100%;}
}
/*--------------------------------------------------------------
MySJC - Side Nav 2023
--------------------------------------------------------------*/
.sidemenu:before, .sidemenu:after {
content: " ";
}
.sidemenu:after {
clear: both;
}
#sideNav{
margin: 0px 0px 0px 1em;}
#sideNav ul {
/* border-left: 2px solid #542e8e;*/
margin: 0px;
display:block;
padding-bottom:5px
}
.menuHeading {
background-color: #542f90;
color: #ffffff;
margin-bottom: 0px;
padding: 5px 16px;
line-height: 1.4;
font-size: 1.3rem;
}
#sideNav li {
display: inline-block;
line-height:1.5rem;
cursor: pointer;
position:relative;
width: 97%;
margin: 5px 0px 0px 10px;
padding:0px 0px 0px 25px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#sideNav li span {
min-height:3.5em;
vertical-align:middle;
text-decoration: none;
padding-left:15px;
line-height:1.5rem;
margin-left: -15px;
}
#sideNav li a {
outline: none;
min-height:3.5em;
vertical-align:middle;
text-decoration: none;
padding-left:5px;
line-height:1.5rem;
margin-left: -15px;
}
#sideNav li:focus-within, #sideNav li:hover{
padding: 0px 0px 0px 30px;
font-weight:bold;
border-left: 5px solid #542e8e;
color:#542e8e;
}
#sideNav .active:focus-within, #sideNav .active:hover{padding:0px;}
#sideNav .active {padding:0px !important;}
#sideNav .active a, #sideNav .currentsection{font-weight:bold;
color:#000;}
#sideNav .active:before{content:'\27BA';
font-weight:bold;
color:#000;
margin-right:1em;}
#sideNav h3 {
margin-left: 0px;
border-top: 1px solid #c0bdba;
margin-bottom: 0px;
font-size: 1.1rem;
color:#6b686d;
padding-left:5px;
}
#sideLinks ul:last-child{border-bottom:1px solid #ccc;}
/*Parent/Child Navigation*/
#sideChildPages ul{padding-left:10px;}
#sideChildPages li:first-child{padding-left:1em;}
#sideChildPages li{padding-left: 2em;}
#sideChildPages a{border-left: 1px solid #542e8e;}
#sideChildPages p{margin:0px; font size:2em; font-weight:bold;}
#sideChildPages li:hover, #sideChildPages li:focus-within{border:none;padding: 0px 0px 0px 30px;}
#sideChildPages li:hover a, #sideChildPages li:focus-within a{ border-left: 5px solid #542e8e;}
/*Related Links*/
.relatedHeading{
background-color: gainsboro;
padding: 5px 16px;
line-height: 1.4;
font-size: 1.3rem;
}
#relatedLinks p{padding: 5px 15px;}
#relatedLinks ul{ border: none;}
#relatedLinks a{color:#000000;}
#relatedLinks li:hover, #relatedLinks li:focus-within{ border-left: 5px solid #542e8e;}
#relatedLinks li:hover a, #relatedLinks li:focus-within a{font-weight:bold; color:#542f90;}
#relatedLinks{background-color:#f4f4f4;margin-top:15px;}
#relatedLinks h3{margin-left:0px;}
/*Contact*/
#sideNavContact{ margin-top:15px;}
#msideNavContact p,
#sideNavContact p,
#msideNavContact strong,
#sideNavContact strong{
padding-left: 15px;
margin-bottom: 1rem;
word-wrap:break-word;
}
#sideNavContact div {
margin-left: 10px;
}
#msideNavContact, #sideNavContact{border:3px solid #542e8e; }
#msideNavContact{margin:0px 0px 10px 0px;}
.sideContactHeading{
background-color: #542e8e;
color:#ffffff;
line-height: 1.4;
margin: 0 0 5px 0;
padding: 5px 16px;
border-bottom:1px solid #ffffff;
}
/*CTA*/
#sideNavCTA{width: 85%; margin: 10px auto;}
#mSideNavCTA button,#sideNavCTA button{width: 100%;margin-bottom:0px;}
#mSideNavCTA a, #sideNavCTA a{ display: block; margin: auto;}
#mSideNavCTA {margin: 15px 10px 15px 17px;}
/*Mobile Side Nav Elements*/
#sideNavMobileTop .wPanel{padding:0px;}
#sideNavMobileTop ul{list-style:none; margin:0; }
#sideNavMobileTop li{
border-bottom: 1px solid #e7e7e7;
width: 96%;
padding-left: 18px;
padding: .5em 0 .5em 1em;
}
#sideNavMobileTop li:last-child{border-bottom:none;}
#sideNavMobileTop a{text-decoration:none; }
#sideNavMobileTop{list-style:none;}
#mblIcon{font-size: 1.3em;}
#sideNavMobileTop, #sideNavMobileBottom{display:none;}
.mSideNavAcc::after{color:#ffffff; -webkit-text-stroke-width: 0px;}
.mSideNavAcc:hover:after{color:#542e8e;}
.mSideNavAcc::last-child{margin-bottom:15px;}
.mSideNavAcc{background-color:#542e8e; color:#ffffff; letter-spacing: 2px; padding:10px;}
.qkLinkMobile{background-color:#00757a; }
/*Styles for those strange aspect ratios
@media only screen and (min-width: 1025px) and ( max-width: 1475px) {
#sideNav{display:none;}
#sideNavMobileTop, #sideNavMobileBottom{display:block; height: 8em;
z-index: 10;
position: relative;}
#mainContent{width:100%;}
.mySJCwSide{display:none;}
}*/
@media only screen and (min-width: 1025px) and ( max-width: 1475px) {
#sideNavCol{width:33%;}
#mainContent{width:66%;}
.fullwidth {width:100% !important;}
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
.row {margin: 0px auto;}
#sideNav{display:none;}
#sideNavMobileTop, #sideNavMobileBottom{display:block; height: 8em;
z-index: 10;
position: relative;}
.mySJCwSide{display:none;}
#mainContent{width:96%;}
.fullwidth {width:100% !important;}
.quickLnkNav {
display: none !important;
}
}
/*Mobile Styles*/
@media only screen and (max-width: 1024px) {
#msideNavContact{margin:10px 0px 10px 0px;}
.row .row {margin: 0px}
#sideNavMobileTop, #sideNavMobileBottom{height: 13em;}
#mSideNavCTA {margin: inherit;}
}
/*--------------------------------------------------------------
MySJC - Link Router List
--------------------------------------------------------------*/
.routePanel{ justify-content: flex-start; flex-wrap:wrap; padding-top:10px;}
.routePanel hr{margin:0;}
.routePanel a{text-decoration: none; display:flex; flex-flow: column nowrap; padding-right:10px;}
.routePanel em{ padding-left:10px; margin-top:auto; min-height:30px; border-top:1px solid #cccccc;}
.routePanel p {font-weight:bold; margin: auto 0px; padding-left:10px;}
.routeLink{width:18.5%; overflow:none; margin-bottom:10px; border-left:4px solid #00757a; min-height:100px; margin-left:11px; background: linear-gradient(to left, #f4f4f4 50%, #00757a 50%) right;
background-size: 200%;
transition: .5s ease-out; border-radius:3px; box-shadow: 0 8px 6px -6px black;}
.routeLink:hover, .routeLink:focus{background-position: left; }
.routeLink:hover p, .routeLink:focus p{color:#f4f4f4; background-position: 0 100%;}
.routeLink:hover em, .routeLink:focus em{color:#ccc; background-position: 0 100%;}
.routePanel p,.routePanel em{
background: linear-gradient(to right, #f4f4f4, #f4f4f4 50%, #542e8e 50%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
transition: background-position .5s ease;}
.shortRoute .routeLink{min-height:60px;}
/*Tablet Styles*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.routeLink{width:47%;}
.routePanel {flex-direction: row;}
}
/*Mobile Styles*/
@media only screen and (max-width: 40em) {
.routeLink{width:100%; margin-left:0;}
}
/*--------------------------------------------------------------
MySJC - ITC Alert
--------------------------------------------------------------*/
#itAlert .wAccordion{padding:8px;}
.itAlertBanner i {padding-right:10px;}
#itAlert .active,#itAlert .wAccordion:hover, #itAlert .wAccordion:focus{background-color:#6b6a6d !important; color:#fff !important;}
#itAlert span{color:#ffffff;}
#itAlert .lime span {
color: #444;
}
#itAlert .active.wAccordion::after, #itAlert .wAccordion:hover::after, #itAlert .wAccordion:focus::after{color:#fff !important;}
#itAlert .wAccordion:hover span, #itAlert .wAccordion:focus span, #itAlert .wAccordion:hover a, #itAlert .wAccordion:focus a, #itAlert .wAccordion:hover strong, #itAlert .wAccordion:focus strong, #itAlert .wAccordion:hover i, #itAlert .wAccordion:focus i, #itAlert .wAccordion:hover em, #itAlert .wAccordion:focus em, #itAlert .active span, #itAlert .active i, #itAlert .active em, #itAlert .active strong,#itAlert .active.wAccordion::after {color: #ffffff;}
.itAlert{padding:10px;}
.itAlert i{margin:0 15px; font-size: 1.3em;}
.itAlert span, .itAlert em{font-weight:normal;}
.itAlert .wAccordion.active{background-color:#c0bdba;}
.itAlert .wPanel{border-radius:0 0 5px 5px;}
.itAlert .wPanel strong, .itAlert .wPanel p, .itAlert .alternate i, .itAlert .alternate em, .itAlert .alternate strong{color:#444;}
.itAlert:last-child{margin-bottom:10px;}
#itAlert .turquiose.wAccordion::after, #itAlert .alternate.wAccordion::after {color:#ffffff;}
#itAlert .yellow.wAccordion::after, #itAlert .ltblue.wAccordion::after, #itAlert .alternate.wAccordion::after, #itAlert .lime.wAccordion::after {color:#444;}
.addMargin{margin-top:10px;}
.itPhish:after {
font-family: "Font Awesome 6 Pro";
content: "\f0e0";
}
.itPhish.active:after {
font-family: "Font Awesome 6 Pro";
content: "\f2b6";
}
/* 2023 Background COlors*/
/*Turquiose Background*/
.turquiose{background-color:#00757a;}
.turquiose a, .turquiose p, .turquiose h1, .turquiose h2, .turquiose h3, .turquiose h4, .turquiose h5, .turquiose h6, .turquiose em,.turquiose strong, #itAlert .wAccordion::after, .turquiose i {color:#ffffff;}
/*Light Blue Background*/
.ltblue{background-color:#00b6c9;}
.ltblue a, .ltblue p, .ltblue h1, .ltblue h2, .ltblue h3, .ltblue h4, .ltblue h5, .ltblue h6, .ltblue em,.ltblue strong, .ltblue i, .ltblue button, .ltblue span{color:#444;}
/*Lime Background*/
.lime{background-color:#96ca4f;}
.lime a, .lime p, .lime h1, .lime h2, .lime h3, .lime h4, .lime h5, .lime h6, .lime em,.lime strong, .lime i, .lime button, .lime span{color:#444;}
/*Dark Blue Background*/
.dkblue{background-color:#252379;}
.dkblue a, .dkblue p, .dkblue h1, .dkblue h2, .dkblue h3, .dkblue h4, .dkblue h5, .dkblue h6, .dkblue em,.dkblue strong, .dkblue i, .dkblue button, .dkblue span{color:#fff;}
/*Dark Red*/
.red{background-color:#a5230a;}
.red a, .red p, .red h1, .red h2, .red h3, .red h4, .red h5, .red h6, .red em,.red strong, #itAlert .red .wAccordion::after, .red i, .red button, .red span {color:#ffffff;}
/*Yellos Background*/
.yellow{background-color:#ffda02 }
.yellow a, .yellow p, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6, .yellow em,.yellow strong, #itAlert .yellow .wAccordion::after, .yellow i, .yellow button, .yellow span{color:#444;}
/*--- --------------------
External MySJC Home Styles 2023
------------------------------*/
.mySJCHm .row{ width: 80%; margin: 0px auto;}
#extHImg #mainHImgContainer img{height:100%; }
.floatingCTA{
position: absolute;
background: rgba(220, 220, 220, 0.75);
padding: 15px;
width: 45%;
left: 27.5%;
min-height: 10rem;
border-radius: 5px;
box-shadow: 0 8px 6px -6px black;
align-items:stretch;
top: 13em;
}
#extHImg img{height:100% !important; width:100% !important;}
#extHImg #mainHImgContainer{min-height: 36rem; overflow:hidden; }
#extHImg #mysjcLogo{position:absolute; top:4em; left: 20%; }
#extHImg #mysjcLogo h1{color:#ffffff;display:inline-block;}
#extHImg #mysjcLogo img{display:inline-block; position:relative;}
.floatingCTA .large-6 {
text-align: center;
border-right:1px #ccc solid;
min-height:100%;
padding: 0;
}
.floatingCTA .large-6:last-child {border-right:none;}
.floatingCTA button{width:100%;}
.floatingCTA .large-6 a{
min-height: 10rem;
font-size:1.5em;
text-decoration:none;
}
.floatingCTA .large-6 a i{ font-size:3.5em; text-decoration:none;}
.floatingCTA-inner:hover{background-color:gainsboro;}
.floatingCTA-inner p {
min-height: 3em;
}
.floatingCTA .flex-item{height:100%; }
.itAlertExtHm{position:absolute; z-index:2;}
.floatingCTA-inner{
display: flex;
flex-flow: column nowrap;
padding:25px 10px;
height: 100%;
}
.floatingCTAtext{font-size:1.1em; min-height: 2em !important; }
.hSNimg{min-height: 15rem !important;}
/*--- External MySJC Home Styles - Search 2023--*/
.mySJCHmsrch{ background-color:transparent; color:#ffffff; top:9em; box-shadow:none;}
.mySJCHmsrch button{border:none;padding: 9px 11px; background-color:#00757a; border-radius:25px;}
/*--- External MySJC Home Styles - Events Scroll 2023--*/
.mySJCHm #mySJC-eventList{height:9.8rem; scrollbar-width: none; /* for Firefox */-ms-overflow-x-style: none; font-family:inherit; border:none;}
.mySJCHm .mySJCEventListItem em{font-weight:normal;border-top:1px solid #ccc;margin:0px; }
.mySJCHm .mySJCEventListItem i{padding-right:10px;}
.mySJCHm .mySJCeventInfo p{ -webkit-line-clamp:2 ; letter-spacing: inherit; margin-bottom:0px;}
.mySJCHm .mySJCEventListItem {width:20%; min-width:18em; font-family:inherit; background: rgba(84, 47, 144, 0.60);}
.mySJCHm .mySJCeventDate{padding:0px;border:3px solid #542e8e;margin-right:5px;width:33%;min-width:6em;}
.mySJCHm .mySJCday {
height: 70%;
background-color: #fff; color: #542e8e;}
.mySJCHm .mySJCmonth{font-size: 1.6em; height:48%;}
.mySJCHm .mySJCEvtHd{min-height:9.8rem; min-width: 13em; padding-left: 3em;}
.mySJCHm .mySJCEvtWrap{padding:0px 5px; border-top:1px solid #ccc;}
.mySJCHm .mySJCtime{border-top:1px solid #ccc;}
.mySJCHm .mySJCeventInfo{
padding: 3px;
width:65%;
font-family:inherit;
flex-flow: row wrap;
justify-content: flex-start;
}
.evtInfoWrap{ display: flex;
flex-flow: column nowrap; padding:5px 10px; justify-content: space-between;}
/*---
External MySJC Home Styles - News Feed 2023
--*/
.mySJCHm .homeNewsFeed{display:inline-block; border-left:1px solid #ccc;}
.mySJCHm .homeNewsFeed:first-child{border-left:none;}
.mySJCHm .homeNewsFeed img{background-color:#ffffff;}
.mySJCHm #marketing{margin:0px;}
.mySJCHm .slideshow-container img{max-height:18em;}
.mySJCHm #mysjcAnnouncements .slideshow-container{height:19em; margin:0px;}
.mySJCHm #mysjcAnnouncements h2, .mySJCHm #mysjcAnnouncements a{display: inline-block; }
.mySJCHm .annVwAll{float:right;padding-top:10px;}
.mySJCHm #mysjcAnnouncements h3{color:#542e8e;}
.mySJCHm #mysjcAnnouncements .row{overflow:visible;}
.mySJCHm #mysjcAnnouncements .dot {
float: none;
/* padding-top: 10px; */
/* letter-spacing: 7px; */
}
/*--- External MySJC Home - Tablet Styles--*/
@media only screen and (min-width: 1025px) and ( max-width: 1475px) {
#mainContent.mySJCHm{width:100% !important;}
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
}
/*Mobile Styles*/
@media only screen and (max-width: 1092px) {
#extHImg #mainHImgContainer{ padding-bottom: 10px;}
#mainContent.mySJCHm {
width: 100%;
}
.floatingCTA-inner, .floatingCTA .large-6 a, .floatingCTA .large-4{
position:relative;
display:block;
height:auto;
margin:auto;
}
.floatingCTA .large-6{
position:relative;
display:block;
width:100%;
border:none;
display:block;
}
.floatingCTA{
position:relative;
width:100%;
left:unset;
margin-top: 2rem;
top:unset;
}
.mySJCHm .hImgContainer .row{
overflow: visible;
}
/*--Events--*/
.mySJCHm .mySJCEvtHd{min-height:auto; padding-bottom:10px;}
/*--News--*/
.mySJCHm #marketing img{width:auto;}
.mySJCHm .homeNewsFeed {border-left:none; padding-top:15px; border-top:1px solid #ccc;}
.mySJCHm .homeNewsFeed:first-child{border-top:none;}
.mySJCHm #marketing .flexContainer{width:100%;}
#extHImg #mysjcLogo{
top: unset;
left: unset;
position: relative;
width:75%;
}
#extHImg #mysjcLogo img{
display: inline-block;
height: auto !important;
float: right;
width: 50% !important;
max-width: unset;
}
#extHImg #mysjcLogo h1{margin-top: 1em;}
}
/*--- --------------------
BackTo Top Button 2023
------------------------------*/
#backToTop {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
padding: 13px 18px; /* Some padding */
border-radius: 25px; /* Rounded corners */
font-size: 18px; /* Increase font size */
}
#backToTop:hover {
background-color: #6b686d; /* Add a dark-grey background on hover */
}
/*Tablet Styles*/
@media only screen and (max-width: 64em) {
}
/*Mobile Styles*/
@media only screen and (max-width: 1092px) {
#backToTop{right: 7px; left: unset; bottom: 2px;}
}
#mainHImgContainer img{ max-width:30%;}
#itAlert .yellow span {
color: #444;
}
.mysjcContact button{ margin-top: 0px; padding: 15px 10px;}
.checklist ul{list-style-type:none;}
.checklist li:before{
font: var(--fa-font-solid);
content: "\f00c";
padding: 0 10px 0 0;
margin-left: -35px;}
.emAlert p {
font-size: 1.125rem;
letter-spacing: .1rem;
display: inline-block;
max-width:85%;
}
.emAlert img{display: inline-block; max-height: 7rem; vertical-align: text-bottom;}
.emAlert {
min-height: 4rem;
background-color: #a5230a;
color: #ffffff;
padding: 1rem 2rem;
margin-top: 10px;
}
/*--Announcement Carousel 2025--*/
#carousel-dots{
display:inline-block;
}
.carouselDot {
text-align: center;
display:inline-block;
padding:.6em;
width: 40px;
margin: 0 2px;
background-color: #452f90;
cursor: pointer;
transition: background-color 0.3s ease;
color:#ffffff;
box-shadow: 0 8px 6px -6px black;
font-family:"museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
"museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif
}
.carouselDot.active {
background-color: #717171;
}
.annBtns{
margin: 0 auto;
max-width: 900px;
text-align: left;
}
/* Announcement container */
.announcement-container {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
/* Announcement link above the carousel */
.announcement-link {
font-size: 18px;
font-weight: bold;
text-decoration: none;
display: inline-block;
margin-bottom: 20px;
}
.announcement-link:hover,.announcement-link:focus {
text-decoration: underline;
}
/* Carousel container */
.carousel {
width: 100%;
/*max-width: 900px; Optional: max width for better control */
overflow: hidden;
position: relative;
margin: 0 auto;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* To ensure only one item is visible at a time */
.carousel-items {
display: flex;
transition: transform 0.5s ease-in-out;
}
.carousel-item {
display: flex;
min-width: 100%; /* Each item takes up 100% of the container width */
box-sizing: border-box;
}
.carousel-item em{font-weight:bold; margin-bottom: 10px;}
.carousel-image {
min-width: 400px;
height: 100%;
background-color: #ddd;
display: flex;
justify-content: center;
align-items: center;
}
.carousel-image img {
max-width: 400px;
max-height: 100%;
object-fit: cover;
}
.carousel-text {
background-color: #cccccc0d;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
}
.carousel-text h3 {
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;
}
.carousel-text p {
font-size: 16px;
color: #555;
}
/* Controls */
.carousel-controls {
margin-top: 15px;
}
/*
#playPauseBtn {
background-color: #007BFF;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius:0px;
}
#playPauseBtn:hover {
background-color: #0056b3;
}
*/
/* Positioning the previous and next buttons */
.prev-btn, .next-btn,#playPauseBtn {
border: none;
background-color: transparent;
color: #542e8e;
box-shadow: none;
cursor: pointer;
z-index: 10;
}
.prev-btn i, .next-btn i,#playPauseBtn i{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f007';
}
.prev-btn {
}
.next-btn {
margin-right: 25px;
}
.prev-btn:hover, .next-btn:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.carousel-controls{
text-align:left;
max-width: 900px;
margin: 0px auto;
}
.carouselCTA{width:50%; text-align:center; margin:auto;}
.carouselCTA a{
text-decoration:none;
font-size:large;
font-weight:bold;
font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.carouselCTA a:after {
transform-origin: 0% 50%;
display: block;
content: '';
border-bottom: solid 3px #f47821;
transform: scaleX(0);
transition: transform 250ms ease-in-out;
margin-bottom: 10px;
}
.carouselCTA a:hover:after {
transform: scaleX(1);
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.carousel-item {display: block; padding:0px;}
.carousel-image {height: 300px;}
.carousel-image img {margin:auto;}
.carousel .large-4, .carousel .large-8{
display: block;
margin: auto;
float: none;
width: 100%;
}
.carousel .large-4{text-align: center;}
.carousel-text {
background-color: #fff;
}
}
@media only screen and (min-width: 642px) and (max-width: 900px) {
.carousel-item {display: block; padding:0px;}
.carousel-image {height: 300px;}
.carousel-image img {margin:auto;}
.carousel .large-4, .carousel .large-8{
display: block;
margin: auto;
float: none;
width: 100%;
}
.carousel .large-4{text-align: center;}
.carousel-text {
background-color: #fff;
}
}
@media only screen and (max-width: 40.063em) {
.carousel-item {display: block; padding:0px;}
.carousel-image {height: 300px; min-width: unset;}
}
/*
MySJC ROUTER PANEL LISTING 2025
*/
.routerPanelList{
border-radius:10px;
width:85% !important;
margin:2rem auto !important;
padding:0px !important;
box-shadow: 0 0 1.5rem #00000040;
}
.routerPanelList .flexContainer{
padding-bottom:0px;
align-items: center;
}
.routerPanelList .routerIntro{
border-left: 5px solid #ffc413;
margin: 15px 5%;
padding-left: 20px;
width: 80%;
}
.routerPanelList .routerIntro h2, .routerPanelList .routerIntro h3, .routerPanelList .routerIntro h4{
color:#543e8e;
}
.routerPanelList img{
min-width:100%;
height:100%;
object-fit: cover;
}
.routerPanelList ul{
list-style:none;
margin:0px;
}
.routerPanelList li:last-child{
border:none;
}
.routerPanelList li{
width:95%;
min-height: 3.5rem;
font-size: large;
border-bottom: 1px solid gainsboro;
line-height: 2rem;
color: #542e8e;
padding-left: 20px;
display: flex;
align-items: center;
font-weight:400;
}
.routerImg{
padding:0px;
}
.routerUL{
padding:20px 15px;
font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
font-style: normal;
font-weight: 700;
margin:0px;
}
.routerPanelList li a{
text-decoration:none;
}
.routerUL li a::after {
font-family: "Font Awesome 6 Pro";
font-weight: 600;
content: "\e09f";
position: absolute;
right: 10%;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: translateX(-10px);
color:#542e8e;
font-size: x-large;
}
.routerUL li a:hover::after {
opacity: 1;
transform: translateX(0);
}
.routerPanelList h3 {
font-size: larger;
margin-top: 0;
color: #ffffff;
background-color: #542e8e;
padding: 10px;
margin-left: -10px;
margin-right: -10px;
}
.animated-underline {
position: relative;
display: inline-block;
text-decoration: none;
color: #000; /* Change the color of the link as needed */
font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size: large;
font-weight: bold;
color: #542f90;
}
/* Initial state of the underline */
.animated-underline::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px; /* Height of the underline */
background-color: #f47821; /* Color of the underline */
transition: width 0.3s ease-in-out;
}
/* On hover, the underline animates to full length */
.animated-underline:hover::before {
width: 100%;
}
.animated-underline a {
text-decoration: none;
}
.purple .animated-underline a{color:#ffda02;}
.button a{text-decoration:none; color:#fff;}
.button {margin:none;}
.routerListNimg ul {
display: grid;
align-items: end;
grid-template-columns: 1fr;
gap: 0 2rem;
min-height: 0;
margin: auto;
padding: 0 0 1rem 0;
list-style-type: none;
grid-template-columns: 33% 33% 33%;
width: 85%;
}
.routerListNimg li a::after {
font-family: "Font Awesome 6 Pro";
font-weight: 600;
content: "\e09f";
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: translateX(-10px);
color: #542e8e;
font-size: x-large;
align-self: anchor-center;
}
.routerListNimg li {
/* display: flex;
justify-content: space-between;
position: relative;
padding: 1.5rem 1.5rem 1.5rem 0;*/
border-bottom: .0625rem solid var(--purple-25);
transition: color var(--transition);
color: inherit;
border-bottom: 1px solid gainsboro;
}
.routerListNimg li a{
text-decoration: none;
font-size: larger;
font-family: "museo500", "Droid Serif", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
font-style: normal;
font-weight: 600;
display: flex;
justify-content: space-between;
position: relative;
padding: 1.5rem 0.5rem 0.5rem 0;
}
.routerListNimg li a:hover::after {
opacity: 1;
transform: translateX(0);
}
.purple .routerIntro h2{color:#ffffff;}
.purple .routerUL h3{color:#542e8e; background-color:#ffc413;}
.purple .routerUL li a::after {color:#cccccc;}
@media only screen and (max-width: 64em) {
.routerListNimg ul {
grid-template-columns: 100%;}
}
/* 2025 Content Card Grid */
.contentCard-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}
.contentCard-grid.contentCard-grid-4{ grid-template-columns: repeat(4, 1fr);}
.contentCard {
background-color: white;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
color: #000;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
background-color: #f4f4f4;
}
.contentCard img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.contentCard-content {
padding: 1rem;
flex-grow: 1;
}
.contentCard-button {
background-color: #003a63;
color: white;
border: none;
padding: 1rem;
margin: 0 1rem 1rem;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
width: calc(100% - 2rem);
}
.purple .contentCard a, .purple .contentCard h2, .purple .contentCard h3, .purple .contentCard h4, .purple .contentCard h5{color:#542e8e;}
.purple .contentCard hr {
border-color: #c0bdba;
}
@media (max-width: 1475px) {
.contentCard-grid.contentCard-grid-4, .contentCard-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.contentCard-grid.contentCard-grid-4, .contentCard-grid {
grid-template-columns: 1fr;
}
}
/********************************
MySJC 2023 - Pull Card PL
*****************************************/
.grid-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 20px;
}
.pullCard {
background: #fff;
border: 1px solid #ccc;
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
text-decoration: none;
color: black;
display: flex;
flex-direction: column;
}
.pullCard img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.pullCard-content {
position: absolute;
bottom: 0;
width: 100%;
height: 33.3%;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 10px;
transition: all 0.3s ease;
z-index: 2;
}
.pullCard:hover .pullCard-content,
.pullCard:focus-within .pullCard-content {
height: 100%;
bottom: 0;
}
.pullCard-title {
margin: 0;
font-size: 1.2em;
transition: all 0.3s ease;
position: absolute;
left: 10px;
color:#ffffff;
font-weight: bold;
padding: 0px 10px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow:hidden;
}
.pullCard:hover .pullCard-title,
.pullCard:focus-within .pullCard-title {
top: 10px;
bottom: auto;
}
.pullCard-description {
opacity: 0;
margin-top: 40px;
transition: opacity 0.3s ease 0s;
padding-top: 5px;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
letter-spacing: .1em;
background: #000;
}
.pullCard:hover .pullCard-description,
.pullCard:focus-within .pullCard-description {
opacity: 1;
margin-top: 60px;
border-top: 1px solid #ffffff;
}
@media (max-width: 1024px) {
/* .pullCard {
width: calc(33.3% - 10px);
}*/
.pullCard-content{
height: 100%;
bottom: 0;
}
.pullCard-title {
top: 10px;
bottom: auto;
}
.pullCard-description {
opacity: 1;
margin-top: 60px;
border-top: 1px solid #ffffff;
}
}
@media (max-width: 768px) {
/* .pullCard {
width: calc(50% - 10px);
}*/
}
@media (max-width: 500px) {
/*.pullCard {
width: 100%;
}*/
}