@charset "UTF-8";

/*! Made with Bones: http://themble.com/bones :) */


/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/


/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/


/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}


/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}


/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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;
}


/* ==========================================================================
   Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong,
.strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn,
em,
.em {
    font-style: italic;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/

p {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}


/*
 * Addresses margins set differently in IE6/7.
 */

pre {
    margin: 0;
}


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}


/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small,
.small {
    font-size: 75%;
}


/**
 * 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;
}


/* ==========================================================================
  Lists
========================================================================== */


/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0;
}


/*
 * Addresses paddings set differently in IE6/7.
 */

menu {
    padding: 0 0 0 40px;
}

ol,
ul {
    padding: 0;
    list-style-type: none;
}


/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* ==========================================================================
  Embedded content
========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}


/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * 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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-replacement,
.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.clearfix,
.cf,
.comment-respond {
    zoom: 1;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after {
    content: "";
    display: table;
}

.clearfix:after,
.cf:after,
.comment-respond:after {
    clear: both;
}


/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/

span.amp {
    font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
    font-style: italic;
}


/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/


/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/


/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/


/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/


/*********************
FONT FACE (IN YOUR FACE)
*********************/


/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/


/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/


/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/


/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/

p {
    -webkit-font-feature-settings: "liga", "dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}


/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/


/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/


/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/


/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/


/*********************
TRANSITION
*********************/


/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/


/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/


/* @include css-gradient(#dfdfdf,#f8f8f8); */


/*********************
BOX SIZING
*********************/


/* @include box-sizing(border-box); */


/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */


/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/

.last-col {
    float: right;
    padding-right: 0 !important;
}


/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/

@media (max-width: 767px) {
    .m-all {
        float: left;
        padding-right: 0.75em;
        width: 100%;
        padding-right: 0;
    }
    .m-1of2 {
        float: left;
        padding-right: 0.75em;
        width: 50%;
    }
    .m-1of3 {
        float: left;
        padding-right: 0.75em;
        width: 33.33%;
    }
    .m-2of3 {
        float: left;
        padding-right: 0.75em;
        width: 66.66%;
    }
    .m-1of4 {
        float: left;
        padding-right: 0.75em;
        width: 25%;
    }
    .m-3of4 {
        float: left;
        padding-right: 0.75em;
        width: 75%;
    }
}


/* Portrait tablet to landscape */

@media (min-width: 768px) and (max-width: 1029px) {
    .t-all {
        float: left;
        padding-right: 0.75em;
        width: 100%;
        padding-right: 0;
    }
    .t-1of2 {
        float: left;
        padding-right: 0.75em;
        width: 50%;
    }
    .t-1of3 {
        float: left;
        padding-right: 0.75em;
        width: 33.33%;
    }
    .t-2of3 {
        float: left;
        padding-right: 0.75em;
        width: 66.66%;
    }
    .t-1of4 {
        float: left;
        padding-right: 0.75em;
        width: 25%;
    }
    .t-3of4 {
        float: left;
        padding-right: 0.75em;
        width: 75%;
    }
    .t-1of5 {
        float: left;
        padding-right: 0.75em;
        width: 20%;
    }
    .t-2of5 {
        float: left;
        padding-right: 0.75em;
        width: 40%;
    }
    .t-3of5 {
        float: left;
        padding-right: 0.75em;
        width: 60%;
    }
    .t-4of5 {
        float: left;
        padding-right: 0.75em;
        width: 80%;
    }
}


/* Landscape to small desktop */

@media (min-width: 1030px) {
    .d-all {
        float: left;
        padding-right: 0.75em;
        width: 100%;
        padding-right: 0;
    }
    .d-1of2 {
        float: left;
        padding-right: 0.75em;
        width: 50%;
    }
    .d-1of3 {
        float: left;
        padding-right: 0.75em;
        width: 33.33%;
    }
    .d-2of3 {
        float: left;
        padding-right: 0.75em;
        width: 66.66%;
    }
    .d-1of4 {
        float: left;
        padding-right: 0.75em;
        width: 25%;
    }
    .d-3of4 {
        float: left;
        padding-right: 0.75em;
        width: 75%;
    }
    .d-1of5 {
        float: left;
        padding-right: 0.75em;
        width: 20%;
    }
    .d-2of5 {
        float: left;
        padding-right: 0.75em;
        width: 40%;
    }
    .d-3of5 {
        float: left;
        padding-right: 0.75em;
        width: 60%;
    }
    .d-4of5 {
        float: left;
        padding-right: 0.75em;
        width: 80%;
    }
    .d-1of6 {
        float: left;
        padding-right: 0.75em;
        width: 16.6666666667%;
    }
    .d-1of7 {
        float: left;
        padding-right: 0.75em;
        width: 14.2857142857%;
    }
    .d-2of7 {
        float: left;
        padding-right: 0.75em;
        width: 28.5714286%;
    }
    .d-3of7 {
        float: left;
        padding-right: 0.75em;
        width: 42.8571429%;
    }
    .d-4of7 {
        float: left;
        padding-right: 0.75em;
        width: 57.1428572%;
    }
    .d-5of7 {
        float: left;
        padding-right: 0.75em;
        width: 71.4285715%;
    }
    .d-6of7 {
        float: left;
        padding-right: 0.75em;
        width: 85.7142857%;
    }
    .d-1of8 {
        float: left;
        padding-right: 0.75em;
        width: 12.5%;
    }
    .d-1of9 {
        float: left;
        padding-right: 0.75em;
        width: 11.1111111111%;
    }
    .d-1of10 {
        float: left;
        padding-right: 0.75em;
        width: 10%;
    }
    .d-1of11 {
        float: left;
        padding-right: 0.75em;
        width: 9.09090909091%;
    }
    .d-1of12 {
        float: left;
        padding-right: 0.75em;
        width: 8.33%;
    }
}


/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/


/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/

.alert-help,
.alert-info,
.alert-error,
.alert-success {
    margin: 10px;
    padding: 5px 18px;
    border: 1px solid;
}

.alert-help {
    border-color: #e8dc59;
    background: #ebe16f;
}

.alert-info {
    border-color: #bfe4f4;
    background: #d5edf8;
}

.alert-error {
    border-color: #f8cdce;
    background: #fbe3e4;
}

.alert-success {
    border-color: #deeaae;
    background: #e6efc2;
}


/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/


/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/

.blue-btn,
.comment-reply-link,
#submit {
    display: inline-block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: white;
    font-size: 0.9em;
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
    padding: 0 24px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    -webkit-transition: background-color 0.14s ease-in-out;
    transition: background-color 0.14s ease-in-out;
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
    color: white;
    text-decoration: none;
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active {
    top: 1px;
}


/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/

.blue-btn,
.comment-reply-link,
#submit {
    background-color: #0e2240;
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
    background-color: #0a192f;
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active {
    background-color: #09172b;
}


/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/


/*********************
INPUTS
*********************/

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
    display: block;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    padding: 0 12px;
    margin-bottom: 14px;
    font-size: 1em;
    color: #5c6b80;
    border-radius: 3px;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    width: 100%;
    max-width: 400px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.24s ease-in-out;
    transition: background-color 0.24s ease-in-out;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
    background-color: #f7f8fa;
    outline: none;
}

input[type="text"].error,
input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4;
}

input[type="text"].success,
input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2;
}

input[type="text"][disabled],
input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6;
}

input[type="text"][disabled]:focus,
input[type="text"][disabled]:active,
input[type="text"].is-disabled:focus,
input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
    background-color: #d5edf8;
}

select::-ms-expand {
    display: none;
}

input[type="password"] {
    letter-spacing: 0.3em;
}

textarea {
    max-width: 100%;
    min-height: 120px;
    line-height: 1.5em;
}

select {
    -webkit-appearance: none;
    /* 1 */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 97.5% center;
}


/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/


/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/


/*********************
GENERAL STYLES
*********************/

body {
    font-family: Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    color: #5c6b80;
    background-color: #f5f5f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/********************
WORDPRESS BODY CLASSES
style a page via class
********************/


/* for sites that are read right to left (i.e. hebrew) */


/* home page */


/* blog template page */


/* archive page */


/* date archive page */


/* replace the number to the corresponding page number */


/* search page */


/* search result page */


/* no results search page */


/* individual paged search (i.e. body.search-paged-3) */


/* 404 page */


/* single post page */


/* individual post page by id (i.e. body.postid-73) */


/* individual paged single (i.e. body.single-paged-3) */


/* attatchment page */


/* individual attatchment page (i.e. body.attachmentid-763) */


/* style mime type pages */


/* author page */


/* user nicename (i.e. body.author-samueladams) */


/* paged author archives (i.e. body.author-paged-4) for page 4 */


/* category page */


/* individual category page (i.e. body.category-6) */


/* replace the number to the corresponding page number */


/* tag page */


/* individual tag page (i.e. body.tag-news) */


/* replace the number to the corresponding page number */


/* custom page template page */


/* individual page template (i.e. body.page-template-contact-php */


/* replace the number to the corresponding page number */


/* parent page template */


/* child page template */


/* replace the number to the corresponding page number */


/* if user is logged in */


/* paged items like search results or archives */


/* individual paged (i.e. body.paged-3) */


/*********************
LAYOUT & GRID STYLES
*********************/

.wrap {
    width: 96%;
    max-width: 1040px;
    margin: 0 auto;
}


/*********************
LINK STYLES
*********************/

a,
a:visited {
    color: #c30e2e;
    /* on hover */
    /* on click */
    /* mobile tap color */
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
    color: #980b24;
}

a:link,
a:visited:link {
    /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}


/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

body h1,
body .h1,
body h2,
body .h2,
body h3,
body .h3,
body h4,
body .h4,
body h5,
body .h5 {
    text-rendering: optimizelegibility;
    color: #0e2240;
    font-weight: 500;
    /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
    /* removing text decoration from all headline links */
}

body h1 a,
body .h1 a,
body h2 a,
body .h2 a,
body h3 a,
body .h3 a,
body h4 a,
body .h4 a,
body h5 a,
body .h5 a {
    text-decoration: none;
}

body h1,
body .h1 {
    font-size: 45px;
    line-height: 50px;
}

body h2,
body .h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 30px;
}

body h3,
body .h3 {
    font-size: 16px;
    line-height: 20px;
}

body h4,
body .h4 {
    font-size: 1.1em;
    font-weight: 700;
}

body h5,
body .h5 {
    font-size: 0.846em;
    line-height: 2.09em;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/*********************
POSTS & CONTENT STYLES
*********************/

#content {
    padding: 20px 0px 70px;
}

.hentry {
    border-radius: 3px;
    margin-bottom: 1.5em;
    padding: 0 0px;
}

.hentry header {
    padding: 1.5em 0;
}

.hentry header h2 {
    margin: 0 0 5px;
}

.hentry footer {
    padding: 1.5em 0;
}

.hentry footer p {
    margin: 0;
}


/* end .hentry */

.single-title,
.page-title,
.entry-title {
    margin: 0;
}


/* want to style individual post classes? Booya! */


/* post by id (i.e. post-3) */


/* general post style */


/* general article on a page style */


/* general style on an attatchment */


/* sticky post style */


/* hentry class */


/* style by category (i.e. category-videos) */


/* style by tag (i.e. tag-news) */


/* post meta */

.byline {
    color: #9fa6b4;
    font-style: italic;
    margin: 0;
}


/* entry content */

.entry-content {
    padding: 0 0px;
    /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}

.entry-content h1,
.entry-content h2,
.entry-content h3 {
    margin: 0 0 30px;
    font-weight: bold;
    color: #002244;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.entry-content p {
    margin: 0 0 30px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.entry-content ul,
.entry-content ol,
.entry-content table,
.entry-content dl {
    margin: 0 0 30px;
}

.entry-content ul {
    list-style: disc outside;
}

.entry-content ul li {
    list-style: disc outside;
}

.entry-content ul li img {
    display: inline-block;
    margin: 0 0 0 10px;
}

.entry-content ol {
    list-style: decimal outside;
}

.entry-content ol li {
    list-style: decimal outside;
}

.entry-content ul,
.entry-content ol {
    padding-left: 20px;
}

.entry-content ul li,
.entry-content ol li {
    margin: 0 0 6px;
}

.entry-content ul li ul,
.entry-content ul li ol,
.entry-content ol li ul,
.entry-content ol li ol {
    padding-left: 40px;
    margin: 0;
}

.entry-content ul li ul li,
.entry-content ol li ul li {
    list-style: circle outside;
}

.entry-content ul li ol li ul li,
.entry-content ul li ol li ol li,
.entry-content ol li ol li ul li,
.entry-content ol li ol li ol li {
    list-style: circle outside;
}

.entry-content ul.mce-list-alpha,
.entry-content ol.mce-list-alpha {
    list-style: lower-alpha outside;
}

.entry-content ul.mce-list-alpha > li,
.entry-content ol.mce-list-alpha > li {
    list-style: lower-alpha outside;
}

.entry-content table {
    width: 100%;
    border: 1px solid #eaedf2;
    margin-bottom: 1.5em;
}

.entry-content table caption {
    margin: 0 0 7px;
    font-size: 1em;
    font-weight: bold;
    color: #002244;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
}

@media only screen and (max-width: 600px) {
    .entry-content table {
        display: block;
        overflow-x: scroll;
    }
    .entry-content table::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .entry-content table::-webkit-scrollbar:vertical {
        width: 11px;
    }
    .entry-content table::-webkit-scrollbar:horizontal {
        height: 11px;
    }
    .entry-content table::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        /* should match background, can't be transparent */
        background-color: rgba(0, 0, 0, 0.5);
    }
    .entry-content table::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 8px;
    }
}

.entry-content tr {
    border-bottom: 1px solid #eaedf2;
}

.entry-content tr:nth-child(even) {
    background-color: #f8f9fa;
}

.entry-content td {
    padding: 7px;
    border-right: 1px solid #eaedf2;
}

.entry-content td:last-child {
    border-right: 0;
}

.entry-content th {
    background-color: #ffffff;
    border-bottom: 1px solid #eaedf2;
    border-right: 1px solid #eaedf2;
    text-align: left;
    padding: 7px;
}

.entry-content th:last-child {
    border-right: 0;
}

.entry-content table.mce-table-no-style {
    background-color: transparent !important;
    border: none !important;
}

.entry-content table.mce-table-no-style tr {
    background-color: transparent !important;
    border: none !important;
}

.entry-content table.mce-table-no-style tr td {
    background-color: transparent !important;
    border: none !important;
}

.entry-content blockquote {
   	margin-left: 25px;
    width: 100%;
    padding: 20px 5px 1px 25px;
    border-left: 3px solid #002244;
    background-color: #fff;
    color: #9fa6b4;
    font-style: italic;
}

.entry-content div.callout-box-large,
.entry-content div.mce-callout-box-large {
    float:right;
    width: 50%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 5%;
    font-size: 0.9em;
}

.entry-content div.callout-box-large:nth-child(even),
.entry-content div.mce-callout-box-large:nth-child(even) {
    margin-right: 0px;
}

.entry-content div.callout-box-large:nth-child(odd),
.entry-content div.mce-callout-box-large:nth-child(odd) {
    clear: both;
}

@media only screen and (max-width: 700px) {
    .entry-content div.callout-box-large,
    .entry-content div.mce-callout-box-large {
        margin-left: 0px;
        width: 100%;
        float: none;
    }
}

.entry-content div.callout-box-small,
.entry-content div.mce-callout-box-small {
    float: right;
    width: 30%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 5%;
    font-size: 0.9em;
}

.entry-content div.callout-box-small:nth-child(3n),
.entry-content div.mce-callout-box-small:nth-child(3n) {
    margin-right: 0px;
}

.entry-content div.callout-box-small:nth-child(3n+1),
.entry-content div.mce-callout-box-small:nth-child(3n+1) {
    clear: both;
}

@media only screen and (max-width: 700px) {
    .entry-content div.callout-box-small,
    .entry-content div.mce-callout-box-small {
        margin-left: 0px;
        width: 100%;
        float: none;
    }
}

.entry-content div.spotlight-right,
.entry-content div.mce-spotlight-right {
    float: right;
    width: 40%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 5%;
    font-size: 0.9em;
}

@media only screen and (max-width: 700px) {
    .entry-content div.spotlight-right, 
    .entry-content div.mce-spotlight-right {
      	margin-left: 0px;
        width: 100%;
        float: none;        
        display:inline-block;                 
    }
}

.entry-content div.spotlight-left,
.entry-content div.mce-spotlight-left {
    width: 50%;
    background-color: #fff;
    padding: 25px;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 0;
	font-size: 0.9em;
}

@media only screen and (max-width: 700px) {
    .entry-content div.spotlight-left, 
    .entry-content div.mce-spotlight-left {
        margin-left: 0px;
        width: 100%;
        float: none;
    }
}

.entry-content div.spotlight-fullwidth,
.entry-content div.mce-spotlight-fullwidth {
    width: 100%;
    background-color: #fff;
    padding: 25px;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 0;
}

@media only screen and (max-width: 700px) {
    .entry-content div.spotlight-fullwidth, 
    .entry-content div.mce-spotlight-fullwidth {
        margin-left: 0px;
        width: 100%;
        float: none;
    }
}

.entry-content div.video-container,
.entry-content div.mce-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    margin-bottom: 25px;
    height: 0 auto;
    overflow: hidden;
}

.entry-content div.video-container iframe, div.video-container object, div.video-container embed,
.entry-content div.mce-video-container iframe, div.mce-video-container object, div.mce-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-content .special-note,
.entry-content .mce-special-note {
    font-weight: bold;
  	color: #8b0f28;
}

.entry-content .content-title,
.entry-content .mce-content-title {
    font-weight: bold;
    font-family: Cambria, serif;
  	color: #b71234;
    font-size: 1.1em;
    line-height: 1.6em;
    letter-spacing: 2px;
}

.entry-content .content-subtitle,
.entry-content .mce-content-subtitle {
    font-weight: bold;
    font-family: Cambria, serif;
  	color: #002244;
    font-size: 1.0em;
    line-height: 1.4em;
    letter-spacing: 1px;
}

.entry-content div.red-line,
.entry-content div.mce-red-line {
    width: 100%;
    border-bottom: 2px solid #b71234;
    margin: 0px 0px 50px 0px;
}

.entry-content .mce-inline-image {
    display: inline-block;
    margin: 0 5px;
}

.entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em;
}

.entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 600px) {
    .entry-content img {
      display: block;
      float: none;
      margin: 0 auto 20px;
    }
}

.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
    max-width: 100%;
    height: auto;
}

.entry-content pre {
    background: #323944;
    color: #f8f9fa;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px;
}

.entry-content .button {
    padding: 11px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #d61d30;
    border-radius: 3px;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    border: none;
    outline: none;
}

.entry-content .button:hover {
    background-color: #e22a3d;
}



/* end .entry-content */

.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 7px;
    text-align: left;
    /* images inside wp-caption */
}

.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: left;
}


/* end .wp-caption */


/* image gallery styles */


/* end .gallery */


/* gallery caption styles */

.tags {
    margin: 0;
}


/******************************************************************
PAGE NAVI STYLES
******************************************************************/

.pagination,
.wp-prev-next {
    margin: 1.5em 0;
}

.pagination {
    text-align: center;
}

.pagination ul {
    display: inline-block;
    background-color: white;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px;
}

.pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #eaedf2;
}

.pagination a,
.pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #0e2240;
}

.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus {
    background-color: #0e2240;
    color: white;
}

.pagination .current {
    cursor: default;
    color: #5c6b80;
}

.pagination .current:hover,
.pagination .current:focus {
    background-color: white;
    color: #5c6b80;
}


/* end .bones_page_navi */


/* fallback previous & next links */

.wp-prev-next .prev-link {
    float: left;
}

.wp-prev-next .next-link {
    float: right;
}


/* end .wp-prev-next */


/******************************************************************
COMMENT STYLES
******************************************************************/


/* h3 comment title */

#comments-title {
    padding: 0.75em;
    margin: 0;
    border-top: 1px solid #f8f9fa;
    /* number of comments span */
}

.commentlist {
    margin: 0;
    list-style-type: none;
}

.comment {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 1.5em;
    border-bottom: 1px solid #f8f9fa;
    /* vcard */
    /* end .commentlist .vcard */
    /* end children */
    /* general comment classes */
}

.comment .comment-author {
    padding: 7px;
    border: 0;
}

.comment .vcard {
    margin-left: 50px;
}

.comment .vcard cite.fn {
    font-weight: 700;
    font-style: normal;
}

.comment .vcard time {
    display: block;
    font-size: 0.9em;
    font-style: italic;
}

.comment .vcard time a {
    color: #9fa6b4;
    text-decoration: none;
}

.comment .vcard time a:hover {
    text-decoration: underline;
}

.comment .vcard .avatar {
    position: absolute;
    left: 16px;
    border-radius: 50%;
}

.comment:last-child {
    margin-bottom: 0;
}

.comment .children {
    margin: 0;
    /* variations */
    /* change number for different depth */
}

.comment[class*=depth-] {
    margin-top: 1.1em;
}

.comment.depth-1 {
    margin-left: 0;
    margin-top: 0;
}

.comment:not(.depth-1) {
    margin-top: 0;
    margin-left: 7px;
    padding: 7px;
}

.comment.odd {
    background-color: white;
}

.comment.even {
    background: #f8f9fa;
}


/* comment meta */


/* comment content */

.comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
}


/* end .commentlist .comment_content */


/* comment reply link */

.comment-reply-link {
    font-size: 0.9em;
    float: right;
}


/* end .commentlist .comment-reply-link */


/* edit comment link */

.comment-edit-link {
    font-style: italic;
    margin: 0 7px;
    text-decoration: none;
    font-size: 0.9em;
}


/******************************************************************
COMMENT FORM STYLES
******************************************************************/

.comment-respond {
    padding: 1.5em;
    border-top: 1px solid #f8f9fa;
}

#reply-title {
    margin: 0;
}

.logged-in-as {
    color: #9fa6b4;
    font-style: italic;
    margin: 0;
}

.logged-in-as a {
    color: #5c6b80;
}

.comment-form-comment {
    margin: 1.5em 0 0.75em;
}

.form-allowed-tags {
    padding: 1.5em;
    background-color: #f8f9fa;
    font-size: 0.9em;
}


/* comment submit button */

#submit {
    float: right;
    font-size: 1em;
}


/* comment form title */

#comment-form-title {
    margin: 0 0 1.1em;
}


/* cancel comment reply link */


/* logged in comments */


/* allowed tags */

#allowed_tags {
    margin: 1.5em 10px 0.7335em 0;
}


/* no comments */

.nocomments {
    margin: 0 20px 1.1em;
}

#wpfront-notification-bar {
    padding: 10px 30px;
}

.wpfront-message {
    padding: 0;
    margin: 10px 0;
    font-size: 19px;
    line-height: 26px;
}

.eyebrow {
    overflow: visible;
    padding: 0px;
    background-color: #0e2240;
    color: #ffffff;
    height: 44px;
    z-index: 100;
}

@media only screen and (max-width: 850px) {
    .eyebrow {
        display: none;
    }
}

.eyebrow .eyebrow-inner {
    padding: 0 20px;
    margin: 0 auto;
    height: 44px;
    position: relative;
}

.eyebrow .eyebrow-inner ul {
    float: right;
    padding: 0px;
    margin: 0px;
}

.eyebrow .eyebrow-inner ul li {
    float: left;
    font-size: 12px;
}

.eyebrow .eyebrow-inner ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    padding: 17px 15px;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

@media only screen and (max-width: 1000px) {
    .eyebrow .eyebrow-inner ul li a {
        font-size: 10px;
        padding: 17px 12px;
    }
}

.eyebrow .eyebrow-inner ul li a:hover {
    background-color: #132f59;
}

.eyebrow .eyebrow-inner ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    z-index: 101;
}

.eyebrow .eyebrow-inner ul li ul li {
    float: left;
    clear: both;
}

.eyebrow .eyebrow-inner ul li ul li a {
    width: 250px;
    background-color: #132f59;
    color: #fff;
    border-bottom: 1px solid #102648;
    border-top: 1px solid #163666;
}

.eyebrow .eyebrow-inner ul li ul li a:hover {
    background-color: #09172b;
}

.eyebrow .eyebrow-inner ul li:hover ul {
    display: block;
}

.eyebrow .eyebrow-inner ul li.dropdown {
    background-repeat: no-repeat;
    background-position: top 19px right 8px;
    background-color: transparent;
    background-image: url("../images/eyebrow_dropdown@2x.png");
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    padding: 17px 20px 17px 18px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    list-style: none;
    cursor: pointer;
    position: relative;
}

.eyebrow .eyebrow-inner ul li.dropdown:hover {
    background-color: #132f59;
}

@media only screen and (max-width: 1000px) {
    .eyebrow .eyebrow-inner ul li.dropdown {
        font-size: 10px;
        padding-left: 12px;
        padding-right: 21px;
    }
}

.eyebrow .eyebrow-inner ul li#search-overlay-toggle {
    min-height: 44px;
    padding: 8px 13px 0;
    cursor: pointer;
}

.eyebrow .eyebrow-inner ul li#search-overlay-toggle:hover {
    background-color: #132f59;
}

.eyebrow .eyebrow-inner ul.resources {
    float: left;
    overflow: visible;
}


/*********************
HEADER STYLES
*********************/

.header {
    background: -webkit-gradient(linear, top left, top right, from(white), to(#c30e2e));
    background: -webkit-linear-gradient(left, white 50%, #c30e2e 50%);
    background: linear-gradient(to right, white 50%, #c30e2e 50%);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: left center;
    height: 89px;
}

@media only screen and (max-width: 850px) {
    .header {
        background: white;
    }
}

.header #inner-header {
    padding: 0 20px;
    position: relative;
}

.header #inner-header .logo {
    margin: 0;
    display: inline-block;
    float: left;
    padding: 14px 0 0;
}

.header #inner-header .logo img {
    max-width: 270px;
    max-height: 62px;
    width: 100%;
    display: block;
}

@media only screen and (max-width: 850px) {
    .header #inner-header .logo {
        padding: 20px 0;
        max-width: 65%;
    }
}

.no-scroll {
    overflow: hidden;
    position: fixed;
}

.header #inner-header .nav-mobile {
    min-height: 72px;
}

.header #inner-header .nav-mobile .search-overlay-toggle {
    width: 40px;
    height: 32px;
    display: block;
    position: absolute;
    top: 23px;
    right: 70px;
    cursor: pointer;
}

.header #inner-header .nav-mobile .primary-nav-toggle {
    width: 40px;
    height: 32px;
    display: block;
    position: absolute;
    top: 23px;
    right: 10px;
    cursor: pointer;
}

.header #inner-header .nav-mobile .primary-nav-toggle span {
    width: 100%;
    height: 100%;
    height: 5px;
    background-color: #333;
    margin: 0 0 9px;
    display: block;
    border-radius: 2px;
}

.header #inner-header .nav-mobile .primary-nav-toggle span:last-child {
    margin-bottom: 0px;
}

.nav-standard {
    border-bottom: 0;
    margin: 0;
    display: inline-block;
    float: right;
    padding: 0px;
}

@media only screen and (max-width: 850px) {
    .nav-standard {
        display: none;
    }
}

.nav-standard > ul {
    float: right;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    /* end .menu li */
    /* highlight current page */
    /* end current highlighters */
}

.nav-standard > ul > li {
    float: left;
}

.nav-standard > ul > li:first-child {
    content: "";
    top: 0;
    left: 0;
    width: 40;
    height: 0;
    border-top: 89px solid rgba(255, 255, 255, 0);
    border-right: 40px solid #c30e2e;
}

.nav-standard > ul > li > a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 35px 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #c30e2e;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    height: 89px;
    position: relative;
}

.nav-standard > ul > li > a:hover,
.nav-standard > ul > li > a:focus {
    background-color: #e01035;
    color: #fff;
}

@media only screen and (max-width: 1000px) {
    .nav-standard > ul > li > a {
        font-size: 12px;
        padding: 35px 10px;
    }
}

@media only screen and (max-width: 900px) {
    .nav-standard > ul > li > a {
        font-size: 11px;
        padding: 35px 10px;
    }
}

.nav-standard > ul > li.expandable a:after {
    position: absolute;
    bottom: 0;
    left: 42%;
    right: 0;
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
}

.nav-standard > ul > li div.dropdown {
    display: none;
    overflow: visible;
    padding: 0px 20px;
    position: absolute;
    top: 89px;
    right: 0px;
    width: 100%;
    z-index: 100;
}

.nav-standard > ul > li div.dropdown div {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.37);
    display: table;
    width: 100%;
    padding: 30px 40px;
    background-color: #f5f5f5;
    border-bottom: 2px solid #0e2240;
}

.nav-standard > ul > li div.dropdown ul {
    width: 33%;
    overflow: hidden;
    margin: 0;
    color: #e01035;
    display: table-cell;
    padding: 0 0 0 10px;
    border-right: 1px solid #e3e3e3;
}

.nav-standard > ul > li div.dropdown ul li {
    list-style: none;
}

.nav-standard > ul > li div.dropdown ul li a {
    padding: 12px 10px;
    display: block;
    color: #0e2240;
    text-decoration: none;
}

.nav-standard > ul > li div.dropdown ul li a:hover {
    color: #c30e2e;
}

.nav-standard > ul > li div.dropdown ul:last-child {
    padding-left: 30px;
    border-right: 0px;
}

.nav-standard > ul > li div.dropdown ul:last-child li {
    margin-bottom: 19px;
}

.nav-standard > ul > li div.dropdown ul:last-child li a {
    padding: 13px 20px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    border-radius: 4px;
}

.nav-standard > ul > li div.dropdown ul:last-child li a:hover {
    color: #ffffff;
    background-color: #c30e2e;
}

.nav-standard > ul > li div.dropdown ul:last-child li:last-child {
    margin-bottom: 0px;
}

.nav-standard > ul > li:hover > a {
    background-color: #e01035;
    color: #fff;
}

.nav-standard > ul > li:hover > a:after {
    display: block;
}

.nav-standard > ul > li:hover .dropdown {
    display: block;
}

.nav-standard > ul > li ul.sub-menu li a,
.nav-standard > ul > li ul.children li a {
    padding-left: 30px;
}

.nav-mobile {
    display: none;
}

@media only screen and (max-width: 850px) {
    .nav-mobile {
        display: block;
    }
}

.nav-mobile div.nav-nested {
    display: block;
    left: 150%;
    width: 90%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background-color: #ededed;
    -webkit-box-shadow: -17px 0px 32px 3px rgba(0, 0, 0, 0.19);
    box-shadow: -17px 0px 32px 3px rgba(0, 0, 0, 0.19);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-mobile div.nav-nested .nav-buttons {
    overflow: hidden;
    padding: 5px;
}

.nav-mobile div.nav-nested .nav-buttons .nav-back {
    float: left;
    padding: 10px 20px 10px 40px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: top 11px left 10px;
    background-color: transparent;
    background-image: url("../images/navigation_mobile_back@2x.png");
    overflow: hidden;
    -webkit-background-size: 13px 20px;
    background-size: 13px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    color: #333;
}

.nav-mobile div.nav-nested .nav-buttons .nav-toggle {
    float: right;
    padding: 10px 10px;
    text-decoration: none;
    width: 43px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: top 11px right 10px;
    background-color: transparent;
    background-image: url("../images/navigation_mobile_close@2x.png");
    text-indent: 9999px;
    overflow: hidden;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
}

.nav-mobile div.nav-nested .nav-buttons.hide-back .nav-back {
    display: none;
}

.nav-mobile div.nav-nested .top-level {
    clear: both;
    background-color: #f5f4f3;
    width: 100%;
    height: 100%;
    display: block;
    list-style: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.nav-mobile div.nav-nested .top-level ul {
    display: block;
    margin: 0;
    padding: 0;
    left: 100%;
    top: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f5f4f3;
}

.nav-mobile div.nav-nested .top-level ul li {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-mobile div.nav-nested .top-level ul a {
    display: none;
    padding: 10px 20px;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-mobile div.nav-nested .top-level ul.mobile-eyebrow {
    display: block;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-mobile div.nav-nested .top-level ul.mobile-eyebrow li {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-mobile div.nav-nested .top-level ul.mobile-eyebrow li a {
    padding: 5px 20px;
    text-decoration: none;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-mobile div.nav-nested .top-level .active-parent {
    display: block;
    left: 0;
    padding-bottom: 50px;
}

.nav-mobile div.nav-nested .top-level .active,
.nav-mobile div.nav-nested .top-level.active {
    display: block;
    left: 0;
    padding-bottom: 50px;
}

.nav-mobile div.nav-nested .top-level .active > a,
.nav-mobile div.nav-nested .top-level.active > a {
    display: block;
    text-decoration: none;
    color: #b2b2b2;
}

.nav-mobile div.nav-nested .top-level .active > ul,
.nav-mobile div.nav-nested .top-level.active > ul {
    left: 0;
    display: block;
}

.nav-mobile div.nav-nested .top-level .active > ul > li,
.nav-mobile div.nav-nested .top-level.active > ul > li {
    display: block;
}

.nav-mobile div.nav-nested .top-level .active > ul > li.page_item_has_children,
.nav-mobile div.nav-nested .top-level.active > ul > li.page_item_has_children {
    background-repeat: no-repeat;
    background-position: top 19px right 8px;
    background-color: transparent;
    background-image: url("../images/navigation_mobile_arrow@2x.png");
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
}

.nav-mobile div.nav-nested .top-level .active > ul > li > a,
.nav-mobile div.nav-nested .top-level.active > ul > li > a {
    display: block;
}

.nav-mobile.active div.nav-nested {
    left: 10%;
}

.home .hero {
    padding: 0;
    background-color: #0e2240;
    color: #ffffff;
    margin: 0 auto;
    background-image: url("../images/Home_Hero_StudyLaptopLaugh@2x.jpg");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

.home .hero .hero-inner {
    padding: 130px 20px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

@media only screen and (max-width: 700px) {
    .home .hero .hero-inner {
        padding: 25px 5px;
    }
}

.home .hero .hero-inner h1 {
    color: inherit;
    font-size: 44px;
    line-height: 56px;
    font-weight: bold;
    text-transform: uppercase;
}

@media only screen and (max-width: 700px) {
    .home .hero .hero-inner h1 {
        text-align: center;
        font-size: 30px;
        line-height: 36px;
    }
}

.home .hero .hero-inner h3 {
    color: inherit;
    padding: 0px;
    margin: 35px 0 35px;
    font-size: 17px;
    line-height: 23px;
    font-weight: normal;
}

@media only screen and (max-width: 700px) {
    .home .hero .hero-inner h3 {
        text-align: center;
    }
}

.home .hero .hero-inner ul.quicklinks {
    overflow: hidden;
}

.home .hero .hero-inner ul.quicklinks li {
    float: left;
    padding: 0px;
    margin: 0 18px 0 0;
}

@media only screen and (max-width: 700px) {
    .home .hero .hero-inner ul.quicklinks li {
        width: 80%;
        margin: 0 auto 10px;
        float: none;
    }
}

.home .hero .hero-inner ul.quicklinks li a {
    color: inherit;
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    padding: 12px 27px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #c30e2e;
    border-color: #c30e2e;
}

.home .hero .hero-inner ul.quicklinks li a:hover {
    background-color: #ee163c;
    border-color: #ee163c;
}

.home .news-and-events .news-and-events-inner {
    padding: 50px 20px;
    overflow: hidden;
}

.home .news-and-events .news-and-events-inner .featured-slider {
    width: 74.3%;
    margin-right: 0.8%;
    float: left;
    overflow: visible;
}

@media only screen and (max-width: 700px) {
    .home .news-and-events .news-and-events-inner .featured-slider {
        width: 100%;
        margin: 0;
        height: 410px;
    }
}

.home .news-and-events .news-and-events-inner .featured-slider .slider {
    height: 300px;
    width: 100%;
    background-color: #e3e3e3;
    position: relative;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider ul {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .slide {
    height: 300px;
    width: 33.3333%;
    float: left;
    -webkit-background-size: 750px 300px;
    background-size: 750px 300px;
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .slide h2 {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    display: none;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .slide p {
    color: #fff;
    display: none;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .slide a {
    display: none;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .slide:hover {
    opacity: .9;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .slide iframe {
    width: 100%;
    height: 300px;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .control {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    -webkit-background-size: 20px 36px;
    background-size: 20px 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    width: 80px;
    height: 80px;
    bottom: -80px;
    left: 50%;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .control.next {
    margin-right: -80px;
    background-image: url("../images/hero_slider_next@2x.png");
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .control.prev {
    margin-left: -80px;
    background-image: url("../images/hero_slider_previous@2x.png");
}

.home .news-and-events .news-and-events-inner .featured-slider .slider ul.triggers {
    display: none;
}

.home .news-and-events .news-and-events-inner .featured-slider .slider .mask {
    margin: 0 auto;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.home .news-and-events .news-and-events-inner .featured-slider > a {
    float: right;
    padding: 14px 25px;
    color: #d61d30;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 20px 0 5px 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.home .news-and-events .news-and-events-inner .featured-slider > a:hover {
    background-color: #f2f2f2;
}

.home .news-and-events .news-and-events-inner .events-widget {
    width: 24.3%;
    float: left;
    overflow: hidden;
}

@media only screen and (max-width: 700px) {
    .home .news-and-events .news-and-events-inner .events-widget {
        width: 100%;
        margin: 0;
    }
}

.home .news-and-events .news-and-events-inner .events-widget .events {
    height: 300px;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.home .news-and-events .news-and-events-inner .events-widget .events ul {
    padding: 0;
    margin: 0;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event {
    float: left;
    height: 75px;
    overflow: hidden;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f2f2f2;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date {
    float: left;
    margin: 0px 10px 0 0;
    border-right: 1px solid #f2f2f2;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date .start-date,
.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date .end-date {
    line-height: 15px;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date .event-day {
    float: left;
    font-size: 22px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px 0 0;
    margin: 0 15px 0 0;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date .event-month {
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date .event-weekday {
    display: none;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date .event-year {
    display: none;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date.multi-date {
    padding-right: 10px;
    margin-left: -10px;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date.multi-date .event-day {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 0 0;
    margin: 0 4px 0 0;
    float: none;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date.multi-date .event-month {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-date.multi-date .end-date::before {
    display: block;
    content: '-';
    text-align: center;
    height: 5px;
    padding: 0 0 7px;
    margin: 0;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-info {
    display: block;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-info .event-title h3 {
    font-size: 13px;
    line-height: 15px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    height: 45px;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-info .event-location {
    display: none;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-info .event-details {
    display: none;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event .event-info .event-time {
    display: none;
}

.home .news-and-events .news-and-events-inner .events-widget .events .event:hover h3 {
    color: #d61d30;
}

.home .news-and-events .news-and-events-inner .events-widget > a {
    float: right;
    padding: 14px 25px;
    color: #d61d30;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 20px 0 5px 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.home .news-and-events .news-and-events-inner .events-widget > a:hover {
    background-color: #f2f2f2;
}

.home .news-and-events .news-and-events-inner .recent-news {
    padding: 0px 0 0;
    overflow: hidden;
    clear: both;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article {
    float: left;
    width: 24.3%;
    margin-right: 0.8%;
    padding: 25px;
    height: 300px;
    background-color: #0e2240;
    background-repeat: none;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    background-position: top center;
    position: relative;
    cursor: pointer;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article:last-child {
    margin-right: 0px;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article h4 {
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    bottom: 58px;
    left: 25px;
    width: 80%;
    color: #fff;
    font-weight: normal;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article div.date {
    font-size: 10px;
    line-height: 10px;
    padding: 4px 10px;
    color: #fff;
    background-color: #d61d30;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article div.cover {
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, top left, bottom left, from(rgba(13, 34, 64, 0)), color-stop(20%, rgba(13, 34, 64, 0)), to(rgba(13, 34, 64, 0.9)));
    background: -webkit-linear-gradient(top, rgba(13, 34, 64, 0) 0%, rgba(13, 34, 64, 0) 20%, rgba(13, 34, 64, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(13, 34, 64, 0) 0%, rgba(13, 34, 64, 0) 20%, rgba(13, 34, 64, 0.9) 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article a.view {
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    padding: 15px 25px;
    color: #fff;
    background-color: #d61d30;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article:hover h4 {
    bottom: 98px;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article:hover div.date {
    bottom: 65px;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article:hover div.cover {
    bottom: 40px;
}

.home .news-and-events .news-and-events-inner .recent-news .news-container article:hover a.view {
    opacity: 1;
}

@media only screen and (max-width: 700px) {
    .home .news-and-events .news-and-events-inner .recent-news .news-container article {
        width: 49.6%;
    }
    .home .news-and-events .news-and-events-inner .recent-news .news-container article:nth-child(2) {
        margin-right: 0px;
    }
    .home .news-and-events .news-and-events-inner .recent-news .news-container article:nth-child(3) {
        display: none;
    }
    .home .news-and-events .news-and-events-inner .recent-news .news-container article:nth-child(4) {
        display: none;
    }
}

@media only screen and (max-width: 550px) {
    .home .news-and-events .news-and-events-inner .recent-news .news-container article {
        width: 100%;
        float: none;
    }
    .home .news-and-events .news-and-events-inner .recent-news .news-container article:nth-child(2) {
        margin-right: 0px;
    }
    .home .news-and-events .news-and-events-inner .recent-news .news-container article:nth-child(3) {
        display: none;
    }
    .home .news-and-events .news-and-events-inner .recent-news .news-container article:nth-child(4) {
        display: none;
    }
}

.home .news-and-events .news-and-events-inner .recent-news .news-buttons {
    clear: both;
    padding: 20px 0;
}

.home .news-and-events .news-and-events-inner .recent-news .news-buttons a {
    float: right;
    padding: 14px 25px;
    color: #d61d30;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 0 5px 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.home .news-and-events .news-and-events-inner .recent-news .news-buttons a:hover {
    background-color: #f2f2f2;
}

.home .value {
    background-color: #ffffff;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.home .value.your-education {
    background-image: url("../images/home_education_bg@2x.jpg");
}

.home .value.your-education .v1 {
    background-image: url("../images/home_education_v1_bg@2x.jpg");
}

.home .value.your-education .v2 {
    background-image: url("../images/home_education_v2_bg@2x.jpg");
}

.home .value.your-education .v3 {
    background-image: url("../images/home_education_v3_bg@2x.jpg");
}

.home .value.your-education .v4 {
    background-image: url("../images/home_education_v4_bg@2x.jpg");
}

.home .value.your-campus {
    background-image: url("../images/home_experience_bg@2x.jpg");
}

.home .value.your-experience .v1 {
    background-image: url("../images/home_experience_v1_bg@2x.jpg");
}

.home .value.your-experience .v2 {
    background-image: url("../images/home_experience_v2_bg@2x.jpg");
}

.home .value.your-experience .v3 {
    background-image: url("../images/home_experience_v3_bg@2x.jpg");
}

.home .value.your-experience .v4 {
    background-image: url("../images/home_experience_v4_bg@2x.jpg");
}

.home .value .value-inner {
    padding: 50px 20px;
    overflow: hidden;
}

.home .value .value-inner .text {
    width: 50%;
    padding: 50px 0;
}

@media only screen and (max-width: 700px) {
    .home .value .value-inner .text {
        width: 100%;
        margin: 0 auto 10px;
    }
}

.home .value .value-inner .text h2 {
    margin: 0 0 35px;
    font-size: 29px;
    line-height: 44px;
    padding-right: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0e2240;
}

.home .value .value-inner .text h2 span {
    color: #d61d30;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 4px;
    font-weight: normal;
    text-transform: none;
}

.home .value .value-inner .text .bar {
    display: block;
    height: 2px;
    width: 40px;
    background-color: #0e2240;
    margin: 0 0 35px;
}

.home .value .value-inner .text p {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 35px;
    padding-right: 90px;
    color: #0e2240;
}

@media only screen and (max-width: 700px) {
    .home .value .value-inner .text p {
        padding-right: 0px;
    }
}

.home .value .value-inner .text a {
    padding: 14px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #d61d30;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0;
}

.home .value .value-inner .text a:hover {
    background-color: #e22a3d;
}

.home .value .value-inner .text.right {
    padding-left: 40px;
}

.home .value .value-inner .text.right p {
    padding-right: 50px;
}

@media only screen and (max-width: 700px) {
    .home .value .value-inner .text.right {
        padding-left: 0px;
    }
    .home .value .value-inner .text.right p {
        padding-right: 0px;
    }
}

.home .value .value-inner .graphics {
    width: 50%;
}

@media only screen and (max-width: 700px) {
    .home .value .value-inner .graphics {
        width: 100%;
        margin: 0 auto 0px;
    }
}

.home .value .value-inner .graphics .small {
    width: 50%;
    float: left;
    padding: 0px 0px 0;
}

.home .value .value-inner .graphics .large {
    width: 100%;
    float: left;
    padding: 0px 0px 0;
}

.home .value .value-inner .graphics .small,
.home .value .value-inner .graphics .large {
    background-color: #ffffff;
    height: 240px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    display: table;
}

@media only screen and (max-width: 700px) {
    .home .value .value-inner .graphics .small,
    .home .value .value-inner .graphics .large {
        width: 100%;
        margin: 0 auto 0px;
    }
}

.home .value .value-inner .graphics .small h2,
.home .value .value-inner .graphics .large h2 {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    color: #ffffff;
    margin: 0 0 10px;
    padding: 0;
}

.home .value .value-inner .graphics .small p,
.home .value .value-inner .graphics .large p {
    text-align: center;
    font-size: 15px;
    line-height: 19px;
    color: #ffffff;
    padding: 0;
    margin: 0;
}

.home .value .value-inner .graphics .small > div.start,
.home .value .value-inner .graphics .large > div.start {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 15px;
}

.home .value .value-inner .graphics .small > div.hover,
.home .value .value-inner .graphics .large > div.hover {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

.home .value .value-inner .graphics .small > div.hover div,
.home .value .value-inner .graphics .large > div.hover div {
    background-color: rgba(13, 34, 64, 0.9);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
}

.home .value .value-inner .graphics .small > div.hover p,
.home .value .value-inner .graphics .large > div.hover p {
    padding: 0px 0px 0;
    color: #ffffff;
    z-index: 2;
    display: table-cell;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 13px;
    line-height: 16px;
}

.home .value .value-inner .graphics .small:hover > div,
.home .value .value-inner .graphics .large:hover > div {
    opacity: 1;
}

.home .value .value-inner .graphics .small:hover > div p,
.home .value .value-inner .graphics .large:hover > div p {
    opacity: 1;
}

.home .value .value-inner .campus-locations {
    width: 50%;
}

@media only screen and (max-width: 700px) {
    .home .value .value-inner .campus-locations {
        width: 100%;
        margin: 0 auto 10px;
    }
}

.home .value .value-inner .campus-locations ul.main {
    width: 100%;
    padding: 0;
    margin: 0;
}

.home .value .value-inner .campus-locations ul.main li {
    display: none;
    width: 100%;
}

.home .value .value-inner .campus-locations ul.main li.active {
    display: block;
}

.home .value .value-inner .campus-locations ul.main li img {
    max-width: 100%;
    height: auto;
    display: block;
}

.home .value .value-inner .campus-locations ul.selector {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.home .value .value-inner .campus-locations ul.selector li {
    width: 33.3%;
    float: left;
    background-color: #0d2240;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.home .value .value-inner .campus-locations ul.selector li:last-child {
    width: 33.4%;
}

.home .value .value-inner .campus-locations ul.selector li.active img {
    opacity: .7;
}

.home .value .value-inner .campus-locations ul.selector li p {
    position: relative;
    padding: 30px 20px;
    min-height: 115px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    z-index: 2;
}

@media only screen and (max-width: 450px) {
    .home .value .value-inner .campus-locations ul.selector li p {
        padding: 10px;
        min-height: 100px;
        font-size: 12px;
        line-height: 16px;
    }
}

.home .value .value-inner .campus-locations ul.selector li img {
    display: block;
    opacity: .1;
    z-index: 1;
    position: absolute;
    width: auto;
    height: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home .value .value-inner .left {
    float: left;
}

.home .value .value-inner .right {
    float: right;
}

.page .hero,
.archive .hero,
.single-directory .hero {
    padding: 0;
    background-color: inherit;
    color: #0e2240;
    margin: 0 auto;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.page .hero .hero-inner,
.archive .hero .hero-inner,
.single-directory .hero .hero-inner {
    padding: 60px 20px 0px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

@media only screen and (max-width: 700px) {
    .page .hero .hero-inner,
    .archive .hero .hero-inner,
    .single-directory .hero .hero-inner {
        padding: 50px 20px 20px;
    }
}

.page .hero .hero-inner h1,
.archive .hero .hero-inner h1,
.single-directory .hero .hero-inner h1 {
    color: inherit;
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
}

@media only screen and (max-width: 700px) {
    .page .hero .hero-inner h1,
    .archive .hero .hero-inner h1,
    .single-directory .hero .hero-inner h1 {
        text-align: center;
        font-size: 30px;
        line-height: 36px;
    }
}

.page .hero .hero-inner h3,
.archive .hero .hero-inner h3,
.single-directory .hero .hero-inner h3 {
    color: inherit;
    padding: 0px;
    margin: 45px 0 15px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

@media only screen and (max-width: 700px) {
    .page .hero .hero-inner h3,
    .archive .hero .hero-inner h3,
    .single-directory .hero .hero-inner h3 {
        text-align: center;
    }
}

.page .hero .hero-inner ul.quicklinks,
.archive .hero .hero-inner ul.quicklinks,
.single-directory .hero .hero-inner ul.quicklinks {
    overflow: hidden;
}

.page .hero .hero-inner ul.quicklinks li,
.archive .hero .hero-inner ul.quicklinks li,
.single-directory .hero .hero-inner ul.quicklinks li {
    float: left;
    padding: 0px;
    margin: 0 18px 0 0;
}

@media only screen and (max-width: 700px) {
    .page .hero .hero-inner ul.quicklinks li,
    .archive .hero .hero-inner ul.quicklinks li,
    .single-directory .hero .hero-inner ul.quicklinks li {
        width: 80%;
        margin: 0 auto 10px;
        float: none;
    }
}

.page .hero .hero-inner ul.quicklinks li a,
.archive .hero .hero-inner ul.quicklinks li a,
.single-directory .hero .hero-inner ul.quicklinks li a {
    color: #ffffff;
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 27px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #c30e2e;
    border-color: #c30e2e;
}

.page .hero .hero-inner ul.quicklinks li a:hover,
.archive .hero .hero-inner ul.quicklinks li a:hover,
.single-directory .hero .hero-inner ul.quicklinks li a:hover {
    background-color: #ee163c;
    border-color: #ee163c;
}

.page .hero div.hero-background,
.archive .hero div.hero-background,
.single-directory .hero div.hero-background {
    display: none;
    height: 350px;
    width: 100%;
    background: -webkit-gradient(linear, top left, bottom left, from(rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.5) 100%);
    position: absolute;
    bottom: 0px;
    z-index: 1;
}

@media only screen and (max-width: 700px) {
    .page .hero div.hero-background,
    .archive .hero div.hero-background,
    .single-directory .hero div.hero-background {
        height: 100%;
        max-height: 200px;
    }
}

.page .hero.with-image,
.archive .hero.with-image,
.single-directory .hero.with-image {
    background-color: #0e2240;
}

.page .hero.with-image .hero-inner,
.archive .hero.with-image .hero-inner,
.single-directory .hero.with-image .hero-inner {
    padding: 230px 20px 70px;
    color: #ffffff;
}

@media only screen and (max-width: 700px) {
    .page .hero.with-image .hero-inner,
    .archive .hero.with-image .hero-inner,
    .single-directory .hero.with-image .hero-inner {
        padding: 50px 20px;
    }
}

.page .hero.with-image div.hero-background,
.archive .hero.with-image div.hero-background,
.single-directory .hero.with-image div.hero-background {
    display: block;
}

.page .hero.no-sidebar .hero-inner,
.archive .hero.no-sidebar .hero-inner,
.single-directory .hero.no-sidebar .hero-inner {
    width: 80%;
    max-width: 832px;
    margin: 0 auto;
    clear: both;
    float: none;
}

.page #main,
.archive #main,
.single-directory #main {
    float: left;
    width: 70%;
    padding: 0 20px;
}

.page #main .event-list-view,
.archive #main .event-list-view,
.single-directory #main .event-list-view {
    padding: 0;
    margin: 0;
}

.page #main .event-list-view .event,
.archive #main .event-list-view .event,
.single-directory #main .event-list-view .event {
    border-bottom: 1px solid #e3e3e3;
    list-style: none;
    padding: 20px 0;
    display: block;
}

.page #main.no-sidebar,
.archive #main.no-sidebar,
.single-directory #main.no-sidebar {
    width: 80%;
    margin: 0 auto;
    clear: both;
    float: none;
}

@media only screen and (max-width: 700px) {
    .page #main.no-sidebar,
    .archive #main.no-sidebar,
    .single-directory #main.no-sidebar {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .page #main,
    .archive #main,
    .single-directory #main {
        width: 100%;
    }
}

.page-template-page-news-all .hentry,
.archive .hentry {
    border-bottom: 1px solid #e3e3e3;
}

.page-template-page-news-all .hentry header,
.archive .hentry header {
    padding-top: 0;
}

.page-template-page-news-all .hentry h3,
.archive .hentry h3 {
    margin-bottom: 5px;
}

.breadcrumb {
    padding: 25px 20px 45px;
}

.breadcrumb ul.breadcrumbs {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.breadcrumb ul.breadcrumbs li {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #848484;
}

.breadcrumb ul.breadcrumbs li a,
.breadcrumb ul.breadcrumbs li strong {
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    display: block;
    color: #848484;
    text-decoration: none;
}

.breadcrumb ul.breadcrumbs li.separator {
    padding: 5px;
}

.breadcrumb.no-sidebar {
    width: 80%;
    max-width: 792px;
    margin: 0 auto;
    clear: both;
    float: none;
}

.main-404 {
    width: 100%;
    padding: 0 20px;
}

.main-404 .four04 p {
    margin-bottom: 20px;
}

.main-404 .four04 .four04-column {
    width: 50%;
    float: left;
    margin-bottom: 30px;
    padding: 0 40px 0 0;
}

.main-404 .four04 .four04-column.second {
    clear: both;
    width: 100%;
}

@media only screen and (max-width: 700px) {
    .main-404 .four04 .four04-column {
        width: 100%;
        float: none;
        margin-bottom: 35px;
        padding: 0px;
    }
}

.main-404 ul {
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.main-404 ul li {
    float: left;
    width: 30%;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media only screen and (max-width: 700px) {
    .main-404 ul li {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
}

.single #main {
    float: left;
    width: 70%;
    padding: 60px 0;
}

.single #main.no-sidebar {
    width: 80%;
    margin: 0 auto;
    clear: both;
    float: none;
}

.single #main article {
    padding: 0 20px;
    margin: 0 auto;
}

.single #main article h1 {
    margin: 0 0 30px;
}

@media only screen and (max-width: 700px) {
    .single #main {
        width: 100%;
    }
}

.directory #main,
.directory #main.no-sidebar {
    float: none;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.directory #main h1,
.directory #main.no-sidebar h1 {
    padding: 50px 0 30px;
}

@media only screen and (max-width: 800px) {
    .directory #main h1,
    .directory #main.no-sidebar h1 {
        font-size: 30px;
        line-height: 36px;
        font-weight: bold;
    }
}

@media only screen and (max-width: 630px) {
    .directory #main h1,
    .directory #main.no-sidebar h1 {
        text-align: center;
    }
}

@media only screen and (max-width: 700px) {
    .directory #main,
    .directory #main.no-sidebar {
        width: 100%;
        padding: 0 20px;
    }
}

.directory #main #department-filter,
.directory #main.no-sidebar #department-filter {
    margin: 0 0 35px;
    max-width: 50%;
}

@media only screen and (max-width: 630px) {
    .directory #main #department-filter,
    .directory #main.no-sidebar #department-filter {
        width: 100%;
        display: block;
        max-width: none;
    }
}

.directory #main table,
.directory #main.no-sidebar table {
    padding: 0px;
    margin: 0;
    border: none;
}

.directory #main table tr td,
.directory #main table tr th,
.directory #main.no-sidebar table tr td,
.directory #main.no-sidebar table tr th {
    font-size: 14px;
    line-height: 13px;
    padding: 17px 8px;
    text-align: left;
    font-weight: normal;
}

@media only screen and (max-width: 800px) {
    .directory #main table tr td.office,
    .directory #main table tr th.office,
    .directory #main.no-sidebar table tr td.office,
    .directory #main.no-sidebar table tr th.office {
        display: none;
    }
}

.directory #main table thead tr th,
.directory #main.no-sidebar table thead tr th {
    border-top: 1px solid #e3e3e3;
    border-bottom: none;
    padding: 25px 14px 25px 4px;
}

.directory #main table tbody,
.directory #main.no-sidebar table tbody {
    background-color: #ffffff;
}

.directory #main table tbody tr,
.directory #main.no-sidebar table tbody tr {
    background-color: transparent;
    cursor: pointer;
}

.directory #main table tbody tr td,
.directory #main.no-sidebar table tbody tr td {
    border-top: 1px solid #e3e3e3;
}

.directory #main table tbody tr td:first-child,
.directory #main.no-sidebar table tbody tr td:first-child {
    padding-left: 10px;
}

.directory #main table tbody tr:hover td,
.directory #main.no-sidebar table tbody tr:hover td {
    background-color: #0e2240;
    color: #ffffff;
}

.directory #main table tbody tr:hover td a,
.directory #main.no-sidebar table tbody tr:hover td a {
    color: #ffffff;
}

.directory #main table.collapsed tbody tr td:first-child,
.directory #main.no-sidebar table.collapsed tbody tr td:first-child {
    padding-left: 30px;
}

.directory #main .dataTables_filter,
.directory #main.no-sidebar .dataTables_filter {
    position: absolute;
    top: -80px;
    right: 0;
}

.directory #main .dataTables_filter input,
.directory #main.no-sidebar .dataTables_filter input {
    position: relative;
    top: 5px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    width: auto;
    display: inline-block;
}

@media only screen and (max-width: 630px) {
    .directory #main .dataTables_filter,
    .directory #main.no-sidebar .dataTables_filter {
        padding: 0 20px;
        position: relative;
        top: 0;
        margin: 0 0 20px;
    }
}

.directory #main .dataTables_info,
.directory #main.no-sidebar .dataTables_info {
    display: none;
}

.directory #main .dataTables_paginate,
.directory #main.no-sidebar .dataTables_paginate {
    padding: 30px 0 0;
    overflow: hidden;
    clear: both;
}

.directory #main .dataTables_paginate > a,
.directory #main .dataTables_paginate span > a,
.directory #main.no-sidebar .dataTables_paginate > a,
.directory #main.no-sidebar .dataTables_paginate span > a {
    padding: 5px 12px;
    display: block;
    font-size: 12px;
    border: 1px solid #e3e3e3;
    margin: 0;
    float: left;
}

.directory #main .dataTables_paginate > a:hover,
.directory #main .dataTables_paginate span > a:hover,
.directory #main.no-sidebar .dataTables_paginate > a:hover,
.directory #main.no-sidebar .dataTables_paginate span > a:hover {
    background: #ffffff;
    color: #0e2240;
}

.directory #main .dataTables_paginate > a.current,
.directory #main .dataTables_paginate span > a.current,
.directory #main.no-sidebar .dataTables_paginate > a.current,
.directory #main.no-sidebar .dataTables_paginate span > a.current {
    background: #ffffff;
    color: #0e2240;
}

.directory #main .dataTables_paginate span > span,
.directory #main.no-sidebar .dataTables_paginate span > span {
    float: left;
    padding: 5px 12px;
    display: block;
    margin: 0;
}

.directory #main .dataTables_length,
.directory #main.no-sidebar .dataTables_length {
    position: absolute;
    bottom: 0;
    left: 0;
}

.directory #main .dataTables_length label,
.directory #main.no-sidebar .dataTables_length label {
    display: inline-block;
}

.directory #main .dataTables_length label select,
.directory #main.no-sidebar .dataTables_length label select {
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    width: 70px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 13px;
}

.single-directory #main article h1 {
    margin: 0;
    padding: 0 0 0px;
}

.single-directory #main article img {
    float: right;
    margin: 0 0 20px 20px;
}

.single-directory #main article .thumbnail {
    float: right;
    margin: 0 0 0px 20px;
    height: auto;
    width: auto;
    max-height: 80px;
    max-width: 80px;
}

.single-directory .directory_details {
    clear: both;
    padding: 20px 0px 0px;
    margin: 0 auto 40px;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}

.single-directory .directory_details p {
    border-top: 1px solid #e3e3e3;
    padding: 15px 20px 15px 0;
    font-size: 15px;
    color: #0e2240;
    display: block;
    margin: 0;
    float: left;
    width: 50%;
}

.single-directory .directory_details p span {
    font-weight: bold;
}


/*********************
SIDEBARS & ASIDES
*********************/

#sidebar1 {
    float: left;
    width: 30%;
    margin-right: 0;
    padding: 0 20px;
}

@media only screen and (max-width: 700px) {
    #sidebar1 {
        width: 100%;
        margin: 0 auto 30px;
    }
}

.sidebar div.side_nav {
    border-radius: 3px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 700px) {
    .sidebar div.side_nav {
        display: none;
    }
}

.sidebar div.side_nav div.current-page {
    font-size: 12px;
    padding: 14px 18px;
    background-color: transparent;
    border: 1px solid #cccccc;
    color: #848484;
    text-transform: uppercase;
    line-height: 15px;
    letter-spacing: 1px;
}

.sidebar div.side_nav div.current-page a {
    color: #848484;
    padding: 0;
    display: block;
    margin: 0;
    text-decoration: none;
}

.sidebar div.side_nav ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -1px;
}

.sidebar div.side_nav ul li.subtitle {
    background-color: transparent;
    border: 1px solid #cccccc;
    border-top: 0px;
    padding: 8px 18px;
    color: #848484;
    font-size: 11px;
    line-height: 11px;
}

.sidebar div.side_nav ul li.page_item,
.sidebar div.side_nav ul li.archive-item {
    padding: 0;
    background-color: white;
    border: 1px solid #cccccc;
    border-top: 0px;
    -webkit-transition: 0.2s ease-in-out all;
    transition: 0.2s ease-in-out all;
}

.sidebar div.side_nav ul li.page_item:first-child,
.sidebar div.side_nav ul li.archive-item:first-child {
    border-top: 1px solid #cccccc;
}

.sidebar div.side_nav ul li.page_item a,
.sidebar div.side_nav ul li.archive-item a {
    text-decoration: none;
    display: block;
    padding: 10px 18px;
    color: #0e2240;
    font-size: 15px;
}

.sidebar div.side_nav ul li.page_item.current_page_item a,
.sidebar div.side_nav ul li.archive-item.current_page_item a {
    background-color: #d61d30;
    color: #ffffff;
}

.sidebar div.side_nav ul:hover li {
    background-color: transparent;
}

.sidebar div.side_nav ul:hover li a:hover {
    background-color: #fff;
    color: #d61d30;
}

.sidebar div.sidebar-contact {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 30px 20px;
    margin: 0 0 30px;
    text-align: center;
}

.sidebar div.sidebar-contact h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    display: block;
    padding: 0;
    margin: 0 0 20px;
}

.sidebar div.sidebar-contact p {
    font-size: 15px;
    line-height: 19px;
    display: block;
    padding: 0;
    margin: 0 0 2px;
}

.sidebar div.apply-now {
    margin-bottom: 30px;
    padding: 0 40px;
}

.sidebar div.apply-now a {
    padding: 14px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #d61d30;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
}

.sidebar div.apply-now a:hover {
    background-color: #e22a3d;
}

.sidebar .widget ul li {
    /* deep nesting */
}

.sidebar .no-widgets {
    background-color: white;
    padding: 1.5em;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 2px;
    margin-bottom: 30px;
}

.next-steps {
    padding: 70px 0 60px;
    background-color: #0e2240;
    background-image: url("../images/prefooter_bg@2x.jpg");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.next-steps div.inner-next-steps {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.next-steps div.inner-next-steps h2 {
    margin: 0 auto 40px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
}

.next-steps div.inner-next-steps ul {
    text-align: center;
    margin: 0 auto 30px;
}

.next-steps div.inner-next-steps ul li {
    display: inline-block;
}

.next-steps div.inner-next-steps ul li a {
    padding: 14px 30px;
    color: #fff;
    text-decoration: none;
    background-color: #d61d30;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 8px;
}

.next-steps div.inner-next-steps ul li a:hover {
    background-color: #e22a3d;
}

@media only screen and (max-width: 700px) {
    .next-steps div.inner-next-steps ul li {
        display: block;
        margin: 0 auto 10px;
    }
}

.next-steps div.inner-next-steps p {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

.next-steps div.inner-next-steps p a {
    color: #ffffff;
    text-decoration: none;
}

.footer-search {
    padding: 80px 0;
    background-color: #033061;
}

.footer-search div.inner-footer-search {
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.footer-search div.inner-footer-search input {
    color: #e3e3e3;
    border-radius: 5px;
    color: #fff;
    max-width: 650px;
    width: 100%;
    padding: 15px 32px 15px;
    height: 70px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 26px;
    color: #d61d30;
    display: block;
    background-repeat: no-repeat;
    background-position: top 20px right 15px;
    background-image: url("../images/footer_search@2x.png");
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}


/*********************
FOOTER STYLES
*********************/

.footer {
    clear: both;
    background-color: #001b38;
    color: #ffffff;
}

.footer div.inner-footer {
    margin: 0 auto;
    overflow: hidden;
    padding: 70px 20px;
}

.footer div.inner-footer div.columns {
    overflow: hidden;
    clear: both;
}

.footer div.inner-footer div.columns div.column {
    width: 25%;
    float: left;
}

.footer div.inner-footer div.columns div.column a.logo {
    min-height: 90px;
    display: block;
}

.footer div.inner-footer div.columns div.column a.logo img {
    width: 90%;
    height: auto;
}

@media only screen and (max-width: 700px) {
    .footer div.inner-footer div.columns div.column a.logo {
        width: 100%;
        margin: 0 auto 10px;
        max-width: 280px;
        padding: 0 20px;
    }
    .footer div.inner-footer div.columns div.column a.logo img {
        width: 100%;
    }
}

.footer div.inner-footer div.columns div.column h4 {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 14px;
    margin: 0px;
    color: #fff;
    line-height: 16px;
}

@media only screen and (max-width: 700px) {
    .footer div.inner-footer div.columns div.column h4 {
        padding: 20px 10px;
    }
}

.footer div.inner-footer div.columns div.column ul {
    margin: 0px;
    padding: 0px 15px 0 0;
}

.footer div.inner-footer div.columns div.column ul li {
    list-style: none;
    font-size: 14px;
    line-height: 14px;
}

.footer div.inner-footer div.columns div.column ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    display: block;
    padding: 7px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer div.inner-footer div.columns div.column ul li a:hover {
    text-decoration: underline;
}

.footer div.inner-footer div.columns div.column ul li p {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    display: block;
    padding: 7px 0;
    margin: 0px;
}

@media only screen and (max-width: 800px) {
    .footer div.inner-footer div.columns div.column {
        float: left;
        margin: 0 0px 30px;
        width: 50%;
    }
    .footer div.inner-footer div.columns div.column h4 {
        text-align: center;
    }
    .footer div.inner-footer div.columns div.column ul {
        padding-right: 0px;
    }
    .footer div.inner-footer div.columns div.column ul li a {
        text-align: center;
    }
    .footer div.inner-footer div.columns div.column ul li p {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .footer div.inner-footer div.columns div.column {
        float: none;
        margin: 0 auto 30px;
        width: 80%;
        overflow: hidden;
    }
    .footer div.inner-footer div.columns div.column:nth-child(1),
    .footer div.inner-footer div.columns div.column:nth-child(2),
    .footer div.inner-footer div.columns div.column:nth-child(3) {
        border: 1px solid #00162e;
        background-color: #002247;
    }
    .footer div.inner-footer div.columns div.column:last-child {
        /*padding-top: 40px;*/
    }
    .footer div.inner-footer div.columns div.column h4 {
        background-repeat: no-repeat;
        background-position: top 25px right 18px;
        background-color: transparent;
        background-image: url("../images/eyebrow_dropdown@2x.png");
        -webkit-background-size: 10px 6px;
        background-size: 10px 6px;
        cursor: pointer;
        background-color: #002f61;
    }
    .footer div.inner-footer div.columns div.column ul {
        padding-right: 0px;
        height: 0px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .footer div.inner-footer div.columns div.column ul li a {
        text-align: center;
        padding: 12px 0;
    }
    .footer div.inner-footer div.columns div.column ul li p {
        text-align: center;
        padding: 12px 0;
    }
    .footer div.inner-footer div.columns div.column.active ul {
        height: auto;
    }
}

.footer div.inner-footer div.end {
    padding: 50px 0px;
    margin: 50px 0px;
    border-top: 1px solid #033061;
    border-bottom: 1px solid #033061;
    clear: both;
}

@media only screen and (max-width: 800px) {
    .footer div.inner-footer div.end {
        padding-top: 10px;
    }
}

.footer div.inner-footer div.end ul.policy {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: inline-block;
}

.footer div.inner-footer div.end ul.policy li {
    float: left;
    border-right: 1px solid #033061;
}

@media only screen and (max-width: 800px) {
    .footer div.inner-footer div.end ul.policy li {
       width: 50%;
    }
}

.footer div.inner-footer div.end ul.policy li:last-child {
    border-right: 0px;
}

.footer div.inner-footer div.end ul.policy li a {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 15px;
    margin: 0px;
    display: block;
}

.footer div.inner-footer div.end ul.policy li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footer div.inner-footer div.end ul.policy li:first-child a {
    padding-left: 0px;
}

@media only screen and (max-width: 800px) {
    .footer div.inner-footer div.end ul.policy li:first-child a {
       padding-left: 20px;
    }
}

.footer div.inner-footer div.end ul.social {
    float: right;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.footer div.inner-footer div.end ul.social li {
    float: left;
}

.footer div.inner-footer div.end ul.social li a {
    margin-left: 30px;
    margin: 0px;
    padding: 4px;
    display: block;
}

@media only screen and (max-width: 800px) {
    .footer div.inner-footer div.end ul.social {
        display: block;
        float: none;
        clear: both;
        margin: 30px auto 30px;
        text-align: center;
    }
    .footer div.inner-footer div.end ul.social li {
        display: inline-block;
        margin: 0 5px 0;
        float: none;
    }
}

.footer div.inner-footer div.copy {
    clear: both;
    font-size: 14px;
    color: #ffffff;
    padding-top: 0px;
    margin-top: 0px;
}

.footer div.inner-footer div.copy a {
    color: #e2e1e1;
    text-decoration: underline;
}

.footer div.inner-footer div.copy a:hover {
    color: #ffffff;
    text-decoration: underline;
}

html,
body {
    height: 100%;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
}

.morphsearch {
    width: 100%;
    min-height: 55px;
    position: relative;
    z-index: 10000;
    top: 0;
    right: 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition-property: min-height, width, top, right;
    transition-property: min-height, width, top, right;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.morphsearch.open {
    width: 50%;
    position: fixed;
    min-height: 100%;
    top: 0px;
    right: 0px;
    background-color: #ffffff;
}

@media only screen and (max-width: 800px) {
    .morphsearch.open {
        width: 100%;
    }
}

.morphsearch-form {
    width: 100%;
    height: 55px;
    margin: 0 auto;
    position: relative;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.morphsearch-form label {
    display: none;
}

.morphsearch.open .morphsearch-form {
    width: 100%;
    height: auto;
    padding: 70px 10%;
    border-bottom: 1px solid #e3e3e3;
}

.morphsearch-input {
    width: 100%;
    height: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    border: none;
    position: relative;
    right: 0;
    font-size: 14px;
    -webkit-transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.morphsearch-input::-ms-clear {
    /* remove cross in IE */
    display: none;
}

.morphsearch.hideInput .morphsearch-input {
    color: transparent;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.morphsearch.open .morphsearch-input {
    font-size: 22px;
    border: 1px solid #e3e3e3;
    background-color: #ffffff !important;
}


/* placeholder */

.morphsearch-input::-webkit-input-placeholder {
    color: #c2c2c2;
}

.morphsearch-input:-moz-placeholder {
    color: #c2c2c2;
}

.morphsearch-input::-moz-placeholder {
    color: #c2c2c2;
}

.morphsearch-input:-ms-input-placeholder {
    color: #c2c2c2;
}


/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder {
    color: transparent;
}

input[type="search"] {
    /* reset normalize */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.morphsearch-input:focus,
.morphsearch-submit:focus {
    outline: none;
}

.morphsearch-submit {
    position: absolute;
    width: 80px;
    height: 80px;
    text-indent: 100px;
    overflow: hidden;
    right: 0;
    top: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    border: none;
    pointer-events: none;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
    -ms-transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
}

.morphsearch.open .morphsearch-submit {
    pointer-events: auto;
    opacity: 0;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.morphsearch-close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
}

.morphsearch.open .morphsearch-close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.morphsearch-close::before,
.morphsearch-close::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    border-radius: 3px;
    opacity: 1;
    background: #000;
}

.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after {
    opacity: 1;
}

.morphsearch-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.morphsearch-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.morphsearch-content {
    color: #fff;
    margin-top: 0px;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0 10%;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    border-bottom: 1px solid #e3e3e3;
}

@media only screen and (max-width: 800px) {
    .morphsearch-content {
        display: none;
    }
}

.morphsearch.open .morphsearch-content {
    opacity: 1;
    height: auto;
    overflow: visible;
    /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */
    pointer-events: auto;
    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s;
}

.morphsearch .column {
    width: 50%;
    padding: 70px 0 70px;
    float: left;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    border-right: 1px solid #e3e3e3;
    background-color: #fff;
}

.morphsearch .column h2 {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    color: #0e2240;
    padding: 0px 0 30px;
    text-align: left;
    margin: 0 0 0px;
}

.morphsearch .column ul {
    padding: 0 0 0 0px;
    margin: 0 0 0px;
    text-align: left;
}

.morphsearch .column ul li {
    text-align: left;
    color: #0e2240;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px;
}

.morphsearch .column ul li:last-child {
    margin: 0px;
}

.morphsearch .column ul li a {
    text-align: left;
    text-decoration: none;
    font-size: 14px;
}

.morphsearch.open .column:first-child {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.morphsearch.open .column:nth-child(2) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
    border-right: 0px;
    padding-left: 10%;
}

.morphsearch.open .column:nth-child(2) ul li {
    margin: 0 0 20px;
}

.morphsearch.open .column {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.round {
    border-radius: 50%;
}


/* Overlay */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.morphsearch.open ~ .overlay {
    opacity: 1;
    z-index: 100;
}

@media screen and (max-width: 53.125em) {
    .morphsearch-input {
        padding: 0 25% 0 10px;
    }
    .morphsearch.open .morphsearch-input {
        font-size: 2em;
    }
    .morphsearch .column {
        float: none;
        width: auto;
        padding: 0 0 2em;
    }
    .morphsearch .column:nth-child(2) {
        margin: 0;
    }
    .morphsearch.open .morphsearch-submit {
        -webkit-transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);
        -ms-transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);
        transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);
    }
}

@media screen and (max-width: 60.625em) {
    .morphsearch {
        width: 80%;
        top: 10%;
        margin: 0 auto;
    }
}

.search #main {
    float: none;
    width: 80%;
    margin: 0 auto;
    clear: both;
    float: none;
}

.search #main h1 {
    padding-top: 50px;
}

.search #main .breadcrumb {
    padding-left: 0;
    padding-right: 0;
}

.search #main article {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;
}

.search #main article header {
    padding-top: 0;
    padding-bottom: 0px;
}

.search #main article section p {
    margin: 0 0 0px;
}

.search #main article .fullurl {
    display: none;
}

.search #main article .fullurl a {
    color: #9fa6b4;
    text-decoration: none;
    font-size: 14px;
    padding: 0;
    margin: 0 0 30px;
    display: block;
}

.search #main article .byline {
    font-size: 14px;
}

.search #main article .sbreadcrumbs {
    padding: 0px 0;
    margin: 0 0 20px;
    overflow: hidden;
    display: block;
}

.search #main article .sbreadcrumbs span {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0 0px 0 0;
    font-size: 14px;
    color: #9fa6b4;
}

.search #main article .sbreadcrumbs span a,
.search #main article .sbreadcrumbs span strong {
    font-weight: normal;
    padding: 0px;
    display: block;
    color: #9fa6b4;
    text-decoration: none;
}

.search #main article .sbreadcrumbs > span::after {
    content: '»';
    display: inline-block;
    float: right;
    margin: 0 5px 0 5px;
}

.search #main article .sbreadcrumbs > span:last-child::after {
    content: '';
}

@media only screen and (max-width: 500px) {
    .search #main {
        width: 100%;
        padding: 0 20px;
    }
    .search #main article section {
        display: none;
    }
}

.page-template-page-campustour #content {
    background-color: transparent;
    color: #0e2240;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    font-family: Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    /* helper class when showing content */
    /* Main content */
    /* Grid container */
    /* Overlay */
    /* Top bar above the grid */
    /* Menu button for toggling the sidebar (appears on small screen) */
    /* Grid item */
    /* Grid item "border" */
    /* grid item element and full content element styles */
    /* closing (delays) */
    /* opening */
    /* Placeholder element (dummy that gets animated when we click on an item) */
    /* main content */
    /* scroll helper wrap */
    /* single content item */
    /* content elements */
    /* close button (for content and sidebar) */
    /* show class for content close button */
    /* Viewport sizes based on column number and sidebar */
    /* 1 column */
    /* 2 columns */
    /* 3 columns */
    /* 4 columns */
    /* 5 columns */
    /* 6 columns */
    /* small screen changes for sidebar (it becomes an off-canvas menu) */
}

.page-template-page-campustour #content .wrap {
    overflow: hidden;
}

.page-template-page-campustour #content *,
.page-template-page-campustour #content *:after,
.page-template-page-campustour #content *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-template-page-campustour #content .clearfix:before,
.page-template-page-campustour #content .clearfix:after {
    display: table;
    content: '';
}

.page-template-page-campustour #content .clearfix:after {
    clear: both;
}

.page-template-page-campustour #content .noscroll {
    overflow: visible;
}

.page-template-page-campustour #content a {
    outline: none;
    color: #c30e2e;
    text-decoration: none;
}

.page-template-page-campustour #content a:hover,
.page-template-page-campustour #content a:focus {
    color: #333;
    outline: none;
}

.page-template-page-campustour #content button:focus {
    outline: none;
}

.page-template-page-campustour #content .main {
    position: relative;
    z-index: 50;
}

.page-template-page-campustour #content .grid {
    position: relative;
    overflow: hidden;
}

.page-template-page-campustour #content .grid::after {
    content: '';
    background: rgba(202, 202, 202, 0.4);
    opacity: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.page-template-page-campustour #content .view-single .grid::after {
    opacity: 1;
}

.page-template-page-campustour #content .top-bar {
    background: transparent;
    width: 100%;
    line-height: 1;
    padding: 15px 15px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-template-page-campustour #content .top-bar a {
    float: right;
    padding: 14px 30px;
    color: #fff;
    text-decoration: none;
    background-color: #d61d30;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 15px 0 15px auto;
}

.page-template-page-campustour #content .top-bar a:hover {
    background-color: #e22a3d;
}

@media screen and (max-width: 680px) {
    .page-template-page-campustour #content .top-bar a {
        width: 100%;
        margin: 30px auto;
        float: none;
    }
}

@media screen and (max-width: 680px) {
    .page-template-page-campustour #content .top-bar {
        display: block;
    }
}

.page-template-page-campustour #content .top-bar__headline {
    margin: 40px 0 40px;
    padding: 0;
    font-size: 36px;
    line-height: 44px;
    font-weight: bold;
}

.page-template-page-campustour #content .top-bar__headline span {
    font-weight: normal;
    font-size: 26px;
}

.page-template-page-campustour #content .menu-toggle {
    position: fixed;
    z-index: 100;
    display: block;
    width: 25px;
    height: 25px;
    top: 14px;
    left: 14px;
    cursor: pointer;
    background: none;
    border: none;
    display: none;
    margin: -2px 15px 0 0;
}

.page-template-page-campustour #content .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #c30e2e;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-template-page-campustour #content .menu-toggle span:before,
.page-template-page-campustour #content .menu-toggle span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c30e2e;
    content: '';
}

.page-template-page-campustour #content .menu-toggle span:before {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}

.page-template-page-campustour #content .menu-toggle span:after {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
}

.page-template-page-campustour #content .grid__item {
    padding: 45px 55px 30px;
    position: relative;
    color: inherit;
    min-height: 250px;
    height: 250px;
    cursor: pointer;
    text-align: center;
    display: block;
    float: left;
    z-index: 1;
    width: 100%;
}

.page-template-page-campustour #content .grid__item .gridbg {
    position: absolute;
    background-repeat: none;
    background-color: transparent;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-size: cover;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    opacity: .7;
}

.page-template-page-campustour #content .grid__item.bg {
    color: #ffffff;
}

.page-template-page-campustour #content .grid__item::before {
    position: absolute;
    background: #0e2240;
    content: '';
    top: 0px;
    right: 0;
    bottom: 0px;
    z-index: 1;
    left: 0;
    border-bottom: 1px solid #e3e3e3;
}

.page-template-page-campustour #content .grid__item * {
    z-index: 10;
}

.page-template-page-campustour #content .title {
    margin: 0;
    font-size: 1.875em;
    font-family: Helvetica, sans-serif;
    text-align: center;
    z-index: 15;
    position: relative;
}

.page-template-page-campustour #content .title--preview {
    display: block;
    width: 100%;
    color: inherit;
    text-shadow: 0px 1px 2px #000;
    font-weight: bold;
}

.page-template-page-campustour #content .loader {
    height: 1px;
    width: 40%;
    margin: 1em auto;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
}

.page-template-page-campustour #content .bg .loader {
    background: rgba(255, 255, 255, 0.8);
}

.page-template-page-campustour #content .loader::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #c30e2e;
    left: 0;
    top: -1px;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.page-template-page-campustour #content .grid__item--loading .loader::before {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.page-template-page-campustour #content .category {
    margin: 0;
    position: relative;
    font-size: 0.95em;
    font-style: italic;
    font-family: Helvetica, sans-serif;
    text-align: center;
    display: block;
    color: inherit;
}

.page-template-page-campustour #content .title--preview,
.page-template-page-campustour #content .loader,
.page-template-page-campustour #content .category {
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.page-template-page-campustour #content .title--preview {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.page-template-page-campustour #content .loader {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.page-template-page-campustour #content .grid__item .category {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.page-template-page-campustour #content .grid__item--animate .title--preview {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}

.page-template-page-campustour #content .grid__item--animate .loader {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

.page-template-page-campustour #content .grid__item--animate .category {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

.page-template-page-campustour #content .article-nav {
    display: block;
}

.page-template-page-campustour #content .article-nav button {
    border: none;
    color: #c30e2e;
    background: none;
}

.page-template-page-campustour #content .article-nav button:hover {
    color: #333;
}

.page-template-page-campustour #content .placeholder {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    background: transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.page-template-page-campustour #content .placeholder.placeholder--trans-in {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page-template-page-campustour #content .placeholder.placeholder--trans-out {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.page-template-page-campustour #content .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 0;
    /* Avoid second scroll bar in Chrome! */
    visibility: hidden;
    z-index: 400;
    overflow: visible;
}

.page-template-page-campustour #content .content.content--show {
    height: 100%;
    pointer-events: auto;
    visibility: visible;
}

.page-template-page-campustour #content .scroll-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
}

.page-template-page-campustour #content .content__item {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 0;
    opacity: 0;
    padding: 60px 60px 80px 60px;
    pointer-events: none;
    font-size: 0.85em;
}

.page-template-page-campustour #content .content__item img {
    max-width: 100%;
    float: right;
    /*margin: 0 0 15px 25px;*/
}

.page-template-page-campustour #content .content__item img.main-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 30px;
}

.page-template-page-campustour #content .content__item .content__item__inner {
    padding: 0 0 50px;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.37);
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 2px solid #0e2240;
    max-width: 700px;
}

.page-template-page-campustour #content .content__item .content__item__inner .gridwpcontent {
    padding: 0 30px;
    max-width: 500px;
    margin: 0 auto;
}

.page-template-page-campustour #content .content__item .content__item__inner .gridwpcontent p {
    margin: 30px auto;
    text-align: justify;
    font-size: 15px;
    color: #5c6b80;
    line-height: 20px;
}

.page-template-page-campustour #content .content__item.content__item--show {
    height: auto;
    min-height: 100%;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    background-color: rgba(245, 245, 245, 0.9);
}

.page-template-page-campustour #content .category--full {
    font-size: 16px;
    margin-bottom: 20px;
    display: none;
    color: #c30e2e;
}

.page-template-page-campustour #content .title--full {
    font-size: 28px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #d61d30;
}

.page-template-page-campustour #content .category--full,
.page-template-page-campustour #content .title--full,
.page-template-page-campustour #content .meta--full .meta__avatar,
.page-template-page-campustour #content .meta--full .meta__author,
.page-template-page-campustour #content .meta--full .meta__date,
.page-template-page-campustour #content .meta--full .meta__reading-time {
    opacity: 0;
}

.page-template-page-campustour #content .content__item p {
    opacity: 0;
}

.page-template-page-campustour #content .category--full,
.page-template-page-campustour #content .title--full {
    -webkit-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    padding: 40px 30px 0;
    max-width: 500px;
    margin: 0 auto;
}

.page-template-page-campustour #content .content__item--show .category--full,
.page-template-page-campustour #content .content__item--show .title--full,
.page-template-page-campustour #content .content__item--show .meta--full .meta__avatar,
.page-template-page-campustour #content .content__item--show .meta--full .meta__author,
.page-template-page-campustour #content .content__item--show .meta--full .meta__date,
.page-template-page-campustour #content .content__item--show .meta--full .meta__reading-time {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page-template-page-campustour #content .content__item--show .category--full,
.page-template-page-campustour #content .content__item--show .title--full {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.page-template-page-campustour #content .content__item--show .title--full {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.page-template-page-campustour #content .content__item--show .meta--full .meta__avatar {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.page-template-page-campustour #content .content__item--show .meta--full .meta__date {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}

.page-template-page-campustour #content .content__item--show .meta--full .meta__reading-time {
    -webkit-transition-delay: 0.34s;
    transition-delay: 0.34s;
}

.page-template-page-campustour #content .content__item--show.content__item p {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0.25s;
    transition: opacity 0.5s 0.25s;
}

.page-template-page-campustour #content .close-button {
    position: absolute;
    border: none;
    background: none;
    margin: 0;
    z-index: 100;
    top: 60px;
    right: 60px;
    background-color: #fff;
    width: 56px;
    height: 56px;
    font-size: 18px;
    color: #ddd;
    cursor: pointer;
    pointer-events: none;
    padding: 20px 0px;
    opacity: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.page-template-page-campustour #content .close-button span {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.page-template-page-campustour #content .close-button span::before,
.page-template-page-campustour #content .close-button span::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    border-radius: 3px;
    opacity: 1;
    background: #000;
}

.page-template-page-campustour #content .close-button span::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-template-page-campustour #content .close-button span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-template-page-campustour #content .close-button:hover {
    color: #7b7b7b;
}

.page-template-page-campustour #content .close-button--show {
    opacity: 1;
    pointer-events: auto;
}

@media screen and (min-width: 600px) {
    .page-template-page-campustour #content {
        /* Demo ad */
    }
    .page-template-page-campustour #content html,
    .page-template-page-campustour #content body,
    .page-template-page-campustour #content .container,
    .page-template-page-campustour #content .main {
        height: 100%;
    }
    .page-template-page-campustour #content .main {
        height: 100%;
    }
    .page-template-page-campustour #content .content__item {
        font-size: 1em;
    }
    .page-template-page-campustour #content .grid__item {
        padding: 45px 45px 30px;
    }
    .page-template-page-campustour #content body #cdawrap {
        right: auto;
        left: 30px;
        top: auto;
        bottom: 0;
        background: none;
        border: none;
        width: 240px;
        background: whitesmoke;
    }
    .page-template-page-campustour #content body #cdawrap .carbon-text {
        color: #7b7b7b;
    }
    .page-template-page-campustour #content body #cdawrap a.carbon-poweredby {
        color: #7883C4;
    }
    .page-template-page-campustour #content body #cdawrap a:hover.carbon-poweredby {
        color: #333;
    }
    .page-template-page-campustour #content body #cdawrap #cda-remove {
        display: none;
    }
}

@media screen and (min-width: 900px) {
    .page-template-page-campustour #content {
        /* 2 columns */
    }
    .page-template-page-campustour #content .grid {
        display: block;
    }
    .page-template-page-campustour #content .grid__item {
        width: 50%;
        border: none;
    }
    .page-template-page-campustour #content .grid__item::before {
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        border: 1px solid #e3e3e3;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .page-template-page-campustour #content .grid__item--loading.grid__item::before {
        opacity: 0;
    }
}

@media screen and (min-width: 1200px) {
    .page-template-page-campustour #content {
        /* 3 columns */
    }
    .page-template-page-campustour #content .grid__item {
        width: 33.333%;
    }
}

@media screen and (max-width: 599px) {
    .page-template-page-campustour #content .sidebar {
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
    }
    .page-template-page-campustour #content .sidebar.sidebar--open {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .page-template-page-campustour #content .sidebar.sidebar--open ~ .main {
        pointer-events: none;
    }
    .page-template-page-campustour #content .top-bar {
        padding: 22px 0px 10px;
    }
    .page-template-page-campustour #content .menu-toggle {
        display: inline-block;
    }
    .page-template-page-campustour #content .sidebar .close-button {
        opacity: 1;
        pointer-events: auto;
    }
    .page-template-page-campustour #content .title--full {
        font-size: 2em;
    }
    .page-template-page-campustour #content .content__item {
        padding: 20px;
    }
    .page-template-page-campustour #content .content__item .content__item__inner {
        padding: 70px 20px 30px;
    }
    .page-template-page-campustour #content .content__item .content__item__inner p {
        max-width: 100%;
    }
    .page-template-page-campustour #content .content .close-button {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

@media screen and (max-height: 580px) {
    .page-template-page-campustour #content body #cdawrap {
        display: none;
    }
}

div.ctslider {
    overflow: hidden;
    position: relative;
    border-bottom: 4px solid #0e2240;
}

div.ctslider img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    height: auto;
    float: none;
}

div.ctslider ul.ctimages {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

div.ctslider ul.ctimages li {
    display: none;
    width: 100%;
}

div.ctslider ul.ctimages li.active {
    display: block;
}

div.ctslider .progressdots {
    display: inline-block;
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    bottom: 15px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

div.ctslider .progressdots li {
    text-align: center;
    list-style: none;
    width: 6px;
    height: 6px;
    margin: 0 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffffff;
}

div.ctslider .progressdots li.active {
    background-color: #c30e2e;
}

div.ctslider .control {
    position: absolute;
    height: 100%;
    top: 0;
    width: 12%;
    background-color: transparent;
    z-index: 5;
    cursor: pointer;
    -webkit-background-size: 20px 36px;
    background-size: 20px 36px;
    background-repeat: no-repeat;
    background-position: center center;
}

div.ctslider .control.ctnext {
    right: 0px;
    background-image: url("../images/ct_slider_next@2x.png");
}

div.ctslider .control.ctprev {
    left: 0px;
    background-image: url("../images/ct_slider_previous@2x.png");
}

.page-template-page-events h1.page-title {
    font-size: 22px;
    line-height: 22px;
}

.page-template-page-events #main .event-list > h2 {
    background-color: #fcfcfc;
    padding: 15px 30px;
    margin: 0;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.page-template-page-events #main .event-list-view {
    background-color: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    z-index: 2;
    position: relative;
}

.page-template-page-events #main .event-list-view .event {
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f2f2f2;
}

.page-template-page-events #main .event-list-view .event .event-date {
    float: left;
    margin: 0px 15px 0 0;
}

.page-template-page-events #main .event-list-view .event .event-date .event-day {
    /*float: left; */
    font-size: 22px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px 0 0;
    margin: 0 15px 0 0;
}

.page-template-page-events #main .event-list-view .event .event-date .event-month {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    float: left; 
    clear: left;
    padding: 0px 0 0;
    margin: 0;
    text-transform: uppercase;
}

.page-template-page-events #main .event-list-view .event .event-date .event-weekday {
    display: none;
}

.page-template-page-events #main .event-list-view .event .event-date .event-year {
   display: none;    
}

.page-template-page-events #main .event-list-view .event .event-date.multi-date {
    padding-right: 10px;
    margin-left: -10px;
}

.page-template-page-events #main .event-list-view .event .event-date.multi-date .start-date,
.page-template-page-events #main .event-list-view .event .event-date.multi-date .end-date {
    line-height: 14px;
}

.page-template-page-events #main .event-list-view .event .event-date.multi-date .event-day {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 0 0;
    margin: 0 4px 0 0;
    float: none;
}

.page-template-page-events #main .event-list-view .event .event-date.multi-date .event-month {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    padding: 0px 0 0;
    margin: 0;
    float: none;
    clear: none;
    text-transform: uppercase;
}

.page-template-page-events #main .event-list-view .event .event-date.multi-date .end-date::before {
    display: block;
    content: '-';
    text-align: center;
    height: 5px;
    padding: 0 0 8px;
    margin: 0;
}

.page-template-page-events #main .event-list-view .event .event-info {
    display: block;
}

.page-template-page-events #main .event-list-view .event .event-info .event-title h3 {
    font-size: 17px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    height: 45px;
}

.page-template-page-events #main .event-list-view .event .event-info .event-location {
    display: none;
}

.page-template-page-events #main .event-list-view .event .event-info .event-details {
    display: none;
}

.page-template-page-events #main .event-list-view .event .event-info .event-time {
    display: none;
}

.page-template-page-events #main .event-list-view .event:hover h3 {
    color: #d61d30;
}

.page-template-page-events #main .single-event-view {
    padding: 30px;
    margin: 0;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.page-template-page-events #main .single-event-view .event-date {
    padding: 0px 0;
    margin: 0 0 10px;
    overflow: hidden;
}

.page-template-page-events #main .single-event-view .event-date > div {
    overflow: hidden;
    display: block;
    float: left;
    clear: left;
    padding: 8px 12px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin: 0 0 5px 0;
}

.page-template-page-events #main .single-event-view .event-date > div div {
    float: left;
    margin: 0 5px 0 0;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}

.page-template-page-events #main .single-event-view .event-date .event-weekday {
    display: none;
}

.page-template-page-events #main .single-event-view .event-date.multi-date .end-date::before,
.page-template-page-events #main .single-event-view .event-date.multi-date .start-date::before {
    margin: 0 5px 0 0;
    padding: 5px 0 0;
    float: left;
    font-size: 11px;
    font-style: italic;
    text-transform: none;
    font-weight: normal;
}

.page-template-page-events #main .single-event-view .event-date.multi-date .start-date::before {
    content: 'Start: ';
}

.page-template-page-events #main .single-event-view .event-date.multi-date .end-date::before {
    content: 'End: ';
}

.page-template-page-events #main .single-event-view .event-info {
    display: block;
    clear: both;
}

.page-template-page-events #main .single-event-view .event-info .event-title {
    display: block;
}

.page-template-page-events #main .single-event-view .event-info .event-title h3 {
    font-size: 36px;
    line-height: 42px;
    padding: 0;
    margin: 0 0 20px;
    font-weight: bold;
}

.page-template-page-events #main .single-event-view .event-info .event-location {
    margin-bottom: 10px;
    display: block;
    font-style: italic;
    font-size: 18px;
}

.page-template-page-events #main .single-event-view .event-info .event-time {
    margin-bottom: 10px;
    display: block;
    font-style: italic;
    font-size: 18px;
}

.page-template-page-events #main .single-event-view .event-info .event-details {
    padding: 0 0px;
    /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}

.page-template-page-events #main .single-event-view .event-info .event-details h1,
.page-template-page-events #main .single-event-view .event-info .event-details h2,
.page-template-page-events #main .single-event-view .event-info .event-details h3 {
    margin: 0 0 30px;
    font-weight: bold;
    color: #0e2240;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.page-template-page-events #main .single-event-view .event-info .event-details p {
    margin: 0 0 30px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul,
.page-template-page-events #main .single-event-view .event-info .event-details ol,
.page-template-page-events #main .single-event-view .event-info .event-details table,
.page-template-page-events #main .single-event-view .event-info .event-details dl {
    margin: 0 0 30px;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul {
    list-style: disc outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul li {
    list-style: disc outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul li img {
    display: inline-block;
    margin: 0 0 0 10px;
}

.page-template-page-events #main .single-event-view .event-info .event-details ol {
    list-style: decimal outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ol li {
    list-style: decimal outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul,
.page-template-page-events #main .single-event-view .event-info .event-details ol {
    padding-left: 20px;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul li,
.page-template-page-events #main .single-event-view .event-info .event-details ol li {
    margin: 0 0 6px;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul li ul,
.page-template-page-events #main .single-event-view .event-info .event-details ul li ol,
.page-template-page-events #main .single-event-view .event-info .event-details ol li ul,
.page-template-page-events #main .single-event-view .event-info .event-details ol li ol {
    padding-left: 40px;
    margin: 0;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul li ul li,
.page-template-page-events #main .single-event-view .event-info .event-details ol li ul li {
    list-style: circle outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul li ol li ul li,
.page-template-page-events #main .single-event-view .event-info .event-details ul li ol li ol li,
.page-template-page-events #main .single-event-view .event-info .event-details ol li ol li ul li,
.page-template-page-events #main .single-event-view .event-info .event-details ol li ol li ol li {
    list-style: circle outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul.mce-list-alpha,
.page-template-page-events #main .single-event-view .event-info .event-details ol.mce-list-alpha {
    list-style: lower-alpha outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details ul.mce-list-alpha > li,
.page-template-page-events #main .single-event-view .event-info .event-details ol.mce-list-alpha > li {
    list-style: lower-alpha outside;
}

.page-template-page-events #main .single-event-view .event-info .event-details table {
    width: 100%;
    border: 1px solid #eaedf2;
    margin-bottom: 1.5em;
}

.page-template-page-events #main .single-event-view .event-info .event-details table caption {
    margin: 0 0 7px;
    font-size: 1em;
    font-weight: bold;
    color: #0e2240;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
}

.page-template-page-events #main .single-event-view .event-info .event-details tr {
    border-bottom: 1px solid #eaedf2;
}

.page-template-page-events #main .single-event-view .event-info .event-details tr:nth-child(even) {
    background-color: #f8f9fa;
}

.page-template-page-events #main .single-event-view .event-info .event-details td {
    padding: 7px;
    border-right: 1px solid #eaedf2;
}

.page-template-page-events #main .single-event-view .event-info .event-details td:last-child {
    border-right: 0;
}

.page-template-page-events #main .single-event-view .event-info .event-details th {
    background-color: #ffffff;
    border-bottom: 1px solid #eaedf2;
    border-right: 1px solid #eaedf2;
    text-align: left;
    padding: 7px;
}

.page-template-page-events #main .single-event-view .event-info .event-details th:last-child {
    border-right: 0;
}

.page-template-page-events #main .single-event-view .event-info .event-details table.mce-table-no-style {
    background-color: transparent !important;
    border: none !important;
}

.page-template-page-events #main .single-event-view .event-info .event-details table.mce-table-no-style tr {
    background-color: transparent !important;
    border: none !important;
}

.page-template-page-events #main .single-event-view .event-info .event-details table.mce-table-no-style tr td {
    background-color: transparent !important;
    border: none !important;
}

.page-template-page-events #main .single-event-view .event-info .event-details blockquote {
    margin-left: 25px;
    width: 100%;
    padding: 20px 5px 1px 25px;
    border-left: 3px solid #002244;
    background-color: #fff;
    color: #9fa6b4;
    font-style: italic;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.callout-box-large,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-callout-box-large {
    float:right;
    width: 50%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 5%;
    font-size: 0.9em;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.callout-box-large:nth-child(even),
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-callout-box-large:nth-child(even) {
    margin-right: 0px;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.callout-box-large:nth-child(odd),
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-callout-box-large:nth-child(odd) {
    clear: both;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.callout-box-small,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-callout-box-small {
    float: right;
    width: 30%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 5% 30px 5%;
    font-size: 0.9em;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.callout-box-small:nth-child(3n),
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-callout-box-small:nth-child(3n) {
    margin-right: 0px;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.callout-box-small:nth-child(3n+1),
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-callout-box-small:nth-child(3n+1) {
    clear: both;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.spotlight-right,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-spotlight-right {
    float: right;
    width: 40%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 5%;
    font-size: 0.9em;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.spotlight-left,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-spotlight-left {
    width: 50%;
    background-color: #fff;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin: 0 0 30px 0;
}


.page-template-page-events #main .single-event-view .event-info .event-details div.video-container,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    margin-bottom: 25px;
    height: 0 auto;
    overflow: hidden;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.video-container iframe,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template-page-events #main .single-event-view .event-info .event-details div.red-line,
.page-template-page-events #main .single-event-view .event-info .event-details div.mce-red-line {
    width: 100%;
    border-bottom: 2px solid #b71234;
    margin: 0px 0px 50px 0px;
}

.page-template-page-events #main .single-event-view .event-info .event-details .special-note,
.page-template-page-events #main .single-event-view .event-info .event-details .mce-special-note {
    font-weight: bold;
    color: #8b0f28;
}

.page-template-page-events #main .single-event-view .event-info .event-details .content-title,
.page-template-page-events #main .single-event-view .event-info .event-details .mce-content-title {
    font-weight: bold;
    font-family: Cambria, serif;
  	color: #b71234;
    font-size: 1.1em;
    line-height: 1.6em;
    letter-spacing: 2px;
}

.page-template-page-events #main .single-event-view .event-info .event-details .content-subtitle,
.page-template-page-events #main .single-event-view .event-info .event-details .mce-content-subtitle {
    font-weight: bold;
    font-family: Cambria, serif;
  	color: #002244;
    font-size: 1.0em;
    line-height: 1.4em;
    letter-spacing: 1px;
}

.page-template-page-events #main .single-event-view .event-info .event-details .mce-inline-image {
    display: inline-block;
    margin: 0 5px;
}

.page-template-page-events #main .single-event-view .event-info .event-details dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em;
}

.page-template-page-events #main .single-event-view .event-info .event-details img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto;
}

.page-template-page-events #main .single-event-view .event-info .event-details .alignleft,
.page-template-page-events #main .single-event-view .event-info .event-details img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.page-template-page-events #main .single-event-view .event-info .event-details .alignright,
.page-template-page-events #main .single-event-view .event-info .event-details img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.page-template-page-events #main .single-event-view .event-info .event-details .aligncenter,
.page-template-page-events #main .single-event-view .event-info .event-details img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.page-template-page-events #main .single-event-view .event-info .event-details .size-auto,
.page-template-page-events #main .single-event-view .event-info .event-details .size-full,
.page-template-page-events #main .single-event-view .event-info .event-details .size-large,
.page-template-page-events #main .single-event-view .event-info .event-details .size-medium,
.page-template-page-events #main .single-event-view .event-info .event-details .size-thumbnail {
    max-width: 100%;
    height: auto;
}

.page-template-page-events #main .single-event-view .event-info .event-details pre {
    background: #323944;
    color: #f8f9fa;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px;
}

.page-template-page-events #main .filterbar {
    z-index: 1;
    position: relative;
}

.page-template-page-events #main .filterbar ul {
    overflow: visible;
    padding: 0;
    margin: 0;
    z-index: 1;
}

.page-template-page-events #main .filterbar ul li {
    display: inline-block;
}

.page-template-page-events #main .filterbar ul li a,
.page-template-page-events #main .filterbar ul li strong {
    padding: 15px 20px;
    display: block;
}

.page-template-page-events #main .filterbar ul li a {
    background-color: transparent;
    border: 1px solid #f2f2f2;
}

.page-template-page-events #main .filterbar ul li strong {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    border-bottom: 1px solid #ffffff;
}

.page-template-page-events #main > a {
    float: right;
    padding: 14px 25px;
    color: #d61d30;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 20px 0 5px 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.page-template-page-events #main > a:hover {
    background-color: #f2f2f2;
}

.socialfeed-teaser {
    background-color: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    margin: 60px 0 40px;
    position: relative;
}

.socialfeed-teaser > div {
    overflow: hidden;
}

.socialfeed-teaser > div > h3 {
    font-size: 44px;
    line-height: 44px;
    color: #0e2240;
    margin: 0;
    padding: 35px 25px;
    float: left;
    font-weight: 100;
    display: inline-block;
    margin-right: 15px;
}

@media only screen and (max-width: 950px) {
    .socialfeed-teaser > div > h3 {
        font-size: 38px;
        padding: 37px 25px;
    }
}

@media only screen and (max-width: 400px) {
    .socialfeed-teaser > div > h3 {
        font-size: 30px;
        padding: 40px 25px;
    }
}

.socialfeed-teaser > div ul.juicer-feed {
    float: left;
    max-height: 120px;
    max-width: 54%;
}

.socialfeed-teaser > div ul.juicer-feed button {
    z-index: -100;
}

@media only screen and (max-width: 800px) {
    .socialfeed-teaser > div ul.juicer-feed {
        display: none;
    }
}

.socialfeed-teaser > div ul.juicer-feed div {
    height: 120px !important;
}

.socialfeed-teaser > div ul.juicer-feed li {
    height: 120px !important;
    background-color: #000000;
}

.socialfeed-teaser > div ul.juicer-feed li a {
    height: 120px !important;
    background-color: #000000;
}

.socialfeed-teaser > div ul.juicer-feed li a img {
    height: 120px !important;
}

.socialfeed-teaser > div > a {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-background-size: 30px 60px;
    background-size: 30px 60px;
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-color: transparent;
    background-image: url("../images/social-arrow@2x.jpg");
    display: block;
}

.page-template-page-socialfeed .social-stream {
    padding: 50px 20px;
}

.page-template-page-socialfeed .social-stream h2.feed-title {
    font-size: 60px;
    line-height: 60px;
    color: #0e2240;
    margin: 0;
    padding: 20px 0 0px;
}

.page-template-page-socialfeed .social-stream p.description {
    padding: 0;
    margin: 0 0 25px;
}

.page-template-page-socialfeed .social-stream > div {
    margin-bottom: 60px;
}

.page-template-page-socialfeed .social-stream > div ul.j-filters {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .page-template-page-socialfeed .social-stream > div ul.j-filters {
        display: block;
    }
}

.page-template-page-socialfeed .social-stream > div ul.j-filters li {
    display: table-cell;
}

@media only screen and (max-width: 600px) {
    .page-template-page-socialfeed .social-stream > div ul.j-filters li {
        display: block;
        width: 100%;
    }
}

.page-template-page-socialfeed .social-stream > div:first-child > ul {
    padding: 40px;
    background-color: #ffffff;
    margin: 0;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.page-template-page-socialfeed .social-stream > div:last-child ul.juicer-feed {
    position: relative;
}


/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/

@media only screen and (min-width: 481px) {
    /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
    /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
    /*********************
  NAVIGATION STYLES
  *********************/
    /* .menu is clearfixed inside mixins.scss */
    .menu {
        /* end .menu ul */
    }
    .menu ul {
        /* end .menu ul li */
        /* highlight current page */
        /* end current highlighters */
    }
    .menu ul li {
        /*
    plan your menus and drop-downs wisely.
    */
    }
    .menu ul li a {
        /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
    }
    /* end .menu */
    /*********************
  POSTS & CONTENT STYLES
  *********************/
    /* entry content */
    .entry-content {
        /* at this larger size, we can start to align images */
    }
    .entry-content .alignleft,
    .entry-content img.alignleft {
        margin-right: 1.5em;
        display: inline;
        float: left;
    }
    .entry-content .alignright,
    .entry-content img.alignright {
        margin-left: 1.5em;
        display: inline;
        float: right;
    }
    .entry-content .aligncenter,
    .entry-content img.aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both;
    }
    /* end .entry-content */
    /*********************
  FOOTER STYLES
  *********************/
    /*
  check your menus here. do they look good?
  do they need tweaking?
  */
    /* end .footer-links */
}


/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .header {
        padding: 30px 0;
        height: auto;
    }
    .header #inner-header a.logo {
        max-width: 25%;
    }
    .header #inner-header a.logo img {
        height: auto;
        max-height: none;
    }
    .page #main {
        width: 90%;
        margin: 0 auto;
        float: none;
        padding: 20px;
    }
    .breadcrumb {
        width: 90%;
        margin: 0 auto;
        float: none;
        padding: 0 20px;
    }
    .entry-content img {
        max-width: 50% !important;
        height: auto !important;
    }
    .entry-content img.alignright {
        float: right;
        margin: 0 0 20px 20px;
    }
    .entry-content img.alignleft {
        float: left;
        margin: 0 20px 20px 0;
    }
    .hero {
        background-image: none !important;
        background-position: 200% 200% !important;
        background-repeat: no-repeat !important;
    }
    .hero .hero-inner {
        padding: 5px 40px !important;
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .hero .hero-inner h3,
    .hero .hero-inner .quicklinks {
        display: none;
    }
    div#content {
        padding-bottom: 10px;
    }
    nav,
    .nav-standard {
        display: none;
    }
    .eyebrow,
    .footer-search {
        display: none;
    }
    .next-steps {
        display: none;
    }
    .footer div.inner-footer {
        padding: 20px 20px 20px;
    }
    .footer .columns {
        display: none;
    }
    .footer .end {
        display: none;
    }
    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
        display: none;
    }
}


/*********************
Map Page Fix
*********************/

​ ​
/* Breadcrumbs removal */

.page-id-14095 .no-sidebar.breadcrumb,
.page-id-14095 .breadcrumb,
.page-id-14095 #breadcrumbs {
    display: none;
}

#post-14095 {
    background: #fff;
    padding: 20px 14px
}

@media only screen and (max-width: 700px) {
    #post-14095 {
        padding: 0 0;
        background: none;
    }
}

.prettyMapList .prettyFileBar {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    border-bottom: none !important
}

@media only screen and (max-width: 700px) {
    .prettyMapList .prettyFileBar {
        padding: 0px;
    }
}

.prettyMapList.above.cf {
    position: relative !important;
    padding-top: 60px
}

@media only screen and (max-width: 700px) {
    .prettyMapList.above.cf {
        padding-top: 80px
    }
}

#Map-List-Search > input {
    width: 100% !important
}

#Map-List-Search input[type="text"] {
    max-width: 70% !important
}

@media only screen and (min-width: 519px) AND (max-width: 980px) {
    #Map-List-Search input[type="text"] {
        max-width: 50% !important
    }
}

@media only screen and (min-width: 980px) {
    #Map-List-Search input[type="text"] {
        max-width: 67% !important
    }
}

#Map-List-Search > a {
    padding: 13px 20px;
    float: right;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (max-width: 370px) {
    #Map-List-Search > a {
        padding: 10px 13px;
        line-height: 1.6
    }
}

@media only screen and (min-width: 700px) {
    .prettyMapList .mapHolder {
        height: 550px !important
    }
    .page-id-14095 .page #main.no-sidebar {
        width: 100%
    }
    .page-id-14095 .page .hero.no-sidebar .hero-inner {
        width: 100%;
        max-width: 1004px;
    }
}

.prettyMapList H3 {
    margin: 0
}