/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Sets default font family to sans-serif.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Removes default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
}
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Sets consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses 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. Corrects 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. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses 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 */
}
/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `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;
}
/*
* Removes 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;
}
/*
* Removes inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves 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;
}
/* =============== Default Adjustments =============== */
body { }
::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }
/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
max-width: none !important;
}
p { margin:0 0 1em 0; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden,
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:focus, .visually-hidden:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.skip { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.skip:focus, .skip:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}
.a11y-instructions:focus {position:fixed; top:0; left:0; width:100%; background:#1f3b62; color:#fff; padding:10px; border:1px dashed #fff; text-align:Center; z-index:1001;}
.a11y-instructions p:last-child {margin:0px;}
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.hide { display:none; }
.smallest { font-size:.8em; }
.smaller { font-size:.9em; }
.larger { font-size:1.1em; }
.largest { font-size:1.2em; }
.bold { font-weight:bold; }
.italic { font-style:italic !important; }
.strike {text-decoration:line-through !important;}
.red, .red:visited { color:#f00 !important; }
.green, .green:visited { color:#390 !important; }
.lgreen, .lgreen:visited { color:#97937d !important; }
.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.important { color:red; font-weight:bold; text-transform:uppercase; }
.js-click-user *:focus, .js-click-user *:active {outline:0;}
/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }
/* ## Note/hint text or link ## */
.note {font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }
/* GOOGLE MAP IMAGES */
.gm-style img {
max-width: initial !important;
height: initial !important;
}
/* ================================================================
PRIMARY LAYOUT STYLES
================================================================ */
/* Enter unique styles for site here */
/* ## Disabled Form Fields ## */
input[disabled=true] { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true] { background-color: #F0F0F0; }
input[readonly=true] { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true] { background-color: #F0F0F0; }
/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#003865; text-decoration:underline; }
a:hover, a:active, a:focus { color:#003865; text-decoration:none; }
a:active, a:focus { outline:1px solid #78aeda; }
.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }
/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }
svg.icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;}
/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
display: none;
position: relative;
border-radius: 2px;
box-shadow: 0 0 3px 2px #78aeda;
transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}
#focus-overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
transition: all 0.1s ease-out;
}
#focus-overlay.focus-overlay-active {
display: block;
}
#focus-overlay.focus-overlay-animating::after {
opacity: 1;
}
.focus-overlay-target {
outline: none;
}
.skip a { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; text-align:center;}
.skip a:focus {position:static; width:auto; height:auto; background:#444444; color:#ffffff; font-weight:bold; display:block; padding:10px;}
/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}
/* ## Start Up Layout - Use, modify, or delete as need be ## */
html, body {overflow-x:hidden; color:#444444;}
body {background:#fff; }
.main-body {
font-family: 'Montserrat', sans-serif;
color: #000;
font-weight:300;
line-height:1.6;
}
.site-body { padding:15px 0; }
/* ==========================================================================
Typography
========================================================================== */
h1 {font-size: 1.9rem; margin:0 0 0.8em 0;}
h2 {font-size: 1.7rem; margin:0 0 0.8em 0;}
h3 {font-size: 1rem; margin:0 0 0.8em 0;}
h4, .h4 {font-size: 14px; margin:0 0 0.8em 0;}
h5 {font-size: 1rem; margin:0 0 0.8em 0;}
h6 {font-size: .9rem; margin:0 0 0.8em 0;}
@media only screen and (min-width:48em){
h1 {font-size: 2.375em;}
h2 {font-size: 2rem;}
h3 {font-size: 1rem;}
}
h1, h2, h4,.h4 {font-weight:900; line-height:normal;}
.home h1,
.home h2,
.home h4,
.home .h4 {text-transform:uppercase;}
.home h3 {font-weight:bold; line-height:normal; text-transform:uppercase;}
.interior h2 {color:#014273;}
/* ==========================================================================
Layouts
========================================================================== */
.table-layout {}
.table-layout .table-cell {background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.table-layout .table-cell .inner {padding:10px; }
.table-layout.with-overlay .table-cell {padding:10px;}
.table-layout.with-overlay .table-cell .inner {background:rgba(255,255,255,.7); padding:20px; }
.table-layout .table-cell img.set-as-background {display:none;}
/* ==========================================================================
Global Modules - Most modules use the same setup and changing below changes each one.
If global, change here, if specific, change via events.css, news.css etc.
========================================================================== */
.mod { position: relative; margin:0 0 1em;}
.title { position: relative; margin: 0 0 1em; }
.title a {text-decoration:none;}
.title a:hover,
.title a:focus {text-decoration:underline;}
.mod-head {position:relative;}
.mod-head .title {}
.mod-head .more {position:absolute; right:0px; top:0px;}
.mod-content {}
.mod-rail .mod-head .title {}
.mod-rail .mod-content {}
.mod-rail .more {border-top:1px solid #dddddd;}
.mod-rail .more a {display:block; background:#eeeeee; padding:10px; text-decoration:none; text-align:center;}
.mod-rail .more a:hover,
.mod-rail .more a:focus {background:#dddddd;}
.more-link {font-size:14px; font-weight:bold;}
.more-link:after {
content:'';
width:7px;
height:7px;
border-right:2px solid #003865;
border-bottom:2px solid #003865;
display:inline-block;
transform:rotate(-45deg);
margin-left:10px;
top: -1px;
position: relative;
}
/* Item Lists Content
========================================================================== */
.item-list {
margin:0 0 2rem 0;
padding:0;
list-style:none;
}
.item {
padding: 1em 0;
border-top: 1px solid #ccc;
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }
.item > .content {display:table-cell;}
.content .title { margin:0; text-transform:none; }
.content .date { font-size:14px; margin:0 0 5px; display:block;}
/* Item Media
========================================================================== */
.aside {
text-align:center;
padding:0 0 10px;
}
.aside.date-icon {
display: table-cell;
padding: 0 15px 0 0;
}
.date-icon .date {
border:1px solid #888;
background:#888;
font-weight:bold;
text-align:center;
width:50px;
}
.date-icon .date .month {
font-size:.875em;
padding:5px;
color:#fff;
}
.date-icon .date .day {
padding:10px 5px;
background:#fff;
}
.caption {
display: block;
font-size: 0.8em;
line-height: 1.2em;
}
/* Media Queries for Item Lists
========================================================================== */
.newsDetail .aside {
max-width:50%;
}
@media only screen and (min-width:30em){
.item {
display: table;
padding: 1em 0;
width: 100%;
border-top: 1px solid #ccc;
}
.item > .content {
display: table-cell;
width: 100%;
vertical-align: top;
}
.item > .content-link {
display: table-cell;
vertical-align:middle;
}
.aside {
display: table-cell;
padding: 0 30px 0 0;
}
.news-summary .aside img {
max-width:80px !important;
}
.newsDetail .aside {
padding:0;
}
}
@media only screen and (min-width:48em) {
.item .item-block {
display: table-cell;
vertical-align: top;
padding:0 10px 0 0;
}
.item .item-block:last-child {
padding:0;
}
}
/* News
========================================================================== */
.article > .aside {
float:right;
margin: 1em;
}
.meta{
margin:0.5em 0;
}
.meta > div {
float: left;
}
.meta .social-tools{
float: right;
}
/* ==========================================================================
Filters
========================================================================== */
.filter {
padding: 1.5em;
background: #f2f2f2;
margin:0 0 2em;
}
.filter-options {
float: left;
}
.filter-actions {
float: right;
}
.filter [class*="grid-"] {
padding:0 20px;
}
.filter .btn {
margin:5px 10px;
padding:14px 50px;
}
/* Pagination
========================================================================== */
.paging {
}
.sort-status {
font-size:.875em;
margin:0 0 1em;
}
.paging-results {
float: left;
}
.paging-list {
float: right;
}
.paging-list ul {
display: block;
padding: 0;
margin: 0;
}
.paging-list li{
display: block;
padding: 0;
margin: 0;
border: 1px solid #002B40;
border-left-width: 0;
float: left;
}
.paging-list li:first-child{
border-left-width: 1px;
}
.paging-list li a,
.paging-list li span {
display: block;
min-width: 30px;
padding: 2px 5px;
text-align: center;
}
.paging-list li a {
/* Link State */
}
.paging-list li span {
/* Current Page State */
}
.paging-list li.disabled {
display: none;
}
.paging-list li.disabled+li {
border-left-width: 1px;
}
.paging-list li.disabled+.all {
border-left-width: 0;
}
@media only screen and (min-width:48em){
.sort-status {float:left;}
.generic-pager {float:right;}
}
/* ==============================================================
GLOBAL STYLES
============================================================== */
/*--- where is this used at? ----*/
.alert {
overflow:hidden;
border: 1px solid #FE0000;
margin: 1em 0;
padding: 10px;
min-height: 50px;
color: #000;
background-color: #FEFF99;
}
.alert a { color:#000; }
.bdrTop { border-top:1px solid #999; }
.bdrRight { border-right:1px solid #999; }
.bdrBottom { border-bottom:1px solid #999; }
.bdrLeft { border-left:1px solid #999; }
.bdrDash { border:1px dashed #555244; }
.bdrDashTop { border-top:1px dashed #999; }
.bdrDashRight { border-right:1px dashed #999; }
.bdrDashBottom { border-bottom:1px dashed #999; }
.bdrDashLeft { border-left:1px dashed #999; }
.alternate {background-color: #f2f2f2;}
.row {background-color: #ffffff;}
/* ## Error Markers ## */
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}
.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
span.fieldreq {padding:0 6px; background-position:center center;}
span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
span.fieldred {padding:0 6px; background-position:center center;}
/* ## Tooltip Classes ## */
.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}
/* ## Generic Pager ## */
.generic-pager {margin:0 0 1em;}
.generic-pager ul {list-style-type: none; margin:0; padding:0;}
.generic-pager li {display:inline-block; margin:0 3px 5px 0; font-size:.875em; }
.generic-pager li a {display:inline-block; color:#3C3C3C; padding:6px 10px; background:#fff; text-decoration:none; border:1px solid #cecece;}
.generic-pager li a:hover, .genericPager li a:focus { color:#fff; background:#0c5188; text-decoration:none; }
.generic-pager li.nolink {color:#fff; background:#444444; padding:6px 10px;}
.generic-pager li.active {border:1px solid #cecece; color:#fff; background:#0c5188; padding:6px 11px;}
/* ## Smart Bug ## */
.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }
/* ## Master Overlay Styles ## */
.site-overlay {
position:relative;
max-width:800px;
margin:0 auto;
background:#ffffff;
overflow:hidden;
-webkit-box-shadow:0 0 15px #333;
-moz-box-shadow:0 0 15px #333;
box-shadow:0 0 15px #333;
}
.site-overlay .overlay-content {padding:15px;}
/* Legacy Overlay */
.siteOverlay {
display:none;
position:relative;
width:550px;
max-width:95%;
min-height:1px;
background-color:#fff;
z-index:1000;
-webkit-box-shadow:0 0 15px #333;
-moz-box-shadow:0 0 15px #333;
box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}
/* =================================================================
MODULE STYLES - No Specific home for these yet
===================================================================*/
.breadcrumbs-wrapper {
background-color: #F2F2F2;
padding:10px;
margin:0 0 1rem 0;
}
@media only screen and (min-width:64em){
.breadcrumbs-wrapper {
margin:0 0 3rem 0;
}
}
/* ## Breadcrumb ## */
.breadcrumbs { padding:0; font-size:13px; }
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; font-weight:bold;}
.breadcrumbs .seperator {margin:0 8px; vertical-align:middle; padding:0px; display:inline-block; }
/* ## PAGE TOOLS ## */
/* Print and Email icons and wrapper */
.page-tools-wrapper {display:inline-block; margin:0;}
.page-tools-wrapper svg {
fill:#005287;
width:14px;
height:14px;
top:2px;
position:relative;
}
.page-tool { float:right; display:inline; margin:0 5px; font-size:13px; color:#005287; font-weight:500; text-decoration:none; cursor:pointer; }
@media only screen and (min-width:48em){
.page-tools-wrapper {float:right; text-align:right; margin:0 0 20px 20px;}
.page-tool {margin:0 10px;}
}
.page-tools-wrapper a {text-decoration:none; }
.page-tools-wrapper a:hover,
.page-tools-wrapper a:focus,
.page-tools-wrapper a:active {color:#005287;}
.page-tools-wrapper .addthis_toolbox { float:right; display:inline; }
.page-tools-wrapper .addthis_toolbox a,
.page-tools-wrapper .addthis_toolbox a:link,
.page-tools-wrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }
/* ## Page Heading ## */
.page-heading { margin-bottom:15px; border-bottom:1px solid #dbdbdb; }
.page-heading .title { margin:0; padding:0 0 10px; font-size:1.6em; font-weight:normal; background:none; border:0; }
/* ## Email a Friend ## */
.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }
/* ## FAQ ## */
.faq-wrapper {}
.faq-wrapper h2 {}
.faq-wrapper .category-header {}
.faq-wrapper .question-list {list-style-type:none; padding:0px; margin:0 0 20px 10px; position:relative;}
.faq-wrapper .question-list:before {position:absolute; content:''; height:100%; width:1px; left:0; top:-10px; background:#ccc;}
.faq-wrapper .question-list li {position:relative; padding:0 0 0 20px;}
.faq-wrapper .question-list li:before {position:absolute; content:''; width:10px; height:1px; left:0; top:10px; background:#ccc;}
.faq-wrapper .faq-block {}
/* =================================================================
Carousel STYLES - Slick
===================================================================*/
.carousel {margin-bottom:20px !important; }
.carousel .carousel-item {padding:0 10px;}
.carousel .slick-prev,
.carousel .slick-next {position:absolute; bottom:0px;}
.carousel .slick-prev {left:0px;}
.carousel .slick-next {right:0px;}
.carousel .slick-dots {margin:10px 0 0; padding:0px; list-style-type:none; text-align:center;}
.carousel .slick-dots li {display:inline-block; margin:0 2px;}
.carousel .slick-dots li button {text-indent:-9999em; text-align:left; display:block; width:12px; height:12px; padding:0px; background:#dddddd; border:1px solid #cccccc; -webkit-border-radius: 20px; border-radius: 20px;}
.carousel .slick-dots li.slick-active button {background:#aaaaaa;}
/* =================================================================
Responsive Tabs
===================================================================*/
.tab-module {margin:0 0 2rem 0;}
/* Tabs container */
.r-tabs {
position: relative;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
position: relative;
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
display: block;
padding: 16px 26px;
text-decoration: none;
background:#cccccc;
border:1px solid #cccccc;
border-bottom:0px;
position:relative;
bottom:-1px;
border-radius:0 10px 0 0;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
background:#ffffff;
}
/* Tab panel */
.r-tabs .r-tabs-panel {
border-top:1px solid #ccc;
}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
display: inline-block;
padding: 10px 32px 10px 12px;
text-decoration: none;
background:#cccccc;
border:1px solid #cccccc;
border-bottom:0px;
position:relative;
bottom:-5px;
margin:0 0 4px;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
border-radius:0 10px 0 0;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {position:absolute; content:''; right:10px; top:15px; border-top:10px solid #aaaaaa; border-left:9px solid transparent; border-right:9px solid transparent;}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background:#ffffff;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {border-top:0px; border-bottom:10px solid #aaaaaa; border-left:9px solid transparent; border-right:9px solid transparent;}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
opacity: 0.5;
}
.r-tabs .r-tabs-nav {
margin: 0;
padding: 0 0 0 20px;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel {
padding-top: 32px;
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: block;
position:relative;
}
.r-tabs .r-tabs-accordion-title:after {
content:"";
width:100%;
position:absolute;
height:1px;
bottom:-1px;
background:#cccccc;
left:0;
}
}
/* =================================================================
THIRD PARTY STYLES
===================================================================*/
/* =================================================================
PRINT STYLES
===================================================================*/
@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #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; }
}
/* ## Button Styles ## */
.btn-wrapper { display:inline-block; text-decoration:none !important; }
.btn, a.btn {
font-size: 12px;
font-weight: 900;
display:inline-block;
margin:0;
padding:14px 40px;
color: #003865;
background:transparent;
border: 3px solid #00A3E0;
border-radius: 25px;
text-transform:uppercase;
text-align:center;
text-decoration:none;
cursor:pointer;
overflow:visible;
min-width:160px;
}
.btn.theme1 {
color:#454545;
border-color:#454545;
}
.btn:hover,
.btn:focus {background:#003865; color:#fff; border-color:#003865;}
.btn-alt .btn {color:#666666; background-color:#cccccc ; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}
.btn-large .btn {padding:5px 10px; font-size:1.4em;}
.btn-full-width {display:block;}
.btn-full-width .btn {display:block; padding-left:0; padding-right:0; }
.btn-full-width input.btn { width:100%; }
/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */
.btn-wrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }
/* ## Site Icons ## */
.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px; vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }
/* ## truncate styling ## */
.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}
/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.table-wrapper {overflow:auto; }
.data-table {
widtH:100%;
display: table;
border-collapse:collapse;
margin-bottom:20px;
}
.data-table tr:nth-child(odd) {background:#f2f2f2;}
.data-table th {background:#003865; padding:6px 15px; font-size:1em; border:1px solid #003865; border-bottom:3px solid #00b1df; color:#fff;}
.data-table th a {color:#fff; text-decoration:underline;}
.data-table td {vertical-align:top; padding:6px 15px !important; border:1px solid #E1E1E1;}
.data-table td td {border-style:none;}
/* ## NEW Limit Text Box ## */
.limitTextBox {width:100% !important; margin:0 0 1em;}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; }
.limitTextBoxBarWrpr {
width:100%;
border:0px solid #000;
overflow:hidden;
font-size:9px;
color:#000;
white-space:nowrap;
height:5px;
background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { vertical-align:top; margin:0px !important;}
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }
/* =================================================================
Media Queries
===================================================================*/
.responsive-table td {padding:0 20px 5px 0; vertical-align:top;}
/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
.responsive-table,
.responsive-table thead,
.responsive-table tbody,
.responsive-table tr,
.responsive-table td {
display:block;
width:100%;
}
.responsive-table tr {}
.responsive-table th {display:none;}
.responsive-table td {border-style:none;}
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
/* Content and layout modifiers */
.d-align-right {text-align:right;}
.d-align-left {text-align:left;}
/* ==========================================================================
Layouts
========================================================================== */
.table-layout {display:table; width:100%; table-layout:fixed;}
.table-layout .table-cell {display:table-cell; vertical-align:middle;}
.table-layout .table-cell .inner {display:inline-block; width:100%; max-width:40em; /* half of container width */}
.table-layout .table-cell:first-child {text-align:right;}
.table-layout .table-cell:first-child .inner {text-align:left;}
.table-layout.full-width .table-cell .inner {max-width:2000px;}
}
/* ## Site Header ## */
.site-header {
position:relative;
z-index:1000;
margin:0;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}
/* static containers to account for header buttons on mobile - allows absolute positioning to the header */
.site-header .container, .site-header [class*="grid-"] {position:static;}
.site-header .header-top {
background:#fafafa;
padding:10px 20px;
color:#171717;
position:relative;
}
.site-header .header-top .follow-us {
display:inline-block;
}
.site-header .header-top .follow-us a {
margin:0 5px;
height:20px;
top:4px;
position:relative;
}
.site-header .header-top .follow-us svg.icon {
width:20px;
height:20px;
fill:#828894;
}
.site-header .header-top .follow-us a:hover svg,
.site-header .header-top .follow-us a:focus svg {
fill:#0079bb;
}
.header-links {text-align: right;}
.header-links a {color:#171717; font-size:14px; margin: 0 1rem; text-decoration: none; display:none; text-transform:uppercase;}
.header-links .sep {display:none;}
.header-links a:hover, .header-links a:focus, .header-links a:active {text-decoration: underline; }
.header-links .welcome {font-size:14px; margin: 0 1rem; text-transform:uppercase; display:none;}
.header-links .welcome span {font-weight:normal;}
.site-search {display:none; padding:13px; background:#003865; position:relative;}
.search-trigger {position:absolute; bottom:-70px; right:20px; padding:0; color:#003865; z-index:2; text-align:center; cursor:pointer; background:transparent !important; border-style:none; }
.search-trigger svg {width:28px; height:24px; vertical-align:bottom;}
.search-trigger + .search-trigger {display:none;}
.search-active .search-trigger {display:none;}
.search-active .search-trigger + .search-trigger {display:inline-block;}
.search-active .search-trigger:before {
content:"";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid white;
position:absolute;
top:-20px;
right:5px;
}
.site-search .search-trigger:hover, .site-search .search-trigger:focus, .search-active .site-search .search-trigger {background:#111;}
.site-search .search-trigger > * {padding-top:9px; display:inline-block; width:36px; height:36px;}
.search-active .site-search {display:block;}
.site-search .formee input[type="text"] {margin:0px; background:transparent !important; color:#fff !important; font-size:24px; border-style:none; font-weight:300;}
.site-search .btn-search {position:absolute; right:10px; top:0px; height:100%; width:30px; background:transparent url(/cms/images/icon-search-active.png) no-repeat 50% 50%; border-style:none; text-indent:-999rem;}
.site-header .header-bottom {text-align:center;}
.site-header .header-bottom p {margin:0;}
.site-header .header-bottom a.site-logo {
display:inline-block;
text-align:center;
margin:10px auto;
width:200px;
}
.site-header .header-bottom a.site-logo svg.icon {
width:238px;
height:80px;
max-width:100%;
}
@media only screen and (max-width:63.9em){
.header-bottom [class*="grid-"] {width:100%;}
.site-header .header-top {padding:0;}
.site-header .header-top .follow-us {display:none;}
}
@media only screen and (min-width:64em){
.site-header .container, .site-header [class*="grid-"] {position:relative;}
.site-header .header-bottom {text-align:left;}
.site-header .header-bottom a.site-logo {width:238px; margin:20px 0;}
.header-links a,
.header-links .welcome {display:inline-block;}
.header-links .sep {display:inline-block;}
.search-trigger {position:static; bottom:auto; right:auto; }
}
.login-bar {display:none; padding:13px; background:#003865; color:#3978AC;}
.login-active .login-bar {display:block;}
.login-bar .formee label {color:#fff; font-weight:300; font-size:24px;}
.login-bar .formee .save-login {color:#fff; font-size:16px; text-transform:none;}
.login-bar .btn {color:#fff; padding:10px 40px;}
.login-bar a {color:#fff;}
.login-bar input {margin-bottom:0 !important;}
.login-trigger {position:relative;}
.login-active .login-trigger:before {
content:"";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid white;
position:absolute;
top:-25px;
right:14px;
}
@media only screen and (min-width:64em){
.login-bar .formee {display:table; width:100%;}
.login-bar .formee > div {display:table-cell; vertical-align:middle; padding:0 10px;}
.login-bar input {margin-bottom:0 !important;}
}
.main-content {
display:block;
}
.interior .main-content {
padding:0 0 2rem 0;
}
.note {white-space:nowrap;}
/* ## footer ## */
.footer {background:#fafafa; color:#113363; padding:2rem 0; text-align:center;}
.footer .follow-us-title {font-weight:900; text-transform:uppercase; font-size:14px; }
.footer .follow-us a {text-decoration:none; color:#113363; display:inline-block; margin:0 13px;}
.footer .follow-us svg.icon {
width: 36px;
height: 36px;
fill:#113363;
}
.footer .follow-us a:hover svg,
.footer .follow-us a:focus svg {fill:#0079bb;}
.footer-links {font-family: 'Roboto', sans-serif; margin:0 0 15px; text-transform:uppercase;}
.footer-links ul {margin:0px; padding:0px; list-style-type:none;}
.footer-links ul li {display:inline-block; margin:0;}
.footer-links ul li:after {
content:"|";
margin:0 10px;
}
.footer-links ul li:last-child:after {display:none;}
.footer-links a {text-decoration:none; color:#113363;}
.footer-links a:hover,
.footer-links a:focus {text-decoration:underline;}
.copyright {font-family: 'Roboto', sans-serif; font-size:14px;}
.footer .follow-us-title,
.footer .follow-us,
.footer-links {margin-bottom:1.4rem;}
.under-header > div {
margin:0 0 1rem 0;
}
.under-header h1 {
font-size:1.2rem;
text-transform:none;
}
.under-header p {
font-size:1.4rem;
}
@media only screen and (min-width:48em){
.under-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
justify-content: center;
}
.under-header > div {
margin:0 2% 0 2%;
width:45%;
}
.under-header > div:first-child {
width:100%;
}
.under-header h1 {
font-size:28px;
}
.under-header p {
font-size:24px;
}
}
@media only screen and (min-width:80em){
.under-header {
flex-wrap: nowrap;
-ms-flex-wrap:nowrap;
}
.under-header > div {
width:auto;
margin:0 3% 0 0;
}
.under-header > div:first-child {
width:100%;
}
}
.slideshow-container {
max-width:1610px;
}
.color-boxes > div {
color:#fff;
padding:40px;
margin-bottom:7px;
}
.color-boxes > div:nth-child(1){
background:#003865;
}
.color-boxes > div:nth-child(2){
background:#0c5188;
}
.color-boxes > div:nth-child(3){
background:#2771a6;
}
.color-boxes h3 {
font-weight:bold;
margin-bottom:2rem;
}
.color-boxes a {
color:#fff;
}
.color-boxes .more-link:after {
border-color:#fff;
}
@media only screen and (min-width:48em){
.color-boxes {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
width: 100%;
justify-content: center;
}
.color-boxes > div {
width:33%;
margin:0 0.3% 0 0;
}
}
.section {padding:1rem 10px;}
@media only screen and (min-width:48em){
.section {padding:3rem 10px;}
}
.events-box {
background:#0079bb;
padding:40px;
color:#fff;
margin:0 0 2rem 0;
}
.events-box a {
color:#fff;
}
.events-box .btn {
color:#fff;
}
.events-box .item-list .item,
.resources-box .item-list .item,
.news-summary .item-list .item {
border-style:none;
}
.news-summary img {border-radius:50%;}
@media only screen and (min-width:48em){
.section-events-resources {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
justify-content: center;
}
.section-events-resources > div:nth-child(1) { order: 2; width:57%;}
.section-events-resources > div:nth-child(2) { order: 1; width:43%; }
.events-box {margin-bottom:0;}
}
@media only screen and (min-width:80em){
.events-box {margin-top:-137px;}
.events-box .item-list .item,
.resources-box .item-list .item {
display:inline-block;
width:49%;
padding:0 9% 1rem 0;
border-style:none;
vertical-align:top;
}
}
@media only screen and (min-width:1500px){
.events-box {margin-top:-200px;}
}
@media only screen and (min-width:64em){
.section-successes .grid-8 {
padding-right:1.5rem;
}
}
.story {margin:0 0 2rem 0;}
.story-image {
border-radius:170px 170px 0 0;
background:#f2f2f2;
padding:13px;
text-align:center;
}
.story-image img {
border-radius:50%;
}
.story-text {
background:#f2f2f2;
padding:40px 15px;
width:100%;
}
.story-text .name {
font-weight:bold;
font-size:20px;
}
.story-text .title {
font-weight:500;
}
@media only screen and (min-width:700px){
.story {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
justify-content: center;
}
.story-image {
width:350px;
border-radius:170px 0 0 170px;
}
.story-image img {
max-width:320px !important;
width:160px;
}
}
@media only screen and (min-width:64em){
.story {margin:0;}
}
@media only screen and (max-width:63.9em){
.section-successes [class*="grid-"] {width:100%;}
}
.page-heading {
color:#fff;
padding:20px;
border-radius: 0 30px 0 0;
background: linear-gradient(270deg, #00B1DF 0%, #0C5188 50.98%, #003865 100%);
}
@media only screen and (min-width:64em){
.page-heading {
padding:20px 40px;
border-radius: 0 50px 0 0;
}
}
.item-list.resources-list {
border-bottom:1px solid #ccc;
}
.item-list.resources-list .item {
padding:1rem;
}
.item-list.resources-list .item:first-child {
border-top:1px solid #ccc;
}
.item-list.resources-list .item:nth-child(even) {
background:#f2f2f2;
}
.item-list.resources-list h3 {
font-size:20px;
}
.item-list.document-list h3 {
margin-bottom:10px;
}
.volume {
font-size:14px;
}
.author {
font-weight:500;
}
span.author + span.volume {
padding:0 0 0 12px;
margin:0 0 0 10px;
display:inline-block;
border-left:1px solid #ccc;
}
.category {
text-transform:uppercase;
font-size:13px;
margin:0;
}
.item-list.resources-list .btn {
width:100%;
margin-top:20px;
}
.item-list.resources-list .content-link {
min-width:220px;
}
@media only screen and (min-width:30em){
.item-list.resources-list .content-link {
padding-left:2rem;
}
.item-list.resources-list .btn {
margin:0;
}
}
@media only screen and (min-width:64em){
.item-list.resources-list .item {
padding:2.5rem;
}
}
.page-navigation {
margin:0 0 1rem 0;
}
.page-navigation a {
font-size:13px;
text-transform:uppercase;
display:block;
padding:5px 12px;
position:relative;
text-decoration:none;
font-weight:bold;
}
.page-navigation a:hover:before,
.page-navigation a:focus:before,
.page-navigation a.active:before {
content:'';
position:absolute;
top:0;
left:0;
width:3px;
height:100%;
background:#004c84;
}
@media only screen and (min-width:48em){
.page-navigation {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
width:100%;
justify-content: space-between;
padding:0 10px;
margin:0 auto 2rem auto;
}
.page-navigation a {
text-align:center;
display:block;
padding:20px 0px 10px 0;
}
.page-navigation a:hover:before,
.page-navigation a:focus:before,
.page-navigation a.active:before {
top:auto;
bottom:0;
height:3px;
width:100%;
}
}
@media only screen and (min-width:64em){
.page-navigation {
width:90%;
margin:0 auto 3rem auto;
}
.page-navigation a {
font-size: 16px;
}
}
.back-link {
font-size: 13px;
font-weight: bold;
}
.back-link:before {
content:"";
width:7px;
height:7px;
border-right:2px solid #003865;
border-bottom:2px solid #003865;
display:inline-block;
transform:rotate(135deg);
margin-right:10px;
}
.author-box {
margin:20px 0;
}
.author-box > div {
padding:10px 10px 10px 0;
display:inline-block;
font-weight:bold;
}
.author-box img {
display:block;
margin-bottom:10px;
}
.document-sort .title {
margin-top:37px;
font-weight:bold;
}
.date-table td {
padding:0 5px 0 7px;
}
.date-table td:first-child {
padding-left:0;
}
.date-table td label {
font-size:13px;
text-transform:none;
}
@media only screen and (max-width:29.9em){
.date-table td {
display:block;
width:100%;
padding:0;
}
}
@media only screen and (max-width:79.9em){
.filter .formee .clearfix + .clearfix .grid-4:last-child {
width:100%;
}
}
.date-table .hasDatepicker {
width:112px !important;
}
.date-table .ui-datepicker-trigger {
margin-left: 3px;
vertical-align: top;
top: 18px;
position: relative;
}
.sitemap table {
width: 100%;
table-layout:fixed;
}
.sitemap table td {
border: 10px solid #00addc;
display: block;
padding: 30px;
vertical-align: top;
}
@media only screen and (min-width:48em){
.sitemap table td {
display: table-cell;
}
}
.figure-right {display:table; float:right; margin:0 0 15px 20px; border-top:3px solid #003865; border-bottom:3px solid #003865; padding:5px 0; max-width:50%;}
.figure-left {display:table; float:left; margin:0 20px 15px 0; border-top:3px solid #003865; border-bottom:3px solid #003865; padding:5px 0; max-width:50%;}
.figure-right figcaption,
.figure-left figcaption {margin-top:5px; display:table-caption; caption-side:bottom; font-size:0.9em;}
.figure-right img,
.figure-left img {
display: block;
width: 100%;
}
@media only screen and (max-width:29.9rem){
.figure-right,
.figure-left {
float:none;
margin:0 auto 1rem auto;
max-width:100%;
text-align:center;
}
}
.hidden-info, a.hidden-info { color:#fff; background:#000; -webkit-transition: all 0s; transition: all 0s; }
.hidden-info:focus { display:block; padding:10px; width:100%; text-align:center; }
iframe {max-width:100%;}
.iframe-container,
.video-wrapper {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe,
.video-wrapper iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.boardboxAll {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
width: 100%;
}
.boardboxAll .boardbox {
width:100%;
margin-bottom:1rem;
text-align:center;
padding:1.5rem 1rem;
border:1px solid #ccc;
border-top:10px solid #014273;
border-radius: 0 20px 0 0;
}
.boardboxAll .boardbox h2 {
font-size:1.7rem;
margin-bottom:10px;
}
.boardboxAll .boardbox > a{
display: block;
max-width: 250px;
margin: 0 auto;
}
.boardboxAll .boardbox .position, .boardboxAll .boardbox p {
font-weight:bold;
text-transform:uppercase;
font-size:14px;
margin:0 0 10px 0;
}
.boardboxAll .boardbox img {
margin-bottom:1rem;
border: 1px solid;
}
.boardboxAll .boardbox p:last-child {
margin-bottom:0;
}
@media only screen and (min-width:33.75em){
.boardboxAll .boardbox {
width:48%;
margin: 5px 5px 25px;
/* margin:0 1% 1.5rem 1%; */
}
}
@media only screen and (min-width:64em){
.boardboxAll .boardbox {
width:30%;
}
}
@media only screen and (min-width:80em){
.boardboxAll .boardbox {
width:32%;
margin: 5px 5px 25px;
/* margin:0 1% 2rem 1%; */
}
}
.centennial-memory-list .item {
margin-bottom:2rem;
padding:1.5rem 1.5rem;
border:1px solid #ccc;
border-top:10px solid #014273;
border-radius: 0 20px 0 0;
}
.bio-wrapper {
display:table;
width:100%;
}
.bio-wrapper .image {
margin:0 0 20px 0;
}
@media only screen and (min-width:30em){
.bio-wrapper > div {
display:table-cell;
vertical-align:top;
}
.bio-wrapper .image {
margin:0 20px 0 0;
min-width:120px;
}
}
.footnote-num {
font-weight:bold;
color: #056EA4;
font-size: 18px;
display:block;
}
.footnote-ref, .case-comment-ref {
-moz-user-select: none;
color: #fff;
display: inline-block;
margin-left: 4px;
margin-right: 4px;
position: relative;
text-align: center;
cursor:pointer;
}
.ref-txt, .close-txt {
transition: opacity 0.2s ease-in 0s;
color: #056EA4;
font-weight: bold;
font-style:normal;
position: relative;
z-index: 10;
text-decoration:underline;
}
.article-aside {
display:none;
font-style:normal;
}
.mfp-hide {
display: none !important;
}
.mfp-inline-holder .mfp-content {
position: relative;
background:#FFF;
padding: 70px 35px;
max-width: 90% !important;
width:530px !important;
margin: 20px auto;
font-size: 14px;
}
.mfp-content .article-aside {
opacity: 1 !important;
display:block;
}
.small-caps {
font-variant:small-caps;
}
/* =================================================================
ADMIN buttons fix , module with no height
===================================================================*/
.modulePanel a, .modulePanel a:link, .modulePanel a:visited {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.overlayModulesWrprBrdr div.modulePanel {
margin-right:7px;
}
.portlet-content-overlay {min-height:40px;}
.cookie-popup .mfp-content {
position:absolute;
top:0;
left:0;
width:100% !important;
max-width:100% !important;
margin:0;
background:#003865;
color:#fff;
text-align:center;
}
.cookie-popup .mfp-content a {
white-space:nowrap;
color:#fff;
}
.cookie-popup .mfp-close {
color:#fff !important;
}
.cookie-popup .mfp-content #popup {
max-width: 93.750em;
margin:0 auto;
}
@media only screen and (min-width:48em) and (max-width:79.9em) {
.main-content .grid-9.push-3 {width: 66.666%; left: 33.333%;}
.main-content .grid-3.pull-9 {width: 33.333%; left:-66.666%;}
}
.swap {font-size:14px;}
.navigation-flex ul{
display: flex; flex-direction: column;
background-color: #fff;
list-style: none;
justify-content: space-around; padding: 0;
}
.navigation-flex li{
padding: 0.8rem 0.5rem;
}
.navigation-flex li a{
display: inline-block;
text-decoration: none;
font-size: 16px;
line-height: 19px;
font-weight: 400;
color: #003865;
padding: 0rem 0.5rem;
text-transform: uppercase;
}
.navigation-flex .active a{border-left: 3px solid #005288;font-weight: 600;}
.news-cards ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center; flex-wrap: wrap;
}
.news-cards li{
display: flex; align-items: center; justify-content: center; flex-direction: column;
background: #0C5188; margin: 5px; text-align: center; cursor: pointer;
transition: all .3s ease-in-out;
padding: 35px 10px;
width: 100%;
}
.news-cards li h3{
font-size: 20px;
line-height: 28px;
font-weight: 900;
color: #FFFFFF; padding: 0 5rem; margin: 0;
text-align: center;
}
@media screen and (min-width: 50em){
.news-cards li h3{
font-size: 24px;
}
.news-cards li{
width: 32%;
height: 260px;
display: flex; align-items: center; justify-content: center; flex-direction: column;
background: #0C5188; margin: 5px; text-align: center;
padding: 0 2rem; cursor: pointer;
transition: all .3s ease-in-out;
}
}
.news-cards-content{
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.news-cards-content p{
color: #014B7E;
font-size: 16px;
line-height: 19px;
}
.news-cards-content a{
display: inline-block;
font-size: 12px;
line-height: 15px;
color: #003865;
font-weight: 900;
text-transform: none;
text-decoration: none;
border: 3px solid #00A3E0;
border-radius: 24px;
padding:.9rem 2.8rem;
}
.news-cards li:hover{
box-shadow: 0 16px 40px 0 rgb(0 0 0 / 35%);
background: #FFFFFF !important;
}
.news-cards li:hover h3{
color: #2771A6; margin-bottom: 15px;
}
.news-cards li:hover .news-cards-content{
width: auto;
height: auto;
position: static;
overflow: auto;
}
.news-items{
margin-right: auto;
margin-left: auto;
background: #fff;
position: relative;
min-height: 50px;
}
.news-items h2{
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
font-size: 20px;
line-height: 23px;
font-weight: 600;
}
.news-item{
width: 100%;
display: inline-block;
text-align: center;
padding: 0 1rem;
}
.news-item svg, .news-item img{margin-bottom: 20px; transition: transform .4s ease-in-out;}
.news-item svg:hover, .news-item img:hover{transform: rotateY(180deg);}
.news-item h4{color: #014273;
font-size: 20px;
line-height: 27px;
font-weight: 600;}
.news-item p{color: #444444;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;}
.news-item a{font-size: 12px;
line-height: 15px;
color: #003865;
font-weight: 900;
text-transform: none;
text-decoration: none;
border: 3px solid #00A3E0;
border-radius: 24px;
padding: .9rem 2.8rem;
display: block;
margin-bottom: 3rem;}
.banner-container{padding: 0 1em;}
@media screen and (min-width: 50em){
.news-items h2{
font-size: 32px;
line-height: 38px;
}
.news-item{
width: 33%;
}
.news-items{
width: 95%;
position: relative;
top: -160px;
margin-bottom: -110px;
}
.news-item a{
display: inline-block;
}
.banner-container{padding: 0;}
.navigation-flex ul{
flex-direction: row;
background-color: #f2f2f2;
}
.navigation-flex li{
padding: 0;
}
.navigation-flex li a{
padding: 0.8rem 0.5rem;
text-transform: initial;
}
.navigation-flex .active a{border-bottom: 3px solid #005288;font-weight: 600;border-left: 0;}
}
.filter .date-table .ui-datepicker-trigger {
top: 0px;
}