@import url("//hello.myfonts.net/count/3e8521");
@font-face {
    font-family: "proxima-nova-condensed";
    src: url('../fonts/ProximaNovaCondRegular/font.woff2') format('woff2'), url('../fonts/ProximaNovaCondRegular/font.woff') format('woff');
}
@font-face {
    font-family: "proxima-nova";
    src: url('../fonts/ProximaNovaRegular/font.woff2') format('woff2'), url('../fonts/ProximaNovaRegular/font.woff') format('woff');
}
html, body, #page {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 1.6rem;
    line-height: 24px;
    color: #333333;
    background-color: #ffffff;
}

p {
    margin: 0 0 1.2em;
}

div {
    outline: none;
}

.upper-wrapper {
    height: auto;
    min-height: 100%;
}

.node-type-landing-page #header {
    background: rgba(0, 76, 151, 0.85);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#header {
    background-color: #004c97;
    padding-bottom: 20px;
    padding-right: 25px;
    padding-top: 25px;
    z-index: 12;
    -webkit-box-shadow: 1px -1px 17px -6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 1px -1px 17px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 1px -1px 17px -6px rgba(0, 0, 0, 0.6);
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    height: 79px;
}
#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
article, aside, details, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

.sidebar-menu-block ul.menu {
    margin: 0;
    padding-left: 0;
}

.sidebar-menu-block ul.menu li {
    border-top: 1px solid #ffffff;
    float: none;
    overflow: hidden;
}

.sidebar-menu-block .menu-block-wrapper > ul.menu > li > a {
    border-left: 4px solid #abcae9;
    background: #eee;
    background: -webkit-linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background: -o-linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background: -moz-linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background: linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all 0.5s ease;
}

.sidebar-menu-block ul.menu a {
    color: #004c97;
    display: block;
    font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.2em;
    padding: 12px 11px;
}

.sidebar-menu-block .menu-block-wrapper > ul.menu > li.active > a {
    background: #004c97;
    background-position: 100% center;
    border-left-color: #004c97;
    color: #ffffff;
}

#block-views-social-media-links-block .social-media-list ul {
    width: 100%;
    display: table;
    table-layout: auto;
}

#block-views-social-media-links-block .social-media-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

#block-views-social-media-links-block .social-media-list ul li {
    width: 25%;
}

#block-views-social-media-links-block .social-media-list ul li {
    display: table-cell;
}

#block-views-social-media-links-block .social-media-list .social-media-feed-facebook a {
    background: #3c569a;
}

#block-views-social-media-links-block .social-media-list .social-media-feed-facebook a:after {
    content: "\f09a";
    font-family: 'FontAwesome';
}

#block-views-social-media-links-block .social-media-list .social-media-feed-twitter a {
    background: #1c9ef4;
}

#block-views-social-media-links-block .social-media-list .social-media-feed-twitter a:after {
    content: "\f099";
    font-family: 'FontAwesome';
}

#block-views-social-media-links-block .social-media-list .social-media-feed-instagram a {
    background: #97715a;
}

#block-views-social-media-links-block .social-media-list .social-media-feed-instagram a:after {
    content: "\f16d";
    font-family: 'FontAwesome';
}

#block-views-social-media-links-block .social-media-list .social-media-feed-youtube a {
    background: #c3181e;
}

#block-views-social-media-links-block .social-media-list .social-media-feed-youtube a:after {
    content: "\f166";
    font-family: 'FontAwesome';
}

#block-views-social-media-links-block .social-media-list span a:after {
    color: #fff;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.9rem;
    line-height: 1.9;
}

#block-views-social-media-links-block .social-media-list ul li span a {
    width: 100%;
}

#block-views-social-media-links-block .social-media-list span a {
    background: #ccc;
    display: block;
    height: 32px;
    text-align: center;
    width: 32px;
    font-size: 0;
}


/* slide menu */
.slide-in-nav-menu-block, .block-slide-menu {
    position: static;
    font-size: 0;
    box-sizing: border-box;
}

.navigation-slide-menu-block .slide-in-nav-menu, .navigation-slide-menu-block .slide-in-nav-search-menu {
    background-color: #004c97;
    overflow: scroll;
    z-index: 10000;
}

.slide-in-nav-menu.active, .slide-in-nav-search-menu.active {
    /* bottom: 0; */
    -moz-transform: translateX(-43.3rem);
    -ms-transform: translateX(-43.3rem);
    -webkit-transform: translateX(-43.3rem);
    transform: translateX(-43.3rem);
}

.slide-in-nav-menu, .slide-in-nav-search-menu {
    background: #333;
    bottom: 0;
    font-size: 1rem;
    max-width: 90%;
    min-width: 320px;
    padding: 25px;
    position: fixed;
    right: -43.3rem;
    top: 0;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    z-index: 500;
}

.-slide-in-nav-menu-block,
.block-slide-menu {
    position: static;
    font-size: 0;
    box-sizing: border-box;
}

.slide-in-nav-menu,
.slide-in-nav-search-menu {
    background: #333;
    bottom: 0;
    font-size: 1rem;
    max-width: 90%;
    min-width: 320px;
    padding: 25px;
    position: fixed;
    right: -43.3rem;
    top: 0;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    z-index: 500;
}

.slide-in-nav-menu.closed,
.slide-in-nav-search-menu.closed {
    bottom: auto;
}

.slide-in-nav-menu.active,
.slide-in-nav-search-menu.active {
    /*   bottom: 0; */
    -moz-transform: translateX(-43.3rem);
    -ms-transform: translateX(-43.3rem);
    -webkit-transform: translateX(-43.3rem);
    transform: translateX(-43.3rem);

}

.slide-menu-close {
    margin-bottom: 4rem;
}

.slide-menu-close-button {
    position: relative;
    display: block;
    float: right;
    height: 18px;
    margin-right: 1rem;
    width: 18px;
}

.slide-menu-close-button::before,
.slide-menu-close-button::after {
    width: 24px;
    height: 2px;
    display: block;
    background: #fff;
    top: 8px;
    left: -3px;
    content: '';
    position: absolute;
}

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

.slide-menu-close-button::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

.slide-in-nav-menu.active + .kslide-menu-overlay,
.slide-in-nav-search-menu.active + .slide-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: block;
}

.slide-menu-overlay {
    display: none;
}

.slide-nav-menu a {
    color: #000;
}

form .form-item label {
    color: #4a4a4a;
    font-family: 'open_sansbold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 0.4rem;
    line-height: 1.2em;
    padding: 0.7rem 0;
}

form .form-item label {
    display: block;
    font-weight: bold;
}

.container-inline div, .container-inline label {
    display: inline;
}

.container-inline div, .container-inline label {
    display: inline;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

/* This effects a lot of Custom CGIs, uncommenting to fix them
label {
    display: block;
    font-weight: bold;
}
*/
.navigation-slide-menu-block .slide-in-nav-menu form .form-text, .navigation-slide-menu-block .slide-in-nav-search-menu form .form-text {
    background: #003178;
    border: 0;
    font-size: 2rem;
    height: 50px;
    margin: 0;
    margin-right: -0.4rem;
    width: 84%;
    color: #ffffff;
}

.navigation-slide-menu-block .slide-in-nav-menu .form-submit, .navigation-slide-menu-block .slide-in-nav-search-menu .form-submit {
    background: #003178 url('../images/search-mobile.png') center no-repeat;
    border: 0;
    border-radius: 0;
    color: transparent;
    height: 50px;
    padding: 0;
    width: 50px;
}

.slide-in-nav-menu-block ul.menu li,
.slide-in-nav-search-menu ul.menu li {
    display: block;
    float: none;
}

.slide-in-nav-menu-block ul.menu li a,
.slide-in-nav-search-menu ul.menu li a {
    color: #ffffff;
}

.slide-in-nav-menu-block ul.menu li.mainmenu-slidenav {
    display: none;
}

@media (max-width: 725px) {
    .slide-in-nav-menu-block ul.menu li.mainmenu-slidenav {
        display: inline-block;
    }
}

.slide-in-nav-search-menu .block-menu-block .block-title {
    border-bottom: 1px solid #000;
    color: #fff;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 2rem;
    padding-bottom: 1.4rem;
}

.slide-in-nav-search-menu .block-menu-block ul.menu {
    border-bottom: none;
    padding-left: 0;
}

.slide-in-nav-search-menu .block-menu-block ul.menu li {
    border-bottom: 1px solid #000;
    padding-bottom: 1.4rem;
}

.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded, .navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded {
    border-top: 1px solid #000;
    padding: 2rem;
}

.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded, .navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded {
    border-top: 1px solid #000;
    padding: 2rem;
}

.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li, .navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li {
    font-size: 2rem;
    margin-bottom: 1rem;
    padding-left: 2rem;
}

/*Font Awesome 4.6.3*/
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 4em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
.fa-ul > li {
    position: relative;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

/*fonts/stylesheet.css*/
@font-face {
    font-family: open_sansbold;
    src: url(../fonts/opensans-bold-webfont.eot);
    src: url(../fonts/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-bold-webfont.woff2) format('woff2'), url(../fonts/opensans-bold-webfont.woff) format('woff'), url(../fonts/opensans-bold-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: open_sanssemibold;
    src: url(../fonts/opensans-semibold-webfont.eot);
    src: url(../fonts/opensans-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-semibold-webfont.woff2) format('woff2'), url(../fonts/opensans-semibold-webfont.woff) format('woff'), url(../fonts/opensans-semibold-webfont.ttf) format('truetype'), url(../fonts/opensans-semibold-webfont.svg#open_sanssemibold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: open_sansregular;
    src: url(../fonts/opensans-regular-webfont.eot);
    src: url(../fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-regular-webfont.woff2) format('woff2'), url(../fonts/opensans-regular-webfont.woff) format('woff'), url(../fonts/opensans-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: open_sanslight;
    src: url(../fonts/OpenSans-Light-webfont.eot);
    src: url(../fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Light-webfont.woff) format('woff'), url(../fonts/OpenSans-Light-webfont.ttf) format('truetype'), url(../fonts/OpenSans-Light-webfont.svg#open_sanslight) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: open_sans_condensedbold;
    src: url(../fonts/opensans-condbold-webfont.eot);
    src: url(../fonts/opensans-condbold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-condbold-webfont.woff2) format('woff2'), url(../fonts/opensans-condbold-webfont.woff) format('woff'), url(../fonts/opensans-condbold-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: open_sanscondensed_light;
    src: url(../fonts/OpenSans-CondLight-webfont.eot);
    src: url(../fonts/OpenSans-CondLight-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-CondLight-webfont.woff) format('woff'), url(../fonts/OpenSans-CondLight-webfont.ttf) format('truetype'), url(../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light) format('svg');
    font-weight: 400;
    font-style: normal;
}

/*normalize.lessgen.css*/
img, legend {
    border: 0;
}


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

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background: 0 0;
}

a:focus {
    outline: dotted thin;
}

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

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

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

mark {
    background: #ff0;
    color: #000;
}

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

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

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

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

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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


.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.lt-ie7 .clearfix {
    height: 1%;
}

.lt-ie8 .clearfix {
    min-height: 1%;
    zoom: 1;
}

.container-inline div, .container-inline label {
    display: inline;
}

.container-inline-block > * {
    width: auto;
    padding-right: 2%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 0;
}

.lt-ie8 .container-inline-block > * {
    display: inline;
}

.lt-ie8 .container-inline-block > * {
    display: inline;
}

p {
    margin: 0 0 1.2em;
}

form .form-item {
    margin: 1.5em 0;
}

form .form-item label {
    display: block;
    font-weight: bold;
}

form .form-required {
    color: #c00;
}

form .form-radios .form-item, form .form-checkboxes .form-item {
    margin: 0;
}

form input:-moz-placeholder, form textarea:-moz-placeholder {
    color: #999999;
}

form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    color: #999999;
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    color: #999999;
}

a {
    color: #005794;
    text-decoration: none;
}

a.active, a:link, a:visited {
    color: #005794;
    text-decoration: none;
}

a:focus, a:active {
    outline: none;
}

a:hover, a:focus {
    color: #005794;
    text-decoration: none;
}

ul li.expanded {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
    list-style-type: circle;
}

ul li.leaf {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
    list-style-type: square;
}

ul.inline li {
    list-style-type: none;
    list-style-image: none;
    display: inline;
    padding: 0 1em 0 0;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
}

.breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-menu li a {
    color: #005794;
}

.sf-menu li a:hover, .sf-menu li.active-trail a {
    color: #005794;
}

table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

#header:after, #main:after, #header:before, #main:before {
    content: "";
    display: table;
}

#header:after, #main:after {
    clear: both;
}

.lt-ie8 #header, .lt-ie8 #main {
    position: relative;
    zoom: 1;
}

.sidebar-first #content {
    float: left;
    width: 80%;
    margin-left: 20%;
    margin-right: -100%;
}

.sidebar-first .region-sidebar-first {
    float: left;
    width: 20%;
    margin-left: 0;
    margin-right: -20%;
}


@media (min-width: 768px) and (max-width: 959px) {

    .sidebar-first #content {
        float: left;
        width: 66.667%;
        margin-left: 33.333%;
        margin-right: -100%;
    }

    .sidebar-first .region-sidebar-first {
        float: left;
        width: 33.333%;
        margin-left: 0;
        margin-right: -33.333%;
    }

}

@media (max-width: 767px) {

    .sidebar-first #content {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar-first .region-sidebar-first {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

}

.clearfix::after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.region-header {
    clear: both;
}
.header-logo-block {
    display: inline-block;
    left: 15px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

@media (max-width: 630px) {
    .header-logo-block {
        left: 10px;
    }

    .header-logo-block img {
        width: 190px;
        height: auto;
    }
}

.header-logo-block .field-name-field-body a:hover, .header-logo-block .field-name-field-body a:focus {
    opacity: 0.98;
}

@media (max-width: 959px) {
    .footer-right-menu.footer-menu-block {
        width: 22%;
    }
}

@media (max-width: 959px) {
    .footer-left-menu.footer-menu-block {
        width: 21%;
    }
}

@media (max-width: 959px) {
    .footer-center-menu.footer-menu-block {
        width: 25%;
    }
}

.footer-menu-block {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: calc(100% - 434px);
}

@media (max-width: 767px) {
    .footer-menu-block {
        width: 100%;
    }
}

@media (max-width: 638px) {
    .footer-right-menu.footer-menu-block, .footer-left-menu.footer-menu-block, .footer-center-menu.footer-menu-block {
        width: 48.5%;
        text-align: center;
        margin-bottom: 25px;
    }
}

@media (max-width: 481px) {
    .footer-menu-block {
        background: transparent;
        margin-top: 0;
    }
}

.footer-menu-block ul.menu {
    margin: 0;
    padding: 0;
}

.footer-menu-block ul.menu li {
    float: none;
    vertical-align: top;
}

.footer-menu-block ul.menu li a {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1em;
}

.footer-menu-block {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 18%;
}

@media (max-width: 767px) {
    .footer-menu-block {
        width: 100%;
    }
}

@media (max-width: 481px) {
    .footer-menu-block {
        background: transparent;
        margin-top: 0;
    }
}

.footer-menu-block ul.menu {
    margin: 0;
    padding: 0;
}

.footer-menu-block ul.menu li {
    float: none;
    vertical-align: top;
}

.footer-menu-block ul.menu li a {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1em;
}

.upper-wrapper {
    height: auto;
    min-height: 100%;
}
#main {
    padding-bottom: 225px;
}

@media (min-width: 768px) {
    .one-sidebar .main-content-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.not-front.subsite .main-content-wrapper {
    padding-top: 4.5rem;
}
.not-front .main-content-wrapper {
    background: url(../images/bkg-header-interiors.jpg) repeat-x center top transparent;
    padding-bottom: 6.5rem;
    padding-top: 13.3rem;
}
/** SSU approved header graphic color options **/
.not-front.header-bg-brown .main-content-wrapper {
    background: url(../images/bkg-header-interiors-brown.png) repeat-x center top transparent;
}
.not-front.header-bg-dark-green .main-content-wrapper {
    background: url(../images/bkg-header-interiors-dark-green.png) repeat-x center top transparent;
}
.not-front.header-bg-light-green .main-content-wrapper {
    background: url(../images/bkg-header-interiors-light-green.png) repeat-x center top transparent;
}
.not-front.header-bg-yellow .main-content-wrapper {
    background: url(../images/bkg-header-interiors-yellow.png) repeat-x center top transparent;
}
.not-front.header-bg-orange .main-content-wrapper {
    background: url(../images/bkg-header-interiors-orange.png) repeat-x center top transparent;
}
.not-front.header-bg-red .main-content-wrapper {
    background: url(../images/bkg-header-interiors-red.png) repeat-x center top transparent;
}
.not-front.header-bg-dark-red .main-content-wrapper {
    background: url(../images/bkg-header-interiors-dark-red.png) repeat-x center top transparent;
}
.not-front.header-bg-silver .main-content-wrapper {
    background: url(../images/bkg-header-interiors-silver.png) repeat-x center top transparent;
}

.not-front .main-content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.lt-ie7 .not-front .main-content-wrapper {
    height: 1%;
}

.lt-ie8 .not-front .main-content-wrapper {
    min-height: 1%;
    zoom: 1;
}

.not-front .main-content-wrapper::after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

@media (max-width: 767px) {
    .not-front .main-content-wrapper {
        background: initial;
        padding: 0;
        padding-top: 4.5rem;
    }
}

@media (min-width: 768px) {
    .one-sidebar .main-content-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.sidebar-first #content {
    margin-left: 32%;
    padding: 0;
    width: 68%;
}

@media (max-width: 767px) {
    .sidebar-first #content {
        margin-left: 0;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
}

.sidebar-first .region-sidebar-first {
    margin-right: -28%;
    padding: 0;
    width: 28%;
}

@media (max-width: 767px) {
    .sidebar-first .region-sidebar-first {
        margin-right: 0;
        padding: 2rem;
        width: 100%;
    }
}

.footer-outer-wrapper {
    background: url(../images/bkg-footer-pattern.png) repeat-x center top transparent;
    box-sizing: border-box;
    clear: both;
    height: 225px;
    margin-top: -225px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 30px;
    position: absolute;
    width: 100%;
}

@media (max-width: 959px) {
    .footer-outer-wrapper {
        height: 242px;
    }
}

@media (max-width: 638px) {
    .footer-outer-wrapper {
        background: url(../images/bkg-footer-pattern-mobile.png) center top transparent;
        background-size: cover;
        height: auto;
    }
}
.node-type-landing-page .footer-outer-wrapper {
    background-color: transparent;
}

#footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 16px;
    padding: 9.5px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}

pre code {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-family: monospace, monospace;
    font-size: 0.9em;
    padding: 0;
    white-space: pre-wrap;
}

.block {
    margin-bottom: 1.5em;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.lt-ie7 .clearfix {
    height: 1%;
}
.lt-ie8 .clearfix {
    min-height: 1%;
    zoom: 1;
}

.container-inline div,
.container-inline label {
    display: inline;
}

.container-inline-block > * {
    width: auto;
    padding-right: 2%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 0;
}
.lt-ie8 .container-inline-block > * {
    display: inline;
}

.lt-ie8 .container-inline-block > * {
    display: inline;
}

p {
    margin: 0 0 1.2em;
}
form .form-item {
    margin: 1.5em 0;
}
form .form-item label {
    display: block;
    font-weight: bold;
}

form .form-required {
    color: #c00;
}
form .form-radios .form-item,
form .form-checkboxes .form-item {
    margin: 0;
}
form input:-moz-placeholder,
form textarea:-moz-placeholder {
    color: #999999;
}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: #999999;
}
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    color: #999999;
}

ul li.expanded {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
    list-style-type: circle;
}
.lt-ie8 ul li.expanded {
    list-style-image: url(../images/menu-leaf.png);
}

ul.inline li {
    list-style-type: none;
    list-style-image: none;
    display: inline;
    padding: 0 1em 0 0;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
}
.breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sf-menu li a {
    color: #005794;
}
.sf-menu li a:hover,
.sf-menu li.active-trail a {
    color: #005794;
}
table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
/**
 * @file
 * Positioning for responsive layout
 */
@-ms-viewport {
    width: device-width;
}
.inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

#header:after,
#main:after,
#header:before,
#main:before {
    content: "";
    display: table;
}
#header:after,
#main:after {
    clear: both;
}
.lt-ie8 #header,
.lt-ie8 #main {
    position: relative;
    zoom: 1;
}

.sidebar-first #content {
    float: left;
    width: 80%;
    margin-left: 20%;
    margin-right: -100%;
}
.sidebar-first .region-sidebar-first {
    float: left;
    width: 20%;
    margin-left: 0;
    margin-right: -20%;
}

@media (min-width: 768px) and (max-width: 959px) {
    .sidebar-first #content {
        float: left;
        width: 66.667%;
        margin-left: 33.333%;
        margin-right: -100%;
    }
    .sidebar-first .region-sidebar-first {
        float: left;
        width: 33.333%;
        margin-left: 0;
        margin-right: -33.333%;
    }

}
@media (max-width: 767px) {
    .sidebar-first #content {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar-first .region-sidebar-first {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

}

.clearfix::after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/**
 * @file
 * block Styles
 * EX: .header-logo-block
 */
#block-user-login label,
#login-form label,
#user-register-form label {
    text-align: left;
}
#block-user-login ul,
#login-form ul,
#user-register-form ul {
    list-style: none;
}
#block-user-login ul li,
#login-form ul li,
#user-register-form ul li {
    margin-left: 0;
}

/**
 *
 * Header
 *
 */

.header-logo-block {
    display: inline-block;
    left: 15px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
@media (max-width: 630px) {
    .header-logo-block {
        left: 10px;
    }
    .header-logo-block img {
        width: 190px;
        height: auto;
    }
}

.header-logo-block .field-name-field-body a:hover,
.header-logo-block .field-name-field-body a:focus {
    opacity: 0.98;
}
.header-menu-block {
    margin-bottom: 0;
}
.header-menu-block ul.menu {
    margin: 0;
    padding: 0;
    text-align: right;
}
@media (max-width: 630px) {
    .header-menu-block ul.menu {
        position: relative;
    }
}
.header-menu-block ul.menu li {
    display: inline-block;
    float: none;
    margin-left: 25px;
    vertical-align: top;
}
@media (max-width: 630px) {
    .header-menu-block ul.menu li {
        margin-left: 12px;
    }
}
.header-menu-block ul.menu li a {
    color: #ffffff;
    display: block;
    font-family: 'open_sans_condensedbold', Helvetica, Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 1.2em;
    text-transform: uppercase;
}
.header-menu-block ul.menu li a.header-search-open-button {
    border-bottom: 2px solid transparent;
    color: #ffffff;
    font-size: 0;
    height: 30px;
    padding-top: 4px;
    position: relative;
    width: 30px;
}
.header-menu-block ul.menu li a.header-search-open-button:hover,
.header-menu-block ul.menu li a.header-search-open-button:focus {
    opacity: 0.7;
    border-bottom: 2px solid white;
}
.header-menu-block ul.menu li a.header-search-open-button::after {
    content: "\f002";
    font-family: 'FontAwesome';
    font-size: 3.1rem;
    line-height: 27px;
    left: 0;
    position: absolute;
    top: 4px;
}
.header-menu-block ul.menu li a.header-menu-open-button {
    color: #ffffff;
    font-size: 0;
    height: 27px;
    padding-top: 4px;
    position: relative;
    width: 27px;
}
.header-menu-block ul.menu li a.header-menu-open-button:hover,
.header-menu-block ul.menu li a.header-menu-open-button:focus {
    opacity: 0.7;
    border-bottom: 2px solid white;
}
.header-menu-block ul.menu li a.header-menu-open-button::after {
    content: "\f0c9";
    font-family: 'FontAwesome';
    font-size: 3.1rem;
    left: 0;
    line-height: 27px;
    position: absolute;
    top: 4px;
}
@media (max-width: 725px) {
    .header-menu-block ul.menu li.mainmenu-topnav {
        display: none;
    }
}
form input[type='search'], form input[type='text'], form input[type='email'], form .form-textarea, form textarea, form .form-text {
    border: 2px solid #c4bcb7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #666666;
    max-width: 100%;
    padding: .5em;
}
.navigation-slide-menu-block .slide-in-nav-menu,
.navigation-slide-menu-block .slide-in-nav-search-menu {
    background-color: #004c97;
    overflow: auto;
    overflow-y: scroll;
    z-index: 10000;
    margin-right: -15px;
}
.navigation-slide-menu-block .slide-in-nav-menu form,
.navigation-slide-menu-block .slide-in-nav-search-menu form {
    margin-bottom: 3rem;
}
.navigation-slide-menu-block .slide-in-nav-menu form .form-text,
.navigation-slide-menu-block .slide-in-nav-search-menu form .form-text {
    background: #003178;
    border: 0;
    font-size: 2rem;
    height: 50px;
    margin: 0;
    margin-right: -0.4rem;
    width: 84%;
    color: #ffffff;
    box-sizing: border-box;
    vertical-align: top;
}

.navigation-slide-menu-block .slide-in-nav-menu .form-submit,
.navigation-slide-menu-block .slide-in-nav-search-menu .form-submit {
    background: #003178 url(../images/search-mobile.png) center no-repeat;
    border: 0;
    border-radius: 0;
    color: transparent;
    height: 50px;
    padding: 0;
    width: 50px;
    vertical-align: top;
}
.navigation-slide-menu-block .slide-in-nav-menu .form-submit:after,
.navigation-slide-menu-block .slide-in-nav-search-menu .form-submit:after {
    content: "";
    width: 50px;
    height: 50px;
}
.navigation-slide-menu-block .slide-in-nav-menu .slide-menu-close a.slide-menu-close-button:hover,
.navigation-slide-menu-block .slide-in-nav-search-menu .slide-menu-close a.slide-menu-close-button:hover,
.navigation-slide-menu-block .slide-in-nav-menu .slide-menu-close a.slide-menu-close-button:focus,
.navigation-slide-menu-block .slide-in-nav-search-menu .slide-menu-close a.slide-menu-close-button:focus {
    border-bottom: 2px solid #ffffff;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu {
    border-bottom: 1px solid #000;
    padding: 0;
    max-width: 320px;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu ul.menu:before,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu ul.menu:before {
    content: '';
    display: block;
    margin-left: 1rem;
    width: 0;
    height: 0;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 6px;
}

.navigation-slide-menu-block .slide-in-nav-menu ul.menu .menu-quicklink,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu .menu-quicklink {
    display: inline-block;
    width: 40%;
    padding-right: 0;
    font-size: 1.5rem;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li {
    font-size: 2rem;
    margin-bottom: 1rem;
    padding-left: 2rem;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded {
    border-top: 1px solid #000;
    padding: 2rem;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li:first-child:before,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li:first-child:before {
    content: '';
    display: block;
    margin-left: 1rem;
    width: 0;
    height: 0;
    position: relative;
    left: -40px;
    top: -33px;
    border-color: #004c97 transparent transparent transparent;
    border-style: solid;
    border-width: 6px;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded ul.menu,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded ul.menu {
    border-bottom: 0;
    border-top: 1px solid #000;
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 3rem;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li.is-expanded,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li.is-expanded,
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li {
    font-size: 1.6rem;
    padding-left: 4rem;
}
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li.is-expanded a,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li.is-expanded a,
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li a,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li a {
    color: #ffffff;
}

.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li.is-expanded.is-expanded,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li.is-expanded.is-expanded,
.navigation-slide-menu-block .slide-in-nav-menu ul.menu > li.is-expanded li.is-expanded,
.navigation-slide-menu-block .slide-in-nav-search-menu ul.menu > li.is-expanded li.is-expanded {
    border: none;
    padding: 0 4rem;
}
.slide-in-nav-menu-block ul.menu li,
.slide-in-nav-search-menu ul.menu li {
    display: block;
    float: none;
}
.slide-in-nav-menu-block ul.menu li a,
.slide-in-nav-search-menu ul.menu li a {
    color: #ffffff;
}

.slide-in-nav-menu-block ul.menu li.mainmenu-slidenav {
    display: none;
}
@media (max-width: 725px) {
    .slide-in-nav-menu-block ul.menu li.mainmenu-slidenav {
        display: inline-block;
    }
}
.slide-in-nav-search-menu .block-menu-block .block-title {
    border-bottom: 1px solid #000;
    color: #fff;
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 2rem;
    padding-bottom: 1.4rem;
}
.slide-in-nav-search-menu .block-menu-block ul.menu {
    border-bottom: none;
    padding-left: 0;
}
.slide-in-nav-search-menu .block-menu-block ul.menu li {
    border-bottom: 1px solid #000;
    padding-bottom: 1.4rem;
}

/**
 * Content
 */

@media screen and (max-width:767px){
    #department-name {
        padding-left:1em;
    }
}

.sidebar-menu-block {
    margin-bottom: 3.5rem;
}
.sidebar-menu-block ul.menu {
    margin: 0;
    padding-left: 0;
}
.sidebar-menu-block ul.menu li {
    border-top: 1px solid #ffffff;
    float: none;
    overflow: hidden;
}
.sidebar-menu-block ul.menu li li {
    border-top: 0 none;
}
.sidebar-menu-block ul.menu a {
    color: #004c97;
    display: block;
    font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.2em;
    padding: 12px 11px;
}
.sidebar-menu-block ul.menu a:hover,
.sidebar-menu-block ul.menu a:focus {
    text-decoration: none;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > a {
    border-left: 4px solid #abcae9;
    background: #eee;
    background: -webkit-linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background: -o-linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background: -moz-linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background: linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all 0.5s ease;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > a:hover {
    background-position: right bottom;
    border-left-color: #004c97;
    color: #004c97;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li.active > a {
    background: #004c97;
    background-position: 100% center;
    border-left-color: #004c97;
    color: #ffffff;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul {
    padding-left: 18px;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > a {
    background: -webkit-linear-gradient(to right, #ffffff 50%, #dedede 50%);
    background: -o-linear-gradient(to right, #ffffff 50%, #dedede 50%);
    background: -moz-linear-gradient(to right, #ffffff 50%, #dedede 50%);
    background: linear-gradient(to right, #ffffff 50%, #dedede 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all 0.5s ease;
    color: #4a4a4a;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > a:hover,
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > a:focus {
    background-position: right bottom;
    color: #4a4a4a;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li.active > a {
    color: #004c97;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > ul {
    padding-left: 5px;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > ul > li > a {
    background: linear-gradient(to right, #eeeeee 50%, #dedede 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all 0.5s ease;
    color: #007672;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > ul > li > a:hover,
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > ul > li > a:focus {
    background-position: right bottom;
    color: #007672;
    transition: all 0.5s ease;
}
.sidebar-menu-block .menu-block-wrapper > ul.menu > li > ul > li > ul > li.active > a {
    background: #007672;
    background-position: 100% center;
    color: #ffffff;
}
#block-views-social-media-links-block .social-media-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
#block-views-social-media-links-block .social-media-list ul li {
    display: table-cell;
}
#block-views-social-media-links-block .social-media-list span a {
    background: #ccc;
    display: block;
    height: 32px;
    text-align: center;
    width: 32px;
    font-size: 0;
}
#block-views-social-media-links-block .social-media-list span a:after {
    color: #fff;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.9rem;
    line-height: 1.9;
}
#block-views-social-media-links-block .social-media-list .social-media-feed-facebook a {
    background: #3c569a;
}
#block-views-social-media-links-block .social-media-list .social-media-feed-facebook a:after {
    content: "\f09a";
    font-family: 'FontAwesome';
}
#block-views-social-media-links-block .social-media-list .social-media-feed-twitter a {
    background: #1c9ef4;
}
#block-views-social-media-links-block .social-media-list .social-media-feed-twitter a:after {
    content: "\f099";
    font-family: 'FontAwesome';
}
#block-views-social-media-links-block .social-media-list .social-media-feed-instagram a {
    background: #97715a;
}
#block-views-social-media-links-block .social-media-list .social-media-feed-instagram a:after {
    content: "\f16d";
    font-family: 'FontAwesome';
}
#block-views-social-media-links-block .social-media-list .social-media-feed-youtube a {
    background: #c3181e;
}
#block-views-social-media-links-block .social-media-list .social-media-feed-youtube a:after {
    content: "\f166";
    font-family: 'FontAwesome';
}
#block-views-social-media-links-block .social-media-list .social-media-feed-linkedln a {
    background: #0b78b7;
}
#block-views-social-media-links-block .social-media-list .social-media-feed-linkedln a:after {
    content: "\f08c";
    font-family: 'FontAwesome';
}

/* banner styles */
/*limit height */
.banner-std .standard-slideshow-block .view-slideshow .hero-bkg div.field-content {
    max-height:188px !important;
    min-height:188px !important;
}
/*limit height on overlay */
.banner-std .standard-slideshow-block .view-slideshow .video-loaded {
    height: 188px !important;
}
/* remove gradient */
.banner-std .standard-slideshow-block .view-slideshow .hero-bkg .video-loaded::after, .banner-full .standard-slideshow-block .view-slideshow .hero-bkg .video-loaded::after {
    background:none !important;
}
/* extra blue space not needed for banners
todo: make conditional on css class
 */
.banner-std.not-front:not(.node-type-landing-page) .main-content-wrapper, .banner-full.not-front:not(.node-type-landing-page) .main-content-wrapper {
    border-top:0 !important;
}

.no-banner #highlighted {
    display:none !important;
}
/**
 *
 * Footer
 *
 */
.footer-social-links-block {
    margin-bottom: 45px;
}
@media (max-width: 959px) {
    .footer-social-links-block {
        margin-bottom: 0;
    }
}
@media (max-width: 600px) {
    .footer-social-links-block {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 15px;
    }
}
.footer-social-links-block ul.social-links {
    margin: 0;
    padding: 0;
}
.footer-social-links-block ul.social-links li {
    display: inline-block;
    vertical-align: top;
}
.footer-social-links-block ul.social-links li a {
    background-color: #003075;
    border-radius: 50%;
    color: transparent;
    display: block;
    font-size: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 34px;
}
.footer-social-links-block ul.social-links li a:hover,
.footer-social-links-block ul.social-links li a:focus,
.footer-social-links-block ul.social-links li a:active {
    margin-top: -3px;
    opacity: 0.7;
}
.footer-social-links-block ul.social-links li a::after {
    color: #FFFFFF;
    content: "\f09a";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.6rem;
}
.footer-social-links-block ul.social-links li a.instagram::after {
    content: "\f16d";
}
.footer-social-links-block ul.social-links li a.twitter::after {
    content: "\f099";
}
.footer-social-links-block ul.social-links li a.youtube::after {
    content: "\f167";
}
.footer-social-links-block ul.social-links li a.rss::after {
    content: "\f09e";
}
.footer-logo-block {
    display: inline-block;
    margin-right: 45px;
    vertical-align: top;
}
@media (max-width: 959px) {
    .footer-logo-block {
        display: block;
        margin-right: 0;
        text-align: center;
        margin-bottom: .825rem;
    }
}
.footer-logo-block .content a {
    display: block;
}
.footer-logo-block .content a:hover,
.footer-logo-block .content a:focus,
.footer-logo-block .content a:active {
    opacity: 0.7;
}
.footer-address-block {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 60px;
    vertical-align: top;
}
.footer-address-block .content {
    color: #FFFFFF;
    font-size: 1.3rem;
}
@media (max-width: 959px) {
    .footer-address-block {
        width: 28%;
        margin-right: 0;
    }
}
@media (max-width: 638px) {
    .footer-address-block {
        text-align: center;
        font-size: 1.3rem;
        margin-bottom: 25px;
        margin-top: 0;
        width: 48.5%;
    }

}
@media (max-width: 959px) {
    .footer-right-menu.footer-menu-block {
        width: 22%;
    }
}
@media (max-width: 959px) {
    .footer-left-menu.footer-menu-block {
        width: 21%;
    }
}
@media (max-width: 959px) {
    .footer-center-menu.footer-menu-block {
        width: 25%;
    }
}
.footer-menu-block {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: calc(100% - 434px);
}
@media (max-width: 767px) {
    .footer-menu-block {
        width: 100%;
    }
}
@media (max-width: 638px) {
    .footer-right-menu.footer-menu-block,
    .footer-left-menu.footer-menu-block,
    .footer-center-menu.footer-menu-block {
        width: 48.5%;
        text-align: center;
        margin-bottom: 25px;
    }
}
@media (max-width: 481px) {
    .footer-menu-block {
        background: transparent;
        margin-top: 0;
    }
}
.footer-menu-block ul.menu {
    margin: 0;
    padding: 0;
}
.footer-menu-block ul.menu li {
    float: none;
    vertical-align: top;
}
.footer-menu-block ul.menu li a {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1em;
}
.footer-menu-block {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 18%;
}
@media (max-width: 767px) {
    .footer-menu-block {
        width: 100%;
    }
}
@media (max-width: 481px) {
    .footer-menu-block {
        background: transparent;
        margin-top: 0;
    }
}
.footer-menu-block ul.menu {
    margin: 0;
    padding: 0;
}
.footer-menu-block ul.menu li {
    float: none;
    vertical-align: top;
}
.footer-menu-block ul.menu li a {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1em;
}

/**
 *
 * Layout
 *
*/

.upper-wrapper {
    height: auto;
    min-height: 100%;
}

form label {
    text-align: left;
    padding-right: 0;
}
#highlighted .block {
    margin-bottom: 0;
}


.sidebar-first #content {
    margin-left: 32%;
    padding: 0;
    width: 68%;
}
@media (max-width: 767px) {
    .sidebar-first #content {
        margin-left: 0;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
}
.sidebar-first .region-sidebar-first {
    margin-right: -28%;
    padding: 0;
    width: 28%;
}
@media (max-width: 767px) {
    .sidebar-first .region-sidebar-first {
        margin-right: 0;
        padding: 2rem;
        width: 100%;
    }
}

.footer-outer-wrapper {
    background: url('../images/bkg-footer-pattern.png') repeat-x center top transparent;
    box-sizing: border-box;
    clear: both;
    height: 225px;
    margin-top: -225px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 30px;
    position: absolute;
    width: 100%;
}
@media (max-width: 959px) {
    .footer-outer-wrapper {
        height: 242px;
    }
}
@media (max-width: 638px) {
    .footer-outer-wrapper {
        background: url('../images/bkg-footer-pattern-mobile.png') center top transparent;
        background-size: cover;
        height: auto;
    }
}
.node-type-landing-page .footer-outer-wrapper {
    background-color: transparent;
}
#footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}
/**
 *
 * Elements
 *
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4a4a4a;
    font-family: 'open_sans_condensedbold', Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0.625em 0;
    text-rendering: optimizelegibility;
}
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
    color: #4a4a4a;
}
h1 {
    font-size: 3.52rem;
    margin: .67em 0;
}
h1#page-title,
h1.title {
    font-size: 5rem;
    color: #4a4a4a;
    line-height: 1.2em;
}
@media (max-width: 767px) {
    h1#page-title,
    h1.title {
        font-size: 3.5rem;
        text-align: center;
    }
}
.front h1#page-title,
.front h1.title {
    display: none;
}
h1#page-title {
    /*font-family: 'open_sansbold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;*/
    font-family: proxima-nova-condensed, sans-serif;
    margin-bottom: 20px;
}
h1.title {
    margin: 0;
}

h2 {
    font-size: 3.02rem;
}

h3 {
    font-size: 2.52rem;
}
h3.title {
    margin: 0;
}
h4 {
    font-size: 2.02rem;
}
h5 {
    font-size: 1.646rem;
}
h6 {
    font-size: 1.646rem;
    font-family: 'open_sanscondensed_light', Helvetica, Arial, sans-serif;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
}

a {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
a:hover,
a:focus {
    text-decoration: underline;
}
a:hover,
a:focus,
a:active {
    outline: none;
}

form .form-item {
    margin: 0.25em 0 2rem;
}
form .form-item label {
    color: #4a4a4a;
    font-family: 'open_sansbold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 0.4rem;
    line-height: 1.2em;
    padding: 0.7rem 0;
}

form .form-type-checkbox label,
form .form-radios label {
    bottom: 3px;
    line-height: 1em;
    margin: 0;
    padding: 0;
    position: relative;
}
input[type="checkbox"],
input[type="radio"] {
    vertical-align: top;
    margin-top: .2em;
    margin-right: .5em;
}

/*bullet points*/
/* generic styling for content lists */
ul {
    outline: none;
}
ul:focus,
ul:active,
ul::-moz-focus-inner {
    outline: none;
}

ul.menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.lt-ie7 ul.menu {
    height: 1%;
}
.lt-ie8 ul.menu {
    min-height: 1%;
    zoom: 1;
}
ul.menu::after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
ul.menu li {
    list-style: none;
    float: left;
}
.item-list ul li {
    margin: 0;
    padding: 0;
}
table {
    border: 1px solid #cccccc;
}

table tr:nth-child(odd) {
    background: #ffffff;
}
table tr:nth-child(even) {
    background: #eeeeee;
}
table tr th {
    background: #cccccc;
    border-bottom: 0 none;
    border-right: 2px solid #cccccc;
    padding: 7px 15px;
}
table tr td {
    border-right: 2px solid #cccccc;
    padding: 7px 15px;
}

.breadcrumb {
    color: #9B9B9B;
    margin-bottom: 0.8rem;
}
.breadcrumb li {
    display: inline-block;
    line-height: 1.2em;
    padding-left: 1rem;
}
.breadcrumb li:first-child {
    padding-left: 0;
}
.breadcrumb a {
    color: #004c97;
    display: inline-block;
    font-size: 1.4rem;
    margin-right: 0.6rem;
    vertical-align: bottom;
}

img {
    height: auto;
    max-width: 100%;
}

/**
  * UI Widgets
**/

.ui-accordion.ui-widget .ui-state-default:hover a,
.ui-accordion.ui-widget .ui-widget-content .ui-state-default:hover a,
.ui-accordion.ui-widget .ui-widget-header .ui-state-default:hover a,
.ui-accordion.ui-widget .ui-state-active:hover a,
.ui-accordion.ui-widget .ui-widget-content .ui-state-active:hover a,
.ui-accordion.ui-widget .ui-widget-header .ui-state-active:hover a,
.ui-accordion.ui-widget .ui-state-default:hover a:link,
.ui-accordion.ui-widget .ui-widget-content .ui-state-default:hover a:link,
.ui-accordion.ui-widget .ui-widget-header .ui-state-default:hover a:link,
.ui-accordion.ui-widget .ui-state-active:hover a:link,
.ui-accordion.ui-widget .ui-widget-content .ui-state-active:hover a:link,
.ui-accordion.ui-widget .ui-widget-header .ui-state-active:hover a:link,
.ui-accordion.ui-widget .ui-state-default:hover a:visited,
.ui-accordion.ui-widget .ui-widget-content .ui-state-default:hover a:visited,
.ui-accordion.ui-widget .ui-widget-header .ui-state-default:hover a:visited,
.ui-accordion.ui-widget .ui-state-active:hover a:visited,
.ui-accordion.ui-widget .ui-widget-content .ui-state-active:hover a:visited,
.ui-accordion.ui-widget .ui-widget-header .ui-state-active:hover a:visited {
    color: #fff;
}
.ui-accordion.ui-widget .ui-state-default a,
.ui-accordion.ui-widget .ui-widget-content .ui-state-default a,
.ui-accordion.ui-widget .ui-widget-header .ui-state-default a,
.ui-accordion.ui-widget .ui-state-active a,
.ui-accordion.ui-widget .ui-widget-content .ui-state-active a,
.ui-accordion.ui-widget .ui-widget-header .ui-state-active a,
.ui-accordion.ui-widget .ui-state-default a:link,
.ui-accordion.ui-widget .ui-widget-content .ui-state-default a:link,
.ui-accordion.ui-widget .ui-widget-header .ui-state-default a:link,
.ui-accordion.ui-widget .ui-state-active a:link,
.ui-accordion.ui-widget .ui-widget-content .ui-state-active a:link,
.ui-accordion.ui-widget .ui-widget-header .ui-state-active a:link,
.ui-accordion.ui-widget .ui-state-default a:visited,
.ui-accordion.ui-widget .ui-widget-content .ui-state-default a:visited,
.ui-accordion.ui-widget .ui-widget-header .ui-state-default a:visited,
.ui-accordion.ui-widget .ui-state-active a:visited,
.ui-accordion.ui-widget .ui-widget-content .ui-state-active a:visited,
.ui-accordion.ui-widget .ui-widget-header .ui-state-active a:visited {
    color: #fff;
    text-transform: uppercase;
}

/* slider */
.accordion-menu-block .element-invisible {
    width: 1px;
}

ul.accordion-nav-sub-menu {
    display: none;
}

a.submenu-toggle {
    float: right;
}

a.submenu-toggle:hover i,
a.submenu-toggle:active i,
a.submenu-toggle:focus i {
    text-decoration: underline;
}

.controls input[type="button"] {
    font-family: proxima-nova-condensed, sans-serif;
    background-color: #004c97 !important;
    color: #fff;
    text-decoration: none !important;
    padding: 2rem 1.2rem;
    display: block;
}
.controls input[type="button"]:after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #fff;
    font-size: 2.25rem;
    float: right;
    top: 50%;
    margin-top: -1.25rem;
    right: 15px;
    display: block;
    position: absolute;
}
html input[type="button"] {
    border-radius: 0;
}


/* portal styles : for testing only, use portal.css for final #portalCSS */
fieldset.no-border {
    border: none;
}
fieldset.no-border>legend {
    float: left;
    position: absolute;
    left: -9999px;
}
#gates {
    list-style: none;
    position: relative;
    text-align: center;
    padding: 0;
}
#gates > li.sortable-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    margin: 9px;
    background-color: #333;
    width: 115px;
    height: 115px;
    border: 3px solid #ccc;
    transition: all .2s;
}
label.acc-hide {
    position: absolute;
    opacity: 0;
}
#gates > li > input {
    border: 1px dotted #ccc;
    box-shadow: 1px 1px 2px #cccccc;
    position: absolute;
    width: 2.1em;
    left: 0.2em;
    top: 0.2em;
    text-align: center;
    z-index: 1;
    display: none;
}

#gates > li > a > .porthole {
    color: white;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 64px;
    margin-top: 0px;
}
#gates > li > a > .porthole > span {
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 80px;
    font-size: 14px;
}
.fa-info-circle:before {
    content: "\f05a";
}
#gates > li > .infobox-wrapper > a.fa-info-circle {
    text-decoration: none;
    border-radius: 0.6em;
    color: white;
    text-align: center;
    clear: left;
    width: 1.0em;
    height: 1.0em;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    border: 1px solid rgba(0,0,0,0);
}
#gates > li > .infobox-wrapper {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 100%;
}
#gates > li > .infobox-wrapper > .infobox {
    padding: 10px;
    background-color: white;
    color: #333;
    border: 3px solid #ccc;
    text-align: left;
    position: absolute;
    left: -1.0em;
    top: 6px;
    z-index: 1000;
    width: 400px;
    display: none;
}
#gates > li > a > .porthole > img.icon-svg {
    height: 59px;
}
#gates > li > a > .porthole > i, #gates > li > a > .porthole > img {
    position: absolute;
    margin: 5px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#gates > li.sortable-item > a, #gates > li > .infobox-wrapper > a.fa-info-circle {
        background-color: transparent;
}
#gates > li.outlookblue {
        background-color: #0068b5;
}
#gates > li.seawolfblue {
        background-color: #143B87;
}
#gates > li.orange {
        background-color: #C85227;
}
#gates > li.brown {
        background-color: #655247;
}
#gates > li.raspberry {
        background-color: #920259;
}
#gates > li.green {
        background-color: #006400;
}
#gates > li.zoomblue {
        background-color: #3155A0;
}
#gates > li.midnightblue {
        background-color: #1C2635;
}
#gates > li.purple {
        background-color: #483768;
}
#gates > li.greenback {
        background-color: #304F30;
}
#gates > li.cabernet {
        background-color: #411a35;
}
#gates > li.charcoal {
        background-color: #494949;
}
#gates > li.atomicblue {
        background-color: #005296;
}
#gates > li.teal {
        background-color: #00566E;
}
#gates > li.red {
        background-color: #B9121B;
}
#gates > li.qualtricsred{
        background-color: #8A000E;
}
#gates > li.olive {
        background-color: #505E00;
}
#gates > li.grape {
        background-color: #63005B;
}
#gates > li.presidentialblue {
        background-color: #302b54;
}
#gates > li.sauvignonvillage {
        background-color: #99003A;
}
#gates > li.fuchsia {
        background-color: #8b2388;
}
#gates > li.firebrick {
        background-color: #b22222;
}
#gates > li > a > .porthole > .fa, #gates > li > a > .porthole > .fas {
    color: white;
    display: inline-block;
    text-align: center;
    margin-top: 0px;
}
#gates > li.sortable-item:hover, #gates > li > .infobox-wrapper > a.fa-info-circle:hover {
    opacity: .875;
}
#save-msg {
    border: none;
    display: none;
    color: #4C814C;
    text-align: center;
    margin-right: 15px;
    padding-top: 9px;
}
#toggle-customize {
    margin-right: 15px;
    padding-bottom: 9px;
    display: none;
}
#portal-header > #controls {
    margin-right: 10px;
    float: right;
}
.form-submit, a.button:visited, a.button, html input[type="button"], input[type="reset"], input[type="submit"], .button-style {
    background-color: #004c97;
    border: 2px solid #ABCAE9;
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    padding: 0.6rem 4rem;
    vertical-align: top;
    -webkit-appearance: none;
}
#footer .content, #footer .menu li a {
    font-size: 1.5rem;
}
.footer-outer-wrapper {
    height: 255px;
    margin-top: -255px;
}
.clickable:hover {
    color: #535554;
}
#gates > li > .infobox-wrapper > a.fa-info-circle:focus {
    background-color: #004C97;
}
#header-logo a {
    display: inline-block;
    font-size: 1.8rem;
}
.not-front:not(.node-type-landing-page) .main-content-wrapper {
border-top: 1.125em solid #accae9;
}
#footer-container-portal {
    height: auto;
    min-height: 255px;
}
/* end portal styles */

/* fixes footer overlapping content */
#footer-container {
    margin-top: -200px;
    height: auto;
    min-height: 255px;
}
/* fixes text showing up in top 3rd of buttons */
a.button.small, .button.small.kcbutton, input.button.small {
    line-height: unset;
}
/* fixes margin on status page's everything box */
form#fv {
    margin-bottom: 0;
}
/* fixes dotted underlines on lookup */
abbr[title],acronym[title] {
    text-decoration: none;
    border-bottom: none;
}
/* fixes every cgi with captions being left aligned */
caption {
    text-align: center;
    font-weight: normal;
}